@charset "utf-8";

/******************************************

css 読み込み順

*******************************************/

/*
'normalize.css';
'default.css'
'module.css'
'print.css'
'article.css'
'en_top.css'
'frontrunner_detail.css'
'frontrunners.css'
'news.css'
'research_detail.css'
'research_people.css'
'top.css'
'font-awesome.css'
*/

/* ----------------------------------------
 ----------------------------------------

↑↓の中にCSSの名前記載

----------------------------------------
---------------------------------------- */


/* ----------------------------------------
 ----------------------------------------

- normalize.css

----------------------------------------
---------------------------------------- */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  color: #000;/*add*/
}
body {
  line-height: 1.5;/*add*/
  font-size: 13px;/*add*/
  *font-size:small; /* for IE6/7 */
  *font:x-small; /* for IE in quirks mode */
}
a { background-color: transparent;}
a:active,a:hover { outline: 0;}
img { border: 0;}
b,strong { font-weight: bold;}
table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%; /*add*/
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, th, td, figure, figcaption,code
{ margin: 0; padding: 0;}/*add*/


/* ================ HTML5 ================ */
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary
{ display: block;}
audio,canvas,progress,video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],template { display: none;}
svg:not(:root) { overflow: hidden;}


/* ================ Forms ================ */
button,input,optgroup,select,textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button { overflow: visible;}
button,select { text-transform: none;}

/*changed! */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: none;
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}
button[disabled],
input[disabled] { cursor: default;}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input { line-height: normal;}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: none;/*changed*/
  margin: 0;/*changed*/
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea { overflow: auto;}
optgroup { font-weight: bold;}


/* ================ OTHER ================ */
sub,sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup { top: -0.5em;}
sub { bottom: -0.25em;}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre { overflow: auto;}
code,kbd,pre,samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* ================ add ================ */
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul { list-style: none;}
caption, th { text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
label { cursor: pointer;}
/*input { outline: none; }*/

/* because legend doesn't inherit in IE
------------------------------- */
legend {
  color: #333;
}
input, button, textarea,
select, optgroup, option {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
}

/* @purpose To enable resizing for IE
 * @branch For IE6-Win, IE7-Win
------------------------------- */
input, button,
textarea, select {
  *font-size:100%;
}
/* Font for IE8
------------------------------- */
html>/**/body {
  font-size /*\**/: small\9;
}












/* ----------------------------------------
 ----------------------------------------

- default.css

----------------------------------------
---------------------------------------- */


/******************************************
各ページ共通のスタイルを定義
*******************************************/

/* ----------------------------------------

再定義

---------------------------------------- */
html {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}
@media all and (min-width:768px){
    html {
        position: static!important;
    }
}
body {
    height: 100%;
    line-height: 1.67;
    background-color: #fff;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    font-weight: 500;
    color: #333;
    word-break: normal;
}
  body.en {
    font-family: sans-serif,"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", ;
    word-break: normal;
  }

body * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
a {
    color: #000;
    -webkit-transition: .15s; transition: .15s;
}
a:hover,
a:visited:hover {
    text-decoration: none;
}
img {
    vertical-align: bottom;
    max-width: 100%;
    height: auto;
}
img[src$=".svg"] {/* for win7 ie11 */
    width: 100%;
    height: auto;
}
table {
    table-layout: fixed;
}
input,select,textarea {
    max-width: 100%;
}
input[type="button"],select{cursor: pointer;/*outline: none;*/}
:focus::-webkit-input-placeholder {color: transparent;}/* Webkit */
:focus:-moz-placeholder {color: transparent;}/* Firefox 18 以前 */
:focus::-moz-placeholder {color: transparent;}/* Firefox 19 以降 */
::-webkit-input-placeholder {color: #888; opacity: 1;}
:-moz-placeholder {color: #888; opacity: 1;}
::-moz-placeholder {color: #888; opacity: 1;}
input[type="submit"],
input[type="button"] {
    -webkit-appearance: button;
    appearance: button;
}
input[type="text"],input[type="email"],input[type="password"],input[type="tel"],textarea {
    -webkit-appearance: none; 
    border-radius: 0;
    outline: none;
}
select {
    /*outline: none;*/
}
body ::-webkit-scrollbar { width: 12px;}
body ::-webkit-scrollbar-track { background: #f1f1f1;}
body ::-webkit-scrollbar-thumb,
body ::-webkit-scrollbar-thumb:window-inactive { background: #bcbcbc;}
@media screen and (max-width:767px){
    body ::-webkit-scrollbar { width: 8px;}
}

@media all and (min-width:768px){
    a[href^="tel:"] {
        cursor: default;
        text-decoration: none;
        pointer-events: none;
        display: inline-block;/*for ie11*/
    }
}
@media screen and (max-width:767px){
    body {
        line-height: 1.464;
    }
    input,select,textarea {
        font-size: 114.3%;
    }
}


/* ----------------------------------------

container

---------------------------------------- */
#container {
    margin: 0 auto;
    height: 100%;
    /*font-size: 100%;  fontsize 13px */
    font-size: 107.7%; /* fontsize 14px */
    /*min-width: xxxxpx;*/
}
@media screen and (max-width:767px){
    #container {
        min-width: inherit;
    }
}

/*
**
子要素のフォントサイズ指定は以下を参照
http://bueltge.de/test/emchart.html
例)
基準フォントサイズが13pxで、
特定の要素を12pxにしたい時は92.4%と指定
**
*/

/* ----------------------------------------

header

---------------------------------------- */
#header {
    position: relative;
    z-index: 5;
    background: #fff;
    border-bottom: 1px solid #ccc;
    min-width: 1225px;
}

.headerInner {
    width: 1225px;
    height: 152px;
    margin: 0 auto;
    position: relative;
}
.headerInner .siteID {
    width: 391px;
    position: absolute;
    top: 32px;
}
.headerInner .headerNav {
    position: absolute;
    right: 0;
    top: 20px;
    display: flex;
}
#tmpFuncClr {
    font-size: 107.2%;
    display: flex;
    padding-top: 5px;
}
#tmpFuncClr dt {
    line-height: 26px;
    color: #000!important;
}
#tmpFuncClr dd {
    margin-left: 5px;
}
#tmpFuncClr dd a {
    display: inline-block;
    height: 26px;
    width: 26px;
    border-radius: 3px;
    line-height: 26px;
    text-decoration: none;
    text-align: center;
}
#tmpFuncClr dd #tmp_color_default {
    background: #004ea2;
    color: #fff;
    width: 45px;
}
#tmpFuncClr dd #tmp_darkblue {
    background: #0000ff;
    color: #ffff00;
}
#tmpFuncClr dd #tmp_yellow {
    background: #ffff00;
    color: #000;
}
#tmpFuncClr dd #tmp_black {
    background: #000;
    color: #ffff00;
}
#header .link02 {
    display: inline-block;
}
#header .link02 {
    position: relative;
    padding-left: 10px;
}
#header .link02:last-child {
    margin-left: 16px;
}
#header .link02:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\f105";
    font-family: FontAwesome;
    color: #676968;
    margin-right: 5px;
}
_:-ms-lang(x)::-ms-backdrop, #header .link02 .blank_sp img {
    bottom: 0;
}

.footerRow01 dl dd span.blank_sp {
    position: relative;
}
.headerNav .btnFaculty {
    line-height: 35px;
    margin-left: 30px;
    margin-right: 234px;
}
.headerNav .btnFaculty a {
    margin-right: 10px;
}

.headerNav .btnFaculty a:hover,
.headerNav .btnFaculty a:visited:hover {
    text-decoration: none;
}
.headerNav .btnFaculty a:last-child{
    margin-right: 0;
}
.headerNav .btnFaculty dd:before {
    content: "\f105";
    font-family: FontAwesome;
    color: #676968;
    margin-right: 5px;
}
.bdtop {
    display: block;
    width: 100%;
    min-width:1225px;
    height: 5px;
    background: -moz-linear-gradient(left, #ff99cc, #8b6dfa);
    background: -webkit-linear-gradient(left, #ff99cc, #8b6dfa);
    background: linear-gradient(to right, #ff99cc, #8b6dfa);
}
.btnLangWrap {  
    position: relative;
    width: 1225px;
    margin: 0 auto;
    display: block;
}
.btnLang {
    position: absolute;
    top: 20px;
    right:0;
    z-index: 6;
    display: flex;
    flex-direction: row-reverse;
}
.btnLang a {
    display: inline-block;
    width: 102px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    text-decoration: none;
    background: #efefef;
    color: #000;
    font-size: 107.2%;
    text-decoration: underline;
}
.btnLang a.active {
    background: #676968;
    color: #fff;
    pointer-events:none;
    text-decoration: none;
}

.en .btnLang li.en a {
    position: absolute;
    right: 102px;
}
.en .btnLang li.ja a {
    position: absolute;
    right: 0;
}
.globalNav {
    position: absolute;
    right: 0;
    bottom: -1px;
}
.globalNav ul {
    display: flex;
}
.globalNav ul li {
    vertical-align: bottom;
}
.globalNav ul li a {
    text-decoration: none;
    font-weight: 700;
    font-size: 107.2%;
    display: block;
    padding: 22px 15px 20px;
    height: 70px;
}
.globalNav ul li:last-of-type a{
    padding: 20px;  
}
.globalNav ul li a:before {
    content: "\f107";
    font-family: FontAwesome;
    margin-right: 10px;
    font-weight: normal;
    color: #676968;
}
.globalNav ul li:last-of-type a:before {
    display: none;
}
.globalNav ul a img {
    width: 21px;
    height: 21px;
}
_:-ms-lang(x)::-ms-backdrop, .globalNav ul a img {
    width: 22px;
}
.globalNav ul li a:hover {
    opacity: .5;
}
.globalNav ul li a.active {
    /*background: #f1f1f1;*/
    opacity: 1!important;
}
.globalNav ul li a.active:before {
    content: "\f106";
}

.megamenu {
    width: 100%;
    position: absolute;
    background: #f1f1f1;
    padding: 30px 0 10px;
    display: none;
}
/*.megamenu ul {
    font-size: 0px;
}*/
.megamenu ul li {
    display: inline-block;
    font-size: 93.3%;
    width: 20%;
    vertical-align: top;
    margin: 0 0 15px;
}
/*
.megamenu ul li a {
    text-decoration: none;
}
.megamenu ul li a:hover {
    opacity: .5;
}
.megamenu ul li a:before {
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 5px;
}*/
.megamenu06 {
    padding-bottom: 30px;
}

@media print, screen and (min-width:768px){
    .spHeaderBtn {display: none!important;}
    #spNav {display: none!important;}

}
@media screen and (max-width:767px){
    #header{
        min-width: inherit;
       border-bottom: none;
    }
    .spHeaderBtn {
        position: absolute;
        right: 0;
        top: 5px;
        display: flex;
        border-left: 1px solid #c5c7c6;
        z-index: 6;
    }
    .spHeaderBtn li a {
        display: block;
        height: 55px;
        width: 55px;
        box-sizing: border-box;
        text-decoration: none;
        line-height: 1;
    }
    .spHeaderBtn li #btnSpLang {
        text-align: center;
        font-size: 92.30%;
        padding-top: 10px;
    }
    .spHeaderBtn li #btnSpLang:before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        background: url(/content/000010632.png);
        background-size: cover;
        margin-bottom: 3px;
    }

    .spHeaderBtn li #btnSpNav {
        background: #000;
        position: relative;
    }
    .spHeaderBtn li #btnSpNav div {
        position: absolute;
        width: 21px;
        height: 15px;
        top: 21px;
        left: 17px;
    }
    .spHeaderBtn li #btnSpNav span {
        display: block;
        width: 100%;
        height: 1px;
        background: #fff;
        position: absolute;
        transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1);
    }
    .spHeaderBtn li #btnSpNav .btnSpNavLine01 {top: 0;}
    .spHeaderBtn li #btnSpNav .btnSpNavLine02 {top: 7px;}
    .spHeaderBtn li #btnSpNav .btnSpNavLine03 {bottom: 0;}

    .spHeaderBtn li #btnSpNav.active .btnSpNavLine01{transform: rotate(-225deg); -webkit-transform: rotate(-225deg); top: 7px;}
    .spHeaderBtn li #btnSpNav.active .btnSpNavLine02{opacity: 0;}
    .spHeaderBtn li #btnSpNav.active .btnSpNavLine03{transform: rotate(225deg); -webkit-transform: rotate(225deg); bottom: 7px;}
    .headerInner {
        width: auto;
        height: 55px;
    }
    .headerInner .siteID {
        width: 230px;
        left: 5px;
        top: 50%;
        -webkit-transform: translateY(-50%); /* Safari用 */
        transform: translateY(-50%);

    }
    .headerInner .headerNav {
        display: none;
    }
    .bdtop {
        min-width: auto;
    }
    .btnLangWrap {
        width: auto;
    } 
    .btnLang {
        display: none;
    }
    .globalNav {
        display: none;
    }
    .megamenu {
        display: none!important;
    }

    #spNav {
        width: 100%;
        background: #fff;
        position: absolute;
        width: 100%;
        height: calc(100% - 60px);
        overflow-y: auto;
        z-index: 5;
        top: 60px;
        display: none;
    }
    #spNav .spSearch {
        background:-webkit-gradient(radial, center center, 0, center center, 100, from(#f8f8f8), to(#d9d9d9));
        background:-moz-radial-gradient(center, circle cover, #f8f8f8, #d9d9d9);
        background:radial-gradient(#f8f8f8, #d9d9d9);
        padding: 20px;
    }
    #spNav .spSearch table td {
        padding: 0;
        border: none;
    }
    #spNav .spSearch table td.gsib_a {
        padding: 5px 9px 4px 9px;
    }
    #spNav a {
        text-decoration: none;
    }#spNav .spSearch .gsc-search-box {
        width: auto;
    }
    #spNav .spSearch .gsc-search-box-tools .gsc-search-box td.gsc-input .gsc-input-box {
        display: inline-block;
        -webkit-appearance: none;
        width: 100%;
        border-radius: 0;
        outline: none;
        border: none;
        background: #fff;
        padding: 0;
        box-sizing: border-box;
        height: 40px;
        vertical-align: top;
    }
    #spNav .spSearch .gsc-search-box-tools .gsc-search-box td.gsc-input .gsc-input-box {
        border-radius: 0;
    }
    #spNav .spSearch td button.gsc-search-button {
        width: 40px;
        height: 40px;
        background: #000;
        border-radius: 0;
        vertical-align: top;
        border: none;
    }
    #spNav .spSearch td .gsst_a {
        display: none;
    }
    .spNav01 > li {
        border-bottom: 1px solid #ccc;
    }
    #spNav .spNav01 ul {
        margin-bottom: 0;
        margin-left: 0;
    }
    #spNav .spNav01 ul li {
        list-style-type: none;
        margin-bottom: 0;
    }
    .spNav01 > li > a {
        padding: 13px 15px;
        display: block;
        font-weight: 700;
        position: relative;
    }
    .spNav01 > li > a:after {
        content: "\f107";
        font-family: FontAwesome;
        position: absolute;
        right: 15px;
        top: 50%;
        -webkit-transform:translate(0, -50%); transform:translate(0, -50%);
        font-weight: normal;
        font-size: 128.6%;
    }
    .spNav01 > li > ul {
        border-top: 1px solid #ccc;
        background: #efefef;
        display: none;
    }
    .spNav01 > li > ul > li {
        border-bottom: 1px solid #fff;
    }
    .spNav01 > li > ul > li:last-of-type {
        border: none;
    }
    .spNav01 > li > ul > li > a {
        padding: 10px 15px;
        display: block;
        font-size: 92.9%;
    }
    .spNav01 > li > ul > li > a:before {
        content: "\f105";
        font-family: FontAwesome;
        margin-right: 5px;
    }
    #spNav .spNav01 ul li span.blank_sp,
    #spNav .spNav01 ul li.newWindow {
        position: relative;
    } 
    .spNav02 {
        padding: 20px 15px 0 20px;
    }
    .spNav02 li {
        box-sizing: border-box;
    }
    .spNav02 li a {
        display: block;
        height: 43px;
        text-align: center;
        box-sizing: border-box;
        border: 1px solid #000;
        border-radius: 21px;
        line-height: 41px;
    }
    .spNav02 li a:nth-of-type(1) {
        margin-bottom: 15px;
    }
    .spNav02 li:nth-of-type(2),
    .spNav02 li:nth-of-type(3) {
        display: inline-block;
        width: 50%;
    }
    .spNav02 li:nth-of-type(2) {
        padding-right: 7px;
    }
    .spNav02 li:nth-of-type(3) {
        padding-left: 7px;
    }
    .spNav02 li:nth-of-type(2) a,
    .spNav02 li:nth-of-type(3) a {
        background: #000;
        color: #fff;
    }
    .spNav03 {
        border-top: 1px solid #ccc;
    }
    .spNav03 li {
        border-bottom: 1px solid #ccc;
        box-sizing: border-box;
        display: inline-block;
        width: 100%;
    }
    .spNav03 li:nth-of-type(7),
    .spNav03 li:nth-of-type(8) {width: 50%;}
    .spNav03 li:nth-of-type(7) {
        border-right: 1px solid #ccc;
    }
    .spNav03 li a {
        display: block;
        padding: 10px 15px;
        font-size: 92.9%;
    }
    .spNav03 li a:before {
        content: "\f105";
        font-family: FontAwesome;
        margin-right: 5px;
    }
}

/* noscript
------------------------------- */
#noscript {
    margin-bottom: 15px;
    padding: 0.5em 1em;
    border: 2px solid #ccc;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* ----------------------------------------

content

---------------------------------------- */
#content {
    position: relative;
    z-index: 1;
    min-width: 1225px;
}
@media screen and (max-width:767px){
    #content {
        min-width: inherit;
    }
}

/* topicPath
------------------------------- */
#topicPath {
}
#topicPath li {
    display: inline;
    padding-right: 4px;
}
#topicPath li:before {
    content: '＞';
    margin-right: 5px;
    font-size: 69.2%;
    vertical-align: middle;
}
#topicPath li#topPage {
    padding-left: 0;
    background: none;
}
#topicPath li#topPage:before {
    content: none;
}
@media screen and (max-width:767px){
    #topicPath ol {
        padding-right: 10px;
        padding-left: 10px;
    }
}


/* ----------------------------------------

content - main

---------------------------------------- */
#main {
}


/* ----------------------------------------

content - sub

---------------------------------------- */
#sub {
}


/* ----------------------------------------

footer

---------------------------------------- */
#footer {
    position: relative;
}
.footerRow01 {
    padding: 50px 0;
}
.footerRow01 dl {
    float: left;
    margin-right: 50px;
}
.footerRow01 ul {
    float: right;
}
.footerRow01 dl:nth-of-type(1),
.footerRow01 dl:nth-of-type(2){
    width: 210px; 
}
.footerRow01 dl:nth-of-type(3){
    width: 160px; 
}
.footerRow01 dl:nth-of-type(4){
    width: 190px; 
}
.footerRow01 dl dt {
    border-bottom: 1px solid #d8d9d9;
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.footerRow01 dl dt {
    position: relative;
}
.footerRow01 dl dt:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    font-weight: normal;
    right: 0;
    text-decoration: none;
}
.footerRow01 dl dd,
.footerRow01 ul li {
    margin-bottom: 3px;
}
.footerRow01 dl dd,
.footerRow01 ul li {
    font-size: 92.9%;
    display: block;
    padding-left: 1em;
    text-indent: -0.7em;
}
.footerRow01 dl dd:before,
.footerRow01 ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 5px;
    text-decoration: none;
}
.footerRow02 .box01 {
    border-top: 1px solid #d8d9d9;
    position: relative;
    height: 80px;
}
.footerRow02 .colL {
    position: absolute;
    display: flex;
    left: 0;
    top: 50%;
    -webkit-transform:translate(0, -50%); transform:translate(0, -50%);
}
.footerRow02 .colL li {
    margin-right: 20px;
}
.footerRow02 .colL li a img {
    width: 30px;
    height: 30px;
}
.footerRow02 .colR {
    position: absolute;
    right: 0;
    top: 23px;
    display: flex;
}
.footerRow02 .colR .access {
    line-height: 34px;
    margin-right: 30px;
}
.footerRow02 .colR .access a {
    text-decoration: none;
}
.footerRow02 .colR .access a:before {
    content: "\f105";
    font-family: FontAwesome;
    color: #000;
    margin-right: 5px;
}
.footerRow03 {
    height: 60px;
    background: #58595b;
    color: #fff;
    position: relative;
    font-size: 92.9%;
    overflow: hidden;
}
.footerRow03 .box01 {
    position: relative;
}
.footerRow03 ul {
    display: flex;
}
.footerRow03 ul li {
    margin-right: 30px;
    line-height: 60px;
}
.footerRow03 ul li a {
    color: #fff;
    text-decoration: none;
}
.footerRow03 ul li a:before {
    content: "\f105";
    font-family: FontAwesome;
    color: #fff;
    margin-right: 5px;
}
.footerRow03 small {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform:translate(0, -50%); transform:translate(0, -50%);
}
@media screen and (max-width:767px){
    .footerRow01,
    .footerRow02 {
        display: none;
    }
    .footerRow03 {
        height: auto;
        padding: 15px 0;
    }
    .footerRow03 ul {
        display: none;
    }
    .footerRow03 small {
        display: block;
        position: static;
        -webkit-transform:translate(0, 0); transform:translate(0, 0);
        text-align: center;
        line-height: 1.3;
    }   
}

/* pagetop
------------------------------- */
#pagetop {
    z-index: 100;
    position: fixed;
    right: 20px;
    bottom: 20px;
    opacity: 0; 
    pointer-events: none;
    background: #fff;
}
#pagetop a {
    display: block;
    position: relative;
    width: 60px; 
    height: 60px;
/*  background: -moz-linear-gradient(-50deg, #2bbaa1, #2b97f2);
    background: -webkit-linear-gradient(-50deg #2bbaa1, #2b97f2);
    background: linear-gradient(-50deg, #2bbaa1, #2b97f2);
    color: #fff;*/
    text-decoration: none;
    text-align: center;
    line-height: 52px;
    font-size: 214.3%;
}
#pagetop a:hover {
    opacity: .7;
}
#pagetop.active{pointer-events: auto; opacity: 1;}

@media screen and (max-width:767px){
    #pagetop {
        right: 15px;
        bottom: 13px;
    }
    #pagetop a {
        width: 40px; 
        height: 40px;
        line-height: 36px;
        font-size: 142.9%;
    }
    
}


/* ----------------------------------------

clearfix

---------------------------------------- */

/* Modern Browsers
------------------------------- */
.xxx:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
    line-height: 0;
}

/* Legacy IE
------------------------------- */
.xxx {
    *zoom: 1;
}
/* ----------------------------------------
 ----------------------------------------

- module.css

----------------------------------------
---------------------------------------- */



/******************************************
汎用classの定義
- Title Style
- Section Style
- List Style
- Button Style
- Table Style
- Form Style
- Text Style
- Stopgap Class
- Clearfix
*******************************************/

/* ----------------------------------------

- Title Style

---------------------------------------- */

/* title
------------------------------- */
.title01 {
    margin-bottom: 55px;
}
.title01 span {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 30px;
}
.title01 small {
    font-weight: bold;
    font-size: 114.3%;
    line-height: 1;
    vertical-align: bottom;
}
@media screen and (max-width:767px){
    .title01 {
        margin-bottom: 30px;
    }
    .title01 span {
        margin-right: 15px;
    }
}

/* ----------------------------------------

- Section Style

---------------------------------------- */

/* box01
------------------------------- */
.box01 {
    width: 1156px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width:767px){
    .box01 {
        width: auto;
        padding: 0 15px;
    }
}

/* newsList
------------------------------- */
.newsList {
    display: flex;
    flex-wrap: wrap;
}
.newsList .article {
    width: 33.333%;
}
.newsList .article a {
    display: block;
    text-decoration: none;
    position: relative;
    background: #fff;
}
.newsList .article a:hover {
    background: #efefef;
}
.newsList .fig {
    z-index: 1;
    background: #efefef;
    padding-top: 56.2%;
    position: relative;
    overflow: hidden;
}
.newsList .fig img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%); 
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
}
.newsList .cat {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    min-width: 108px;
    padding: 6px;
    background: #fff;
    text-align: center;
    font-weight: 700;
    white-space: nowrap;
}
.newsList .textarea {
    padding: 20px 20px 45px;
}
.newsList .textarea .date {
    margin-bottom: 5px;
}
.newsList .textarea .ttl {
    font-weight: 700;
    margin-bottom: 18px;
}
.newsList a .textarea .ttl {
    text-decoration: underline;
}
.newsList a:hover .textarea .ttl {
    text-decoration: none;
}
.newsList a .textarea .ttl .iconLink {
    position: relative;
    padding-left: 36px;
}
.newsList a .textarea .ttl .iconLink:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.25em;
    width: 24px;
    height: 28px;
}
.newsList a .textarea .ttl .pdf:before {
    background: url(/content/000010604.png) no-repeat;
}
.newsList a .textarea .ttl .xls:before {
    background: url(/content/000010613.png) no-repeat;
}
.newsList a .textarea .ttl .word:before {
    background: url(/content/000010602.png) no-repeat;
    height: 29px;
}
.newsList a .textarea .ttl .other:before {
    background: url(/content/000010638.png) no-repeat;
    height: 29px;
}
.newsList a .textarea .ttl .ppt:before {
    background: url(/content/000010719.png) no-repeat;
}

.newsList a .textarea .ttl .blank_sp img {
    position: static;
    transform: none;
}

.newsList .textarea ul {
    margin: 0 -10px -10px 0;
}
.newsList .textarea ul li {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    background: #fff;
    border: 1px solid #000;
    padding: 0 15px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.newsList .textarea ul li:last-of-type {
    margin-right: 0;
}

/* add  */
.newsList .article .textarea h2.ttl span.title_logo img {
display: none;
}
.newsList .article .textarea h2.ttl span.title_logo span.sub_title em{
font-weight: 700;
}

#en_top .newsList.newsListEvent .article,
#top .newsList.newsListEvent .article {
    width: 25%;
    padding: 0 5px;
}
#top .newsList.newsListEvent {
    margin: 0 -5px;
}
.newsList.newsListEvent  article {
    padding: 10px 5px 0 5px;
}
#news .newsList.newsListEvent  article {
    padding: 0;
}
/*.newsList.newsListEvent {
    border-top: 1px solid #efefef;
    border-left: 1px solid #efefef;
}*/
.newsList.newsListEvent  article:nth-child(3n+1) a {
    border-left: 1px solid #efefef;
}
.newsList.newsListEvent  article a {
    border-bottom: 1px solid #efefef;
    border-right: 1px solid #efefef;
}
.newsList.newsListEvent  article:nth-of-type(1) a,
.newsList.newsListEvent  article:nth-of-type(2) a,
.newsList.newsListEvent  article:nth-of-type(3) a {
    border-top: 1px solid #efefef;
}
.newsList.newsListEvent  article .fig {
    display: none;
}

.newsListpage .newsList.newsListEvent  article:nth-of-type(1) .fig,
.newsListpage .newsList.newsListEvent  article:nth-of-type(2) .fig,
.newsListpage .newsList.newsListEvent  article:nth-of-type(3) .fig,
.newsListpage .newsList.newsListEvent  article:nth-of-type(4) .fig,
.newsListpage .newsList.newsListEvent  article:nth-of-type(5) .fig,
.newsListpage .newsList.newsListEvent  article:nth-of-type(6) .fig
 {
    display: block;
}
.newsListpage .newsList.newsListEvent  article:nth-of-type(1) .fig,
.newsListpage .newsList.newsListEvent  article:nth-of-type(2) .fig,
.newsListpage .newsList.newsListEvent  article:nth-of-type(3) .fig{
    border-top: none;
}
@media screen and (max-width:767px){
    .newsList .article {
        width: 100%;
    }
    .newsList .cat {
        padding: 3px;
    }
    .newsList .textarea {
        padding: 10px 10px 30px;
    }
    .newsList .textarea .date {
        margin-bottom: 5px;
    }
    .newsList .textarea .ttl {
        margin-bottom: 13px;
    }
    .newsList .textarea ul {
        margin: 0 -5px -5px 0;
    }
    .newsList .textarea ul li {
/*        height: 20px;
        line-height: 20px;*/
        height: inherit;
        line-height: inherit;
        padding: 0 10px;
        margin: 0 5px 5px 0;
    }
    #en_top .newsList.newsListEvent .article,
    #top .newsList.newsListEvent .article {
        width: 100%;
        margin-bottom: 10px;
    }
    .newsList a .textarea .ttl .pdf:before,
    .newsList a .textarea .ttl .xls:before,
    .newsList a .textarea .ttl .word:before,
    .newsList a .textarea .ttl .other:before,
    .newsList a .textarea .ttl .ppt:before{
        background-size: 83%;
    }
    .newsList a .textarea .ttl .fileSize {
        display: block;
    }
    .newsList a .textarea .ttl .iconLink {
    padding-left: 25px;
    }
    .newsList.newsListEvent  article:nth-of-type(2) a,
    .newsList.newsListEvent  article:nth-of-type(3) a {
        border-top: none;
    }
}
    
/* projectList
------------------------------- */
.projectList {
    display: flex;
    flex-wrap: wrap;
}
.projectList .article {
    width: 33.333%;
    margin-bottom: 20px;
}
.projectList .article a {
    display: block;
    text-decoration: none;
}
.projectList .article a:hover {
    opacity: .7;
}
.projectList .article a h3 {
    height: 60px;
    background: #676968;
    color: #fff;
    line-height: 60px;
    font-size: 107.2%;
    font-weight: 700;
    padding: 0 20px;
    position: relative;
}
.projectList .article a h3:before {
    content: "\f105";
    font-family: FontAwesome;
    font-weight: normal;
    color: #fff;
    position: absolute;
    right: 20px;
}
/*.projectList .article a.projectList_blank h3{
    position: relative;
}
.projectList .article a.projectList_blank h3:before {
    content: "" !important;
    background: url(/content/000010616.png) center right no-repeat;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    width: 13px;
    height: 14px;
    right: 20px;
    background-size: contain;
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    font-weight: normal;
}*/
.projectList .article a.projectList_blank h3{
    position: relative;
}
.projectList .article a.projectList_blank h3:before{
    display: none;
}
.projectList .article a.projectList_blank h3 .blank_sp img {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    width: 13px;
    height: 14px;
    right: 0;
}

.newWindow a {
    position: relative;
}


@media screen and (max-width:767px){
    .projectList .article {
        width: 50%;
        margin-bottom: 15px;
    }
    .projectList .article a h3 {
        height: auto;
        line-height: 1.45;
        padding: 7px 10px;
        font-size: 100%;
        display: flex;
        align-items: center;
    }
    .projectList .article a h3:before {
        right: 5px;
    }
    .projectList .article a.projectList_blank h3 .blank_sp img {
        right: 5px;
    }

}

/* searchBox
------------------------------- */
.searchBox {
    width: 960px;
    margin: 0 auto;
}
.searchBox .gsc-search-box-tools .gsc-search-box td{
    border:none;
    padding: 0;
}

.searchBox .gsc-search-box-tools .gsc-search-box td.gsc-input {
    width: 100%;
/*    padding-right: 120px;
    margin-right: -120px;*/
    float: left;
    box-sizing: border-box;
}
.searchBox .gsc-search-box-tools .gsc-search-box td.gsc-input .gsc-input-box {
    border: none;
}
.searchBox td.gsc-input input {
    font-size: 108.3%;
}
.searchBox td.gsc-input td.gsib_a {
    -webkit-appearance: none;
    border-radius: 0;
    outline: none;
    border: none;
    width: 100%;
    height: 60px;
    padding: 15px;
}
.searchBox td a.gsst_a {
    display: none;
}
.searchBox td.gsc-clear-button {
    display: none;
}
.searchBox .gsc-search-button-v2 svg {
    width: 20px;
    height: 20px;
}
.searchBox td button.gsc-search-button {
    width: 130px;
    height: 60px;
    background: #000;
    color: #fff;
    float: right;
    border-radius: 0;
    border: none;
}
.searchBox td button.gsc-search-button:hover {
    opacity: .6;
}
@media screen and (max-width:767px){
    .searchBox {
        width: 100%;
    }
    .searchBox dl {
        display: block;
    }
    .searchBox dt {
        width: auto;
        font-size: 114.3%;
        line-height: 0;
        margin-bottom: 15px;
    }
    .searchBox dd {
        width: auto;
    }
    .searchBox .gsc-search-box-tools .gsc-search-box td.gsc-input {
        padding-right: 100px;
        margin-right: -100px;
    }
    .searchBox .gsc-search-box-tools .gsc-search-box td.gsc-input .gsc-input-box {
        border-radius: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    .searchBox td.gsc-input td.gsib_a {
        height: auto;
    }
    .searchBox td.gsc-input input {
        height: 50px;
    }
    .searchBox td button.gsc-search-button {
        width: 100px;
        font-size: 100%;
        height: 50px;
    }
}

/* searchBox
------------------------------- */
.result_search .searchBox .gsc-search-box{
    margin-bottom: 0!important;
}
.result_search .searchBox #___gcse_2{
    border:1px solid #888 !important;
}
.gsc-result-info-container{
    padding:0 !important;
    border: none !important;
}
.gsc-orderby-container {
    padding:0 !important;
    border: none !important;
}
@media screen and (max-width: 767px){
.result_search .searchBox td.gsc-input td.gsib_a {
    padding: 14px;
}
}




/* section
------------------------------- */
.section01 {
}

/* imgSec
------------------------------- */
.imgSec01 {
    margin-bottom: 15px;
}
.imgSec01 .imgL {
    float: left;
    margin: 3px 25px 10px 0;
}
.imgSec01 .imgR {
    float: right;
    margin: 3px 0 10px 25px;
}
.imgSec01 .inTxt {
    overflow: hidden;
}
@media screen and (max-width:767px) {
    .imgSec01 .spFlClear {
        float: none;
        margin: 0 0 10px;
        text-align: center;
    }
}

/* col02
------------------------------- */
.blk_col02 > div {
    width: 50%;
    float: left;
}
@media screen and (max-width:767px) {
    .blk_col02.spColClear > div {
        width: initial;
        float: none;
    }
    .blk_col02.spColClear > div:first-child {
        margin-bottom: 10px;
    }
}

/* ----------------------------------------

- List Style

---------------------------------------- */

/* list
------------------------------- */
.list01 > li {
    position: relative;
    padding-left: 14px;
    margin-bottom: 3px;
}
.list01 > li:before {
    content: '';
    width: 4px;
    height: 4px;
    display: block;
    border-radius: 100%;
    background: #125999;
    position: absolute;
    left: 3px;
    top: .65em;
}

/* defList
------------------------------- */
.defList {
    padding-left: 30px;
    margin-bottom: 15px;
}
ul.defList > li {
    list-style-type: disc;
}
ol.defList > li {
    list-style-type: decimal;
}

/* capList
------------------------------- */
.capList > li {
    position: relative;
    padding-left: 16px !important;
    margin-bottom: 3px;
}
.capList > li:before {
    content: '※';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

/* ----------------------------------------

- Button Style

---------------------------------------- */

/* btn
------------------------------- */
.btn01 {
    max-width: 400px;
    width: 100%;
    height: 60px;
    display: inline-block;
    background: #fff;
    border: 1px solid #cdd5d1;
    line-height: 58px;
    text-align: center;
    font-size: 114.3%;
    font-weight: 700;
    text-decoration: none;
    position: relative;
}
.btn01:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    font-weight: normal;
    right: 20px;
}
.btn01:hover {
    background: #888;
    color: #fff;
}
@media screen and (max-width:767px){
    .btn01 {
        height: 50px;
        line-height: 48px;
        font-size: 100%;
        max-width: 100%;
    }
    .btn01:after {
        right: 15px;
    }
}
.btn02 {
    max-width: 240px;
    width: 100%;
    height: 40px;
    display: inline-block;
    background: #fff;
    border: 1px solid #cdd5d1;
    line-height: 38px;
    text-align: center;
    font-weight: 700;
    text-decoration: none;
    position: relative;
}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
    .selector {
        property: value;
    }
/* IE向けのCSS～START */
 .btn02 {
    line-height: 44px;
 }
 .btn02:after {
    top: -2px;
}
/* IE向けのCSS～END */
}
.btn02:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    font-weight: normal;
    right: 20px;
}
.btn02:hover {
    background: #888;
    color: #fff;
}


/* ----------------------------------------

- Table Style

---------------------------------------- */

/* tbl
------------------------------- */
.tbl01 {
    width: 100%;
    margin-bottom: 20px;
}
.tbl01 th,
.tbl01 td {
    padding: 13px 15px;
    border: 1px solid #ccc;
    vertical-align: top;
}
.tbl01 th {
    background-color: #eee;
    font-weight: 700;
}
@media screen and (max-width:767px){
    .tbl01 th {
        padding-top: 11px;
        padding-bottom: 10px;
    }
}


/* table common
------------------------------- */
table.vaM th,table.vaM td {
    vertical-align: middle;
}
table.alnC th,table.alnC td {
    text-align: center;
}

/* noborder */
.tblNoBdr{ border: none !important;}
.tblNoBdr th,
.tblNoBdr td {
    border: none !important;
    vertical-align: top;
    background: #fff;
}
.tblNoBdr th { padding: 4px 15px 4px 0;}
.tblNoBdr td { padding: 4px 0;}
table .tblNoBdr th { padding-top: 6px;}
@media screen and (max-width:767px){
    .tblNoBdr td { padding-top: 2px;}
    table .tblNoBdr th { padding-top: 5px;}
}

@media screen and (max-width:767px){
    .sp_tblcol_clear > tbody,
    .sp_tblcol_clear > tbody > tr,
    .sp_tblcol_clear > tbody > tr > th,
    .sp_tblcol_clear > tbody > tr > td {
        display: block;
        padding: 0;
    }
    .sp_tblcol_clear > tbody > tr {
        padding-top: 5px;
    }
    .sp_tblcol_clear > tbody > tr:first-child {
        padding-top: 0;
    }
}


/* ----------------------------------------

- Form Style
(input要素の幅は適宜調整する)

---------------------------------------- */
input.txt,
textarea.txt,
select.txt {
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 3px;
    max-width: 100%;
}
input.txt:focus,
textarea.txt:focus {
    background: #fff5d6;
}
textarea.txt {
    width: 100%;
}
input.check {
    position: relative;
    top: 2px;
    margin-right: 3px;
}

/* error */
input.err,
textarea.err,
select.err {
    border-color: #ff6060;
    background: #fff0f0;
}
input.err:focus,
textarea.err:focus {
    border-color: #ee5959;
}
.errorTxt {
    margin-top: 10px;
    color: #ff0000;
    line-height:1.1;
}

/*  option and required  */
td.required,
td.option {
    font-weight: 400;
    color: #fff;
    vertical-align: middle;
}
td.required p,
td.option p {
    width: 3.5em;
    margin: 0 auto;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    text-align: center;
}
td.option           { background: #f5f5f5;}
td.option p     { background: #a6a6a6;}
td.required     { background: #fff0f0;}
td.required p   { background: #ff6060;}

@media screen and (max-width:767px){
    select.txt {
        border-color: #ccc;
        background: #fff;
    }
}

/* ----------------------------------------

- Text Style

---------------------------------------- */
/*.iconPdf {
    background: url(/content/000010604.png) no-repeat 0 .1em;
    padding-left: 20px;
}*/
p {
    margin-bottom: 1em;
}

.lead {
    margin-bottom: 20px;
}
.note01 {
    color: #715e5e;
}
table .note01 {
    margin-top: 5px;
}
.fw400 { font-weight: 400 !important;}

.txt_indent {
    padding-left: 1.15em;
    text-indent: -1.15em;
}
.txt_indent_mark {
    margin-right: .15em;
}
.voiceOnly {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    overflow: hidden
}
.alnC {
    text-align: center;
}

/* ----------------------------------------

- Width

---------------------------------------- */
.w50     { width: 50px !important;}
.w150    { width: 150px !important;}
.w100    { width: 100px !important;}
.w200    { width: 200px !important;}
.w250    { width: 250px !important;}
.w300    { width: 300px !important;}
.w350    { width: 350px !important;}
.w5per  { width: 5% !important;}
.w8per  { width: 8% !important;}
.w10per  { width: 10% !important;}
.w15per  { width: 15% !important;}
.w20per  { width: 20% !important;}
.w25per  { width: 25% !important;}
.w30per  { width: 30% !important;}
.w35per  { width: 35% !important;}
.w40per  { width: 40% !important;}
.w45per  { width: 45% !important;}
.w50per  { width: 50% !important;}
.w60per  { width: 60% !important;}
.w70per  { width: 70% !important;}
.w80per  { width: 80% !important;}
.w90per  { width: 90% !important;}
.w100per { width: 100% !important;}
.w5em    {  width: 5em !important;}
.w10em   {  width: 10em !important;}
.w15em   {  width: 15em !important;}
.w20em   {  width: 20em !important;}
@media screen and (max-width:767px){
  .spwAuto    { width: auto !important;}
    .sp_w50     { width: 50px !important;}
    .sp_w150    { width: 150px !important;}
    .sp_w100    { width: 100px !important;}
    .sp_w200    { width: 200px !important;}
    .sp_w250    { width: 250px !important;}
    .sp_w300    { width: 300px !important;}
    .sp_w350    { width: 350px !important;}
    .sp_w5per   { width: 5% !important;}
    .sp_w8per   { width: 8% !important;}
    .sp_w10per  { width: 10% !important;}
    .sp_w15per  { width: 15% !important;}
    .sp_w20per  { width: 20% !important;}
    .sp_w25per  { width: 25% !important;}
    .sp_w30per  { width: 30% !important;}
    .sp_w35per  { width: 35% !important;}
    .sp_w40per  { width: 40% !important;}
    .sp_w45per  { width: 45% !important;}
    .sp_w50per  { width: 50% !important;}
    .sp_w60per  { width: 60% !important;}
    .sp_w70per  { width: 70% !important;}
    .sp_w80per  { width: 80% !important;}
    .sp_w90per  { width: 90% !important;}
    .sp_w100per { width: 100% !important;}
    .sp_w5em    { width: 5em !important;}
    .sp_w10em   { width: 10em !important;}
    .sp_w15em   { width: 15em !important;}
    .sp_w20em   { width: 20em !important;}
}

/* ----------------------------------------

- Stopgap Class
(以下は暫定的、又はイレギュラーな場合のみ使用。通常は使用しない)

---------------------------------------- */
.clear {
    clear: both;
}
.hidden {
    height: 0;
    width: 0;
    overflow: hidden;
}
.mgt0 { margin-top: 0 !important;}
.mgt3 { margin-top: 3px !important;}
.mgt5 { margin-top: 5px !important;}
.mgt10 {    margin-top: 10px !important;}
.mgt13 {    margin-top: 13px !important;}
.mgt15 {    margin-top: 15px !important;}
.mgt20 {    margin-top: 20px !important;}
.mgt30 {    margin-top: 30px !important;}
.mgt40 {    margin-top: 40px !important;}
.mgb0 { margin-bottom: 0 !important;}
.mgb3 { margin-bottom: 3px !important;}
.mgb5 { margin-bottom: 5px !important;}
.mgb10 {    margin-bottom: 10px !important;}
.mgb13 {    margin-bottom: 13px !important;}
.mgb15 {    margin-bottom: 15px !important;}
.mgb20 {    margin-bottom: 20px !important;}
.mgb30 {    margin-bottom: 30px !important;}
.mgb40 {    margin-bottom: 40px !important;}
.mgb50 {    margin-bottom: 50px !important;}
.mgb60 {    margin-bottom: 60px !important;}
.alnC { text-align: center !important;}
.alnR { text-align: right !important;}
.alnL{ text-align: left !important;}
.nowrap { white-space: nowrap;}
.breakWord { word-wrap: break-word;}

@media screen and (max-width:767px){
    .sp_mgt0 { margin-top: 0 !important;}
    .sp_mgt5 {  margin-top: 5px !important;}
    .sp_mgt10 { margin-top: 10px !important;}
    .sp_mgt15 { margin-top: 15px !important;}
    .sp_mgt20 { margin-top: 20px !important;}
    .sp_mgt30 { margin-top: 30px !important;}
    .sp_mgt40 { margin-top: 40px !important;}
    .sp_mgb0 { margin-bottom: 0 !important;}
    .sp_mgb5 {  margin-bottom: 5px !important;}
    .sp_mgb10 { margin-bottom: 10px !important;}
    .sp_mgb15 { margin-bottom: 15px !important;}
    .sp_mgb20 { margin-bottom: 20px !important;}
    .sp_mgb30 { margin-bottom: 30px !important;}
    .sp_mgb40 { margin-bottom: 40px !important;}

    .spNone { display: none !important; }
}

/* ----------------------------------------

clearfix

---------------------------------------- */

/* Modern Browsers
------------------------------- */
.clearfix:after,
.imgSec01:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
    line-height: 0;
}

/* Legacy IE
------------------------------- */
.clearfix,
.imgSec01 {
    *zoom: 1;
}




/* ----------------------------------------

- 以下 module_brd.css

---------------------------------------- */


.pcNone {
  display: none !important;
}
@media screen and (max-width:767px){
  .spNone {
    display: none !important;
  }
  .pcNone {
    display: inline-block !important;
    vertical-align: bottom;
  }
}





/*.globalNav ul li.globalNav01.active a{
    border-bottom: 4px solid #8b6dfa;
}
.globalNav ul li.globalNav02.active a{
    border-bottom: 4px solid #2b97f2;
}
.globalNav ul li.globalNav03.active a{
    border-bottom: 4px solid #2bbaa1;
}
.globalNav ul li.globalNav04.active a{
    border-bottom: 4px solid #fa8dd7;
}
.globalNav ul li.globalNav05.active a{
    border-bottom: 4px solid #ffb59b;
}*/


/* box02
------------------------------- */
.box02 {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width:767px){
    .box02 {
        width: auto;
        padding: 0 15px;
    }
}




/* ----------------------------------------

- Title Style

---------------------------------------- */

/* title
------------------------------- */

.component h1 {
    font-size: 214.3%;
    font-weight: bold;
    position: relative;
    letter-spacing: 0.05em;
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 14px;
    border-bottom: 1px solid #676968;
    margin-bottom: 52px;
}
.component h1:before{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 5px;
    height: 100%;
    background-color: #000;
}
.cat_pur h1:before{
    background-color: #8b6dfa !important;
}
.cat_blu h1:before{
    background-color: #2b97f2 !important;
}
.cat_grn h1:before{
    background-color: #2bbaa1 !important;
}
.cat_pnk h1:before{
    background-color: #fa8dd7 !important;
}
.cat_org h1:before{
    background-color: #ffb59b !important;
}

.component h2{
    font-size: 157.1%;
    font-weight: bold;
    position: relative;
    letter-spacing: 0.05em;
    padding-bottom: 10px;
    margin-bottom: 35px;
    position: relative;
}
.component h2 a.link {
   text-decoration: none;
padding-left: 20px;
}
.component h2 a.link:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "\f105";
    font-family: FontAwesome;
    color: #676968;
}
.component h2 a.link:hover {
    opacity: .5;
}
#research_detail h2:after,
.component h2:after{
    position: relative;
    left: 0;
    bottom: 0;
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background: -moz-linear-gradient(left, #000, transparent);
    background: -webkit-linear-gradient(left, #000, transparent);
    background: linear-gradient(to right, #000, transparent);
}
.component .title02{
    padding-left: 0;
}
.component .title02:before {
    background:none;
}
.component .title02:after{
    position: relative;
    left: 0;
    bottom: 0;
    content: "";
    display: inline-block;
    width: 100%;
    height: 1px;
    background: -moz-linear-gradient(left, #000, transparent);
    background: -webkit-linear-gradient(left, #000, transparent);
    background: linear-gradient(to right, #000, transparent);
}

hr.title02{
    width: 100%;
    height: 1px;
    background: -moz-linear-gradient(left, #000, transparent);
    background: -webkit-linear-gradient(left, #000, transparent);
    background: linear-gradient(to right, #000, transparent);
    border: none;
    margin-top:0;
}

.component h3 {
    font-size: 142.85%;
    font-weight: bold;
    background-color: #efefef;
    padding: 3px 10px;
    margin-bottom: 18px;
}
.component h4 {
    font-size: 128.6% !important;
    font-weight: bold;
    position: relative;
    letter-spacing: 0.05em;
    padding-left: 14px;
    margin-bottom: 18px;
    line-height: 1.2;
}
.component h4:before{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 5px;
    height: 100%;
    background-color:#888;
}
.component h5 {
    font-size: 114.28% !important;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.2;
}

.component .title01.titleHidden {
    display: none;
}

@media screen and (max-width: 767px) {
    .component h1 {
        font-size: 157.2%;
        padding-left: 20px;
        padding-bottom: 10px;
        margin-bottom: 30px;
    }
    .component h2 {
        font-size: 128.6%;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    .component h3 {
        font-size: 128.6%;
        margin-bottom: 15px;
    }
    .component h4 {
        font-size: 114.3% !important;
        margin-bottom: 15px;
    }

}

.component .img_area {
    margin-bottom: 40px;
    text-align: center;
}
.component .imgcp {
    text-align: right;
    margin-bottom: 35px;
    margin-top: -35px;
    font-weight: 500;
}
.component .txt_area {
    margin-bottom: 40px;
}
.link_area{
    margin-bottom: 50px;
}

#article .link_area a span.blank_sp {
    position: relative;
}

#article p.tableCap {
    font-weight: bold;
}

.link_area .link02{
    position: relative;
    padding-left: 16px;
    margin-bottom: 10px;
}
.link02:before{
    position: absolute;
    top: 0;
    left: 0;
    content: "\f105";
    font-family: FontAwesome;
    color: #676968;
    margin-right: 5px;
}
.link02.blank a{
    position: relative;
}
.blank_sp{
    padding-left: 20px;
    position: relative;
}
.blank_sp img {
    position: absolute;
    bottom: -5px;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    right: 0px;
    width: 13px;
    height: 14px;
}





@media screen and (max-width: 767px) {
    .component .link02.blank a{
        background: none;
    }
    .component .imgcp {
    margin-bottom: 35px;
    margin-top: -25px;
}
    .newWindow a .blank_sp {
        display: block;
    }
    .newWindow a .blank_sp img {
        display: block;
        bottom: -4px;
        right: -18px;
    }
    .blank_sp img {
        bottom: -8px;
    }
}




.component .grybox{
    border: 5px solid #eee;
    padding: 25px;
    margin-bottom: 50px;
}
.component .contact_area{
   text-align: center;
}
.component .contact_area .contact_tit{
    font-size: 142.9%;
    font-weight:bold;
    margin-bottom: 10px;
}
.component .contact_area .contact_subtit{
    font-size: 107.2%;
    font-weight:bold;
    margin-bottom: 5px;
}
.component .contact_area dt,.contact_area dd{
    display: inline-block;
}
.component .contact_area dt{
   margin-right: 10px;
}
.component .contact_area dt{
    font-weight:bold;
}
.component .contact_tel {
    text-align: center;
    margin-bottom: 5px;
}
.component .contact_tel > dl{
    display: inline-block;
}
.component .contact_tel > dl:first-child{
    margin-right: 20px;
}
.component .contact_acess{
    margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
    .component .grybox {
        border: 5px solid #eee;
        padding: 15px;
        margin-bottom: 30px;
    }
    .component .contact_area .contact_tit{
      font-size: 121.4%;
      margin-bottom: 15px;
    }
    .component .contact_acess,
    .component .contact_tel {
      margin-bottom: 10px;
    }
    .component .img_area {
      margin-bottom: 30px;
    }
    .component .txt_area {
        margin-bottom: 30px;
    }
    .link_area{
        margin-bottom: 30px;
    }
}



/* col02_area
------------------------------- */
.component .col02_area{
    margin-bottom: 30px;
}
/* col02
------------------------------- */
.component .col02 > * {
    width: 47%;
    width: -webkit-calc(calc(100% - 20px) / 2 );
    width: calc(calc(100% - 20px) / 2);
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
}
.component  .col02 > *:nth-child(even) {
  margin-right: 0;
}
.component  .col02 > *:nth-child(-n+2) {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .component .col02 > * {
    width: -webkit-calc(calc(100% - 10px) / 2 );
    width: calc(calc(100% - 10px) / 2);
    margin-right: 10px;
    margin-bottom: 10px;
}
  .component .col02.spcolClear > * {
    width : 100%;
    width : -webkit-calc(100%);
    width : calc(100%);
    margin-right: 0;
    margin-top: 20px;
  }
  .component .col02.spcolClear > *:nth-child(1) {
    margin-top: 0;
  }
}
/* col02_02
------------------------------- */
 .component .col02_02 > * {
    width: 47%;
    width: -webkit-calc(calc(100% - 20px) / 2 );
    width: calc(calc(100% - 20px) / 2);
    margin-right: 20px;
    margin-bottom: 20px;
    float: left;
}
 .component .col02_02 > *:nth-child(even) {
  margin-right: 0;
}
 .component .col02_02 > *:nth-child(-n+2) {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .component .col02_02 > *{
    width: -webkit-calc(calc(100% - 10px) / 2 );
    width: calc(calc(100% - 10px) / 2);
    margin-right: 10px;
    margin-bottom: 10px;

  }
  .component .col02_02.spcolClear > * {
    width : 100%; 
    width : -webkit-calc(100%);
    width : calc(100%);
    margin-right: 0;
    margin-bottom: 20px;
  }
  .col02_02.spcolClear > *:nth-child(1) {
    margin-top: 0;
  }
}


/* imgsec
------------------------------- */
.component .imgsec{
  border-bottom: 1px solid #d8d9d9;
  padding: 0 0 25px;
  margin-bottom: 40px;
}
.component .imgsec li.imgsec_img{
  width: 180px;
  float: left;
  margin-right: 20px;
}
.component .imgsec li.imgsec_img img{
    border:solid 1px #D3D3D3;
}
.component .imgsec li.imgsec_txt{
  width: 800px;
  float: left;
}
.component .imgsec li.imgsec_txt .imgsec_tit{
  font-weight: bold;
  font-size: 128.6%;
  margin-bottom: 15px;
}
.component .imgsec li.imgsec_txt .imgsec_link li:first-child{
  font-weight: bold;
  font-size: 107.1%;
  margin-bottom: 10px;
}
.component .imgsec li.imgsec_txt .imgsec_link li:first-child a{
  display: inline-block;
}
.component .imgsec li.imgsec_txt .imgsec_link li:last-child{
  font-weight: bold;
  font-size: 128.6%;
  margin-bottom: 15px;
}
/*.component .imgsec li.imgsec_txt .imgsec_link li.newWindow:first-child a img{
    right: -19px;
    bottom: 0;
}*/

.component .imgsec_box ul.imgselUl {
    display: flex;
    margin: 0 -10px;
}
.component .imgsec_box ul.imgselUl li {
    width: 40%;
    box-sizing: border-box;
    margin-right: 15px;
}
.component .imgsec_box ul.imgselUl li a {
    width: 100%;
    min-height: 60px;
    display: inline-block;
    background: #fff;
    text-align: center;
    font-size: 107.2%;
    font-weight: 700;
    text-decoration: none;
    position: relative;
    border: 1px solid #cdd5d1;
}
.component .imgsec_box ul.imgselUl li a:hover {
    background: #888;
    color: #fff;
}
.component .imgsec_box ul.imgselUl li a:hover div span{
    color: #fff;
}
.component .imgsec_box ul.imgselUl li a:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    font-weight: normal;
    right: 20px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}
.component .imgsec_box ul.imgselUl li.imgsec_box_pdf a:before {
    content: "";
    background: url(/content/000010604.png) no-repeat;
    position: absolute;
    font-weight: normal;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    width: 24px;
    height: 28px;
}
.component .imgsec_box ul.imgselUl li.imgsec_box_xls a:before {
    content: "";
    background: url(/content/000010639.png) no-repeat;
    position: absolute;
    font-weight: normal;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    width: 24px;
    height: 28px;
}
.component .imgsec_box ul.imgselUl li.imgsec_box_word a:before {
    content: "";
    background: url(/content/000010638.png) no-repeat;
    position: absolute;
    font-weight: normal;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    width: 24px;
    height: 28px;
}
.component .imgsec_box ul.imgselUl li.imgsec_box_word a:before {
    content: "";
    background: url(/content/000010602.png) no-repeat;
    position: absolute;
    font-weight: normal;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    width: 24px;
    height: 28px;
}
.component .imgsec_box ul.imgselUl li.imgsec_box_epub a:before {
    content: "";
    background:url(/content/000010635.png) no-repeat;
    position: absolute;
    font-weight: normal;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    width: 24px;
    height: 28px;
}
.component .imgsec_box ul.imgselUl li.imgsec_box_txt a:before {
    content: "";
    background: url(/content/000010638.png) no-repeat;
    position: absolute;
    font-weight: normal;
    left: 10px;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    width: 24px;
    height: 30px;
}
/*.component .imgsec_box ul li a div{
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  right: 0;
  left: 0;
  margin:0;
}*/
.component .imgsec_box ul.imgselUl li a div{
    padding: 10px 30px 10px 42px;
}
.component .imgsec_box ul.imgselUl li a div span{
     color: #58595b;
     display: block;
     font-weight: 500;
}
.component .imgsec_box ul.imgselUl li.imgsec_box_html a div {
    padding: 23px 36px 22px 42px;
}
.component .imgsec_box ul.imgselUl li.imgsec_box_html a .blank_sp {
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 15px;
    padding-left: 20px !important;
}


@media screen and (max-width:767px){
    .component .imgsec_box {
        padding: 0;
    }
    .component .imgsec_box ul.imgselUl {
        flex-wrap: wrap;
        margin: 0 -5px;
    }
    .component .imgsec_box ul.imgselUl li {
        width: 100%;
        padding: 0;
        margin-bottom: 10px;
    }
    .component .imgsec_box ul.imgselUl li:last-child{
        margin-bottom: 0px;
    }
    .component .imgsec_box ul.imgselUl li a {
        font-size: 92.9%;
    }
    .component .imgsec_box ul.imgselUl li a:after {
    }
    .component .imgsec {
        border-bottom: 1px solid #d8d9d9;
        padding: 0 0 20px;
        margin-bottom: 20px;
    }
    .component .imgsec li.imgsec_txt {
        width: 100%;
        float: none;
    }
    .component .imgsec li.imgsec_img {
        width: 50%;
        float: none;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 20px;
        text-align: center;
    }
    .component .imgsec li.imgsec_txt .imgsec_tit{
        margin-bottom: 10px;
        font-size: 114.3%;
    }
    .component .imgsec_box ul.imgselUl li {
        margin-right: 0;
    }
  }

.component .imgsec_box ul.imgselUl.col02_02{
    display: block;
    margin: 0;
}

.component .imgsec_box ul.imgselUl.col02_02 li a{
    width: 470px;
}
@media screen and (max-width:767px){
    .component .imgsec_box ul.imgselUl.col02_02 li a{
        width: 100%;
    }
}


/* btn01
------------------------------- */
.component .btn04,
.component .btn02,
.component .btn01 {
    max-width: 490px;
    width: 100%;
    height: auto;
    display: inline-block;
    background: #fff;
    border: 1px solid #cdd5d1;
    line-height: 1.67;
    text-align: center;
    font-weight: 700;
    text-decoration: none;
    font-size: 114.3%;
    padding: 20px 35px 15px 20px;
}
.component .btn01:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    font-weight: normal;
    right: 20px;
    overflow: hidden;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    top: 50%;
}
.component .btn04:hover,
.component .btn02:hover,
.component .btn01:hover {
    background: #888;
    color: #fff;
}

@media screen and (max-width:767px){
    .component .btn04,
    .component .btn02,
    .component .btn01 {
        max-width: 100%;
    }
}

/* btn02
------------------------------- */

.component .btn02:after{
    content: "";
    background:url(/content/000010609.png) center right no-repeat;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 13px;
    height: 14px;
    right: 20px;
    background-size: contain;
}
.component .btn02:hover:after{
      background:url(/content/000010616.png) center right no-repeat;
}
.component .btn02 span{
  color: #58595b;
}
.component .btn02:hover span{
   color:#fff;
}

@media screen and (max-width:767px){
    .component .btn02{
      line-height: inherit;
    }
    .en.component .btn02{
      padding: 10px 22px;
    }
    .component .btn02 span {
      color: #58595b;
      display: block;
      font-size: 78.6%;
    }
    .component .btn02:after{
      right: 10px;
    }
}
@media screen and (max-width:320px){
      .component .btn02 span {
        padding-top: 3px;
        font-size: 64.3%;
      }
      .component .btn02:after{
        width: 11px;
        right: 7px;
      }

}


/* btn03
------------------------------- */
.component .btn03 {
    width: 25%;
    height: 58px;
    display: inline-block;
    background: #fff;
    border: 1px solid #cdd5d1;
    text-align: center;
    font-weight: 700;
    text-decoration: none;
    position: relative;
    float: left;
    padding: 10px 10px 30px 10px;
}
.component .btn03 span{
    position: relative;
}
.component .btn03:after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    font-weight: normal;
    right: 0;
    left: 0;
    bottom: 5px;
}
.component .btn03:hover {
    background: #888;
    color: #fff;
}
.component li .btn03 {
    border-right: 0px;
    height: auto;
}
.component li:nth-last-of-type(1) .btn03 {
    border-right: 1px solid #cdd5d1;
}

@media screen and (max-width:767px){
    .component .btn03{
       width: 50%;
    }
    .component li .btn03 {
      border-right: 0px;
      border-top: 0px;
    }
    .component li:nth-child(2n) .btn03 {
      border-right: 1px solid #cdd5d1;
    }
    .component li:nth-child(1) .btn03,
    .component li:nth-child(2) .btn03 {
      border-top: 1px solid #cdd5d1;
    }

}

/* btn04
------------------------------- */
#main.Under .btn04 {
    position: relative;
}

#main.Under .btn04 .blank_sp {
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 15px;
    padding-left: 20px;
}

.ank_link{
  margin-bottom: 30px;
}

.ank_link li:last-child a {
    border-right: 0;
}
.ank_link li:nth-child(4n) .btn03{
    border-right: 1px solid #cdd5d1;
}
.ank_link li:nth-child(n+5) .btn03{
    border-top: none;
}
@media screen and (max-width:767px){
    .component .btn04,
    .component .btn02,
    .component .btn01 {
        width: 100%;
    }
}

/* ----------------------------------------

- Table Style

---------------------------------------- */

/* tbl
------------------------------- */
.component table {
    width: 100%;
}
.component table > caption{
    padding: 18px 0;
    width: 100%;
    font-weight: bold;
}
.component table th,
.component table td {
    padding: 18px 20px;
    border: 1px solid #ccc;
    vertical-align: top;
}
.component table th {
    background-color: #eee;
    font-weight: 700;
    text-align: center;
}
@media screen and (max-width:767px){
    #content .component table th, #content .component table td{
      padding: 15px;
    }
}


.component table.tbl01 {
    margin-bottom: 50px;
}
.component table.tbl02{
    margin-bottom: 40px;
}
.component table.tbl02 caption {
    display: none;
}
.component table.tbl02 caption.capActive {
    display: block;
}
.component table.tbl02 th{
    width: 20%;
    text-align: left;
    vertical-align: middle;
}
.component table.tbl02 td{
    width: 80%;
    vertical-align: middle;
}
/*
.component table.tbl02 td .link_area02,
.component table.tbl02 td .link_area02 .link03,
.component table.tbl02 td p{
    margin-bottom: 0;
}*/

@media screen and (max-width:767px){
    table.tbl02,table.tbl02 tbody,table.tbl02 tr,table.tbl02 th, table.tbl02 td{
      display: block;
    }
    .component table.tbl02 th{
      width: 100%;
    }
    .component table.tbl02 td{
        width: 100%;
        border-top: none;
        border-bottom: none;
    }
    .component table.tbl02 tr:last-child{
        border-bottom: 1px solid #ccc;
    }
}



/* imglinkList_area
------------------------------- */
.component .imglinkList_area {
    margin-bottom: 40px;
}
.component .imglinkList {
    display: flex;
    flex-wrap: wrap;
}
.component .imglinkList .article {
    margin-bottom: 20px;
}
.component .imglinkList .article a {
    display: block;
    text-decoration: none;
}
.component .imglinkList .article a:hover {
    opacity: .7;
}
.component .imglinkList .article a div.textCol {
    min-height: 60px;
    background: #676968;
    color: #fff;
    font-size: 107.2%;
    font-weight: 700;
    padding: 0 20px;
    position: relative;
    padding: 10px 30px 10px 10px;
}
.component .imglinkList.singleCol .article a div.textCol {
    min-height: 60px;
    background: #676968;
    color: #fff;
    line-height: 60px;
    font-size: 107.2%;
    font-weight: 700;
    padding: 0 20px;
    position: relative;
}
.component .imglinkList .article a div.textCol:before {
    content: "\f105";
    font-family: FontAwesome;
    font-weight: normal;
    color: #fff;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.component .imglinkList.imglinkList_01 .article a.targetBlank div.textCol:before{
    content: "";
    background-image: url(/content/000015170.png);
    background-size: contain;
    background-repeat: no-repeat;
    /* font-family: FontAwesome; */
    font-weight: normal;
    color: #fff;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    width: 20px;
    height: 15px;
}
@media screen and (max-width:767px){
    .component .imglinkList.imglinkList_01 .article a.targetBlank div.textCol:before{
        right: 5px;
    }
}
.component .imglinkList_01 .article {
    width: 50%;
}
.component .imglinkList_02 .article {
    width: 33.333%;
}
.component .imglinkList_03 .article {
    width: 25%;
}
.component .imglinkList_01 .article  a div.textCol {
    display: table-cell;
    vertical-align: middle;
    width: 500px;
}
.component .imglinkList_02 .article  a div.textCol,
.component .imglinkList_03 .article  a div.textCol {
    display: table-cell;
    vertical-align: middle;
    width: 333px;
}
.component .imglinkList_01 .fig {
    z-index: 1;
    background: #efefef;
    padding-top: 56.2%;
    position: relative;
    overflow: hidden;
}
.component .imglinkList_01 .fig img{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
}
.component .imglinkList_02 .fig {
    z-index: 1;
    background: #efefef;
    padding-top: 56.2%;
    position: relative;
    overflow: hidden;
}
.component .imglinkList_02 .fig img{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
}
.component .imglinkList_03 .fig {
    z-index: 1;
    background: #efefef;
    padding-top: 56.2%;
    position: relative;
    overflow: hidden;
}
.component .imglinkList_03 .fig img{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
}

@media screen and (max-width:767px){
    .component .imglinkList .article {
        width: 50%;
        margin-bottom: 15px;
    }
    .component .imglinkList .article a div.textCol {
        height: auto;
        line-height: 1.45;
        font-size: 92.9%;
    }
}


/* defList_area
------------------------------- */

.component .defList_area{
  margin-bottom: 40px;
}

/* ul
------------------------------- */
#main .component ul:not([class]),
.component #main ul:not([class]) {
    margin-bottom: 2em;
    margin-left: 1.5em;
}
#main .component ul:not([class]) > li,
.component #main ul:not([class]) > li {
    list-style-type: disc;
    margin-bottom: 15px;
}
#main .component ul:not([class]) > li:last-child,
.component #main ul:not([class]) > li:last-child {
    margin-bottom: 0;
}

#main .component ul.c-list,
.component #main ul.c-list {
    margin-bottom: 2em;
    margin-left: 1.5em;
}
#main .component ul.c-list > li,
.component #main ul.c-list > li {
    list-style-type: disc;
    margin-bottom: 15px;
}
#main .component ul.c-list > li:last-child,
.component #main ul.c-list > li:last-child {
    margin-bottom: 0;
}

/* ol
------------------------------- */
#main .component ol:not([class]),
.component #main ol:not([class]) {
    margin-bottom: 2em;
    margin-left: 1.5em;
}
#main .component ol:not([class]) li,
.component #main ol:not([class]) li{
    list-style-type: decimal;
    margin-bottom: 15px;
}
#main .component ol:not([class]) > li:last-child,
.component #main ol:not([class]) > li:last-child {
    margin-bottom: 0;
}

/* ol.numberList
------------------------------- */
#main ol.numberList {
    margin-bottom: 2em;
    margin-left: 1.5em;
}
#main ol.numberList li{
    list-style-type: decimal;
}
#main ol.numberList > li:last-child {
    margin-bottom: 0;
}
#main .component ol.c-list__no,
.component #main ol.c-list__no {
    margin-bottom: 2em;
    margin-left: 1.5em;
}
#main .component ol.c-list__no li,
.component #main ol.c-list__no li{
    list-style-type: decimal;
    margin-bottom: 15px;
}
#main .component ol.c-list__no > li:last-child,
.component #main ol.c-list__no > li:last-child {
    margin-bottom: 0;
}

#main.Under .title01{
    font-size: 214.3%;
    font-weight: bold;
    position: relative;
    letter-spacing: 0.05em;
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 14px;
    border-bottom: 1px solid #676968;
    margin-bottom: 52px;
}
#main.Under .title01:before{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 5px;
    height: 100%;
    background-color: #000;
}
.cat_pur #main.Under .title01:before{
    background-color:#8b6dfa;
}
.cat_blu #main.Under .title01:before{
    background-color:#2b97f2;
}
.cat_grn #main.Under .title01:before{
    background-color:#2bbaa1;
}
.cat_pnk #main.Under .title01:before{
    background-color:#fa8dd7;
}
.cat_org #main.Under .title01:before{
    background-color:#ffb59b;
}
#main.Under .title02{
    font-size: 157.1%;
    font-weight: bold;
    position: relative;
    letter-spacing: 0.05em;
    /*padding-bottom: 10px;*/
    margin-bottom: 35px;
    position: relative;
}
#main.Under .title03{
    font-size: 128.6%;
    font-weight: bold;
    position: relative;
    letter-spacing: 0.05em;
    padding-left: 14px;
    margin-bottom: 18px;
    line-height: 1.2;
}
#main.Under .title03:before{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 5px;
    height: 100%;
    background-color: #888;
}
#main.Under .tagtit {
    margin-bottom: 20px;
}
#main.Under .tagtit span{
    font-size: 130%;
    font-weight: bold;
    position: relative;
    letter-spacing: 0.05em;
}
#main.Under .tagtit span:after{
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    right: -70px;
    content: "";
    width: 55px;
    height: 1px;
    background: -moz-linear-gradient(left, #000, transparent);
    background: -webkit-linear-gradient(left, #000, transparent);
    background: linear-gradient(to right, #000, transparent);
}
@media screen and (max-width:767px){
    #main.Under #pg_title  .en {
        width: auto;
/*        margin:  0 15px;
*/    }
    #main.Under #pg_title  .en span {
         margin-left: 15px;
         min-width: auto;
          width : 95 ; 
          width : -webkit-calc(100% - 15px);
          width : calc(100% - 15px);

    }
    #main.Under .title01{
        font-size: 157.2%;
        padding-left: 20px;
        padding-bottom: 10px;
        margin-bottom: 30px;
    }
    #main.Under .title02{
        font-size: 128.6%;
        padding-bottom: 10px;
        margin-bottom: 20px;
    }
    #main.Under .title03{
        font-size: 114.3%;
        margin-bottom: 15px;
    }

}

.component .imgLft,
.component .imgRgt {
    margin-bottom: 20px;
    display: flex;
}
.component .imgRgt,
.component .imgRgt_fx {
    flex-direction: row-reverse;
    align-items: flex-start;
    justify-content: space-between;
}
.component .imgLft li:nth-of-type(even),
.component .imgLft_fx li:nth-of-type(even) {
    margin-left: 2%;
    width: 100%;
}
.component .imgRgt li:nth-of-type(even),
.component .imgRgt_fx li:nth-of-type(even){
    margin-right: 2%;
}
.component .imgRgt li:nth-of-type(odd),
.component .imgLft li:nth-of-type(odd),
.component .imgLft_fx li:nth-of-type(odd),
.component .imgRgt_fx li:nth-of-type(odd) {
    flex-shrink: 0;
}
.component .imgLft_fx,
.component .imgRgt_fx{
    margin-bottom: 20px;
    display: flex;
}
.component .imgLft_fx li:nth-of-type(odd),
.component .imgRgt_fx li:nth-of-type(odd){
    width: 300px;
}

.component .imgCtr {
    text-align: center;
    margin-bottom: 20px;
}
.component .imgCtr li {
    padding-bottom:25px;
}
.component .tbl03 {
    width: auto;
    margin-bottom: 20px;
}
.component .tbl03 th,
.component .tbl03 td {
    padding: 5px 8px;
}
.component .tbl04 {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    min-width: 100%;
    margin-bottom: 20px;
}
.component .tbl04 th,
.component .tbl04 td {
    width: 100px;
    min-width: 100px;
}
.component .tbl05 {
    margin-bottom: 20px;
    width: inherit;
    width: initial;
}
.component .tbl05 th,
.component .tbl05 td {
    border: none;
}
.component .tbl05 th {
    background-color: #fff;
    font-weight: normal;
    text-align: inherit;
    text-align:initial;
}
.tblWrap {
    width: 100%;
    overflow-x: auto;
    margin-bottom: 40px;
}
.component .tbl06 tbody {
    display: flex;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-collapse: collapse;
    border-spacing: 0;
}
.component .tbl06 th,
.component .tbl06 td {
    display: block;
    border-top: none;
    border-left: none;
}
.component .imgList_area{
    margin-bottom: 10px;
}
.component .imgList {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
}
.component .imgList li {
    width: 31.3%;
    margin-bottom: 20px;
}
.component .imgList li p {
    text-align: center;
}
.component .com_btn {
    text-align: center;
    margin-bottom: 50px;
}
.component .com_btn .btn04,
#container .com_btn .btn04 {
    font-size: 114.3%;
}
.component .column1_1,
.component .column1_2,
.component .column2_1,
.component .column1_3,
.component .column3_1
 {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 20px;
}
.component .column1_1 div {
    width: 48%;
}
.component .column1_2 div:nth-of-type(odd) ,
.component .column2_1 div:nth-of-type(even) {
    width: 31%;
}
.component .column1_2 div:nth-of-type(even) ,
.component .column2_1 div:nth-of-type(odd) {
    width: 65%;
}
.component .column1_3 div:nth-of-type(odd) ,
.component .column3_1 div:nth-of-type(even) {
    width: 24%;
}
.component .column1_3 div:nth-of-type(even) ,
.component .column3_1 div:nth-of-type(odd) {
    width: 72%;
}
.component .list03 {
    margin-bottom: 20px;
}
.component .list03 li {
    margin-bottom: 15px;
}
.component .link_area02 {
    margin-bottom: 20px;
}
.component .link_area02 p {
    float: left;
    margin-right: 16px;
}
.component .link_area02 .link03{
    position: relative;
    padding-left: 16px;
    margin-bottom: 10px;
}
.component .link_area02 .link03:before{
    position: absolute;
    top: 0;
    left: 0;
    content: "\f105";
    font-family: FontAwesome;
    color: #676968;
    margin-right: 5px;
}
.component .link_area02 .link03.blank a{
    position: relative;
}
.component .iconLft {
    padding-right: 6px;
    vertical-align: middle;
    padding-left: 6px;
}
.component .fsLrg_area {
    margin-bottom: 20px;
}
.component span.fsLrg {
    font-size: 142.9%;
}
.component .rowBox {
    margin-bottom: 20px;
}
.component .rowBox li {
    float: left;
    padding: 5px 10px;
}
.component .indent_area {
    margin-bottom: 20px;
}
.component .txt_indent02 {
    text-indent: 1em;
}
.component .cap_area {
    margin-bottom: 20px;
}
.component .cap01,
.component .cap02,
.component .cap03,
.component .cap04 {
    margin-bottom: 30px;
}
.component .cap01 img,
.component .cap02 img,
.component .cap03 img,
.component .cap04 img {
    height: initial;
}
.component .cap01 {
    width: 240px;
}
.component .cap02 {
    width: 300px;
}
.component .cap03 {
    width: 400px;
}
.component .cap04 {
    width: 600px;
}
.component .cap01 p,
.component .cap02 p,
.component .cap03 p,
.component .cap04 p{
    text-align: center;
}
.component .cap01 p {
    width: 240px;
}
.component .cap02 p {
    width: 300px;
}
.component .cap03 p {
    width: 400px;
}
.component .cap04 p {
    width: 600px;
}
.component .mg_area {
    margin-bottom: 20px;
}
.noticeCol {
    margin-bottom: 30px;
    padding: 15px;
    border: 1px solid #ccc;
}

@media screen and (max-width:767px){
    .component .imgLft,
    .component .imgRgt,
    .component .imgLft_fx,
    .component .imgRgt_fx,
    .component .tbl03,
    .component .tbl04,
    .component .tbl05,
    .component .tbl06,
    .component .column1_1,
    .component .column1_2,
    .component .column2_1,
    .component .column1_3,
    .component .column3_1 {
        margin-bottom: 30px;
    }
    .component .tbl06 tbody {
        flex-wrap: wrap;
    }
    .component .tbl06 th,
    .component .tbl06 td {
        width: 100%;
    }
    .tblWrap {
        margin-bottom: 20px;
    }
    .component .imgCtr,
    .component .imgList_area {
       margin-bottom: 10px; 
    }
    .component .imgCtr li {
        padding-bottom:15px;
    }
    .component .imgList {
        display: block;
    }
    .component .imgList li {
        width: 100%;
        margin-bottom: 15px;
        text-align: center;
    }
    .component .column1_1,
    .component .column1_2,
    .component .column2_1,
    .component .column1_3,
    .component .column3_1 {
        display: block;

    }
    .component .column1_1 div,
    .component .column1_2 div:nth-of-type(odd),
    .component .column2_1 div:nth-of-type(even),
    .component .column1_2 div:nth-of-type(even),
    .component .column2_1 div:nth-of-type(odd),
    .component .column1_3 div:nth-of-type(odd),
    .component .column3_1 div:nth-of-type(even),
    .component .column1_3 div:nth-of-type(even),
    .component .column3_1 div:nth-of-type(odd) {
        width: 100%;
        margin-bottom: 10px;
    }
    .component .link_area02 p {
        float: none;
        margin-right: 0;
    }
    .component .com_btn .btn04,
    #container .com_btn .btn04 {
        font-size: 100%;
    }
    .component .com_btn,
    .component .list03,
    .component .link_area02,
    .component .fsLrg_area,
    .component .rowBox,
    .component .indent_area,
    .component .cap_area {
        margin-bottom: 30px;
    }
    .component .cap01,
    .component .cap02,
    .component .cap03,
    .component .cap04 {
        margin-bottom: 15px;
    }
    .component .cap01{
        width: 100%;
        text-align: center;
    }
    .component .cap01 p{
        width: 100%;
    }
    .component .cap01 img {
        width: 70%;
    }
    .component .cap02 img {
        width: 30%;
        height: 30%;
    }
    .component .cap03 img {
        width: 40%;
        height: 40%;
    }
    .component .cap04 img {
        width: 60%;
        height: 60%;
    }
    .component .mg_area {
        margin-bottom: 30px;
    }
    .component .imgLft,
    .component .imgRgt,
    .component .imgLft_fx,
    .component .imgRgt_fx {
        flex-direction: column;
    }
    .component .imgLft img,
    .component .imgRgt img,
    .component .imgLft_fx img,
    .component .imgRgt_fx img{
        width: 100% !important;
        margin:0;
    }
    .component .imgLft li:nth-of-type(even),
    .component .imgLft_fx li:nth-of-type(even){
        margin-top: 15px;
        margin-left: 0;
    }
    .component .imgLft li:nth-of-type(odd),
    .component .imgLft_fx li:nth-of-type(even) {
        margin-left: 0;
    }
    .component .imgRgt li:nth-of-type(odd),
    .component .imgLft li:nth-of-type(odd) {
        text-align: center;
    }
    .component .imgRgt li:nth-of-type(even),
    .component .imgRgt_fx li:nth-of-type(even){
        margin-right: 0;
        margin-top: 15px;

    }
    .component .imgLft li:nth-of-type(odd),
    .component .imgRgt li:nth-of-type(odd),
    .component .imgRgt_fx li:nth-of-type(odd),
    .component .imgLft_fx li:nth-of-type(odd){
        width: 100% !important;
    }
    .component .spcap100{
        width: 100%;
    }
    .component .spcap100 img{
        width: 100%;
    }
    .component .spcap100 p{
        width: 100%;
    }

}




    /* rcastnews */
    /* pickup */
    .component.rcastnews {
        padding: 50px;
    }
    .component.rcastnews .pickup {
        margin-top: 45px;
    }
    .component.rcastnews .pickup .pickup_title{
        text-align: center;
        position: relative;
    }
    .component.rcastnews .pickup .pickup_title:before{
        position: absolute;
        top: 50%;
        transform:translate(0,-50%);
        -webkit-transform:translate(0,-50%);
        left:0;
        width: 100%;
        height: 1px;
        background-color: #000000;
        content: "";
    }
    .component.rcastnews .pickup .pickup_title span{
        font-family: 'Castoro', serif;
        font-size: 292.8%;
        letter-spacing: 0.05em;
        line-height: 1.36;
        width: 275px;
        background: #fff;
        display: block;
        margin: 0 auto;
        position: relative;
    }
    @media screen and (max-width: 767px){
        .component.rcastnews {
            padding: 0;
        }
        .component.rcastnews .pickup .pickup_title span{
            font-size: 157.2%;
            margin-bottom: 0;
            width: 150px;
        }
    }

    /* pickup_list backnumber_list */
    .component.rcastnews .pickup .pickup_list li,
    .component.rcastnews .backnumber .backnumber_list li{
        border-bottom: 1px solid #D8D9D9;
    }
    .component.rcastnews .backnumber .backnumber_list{
        margin-top: 30px;
        margin-bottom: 40px;
    }
    .component.rcastnews .backnumber .backnumber_list li:first-child{
        border-top: 1px solid #D8D9D9;
    }
    .component.rcastnews .pickup .pickup_list li:last-child{
        border-bottom: none;
    }
    .component.rcastnews .pickup .pickup_list li a,
    .component.rcastnews .backnumber .backnumber_list li a{
        padding: 35px;
        text-decoration: none;
        position: relative;
        margin: 0;
        align-items: flex-start;
    }
    .component.rcastnews .backnumber .backnumber_list li a{
        padding: 25px 10px;
    }
    .component.rcastnews .pickup .pickup_list li a:hover,
    .component.rcastnews .backnumber .backnumber_list li a:hover{
        opacity: 0.7;
    }
    .component.rcastnews .pickup .pickup_list li a::before,
    .component.rcastnews .backnumber .backnumber_list li a::before{
        content: "";
        background:url(/content/000014993.svg);
        position: absolute;
        font-weight: normal;
        right: 20px;
        top: 50%;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        width: 9px;
        height: 17px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .component.rcastnews .backnumber .backnumber_list li a::before{
        width: 5px;
        height: 10px;
    }
    .component.rcastnews .pickup .pickup_list li img,
    .component.rcastnews .backnumber .backnumber_list li img{
        flex-shrink: 0;
    }
    .component.rcastnews .pickup .pickup_list li a > div{
        margin-left: 40px;
    }
    .component.rcastnews .backnumber .backnumber_list li a > div{
        margin-left: 20px;
    }
    .component.rcastnews .pickup .pickup_list li .cate,
    .component.rcastnews .backnumber .backnumber_list li .cate{
        margin-bottom: 15px;
        color: #fff;
        padding: 2px 10px;
        font-size: 85.7%;
        letter-spacing: 0.1em;
        display: inline-block;
    }
    .component.rcastnews .backnumber .backnumber_list li .cate{
        margin-bottom: 10px;
    }
    .component.rcastnews .pickup .pickup_list li .cate01,
    .component.rcastnews .backnumber .backnumber_list li .cate01{
        background: #0E4F7B;
    }
    .component.rcastnews .pickup .pickup_list li .cate02,
    .component.rcastnews .backnumber .backnumber_list li .cate02{
        background: #38741F;
    }
    .component.rcastnews .pickup .pickup_list li .cate03,
    .component.rcastnews .backnumber .backnumber_list li .cate03{
        background: #673475;
    }
    .component.rcastnews .pickup .pickup_list li .cate04,
    .component.rcastnews .backnumber .backnumber_list li .cate04{
        background: #94035E;
    }
    .component.rcastnews .pickup .pickup_list li .cate05,
    .component.rcastnews .backnumber .backnumber_list li .cate05{
        background: #A74E01;
    }
    .component.rcastnews .pickup .pickup_list li .cate06,
    .component.rcastnews .backnumber .backnumber_list li .cate06{
        background: #58595B;
    }
    .component.rcastnews .pickup .pickup_list li dl dt,
    .component.rcastnews .backnumber .backnumber_list li dl dt{
        letter-spacing: 0.1em;
        padding-right: 20px;                
    }
    .component.rcastnews .pickup .pickup_list li dl dt small,
    .component.rcastnews .backnumber .backnumber_list li dl dt small{
        margin-bottom: 10px;
        font-size: 100%;
        font-weight: bold;
        line-height: 2;
        display: block;
    }
    .component.rcastnews .pickup .pickup_list li dl dt span{
        font-size: 157.1%;
        font-weight: bold;
        line-height: 1.45;
    }
    .component.rcastnews .backnumber .backnumber_list li dl dt span{
        font-size: 114.3%;
        font-weight: bold;
        line-height: 2;
    }
    @media screen and (max-width: 767px){
        .component.rcastnews .backnumber .backnumber_list li dl dt{
            padding-right: 0;
        }
        .component.rcastnews .backnumber .backnumber_list li dl dt span{
            line-height: 1.6;
        }
        .component.rcastnews .backnumber .backnumber_list li a{
            padding: 25px;
        }
    }
    .component.rcastnews .pickup .pickup_list li dl dd,
    .component.rcastnews .backnumber .backnumber_list li dl dd{
        font-size: 100%;
        line-height: 2;
        margin-top: 15px;
    }
    .component.rcastnews .backnumber .backnumber_list li dl dd{
        margin-top: 5px;
    }
    .component.rcastnews .pickup .pickup_list li dl dd .pdf_text{
        position: relative;
        padding-left: 40px;
    }
    .component.rcastnews .pickup .pickup_list li dl dd .pdf_text:before {
        content: "";
        background: url(/content/000010604.png) no-repeat;
        position: absolute;
        font-weight: normal;
        left: 10px;
        position: absolute;
        top: 50%;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        width: 24px;
        height: 28px;
    }
    @media screen and (max-width: 767px){
        .component.rcastnews .pickup .pickup_list li a{
            padding: 25px 10px;
            margin: 0;
        }
        ,
        .component.rcastnews .backnumber .backnumber_list li a::before{
            right: 0;
        }
        .component.rcastnews .pickup .pickup_list li a::before{
           display: none;
        }
        .component.rcastnews .pickup .pickup_list li a> div{
            position: relative;
            padding-right: 20px;
            width: 100%;
        }
        .component.rcastnews .pickup .pickup_list li a> div::before{
            content: "";
            background:url(/content/000014993.svg);
            position: absolute;
            font-weight: normal;
            right: 0;
            top: 50%;
            transform: translate(0,-50%);
            -webkit-transform: translate(0,-50%);
            width: 9px;
            height: 17px;
            background-size: contain;
            background-repeat: no-repeat;
        }
        .component.rcastnews .backnumber .backnumber_list li a{
            flex-direction: inherit;
        }
        .component.rcastnews .pickup .pickup_list li img {
            margin-right: 0;
            margin-bottom: 15px;
        }
        .component.rcastnews .pickup .pickup_list li .cate{
            margin-bottom: 10px;
        }
        .component.rcastnews .pickup .pickup_list li dl dt{
            margin-bottom: 10px;
        }
        .component.rcastnews .pickup .pickup_list li dl dt small{
            margin-bottom: 5px;
            font-size: 100%;
        }
        .component.rcastnews .pickup .pickup_list li dl dt span{
            font-size: 142.8%;
        }
        .component.rcastnews .pickup .pickup_list li dl dd{
            font-size: 100%;
            line-height: 2;
            margin-top: 0;
        }
        .component.rcastnews .pickup .pickup_list li a > div{
            margin-left: 0;
        }
        .component.rcastnews .backnumber{
            margin-top: 30px;
        }
            .component.rcastnews .backnumber .backnumber_list li img{
                width: 80px !important;
            }
    }

    /* other */
    .component.rcastnews .other{
        margin-top: 70px;
    }
    /* .component.rcastnews .other .other_title{
        position: relative;
        font-size: 157.1%;
        letter-spacing: 0.05em;
        line-height: 1.27;
        font-weight: bold;
        position: relative;
        padding-bottom: 10px;
        margin-bottom: 20px;
    } */

    .component.rcastnews .other h2 {
        padding-bottom: 0 !important;
        margin-bottom: 20px !important;
    }
    .component.rcastnews .other_title::before{
        position: absolute;
        left: 0;
        bottom: 0;
        content: "";
        display: inline-block;
        width: 100%;
        height: 1px;
    }
    .component.rcastnews .other_list li{
        border-bottom: 1px solid #D8D9D9;
    }
    .component.rcastnews .other_list li:last-child{
        border:none;
    }
    .component.rcastnews .other_list li a{
        padding: 30px 15px;
        display: block;
        text-decoration: none;
        position: relative;
    }
    .component.rcastnews .other_list li a:hover{
        opacity: 0.7;
    }
    .component.rcastnews .other_list li a:before{
        content: "";
        background:url(/content/000014993.svg);
        position: absolute;
        font-weight: normal;
        right: 20px;
        top: 50%;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        width: 7px;
        height: 13px;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .component.rcastnews .other_list li a strong{
        font-weight: bold;
        font-size: 107.1%;
        letter-spacing: 0.1em;
        line-height: 1.8;
        display: block;
    }
    .component.rcastnews .other_list li a p{
        font-size: 100%;
        line-height: 1.71;
        margin-top: 10px;
        margin-bottom: 0;
    }
    .component.rcastnews .other_list li::marker{
        display: none;
    }
    @media screen and (max-width: 767px){
        .component.rcastnews .other{
            margin-top: 20px;
        }
        .component.rcastnews .other h2 {
            padding-bottom: 0 !important;
            margin-bottom: 0 !important;
        }
        .component.rcastnews .other_list li a {
            padding: 25px 10px;
            padding-right: 20px;
        }
        .component.rcastnews .other_list li a:before{
            right: 0;
        }
        .component.rcastnews .other .other_title{
            margin-bottom: 10px;
        }
    }

    /* download */
    .component.rcastnews .download{
        border: 5px solid #EEEEEE;
        padding: 20px 30px 40px;
        width: 630px;
    }
    .component.rcastnews .download_box{
        display: flex;
        margin-top: 40px;
    }
    .component.rcastnews .download .download_title{
        font-weight: bold;
        font-size: 171.4%;
        letter-spacing: 0.05em;
        line-height: 1.16;
        padding-left: 55px;
        border-bottom: 1px solid #000;
        padding-bottom: 15px;
        padding-top: 5px;
        position: relative;
    }
    .component.rcastnews .download .download_title::before{
        content: "";
        background:url(/content/000014994.svg);
        position: absolute;
        font-weight: normal;
        left: 0;
        top: 0;
        width: 40px;
        height: 40px;
        background-size: contain;
    }
    .component.rcastnews .download .download_img{
        flex-shrink: 0;
    }
    .component.rcastnews .download .download_text{
        margin-left: 30px;
        width: 100%;
    }
    .component.rcastnews .download .download_text > .download_text-titile{
        font-weight: bold;
        font-size: 157.1%;
        letter-spacing: 0.1em;
        line-height: 1.27;
    }
    .component.rcastnews .download .download_text > small{
        font-size: 100%;
        line-height: 2;
        font-weight: normal;
        display: block;
    }

    @media screen and (max-width: 767px){
        .component.rcastnews .download{
            border: 5px solid #EEEEEE;
            padding: 20px;
        }
        .component.rcastnews .download_box {
            flex-wrap: wrap;
            margin-top: 20px;
            justify-content: center;
        }
        .component.rcastnews .download .download_text {
            margin-left: 0;
            margin-top: 20px;
        }
        .component.rcastnews .rcastnews_btnSec {
            margin-top: 20px;
        }
    }


    .component.rcastnews .rcastnews_btnSec{
        margin-top: 30px;
    }

    .component.rcastnews .rcastnews_link{
        display: flex;
        justify-content: space-between;
        margin-top: 60px;
    }
    @media screen and (max-width: 767px){
        .component.rcastnews .rcastnews_link{
            flex-wrap: wrap;
        }
    }

    /* backnumber */
    .component.rcastnews .backnumber{
        width: 330px;
        margin-left: 30px;
    }
    .component.rcastnews .backnumber .backnumber_title {
        font-weight: bold;
        letter-spacing: 0.05em;
        font-size: 128.5%;
        line-height: 1.05;
        padding: 10px 30px;
        background: #EEEEEE;
        position: relative;
    }
    .component.rcastnews .backnumber .backnumber_title::before{
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 10px 10px 0 0;
        border-color: #000 transparent transparent transparent;
    }
    .component.rcastnews .btnSec li a{
        min-height: 60px;
        display: inline-block;
        background: #fff;
        text-align: center;
        font-size: 107.2%;
        font-weight: 700;
        text-decoration: none;
        position: relative;
        border: 1px solid #cdd5d1;
        width: 100%;
    }
    .component.rcastnews .btnSec li a:hover{
        background: #888;
        color: #fff;
    }
    .component.rcastnews .backnumber .btnSec{
        width: 80%;
        margin: 0 auto;
    }
    @media screen and (max-width: 767px){
        .component.rcastnews .backnumber{
            width: 100%;
            margin-left: 0;
        }
    }
    /* PDF ボタン */
    .component.rcastnews .btnSec li.imgsec_box_pdf a::after{
        content: "\f105";
        font-family: FontAwesome;
        position: absolute;
        font-weight: normal;
        right: 20px;
        overflow: hidden;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        top: 50%;
    }
    .component.rcastnews .btnSec li.imgsec_box_pdf a:before {
        content: "";
        background: url(/content/000010604.png) no-repeat;
        position: absolute;
        font-weight: normal;
        left: 10px;
        position: absolute;
        top: 50%;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        width: 24px;
        height: 28px;
    }
    .component.rcastnews .btnSec li.imgsec_box_pdf a div {
        padding: 10px 30px 10px 42px;
    }
    .component.rcastnews .btnSec li.imgsec_box_pdf a div span {
        color: #58595b;
        display: block;
        font-weight: 500;
    }

    @media screen and (max-width: 767px){
        .component.rcastnews .btnSec li.imgsec_box_pdf a {
            font-size: 92.9%;
        }
    }

    /* epub ボタン */
    .component.rcastnews .btnSec li.imgsec_box_epub{
        margin-top: 20px;
    }
    .component.rcastnews .btnSec li.imgsec_box_epub a::after{
        content: "\f105";
        font-family: FontAwesome;
        position: absolute;
        font-weight: normal;
        right: 20px;
        overflow: hidden;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        top: 50%;
    }
    .component.rcastnews .btnSec li.imgsec_box_epub a:before {
        content: "";
        background:url(/content/000010635.png) no-repeat;
        position: absolute;
        font-weight: normal;
        left: 10px;
        position: absolute;
        top: 50%;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
        width: 24px;
        height: 28px;
    }
    .component.rcastnews .btnSec li.imgsec_box_epub a div {
        padding: 10px 30px 10px 42px;
    }
    .component.rcastnews .btnSec li.imgsec_box_epub a div span {
        color: #58595b;
        display: block;
        font-weight: 500;
    }
    .component.rcastnews .btnSec li.imgsec_box_pdf a:hover,
    .component.rcastnews .btnSec li.imgsec_box_epub a:hover {
        background: #888;
        color: #fff;
    }
    .component.rcastnews .btnSec li.imgsec_box_pdf a:hover div span,
    .component.rcastnews .btnSec li.imgsec_box_epub a:hover div span {
        color: #fff;
    }
    @media screen and (max-width: 767px){
        .component.rcastnews .btnSec li.imgsec_box_epub a {
            font-size: 92.9%;
        }
    }


/* sample code */
div.codeCol {
    padding: 10px;
    background: #e6f5ff;
    margin-bottom: 30px;
}

/* ----------------------------------------

- Section Style

---------------------------------------- */
/* main
------------------------------- */
#main.Under {
    width: 1000px;
    margin: 0 auto 160px;

}
@media screen and (max-width:767px){
    #main.Under {
        width: auto;
        padding: 0 15px;
        margin: 0 auto 80px;
    }
}

/* lead02
------------------------------- */
#main.Under .lead02 {
   margin-bottom: 60px;
}
#main.Under .lead02 .link02 a {
    position: relative;
}
@media screen and (max-width:767px){
  #main.Under .lead02 {
   margin-bottom: 40px;
  }
}

/* lead03
------------------------------- */
#main.Under .lead03 {
   margin-bottom: 40px;
}
@media screen and (max-width:767px){
  #main.Under .lead03 {
   margin-bottom: 30px;
  }
}






/* defList_area
------------------------------- */

#main.Under .defList_area{
  margin-bottom: 40px;
}

/* defList01
------------------------------- */
#main.Under .defList01 {
    margin-bottom: 1em;
}
#main.Under .defList01 > li {
    position: relative;
    padding-left: 15px;
    margin-bottom: 15px;
}
#main.Under .defList01 > li:last-child{
    margin-bottom: 0;
}
#main.Under .defList01 > li:before {
    display: block;
    content: "";
    border-radius: 50%;
    position: absolute;
    left: 0;
    top:9px;
    border: solid 2px #000;
}
@media screen and (max-width:767px) {
    #main.Under .defList01 > li:before {
        top:7px;
    }
}


/* title_rcast
------------------------------- */
.title_rcast{
    margin-right: 170px !important;
}
.cate_rcast{
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 36.6%;
    text-align: center;
    margin: 0;
    padding: 3px 7px;
    letter-spacing: 0.05em;
    margin: 0 !important;
    border: 3px solid #676968;
}
.subtitle_rcast{
    font-weight: bold;
    font-size: 128.6%;
    margin-bottom: 15px;
    background: #676968;
    color: #fff;
    display: inline-block;
    padding: 5px 15px;
}
@media all and (-ms-high-contrast: none) {
    .subtitle_rcast{
        padding-bottom: 0 ;
    }
}
@media screen and (max-width: 767px){
    .title_rcast{
        margin-right: 0 !important;
        padding-bottom: 5px;
    }
    .cate_rcast{
        position: inherit;
        width: 80%;
        border: 1px solid #676968;
        padding: 5px 0;
        top: inherit;
    }
    .subtitle_rcast{
        font-weight: bold;
        font-size: 128.6%;
        margin-bottom: 15px;
        background: #676968;
        color: #fff;
        display: inline-block;
        padding: 5px 20px;
    }

}

/* defList02
------------------------------- */
#main.Under .defList02 {
  counter-reset: item;
  counter-reset: item 0;
  margin-bottom: 1em;
}
#main.Under .defList02 li{
    margin-bottom: 15px;
    position: relative;
    padding-left: 20px;
}
#main.Under .defList02 li:before {
 display: block;
  position: absolute;
  top: 0;
  left: 0px;
  counter-increment: item;
  content: counter(item)'.';
  font-weight: 500;
  color: #000;
  margin-right: 10px;
}


/* newsList
------------------------------- */
#topicPath {
  margin: 20px auto 60px;
  overflow: auto;
  font-size: 85.7%;
}
#topicPath li a{
  color: #000;
}

#topicPath li {
  display: inline;
  padding-right: 14px;
}

#topicPath li:before {
  content: '/';
  margin-right: 10px;
  color: #000;
  vertical-align: middle;
}
#topicPath li.topPage {
  padding-left: 0;
  background: none;
}
#topicPath li.topPage:before {
  content: none;
}
@media all and (max-width: 767px) {
  #topicPath {
    margin: 15px auto 40px;
  }
  #topicPath li{
    padding-right: 5px;
  }
  #topicPath li:before{
    margin-right: 9px;
  }
}

#main.Under .link02{
    position: relative;
    padding-left: 16px;
    margin-bottom: 10px;
}
#main.Under .link02:before{
    position: absolute;
    top: 0;
    left: 0;
    content: "\f105";
    font-family: FontAwesome;
    color: #676968;
    margin-right: 5px;
}
#main.Under .blank_sp {
    padding-left: 20px;
}
#main.Under .link02 .blank_sp{
    padding-left: 20px;
    position: relative;
}
#main.Under .blank_sp img{
    vertical-align: middle;
    width: 13px;
    height: 13px;
}
#main.Under .link_epub,
#main.Under .link_other,
#main.Under .link_excel,
#main.Under .link_pdf,
#main.Under .link_word,
#main.Under .link_power
{
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
}
#main.Under .link_area03 .link_epub,
#main.Under .link_area03 .link_other,
#main.Under .link_area03 .link_excel,
#main.Under .link_area03 .link_pdf,
#main.Under .link_area03 .link_word,
#main.Under .link_area03 .link_power
{
    position: relative;
    padding-left: 23px;
}
#main.Under .link_area03 .link_epub:before,
#main.Under .link_area03 .link_other:before,
#main.Under .link_area03 .link_excel:before,
#main.Under .link_area03 .link_pdf:before,
#main.Under .link_area03 .link_word:before,
#main.Under .link_area03 .link_power:before{
    width: 18px;
    height: 24.65px;
}
#main.Under .link_epub:before,
#main.Under .link_other:before,
#main.Under .link_excel:before,
#main.Under .link_pdf:before,
#main.Under .link_word:before,
#main.Under .link_power:before{
    position: absolute;
    top: -3px;
    left: 0;
    content: "";
    font-family: FontAwesome;
    margin-right: 5px;
    width: 24px;
    height: 29px;
    background-size: contain !important;
}
#main.Under .link_pdf:before{
    background: url(/content/000010604.png)no-repeat;
}
#main.Under .link_word:before{
    background: url(/content/000010602.png)no-repeat;
}
#main.Under .link_excel:before{
    background: url(/content/000010613.png)no-repeat;
}
#main.Under .link_other:before{
    background: url(/content/000010638.png)no-repeat;
}
#main.Under .link_epub:before{
    background: url(/content/000010635.png)no-repeat;
}
#main.Under .link_power:before{
    background: url(/content/000010719.png)no-repeat;
}
@media all and (max-width: 767px) {
  #main.Under .link02.blank a{
    background: none;
  }
  #main.Under .blank_sp{
    display: inline-block;
  }
    #main.Under .blank_sp img{
    width: auto !important;
    }
}
/* ----------------------------------------

banner02

※下記、共通化の後にCSS削除※

---------------------------------------- */

.banner02 {
    padding: 40px 0;
    background: #efefef;
}
.banner02 ul {
    display: flex;
    margin: 0 -10px;
}
.banner02 ul li {
    width: 25%;
    box-sizing: border-box;
    padding: 0 10px;
}
.banner02 ul li a {
    width: 100%;
    height: 60px;
    display: inline-block;
    background: #fff;
    border: 1px solid #cdd5d1;
    line-height: 58px;
    text-align: center;
    font-size: 107.2%;
    font-weight: 700;
    text-decoration: none;
    position: relative;
}
.banner02 ul li a:hover {
    background: #888;
    color: #fff;
}
.banner02 ul li a:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    font-weight: normal;
    right: 20px;
}
@media screen and (max-width:767px){
    .banner02 {
        padding: 30px 0 20px;
    }
    .banner02 ul {
        flex-wrap: wrap;
        margin: 0 -5px;
    }
    .banner02 ul li {
        width: 50%;
        padding: 0 5px;
        margin-bottom: 10px;
    }
    .banner02 ul li a {
        height: 50px;
        line-height: 48px;
        font-size: 100%;
    }
    .banner02 ul li a:after {
        display: none;
    }
}


/* newsList
------------------------------- */

#main.Under .newsList .article a {
  height: 100%;
}







/* col02
------------------------------- */

#main.Under .col02 > * {
    width: 47%;
    width: -webkit-calc(calc(100% - 60px) / 2 );
    width: calc(calc(100% - 60px) / 2);
    margin-right: 60px;
    margin-top: 60px;
    float: left;
}
#main.Under .col02 > *:nth-child(even) {
  margin-right: 0;
}
#main.Under .col02 > *:nth-child(-n+2) {
  margin-top: 0;
}
#main.Under .btnSec.col02 li {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  #main.Under .col02 > * {
      width: 100%;
      margin-right: 20px;
      margin-top: 20px;
      float: none;
  }
  #main.Under .col02.spcolClear > * {
    width : 100%; 
    width : -webkit-calc(100%);
    width : calc(100%);
    margin-right: 0;
    margin-top: 40px;
  }
  #main.Under .col02.spcolClear > *:nth-child(1) {
    margin-top: 0;
  }
}

/* col02_02
------------------------------- */
#main.Under .col02_02 > * {
    width: 47%;
    width: -webkit-calc(calc(100% - 60px) / 2 );
    width: calc(calc(100% - 60px) / 2);
    margin-right: 60px;
    margin-top: 20px;
    float: left;
}
_:-ms-lang(x)::-ms-backdrop, #main.Under .col02_02 > * {
    width: 47%;
}
#main.Under .col02_02 > *:nth-child(even) {
  margin-right: 0;
}
#main.Under .col02_02 > *:nth-child(-n+2) {
  margin-top: 0;
}
#main.Under .col02_02.btnSec li {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
 #main.Under  .col02_02.spcolClear > * {
    width : 100%; 
    margin-right: 0;
    margin-top: 20px;
  }
  #main.Under .col02_02.spcolClear > *:nth-child(1) {
    margin-top: 0;
  }

  #main.Under .col02_02 > * {
      width: 100%;
      margin-right: 20px;
      margin-top: 20px;
  }
}

/* col03
------------------------------- */
#main.Under .col03 > * {
  width : 32% ; 
  width : -webkit-calc(calc(100% - 40px) / 3 );
  width : calc(calc(100% - 40px) / 3);
  margin-right: 20px;
  margin-top: 20px;
  float: left;
}
#main.Under .col03 > *:nth-child(3n) {
  margin-right: 0;
}
#main.Under .col03 > *:nth-child(-n+3) {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  #main.Under .col03.spcolClear > * {
    width : 100%; 
    width : -webkit-calc(100%);
    width : calc(100%);
    margin-right: 0;
    margin-top: 15px;
  }
  #main.Under .col03.spcolClear > *:nth-child(-n+3) {
    margin-top: 15px;
  }
  #main.Under .col03.spcolClear > *:nth-child(1) {
    margin-top: 0;
  }
  #main.Under .col03.spcol02 > * {
    width : 47%; 
    width : -webkit-calc(calc(100% - 15px) / 2 );
    width : calc(calc(100% - 15px) / 2);
    margin-right: 15px;
    margin-top: 15px;
    float: left;
  }
  #main.Under .col03.spcol02 > *:nth-child(3n) {
    margin-right: 15px;
  }
  #main.Under .col03.spcol02 > *:nth-child(2n) {
    margin-right: 0;
  }
  #main.Under .col03.spcol02 > *:nth-child(-n+3) {
    margin-top: 15px;
  }
  #main.Under .col03.spcol02  > *:nth-child(-n+2) {
    margin-top: 0;
  }


}

/* col04
------------------------------- */
#main.Under .col04 > * {
  width : 23.5%; 
  width : -webkit-calc(calc(100% - 30px) / 4 );
  width : calc(calc(100% - 30px) / 4);
  margin-right: 10px;
  margin-top: 10px;
  float: left;
}
#main.Under .col04 > *:nth-child(4n) {
  margin-right: 0;
}
_:-ms-lang(x)::-ms-backdrop, #main.Under .col04 > * {
   width : 24%; 
}
#main.Under .col04 > *:nth-child(-n+4) {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
 #main.Under .col04.spcolClear > * {
    width : 100%; 
    width : -webkit-calc(100%);
    width : calc(100%);
    margin-right: 0;
  margin-top: 10px;
  }
  #main.Under .col04.spcolClear > *:nth-child(-n+4) {
  margin-top: 10px;
  }
  #main.Under .col04.spcolClear > *:nth-child(1) {
    margin-top: 0;
  }
  #main.Under .col04.spcol02 > * {
    width : 47%; 
    width : -webkit-calc(calc(100% - 10px) / 2 );
    width : calc(calc(100% - 10px) / 2);
    margin-right: 10px;
    margin-top: 10px;
    float: left;
  }
  #main.Under .col04.spcol02 > *:nth-child(even) {
    margin-right: 0px;
  }
  #main.Under .col04.spcol02  > *:nth-child(4n) {
    margin-right: 0;
  }
  #main.Under .col04.spcol02 > *:nth-child(-n+4) {
    margin-top: 10px;
  }
  #main.Under .col04.spcol02  > *:nth-child(-n+2) {
    margin-top: 0;
  }

}



#main.Under .tag li {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    background: #fff;
    border: 1px solid #000;
    padding: 0 15px;
    margin-right: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

#main.Under .txt_area p {
    margin-bottom: 20px;
}
#main.Under .grybox02 {
    background-color: #eee;
    border: 5px solid #eee;
    padding: 25px;
    margin-bottom: 50px;
}
@media screen and (max-width:767px){
     #main.Under .grybox02 {
            border: 5px solid #eee;
            padding: 15px;
            margin-bottom: 30px;
        }
    #main.Under .txt_area p {
        margin-bottom: 10px;
    }
}



/* .newsList ※※※※module.cssマージの時に変更したいです※※※※※
------------------------------- */
#main.Under .newsList .cat {
    min-width: 108px;
}

@media screen and (max-width: 767px){
    #main.Under .newsList .cat {
        min-width: 94px;
        font-size: 85.7%;
        top: -1px;
    }
}

/*文中内外部リンク*/
.component a img[src*="000010499.png"],
.component a img[src*="000010223.png"],
.component a img[src*="000010039.png"],
.component a img[src*="000009992.png"],
.component a img[src*="000009997.png"],
.component a img[src*="000009903.png"],
.component a img[src*="000000099.png"] {
    padding-right: 3px;
    padding-left: 3px;
    width: 18px !important;
    vertical-align: middle;
}

/* ----------------------------------------

clearfix

---------------------------------------- */

/* Modern Browsers
------------------------------- */
#main.Under .col02:after,
#main.Under .col02_2:after,
#main.Under .col03:after,
#main.Under .col04:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
  line-height: 0;
}

/* Legacy IE
------------------------------- */
#main.Under .col02,
#main.Under .col02_2,
#main.Under .col03,
#main.Under .col04 {
  *zoom: 1;
}

/* ----------------------------------------
 ----------------------------------------

- accessibility

----------------------------------------
---------------------------------------- */

#accessibility .contactbox li:first-child{
    float: left;
}
#accessibility .contactbox li:last-child{
    float: right;
}
#accessibility .contactbtn{
    margin-top: 10px;
}
#accessibility .contactbox{
    margin-top: 50px;
}
#accessibility .contactbtn a {
    background-color: #196aab;
    text-align: center;
    overflow: hidden;
    color: #fff;
    width: 200px;
    height: 36px;
    line-height: 36px;
    border-radius: 21px;
    font-size: 1rem;
    padding: 0 30px;
    position: relative;
    -webkit-transition: all 0.3s cubic-bezier(0.66, 0, 0, 1);
    -o-transition: all 0.3s cubic-bezier(0.66, 0, 0, 1);
    transition: all 0.3s cubic-bezier(0.66, 0, 0, 1);
    display: block;
    text-decoration: none;
}
#accessibility .contactbtn a:hover {
    background: #06355b;
}
#accessibility .contactbtn a i {
    margin-right: 10px;
}
#accessibility .component table {
    width: 100%;
    word-break: normal;
}
#accessibility  table {
    word-break: break-all;
}
#accessibility table th, .component table td {
    padding: 10px;
}
#accessibility table th, .component table td {
    padding: 10px;
}
#accessibility .colw_01 {
    width: 40%;
}
#accessibility .colw_02 {
    width: 25%;
}
@media screen and (max-width: 767px){
    #accessibility .contactbox li:first-child{
        float: none;
        margin-bottom: 20px;
    }
    #accessibility .contactbox li:last-child{
        float: none;
        text-align: right;
    }
    #accessibility .colw {
        width: 40%;
    }
}


/* ----------------------------------------
 ----------------------------------------

- print.css

----------------------------------------
---------------------------------------- */


/* 必要のない場所を印刷時に消す
#header,
#content #sub,
#footer {
    display: none;
}
*/

/* Chromeのみ100%倍率の印刷で切れないように */
.chrome #container {
    zoom: .7;
}

/* IE印刷余白設定 */
@page {
    margin: 0;
    size: A4 portrait;
}






/* ----------------------------------------
 ----------------------------------------

- article.css

----------------------------------------
---------------------------------------- */

#article .tbl02 td p:last-child {
    margin-bottom: 0
}

/* ----------------------------------------

Faculty

---------------------------------------- */

#article .year{
    margin-bottom: 30px;
    font-size:85.7%;
    text-align: right;
}
#article .list{
    float: right;
}
#article .list li{
    border:1px solid #231815;
    box-sizing: border-box;
    font-size: 78.6%;
    width: 85px;
    height: 34px;
    margin-bottom: 10px;
    position: relative;
    margin-left: 10px;
    display: inline-block;
    text-indent: 0;
}
#article .list li:last-child{
    margin-right: 0;
}
#article .list li a{
    width: 100%;
    height: 100%;
    display: block;
}
#article .list li span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
}
#article .list li a:hover{
    opacity: 0.5;
}
#article .imgbox{
    margin-bottom: 40px;
}

#article .youtube,
#article .youtube_75,
#article .youtube_50 {
    overflow: hidden;
    margin-bottom: 40px;
}
#article .youtube iframe{
    width: 1000px;
    height: 650px;
}
#article .youtube_75 iframe{
    width: 750px;
    height: 488px;
}
#article .youtube_50 iframe{
    width: 500px;
    height: 325px;
}

#article .txtbox{
    margin-bottom: 40px;
}
#article .linkarea{
    margin-bottom: 50px;
}
#article .linkarea .link02{
    margin-bottom: 10px;
}
#article .tag li{
    display: inline-block;
    height: 24px;
    line-height: 24px;
    background: #fff;
    border: 1px solid #000;
    box-sizing: border-box;
    padding: 0 15px;
    margin-right: 10px;
    margin-bottom: 10px;
}

@media all and (max-width: 767px) {
    #article .imgbox{
        margin-bottom: 20px;
    }
    #article .youtube,
    #article .youtube_75,
    #article .youtube_50 {
        position: relative;
        padding-bottom: 56.25%;
        width: 100%;
        height: 200px;
        margin-bottom: 30px;
    }
    #article .youtube iframe,
    #article .youtube_75 iframe,
    #article .youtube_50 iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    #article .txtbox{
        margin-bottom: 30px;
    }
    #article .linkarea{
        margin-bottom: 30px;
    }
    #article .year{
        margin-bottom: 20px;
    }
}


/* Library */
@media all and (max-width: 767px) {
    div.calender {
    float: none !important;
    } 
    div.calender iframe {
    width: 100%;
    } 
    #article .component {
    word-break: break-word;
    }
}

/* ----------------------------------------

clearfix

---------------------------------------- */

/* Modern Browsers
------------------------------- */
#mvSliderInner:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
    line-height: 0;
}

/* Legacy IE
------------------------------- */
#mvSliderInner {
    *zoom: 1;
}
@media screen and (max-width:767px){
    /* Modern Browsers
    ------------------------------- */
    #top .about02 ul li a:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: ".";
        line-height: 0;
    }

    /* Legacy IE
    ------------------------------- */
    #top .about02 ul li a {
        *zoom: 1;
    }
}



/* ----------------------------------------
 ----------------------------------------

- en_top.css

----------------------------------------
---------------------------------------- */

/* ----------------------------------------

top footer

---------------------------------------- */


#en_top .megamenu ul li a {
    padding-left: 10px;
    position: relative;
    display: block;
}
#en_top .megamenu ul li a:before {
    margin-right: 0;
    position: absolute;
    top: 0px;
    left: 0px; 
} 
#en_top .spNav01 > li > ul > li > a {
    padding-left: 25px;
    position: relative;
    display: block;
}
#en_top .spNav01 > li > ul > li > a:before {
    margin-right: 0;
    position: absolute;
    top: 9px;
    left: 15px;
}

/* ----------------------------------------

mvSlider

---------------------------------------- */
#en_top #header{
    border: none;
}
#en_top .globalNav {
    bottom: 0;
}
#mvSlider {
    margin: 0 0 60px;
    width: 100%;
    overflow: hidden;
}
#mvSliderInner {
    width: 1134px;
    margin: 0 auto 30px;
}
#mvSlider .mvSliderCol {
    
    float: left;
}
#mvSlider .mvSliderColInner {
    margin: 0 5px;
    position: relative;
    display: block;
    text-decoration: none;
}
#mvSlider .mvSliderColInner .img {
    position: relative;
    z-index: 1;
}
#mvSlider .mvSliderColInner .textarea {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    width: 650px;
    padding: 30px 30px 30px 40px;
    background-color: rgba(255, 255, 255, .9);
}
#mvSlider .mvSliderColInner .textarea:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: "";
    height: 100%;
    width: 10px;
    background: -moz-linear-gradient(top, #fa8dd7, #8b6dfa);
    background: -webkit-linear-gradient(top, #fa8dd7, #8b6dfa);
    background: linear-gradient(to bottom, #fa8dd7, #8b6dfa);
}
#mvSlider .mvSliderColInner .textarea h2 {
    font-size: 142.9%;
    font-weight: 700;
}
#mvSlider .mvSliderColInner .textarea p {
    font-size: 114.3%;
    font-weight: 700;
    margin-top: 5px;
}
#mvSlider .mvSliderColInner .btn {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 33px;
    height: 33px;
    background: #fff;
    text-align: center;
    font-size: 128.6%;
}
#mvSliderBtn {
    display: flex;
    justify-content: center;
}
#mvSliderBtn .slick-btn {
    width: 40px;
    height: 40px;
    background: #d8d9d9;
    text-align: center;
    line-height: 40px;
    margin: 0 7px;
    cursor: pointer;
}
#mvSliderBtn .slick-btn:hover {
    opacity: .5;
}
#mvSliderBtn .slick-prev,
#mvSliderBtn .slick-next {
    font-size: 142.9%;
}
#mvSliderBtn .slick-play {
    display: none;
}
#mvSliderBtn .slick-prev:focus{
    color: #ff00cc;
}
@media screen and (max-width:767px){
    #mvSlider {
        margin: 0 0 50px;
    }
    #mvSliderInner {
        width: 100%;
        margin: 0;
    }
    #mvSlider .mvSliderColInner {
        margin: 0;
    }
    #mvSlider .mvSliderColInner .textarea {
        position: relative;;
        width: auto;
        padding: 20px 25px 25px 20px;
    }
    #mvSlider .mvSliderColInner .textarea:before {
        width: 5px;
    }
    #mvSlider .mvSliderColInner .textarea h2 {
        font-size: 128.6%;
    }
    #mvSlider .mvSliderColInner .textarea p {
        font-size: 100%;
    }
    #mvSlider .mvSliderColInner .btn {
        bottom: auto;
        top: 50%;
        right: 15px;
        width: auto;
        height: auto;
        background: none;
        -webkit-transform:translate(0, -50%); transform:translate(0, -50%);
        font-size: 142.9%;
    }
}

/* ----------------------------------------

top news

---------------------------------------- */
#en_top .news {
    padding-bottom: 120px;
}
#en_top .news .title01 img {
    width: 92px;
    height: 37px;
}
#en_top .news .newsList {
    margin-bottom: 60px;
}
#en_top .news .newsList .cat {
    min-width: 120px;
}
#en_top .news .btn {
    text-align: center;
}
@media screen and (max-width:767px){
    #en_top .news {
        padding-bottom: 50px;
    }
    #en_top .news .newsList {
        margin-bottom: 20px;
    }
}

/* ----------------------------------------

top event

---------------------------------------- */
#en_top .event {
    background:-webkit-gradient(radial, center center, 0, center center, 100, from(#f8f8f8), to(#d9d9d9));
    background:-moz-radial-gradient(center, circle cover, #f8f8f8, #d9d9d9);
    background:radial-gradient(#f8f8f8, #d9d9d9);
    padding: 60px 0 120px;
}
#en_top .event .title01 img {
    width: 106px;
    height: 37px;
}
#en_top .event .newsList {
    margin-bottom: 60px;
}
#en_top .event .btn {
    text-align: center;
}
@media screen and (max-width:767px){
    #en_top .event {
        padding: 40px 0 50px;
    }
    #en_top .event .newsList {
        margin-bottom: 20px;
    }
}

/* ----------------------------------------

top staff

---------------------------------------- */
#en_top .staff {
    background: url("/content/000010651.jpg") no-repeat center center;
    background-size: cover;
    padding: 80px 0 120px;
    overflow-x: hidden;
    width: 100%;
    margin-bottom: 80px;
}
#en_top .staff h2 {
    font-size: 214.3%;
    font-weight: bold;
    letter-spacing: .05em;
    position: relative;
    margin-bottom: 35px;
    padding-bottom: 5px;
    color: #fff;
}
#en_top .staff h2:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: -moz-linear-gradient(left, #fff, transparent);
    background: -webkit-linear-gradient(left, #fff, transparent);
    background: linear-gradient(to right, #fff, transparent);
}
#en_top .staff .lead {
    line-height: 2;
    margin-bottom: 45px;
    color: #fff;
}
#en_top .staff .people,
#en_top .staff .frontrunners {
    float: left;
    width: 558px;
}
#en_top .staff .people {
    position: relative;
    padding-right: 40px;
}
#en_top .staff .people .btn {
    position: absolute;
    right: 16px;
    bottom: -31px;
    width: 240px;
}
#en_top .staff .people .fig {
    margin-left: -105px;
}
/*#en_top .staff .frontrunners {
    float: right;
    width: 558px;
}*/
#en_top .staff .frontrunnersInner {
    width: 625px;
    background: #fff;
    margin: 0 -107px 0 40px;
    padding: 28px 35px 0;
}
#en_top .staff .frontrunnersInnerRow01 {
    width: 483px;
}
#en_top .staff .frontrunnersInnerRow01 h3 {
    font-size: 142.9%;
    font-weight: bold;
    margin-bottom: 5px;
}
#en_top .staff .frontrunnersInnerRow01 p {
    font-weight: bold;
    margin-bottom: 20px;
}
#en_top .staff .frontrunnersInnerRow02 {
    margin-top: 30px;
    width: 483px;
}
#en_top .staff .frontrunnersInnerRow02 .fig {
    width: 320px;
    margin: 0 0 -30px -75px;
    float: left;
}
#en_top .staff .frontrunnersInnerRow02 p {
    float: right;
    width: 100%;
    margin-left: -245px;
    padding-left: 245px;
    box-sizing: border-box;
}
#en_top .staff .frontrunnersInnerRow02 p span {
    display: block;
    position: relative;
    padding: 40px 0 20px 20px;
    font-weight: bold;
}
#en_top .staff .frontrunnersInnerRow02 p span:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: -moz-linear-gradient(left, #000, transparent);
    background: -webkit-linear-gradient(left, #000, transparent);
    background: linear-gradient(to right, #000, transparent);
}
@media screen and (max-width:767px){
    #en_top .staff {
        padding: 40px 0 60px;
        margin-bottom: 40px;
    }
    #en_top .staff h2 {
        font-size: 157.2%;
        margin-bottom: 20px;
    }
    #en_top .staff .lead {
        line-height: 1.75;
        margin-bottom: 20px;
    }
    #en_top .staff .people {
        float: none;
        width: auto;
        margin-bottom: 40px;
    }
    #en_top .staff .people .btn {
        position: static;
        width: 240px;
        margin-bottom: 20px;
        float: right;
    }
    #en_top .staff .people .fig {
        margin-left: -35px;
        margin-right: -35px;
    }
    #en_top .staff .frontrunners {
        float: none;
        width: auto;
    }
    #en_top .staff .frontrunnersInner {
        width: auto;
        background: #fff;
        margin: 0 -15px 0 40px;
        padding: 20px 10px 0 15px;
    }
    #en_top .staff .frontrunnersInnerRow01 {
        width: auto;
    }
    #en_top .staff .frontrunnersInnerRow01 h3 {
        font-size: 114.3%;
    }
    #en_top .staff .frontrunnersInnerRow02 {
        margin-top: 30px;
        width: auto;
        position: relative;
    }
    #en_top .staff .frontrunnersInnerRow02 .fig {
        width: 80%;
        margin: 58px 0 -30px -75px;
        float: left;
    }
    #en_top .staff .frontrunnersInnerRow02 p {
        float: none;
        position: absolute;
        right: 0;
        width: 75%;
        top: -5%;
        margin-left: 0;
        padding-left: 0;
    }
    #en_top .staff .frontrunnersInnerRow02 p span {
        padding: 0 0 10px 0;
    }
}

@media screen and (max-width:400px){
    #en_top .staff .frontrunnersInnerRow02 p {
        top: -10%;
    }
}
/* ----------------------------------------

top project

---------------------------------------- */
#en_top .project {
    padding: 60px 0 110px;
}
#en_top .project .title01 img {
    width: 143px;
    height: 37px;
}
#en_top .projectList .article a h3 {
    line-height: 1.3;
    padding: 11px 35px 11px 20px;
    display: flex;
    align-items: center;
}
@media screen and (max-width:767px){
    #en_top .project {
        padding: 40px 0 30px;
    }
}

/* ----------------------------------------

top about01

---------------------------------------- */
#en_top .about01 {
    height: 483px;
    margin-bottom: 120px;
    background: url("/content/000010601.jpg") no-repeat center top;
    position: relative;
}
#en_top .about01 .box01 {
    height: 100%;
}
#en_top .about01 .box01 .btn {
    position: absolute;
    width: 400px;
    right: calc((100% - 1156px) / 2);
    bottom: 80px;
}
#en_top .about01 .lead_txt {
    font-size: 271.4%;
    font-weight: bold;
    color: #676968;
    line-height: 1.8em;
    padding-left: 4em;
    text-indent: -4em;
    position: absolute;
    top: 120px;
    transform-origin: top left;
    transform: scale(0.72, 1);
}
#en_top .about01 .lead_txt span {
    background-color: #fff;
    padding: 3px 25px;
    white-space: nowrap;
}
@media screen and (max-width:767px){
    #en_top .about01 {
        height: auto;
        margin-bottom: 60px;
        padding-top: 30.5%;
        padding-bottom: 5%;
        background-image: url("/content/000010615.jpg");
        background-size: 100% auto;
        overflow: hidden;
    }
    #en_top .about01 .box01 .btn {
        position: static;
        width: 60%;
        float: right;
    }
    #en_top .about01 .lead_txt {
        font-size: 150%;
        padding-left: 2.5em;
        text-indent: -2.5em;
        top: 25%;
        left: 5%;
    }
    #en_top .about01 .lead_txt span {
        padding: 1px 10px;
    }
}
@media screen and (max-width:567px){
    #en_top .about01 .lead_txt {
        font-size: 114.3%;
    }
}

/* ----------------------------------------

top about02

---------------------------------------- */
#en_top .about02 .box01 {
    margin: 0 auto 120px;
}
#en_top .about02 ul {
    display: flex;
    margin: 0 -10px;
}
#en_top .about02 ul li {
    width: 33.333%;
    padding: 0 10px;
}
#en_top .about02 ul li a {
    display: block;
    position: relative;
}
#en_top .about02 ul li a img {
    display: inline-block;
    position: relative;
    z-index: 1;
}
#en_top .about02 ul li a div {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 250px;
    height: 80px;
    background: #fff;
    text-align: center;
}
#en_top .about02 ul li a:hover img {
    opacity: .7;
}
#en_top .about02 ul li a:hover div {
    background: #888;
    color: #fff;
}
#en_top .about02 ul li a div:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    right: 17px;
    -webkit-transform:translate(0, -50%); transform:translate(0, -50%);
}
#en_top .about02 ul li a div span {
    font-weight: 700;
    font-size: 107.2%;
    width: 240px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);
}
@media screen and (max-width:1024px){
    #en_top .about02 ul li a div span {
        font-size: 85.8%;
    }
    #en_top .about02 ul li a div {
        width: 260px;
    }
}
@media screen and (max-width:767px){
    #en_top .about02 .box01 {
        padding: 0!important;
        margin-bottom: 50px;
    }
    #en_top .about02 ul {
        display: block;
        margin: 0;
        border-top: 1px solid #d8d9d9;
    }
    #en_top .about02 ul li {
        width: 100%;
        padding: 0;
        border-bottom: 1px solid #d8d9d9;
    }
    #en_top .about02 ul li a img {
        float: left;
        width: 50%;
    }
    #en_top .about02 ul li a div {
        left: 55%;
        bottom: auto;
        top: 50%;
        width: 45%;
        height: auto;
        text-align: left;
    }
    #en_top .about02 ul li a:hover div {
        background: none;
        color: #000;
    }
    #en_top .about02 ul li a div:after {
        right: 15px;
    }
    #en_top .about02 ul li a div span {
        font-size: 100%;
        width: 70%;
        left: 0;
        -webkit-transform:translate(0%, -50%); transform:translate(0%, -50%);

    }
}
/* ----------------------------------------

top mm_access

---------------------------------------- */
#en_top .mm_access {
    background: -moz-linear-gradient(left, #2b97f2, #2bbaa1);
    background: -webkit-linear-gradient(left, #2b97f2, #2bbaa1);
    background: linear-gradient(to right, #2b97f2, #2bbaa1);
    padding: 80px 0;
}
#en_top .mm_access .box01 {
    display: flex;
}
#en_top .mm_access .article {
    width: 50%;
}
#en_top .mm_access .article:first-of-type {
    padding-right: 10px;
}
#en_top .mm_access .article:last-of-type {
    padding-left: 10px;
}
#en_top .mm_access .article .articleInner {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 40px;
    text-align: center;
}
#en_top .mm_access .article .articleInner h2 {
    font-size: 171.5%;
    font-weight: 700;
    margin-bottom: 10px;
}
#en_top .mm_access .article .articleInner .btn {
    margin-top: 20px;
}
@media screen and (max-width:767px){
    #en_top .mm_access {
        padding: 40px 0 25px;
    }
    #en_top .mm_access .box01 {
        display: block;
    }
    #en_top .mm_access .article {
        width: 100%;
        padding: 0!important;
        margin-bottom: 15px;
    }
    #en_top .mm_access .article .articleInner {
        padding: 15px;
    }
    #en_top .mm_access .article .articleInner h2 {
        font-size: 142.9%;
    }
}

/* ----------------------------------------

top search

---------------------------------------- */
#en_top .search {
    margin: 0 0 80px;
    padding: 60px 0 50px;
    background: #f1f1f1;
}
#en_top .searchBox dt{
    width: 50px;
    position: relative;
}

#en_top .searchBox dt:before {
    display: none;
}
#en_top .searchBox dt img {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
-webkit-transform: translate(-50%, -50%); /* Safari用 */
transform: translate(-50%, -50%);

}
@media screen and (max-width:767px){
    #en_top .search {
        margin: 0 0 45px;
        padding: 40px 15px 30px;
    }
}

/* ----------------------------------------

top EPMater

---------------------------------------- */
#en_top .EPMater {
    width: 960px;
    margin: 0 auto 60px;
}
#en_top .EPMater > div {
    width: 100%!important;
    height: auto!important;
    border: 1px solid #58595b!important;
}
#en_top .EPMater table {
    width: 100%;
}
#en_top .EPMater table tr td {
    text-align: center!important;
    vertical-align: middle!important;
    padding: 10px;
    line-height: 1;
}
#en_top .EPMater table tr td * {
    vertical-align: middle!important;
}
#en_top .EPMater table tr td:nth-of-type(1) {
    width: 240px;
    background: #58595b;
    font-size: 128.6%!important;
}
#en_top .EPMater table tr td::nth-of-type(1) span {
    background: none!important;
    padding: 0!important;
}
#en_top .EPMater table tr td:nth-of-type(1) a {
    color: #fff!important;
    text-decoration: none!important;
}
#en_top .EPMater table tr td:nth-of-type(2) {
    width: 400px;
    border-right: 1px solid #58595b!important;
}
#en_top .EPMater table tr td:nth-of-type(2) span:nth-of-type(2) {
    font-size: 114.3%!important;
    font-weight: 700;
}
#en_top .EPMater table tr td:nth-of-type(3) span:nth-of-type(1) span {
    font-size: 114.3%!important;
} 
#en_top .EPMater table tr td:nth-of-type(3) span:nth-of-type(2) span {
    font-size: 257.2%!important;
    font-weight: 700!important;
}
@media screen and (max-width:767px){
    #en_top .EPMater {
        width: auto;
        margin: 0 auto 40px;
        padding: 0 15px;
    }
#en_top .EPMater > div {
    width: 100%!important;
    height: auto!important;
    border: 1px solid #58595b!important;
}
#en_top .EPMater table {
    width: 100%;
}
    #en_top .EPMater table,
    #en_top .EPMater tbody,
    #en_top .EPMater tr,
    #en_top .EPMater td {
        display: block;
        width: 100%!important;
    }
    #en_top .EPMater table tr td {
        padding: 10px 5px!important;
    }
    #en_top .EPMater table tr td:nth-of-type(2) {
        border-right: none!important;
        border-bottom: 1px solid #58595b!important;
    }
    #en_top .EPMater table tr td:nth-of-type(2) span:nth-of-type(2) {
        display: block;
    }
}

/* ----------------------------------------

top banner01

---------------------------------------- */
#en_top .banner01 {
    margin-bottom: 80px;
}
#en_top .banner01 ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -10px;
}
#en_top .banner01 ul li {
    width: 16.666%;
    padding: 0 10px;
    margin-top: 20px;
}
#en_top .banner01 ul li:nth-of-type(1),
#en_top .banner01 ul li:nth-of-type(2),
#en_top .banner01 ul li:nth-of-type(3),
#en_top .banner01 ul li:nth-of-type(4),
#en_top .banner01 ul li:nth-of-type(5),
#en_top .banner01 ul li:nth-of-type(6) {
    margin-top: 0px;
}
#en_top .banner01 ul li a {
    border: 1px solid #ccc;
    display: block;
    width: 100%;
    position: relative;
    background: #fff;
}
#en_top .banner01 ul li a:hover {
    opacity: .4;
}
#en_top .banner01 ul li a span {
    position: relative;
    display: block;
    left: 50%;
    top: 50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    text-align: center;
    font-weight: bold;
    padding: 40px 10px;
    height: auto;
}
#en_top .banner01 ul li a span img {
    max-width: inherit;
}
@media screen and (max-width:767px){
    #en_top .banner01 {
        margin-bottom: 20px;
    }
    #en_top .banner01 ul {
        flex-wrap: wrap;
        margin: 0 -5px;
    }
    #en_top .banner01 ul li {
        width: 33.333%;
        padding: 0 5px;
        margin-top: 10px;
        font-size: 100%;
    }
    #en_top .banner01 ul li:nth-child(n + 3) {   
        margin-top: 10px;   
    }
    /*   
    #en_top .banner01 ul li:nth-of-type(1),    
    #en_top .banner01 ul li:nth-of-type(2) {   
        margin-top: 0px;    
    }*/
    #en_top .banner01 ul li a{
        height: 100%;
    }
    #en_top .banner01 ul li a span img {
        max-width: 145px;
    }
    #en_top .banner01 ul li a span{
        width: 100%;
        white-space: inherit;
        /*padding: 0 5px;*/
        box-sizing: border-box;
    }
}
@media screen and (max-width:430px){
    #en_top .banner01 ul li a span img {
        max-width: 90px;
    }
}
@media screen and (max-width:400px){
    #en_top .banner01 ul li {
        width: 50%;
    }
    #en_top .banner01 ul li a span img {
        max-width: 110px;
    }
}

@media screen and (max-width: 767px) and (min-width: 376px){
    #en_top .banner01 ul li a span{
        font-size: 92.9%;
    }
    #en_top .banner01 ul li:nth-child(n + 3) {
        margin-top: 0;
    }
    #en_top .banner01 ul li:nth-child(n + 4) {
        margin-top: 10px;
    }
}
@media screen and (max-width: 400px){
    #en_top .banner01 ul li:nth-child(n + 3) {
        margin-top: 10px;
    }
}
@media screen and (max-width: 767px) and (min-width: 568px){
    #en_top .banner01 ul li a span{
        font-size:100%;
    }
}


/* ----------------------------------------

top banner02

---------------------------------------- */
#en_top .banner02 {
    padding: 40px 0;
    background: #efefef;
}
#en_top .banner02 ul {
    display: flex;
    margin: 0 -10px;
}
#en_top .banner02 ul li {
    width: 25%;
    box-sizing: border-box;
    padding: 0 10px;
}
#en_top .banner02 ul li a {
    width: 100%;
    height: 60px;
    display: inline-block;
    background: #fff;
    border: 1px solid #cdd5d1;
    line-height: 58px;
    text-align: center;
    font-size: 107.2%;
    font-weight: 700;
    text-decoration: none;
    position: relative;
}
#en_top .banner02 ul li a:hover {
    background: #888;
    color: #fff;
}
#en_top .banner02 ul li a:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    font-weight: normal;
    right: 20px;
}
@media screen and (max-width:767px){
    #en_top .banner02 {
        padding: 30px 0 20px;
    }
    #en_top .banner02 ul {
        flex-wrap: wrap;
        margin: 0 -5px;
    }
    #en_top .banner02 ul li {
        width: 50%;
        padding: 0 5px;
        margin-bottom: 10px;
    }
    #en_top .banner02 ul li a {
        height: 50px;
        line-height: 48px;
        font-size: 100%;
    }
    #en_top .banner02 ul li a:after {
        display: none;
    }
}


/* ----------------------------------------

clearfix

---------------------------------------- */

/* Modern Browsers
------------------------------- */
#frontrunner_detail .component .grybox.imgBox01,
#mvSliderInner:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
    line-height: 0;
}

/* Legacy IE
------------------------------- */
#mvSliderInner {
    *zoom: 1;
}
@media screen and (max-width:767px){
    /* Modern Browsers
    ------------------------------- */
    #en_top .about02 ul li a:after,
    #en_top .about01:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: ".";
        line-height: 0;
    }

    /* Legacy IE
    ------------------------------- */
    #en_top .about02 ul li a,
    #en_top .about01 {
        *zoom: 1;
    }
}



/* ----------------------------------------
 ----------------------------------------

- frontrunner_detail.css

----------------------------------------
---------------------------------------- */

/* ----------------------------------------

 news

---------------------------------------- */
#frontrunner_detail .mainTxt {
    width: 90%;
    margin:0 auto;
}
#frontrunner_detail .mainImg {
    position: relative;
    margin-bottom: 78px;
}
#frontrunner_detail .mainImg .imgWrap .img { 
    float: left;
    width: 720px;
    height: 405px;
    overflow: hidden;
    position: relative;
}
#frontrunner_detail .mainImg .imgWrap .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%); /* Safari用 */
    transform: translate(-50%, -50%);
}
#frontrunner_detail .mainImg .date {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
}
#frontrunner_detail .mainImg .txt {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%); /* Safari用 */
    transform: translateY(-50%);
    padding: 0 40px 40px 0;
    background:  url(/content/000010660.jpg) top 1px left 160px no-repeat;
    background-size: cover;
    font-size: 114.285%;
}
#frontrunner_detail .mainImg .txt.ma {
    background:  url(/content/000010607.jpg) top 1px left 160px no-repeat;
}
#frontrunner_detail .mainImg .txt.en {
    background:  url(/content/000010605.jpg) top 1px left 160px no-repeat;
}
#frontrunner_detail .mainImg .txt.in {
    background:  url(/content/000010627.jpg) top 1px left 160px no-repeat;
}
#frontrunner_detail .mainImg .txt.ch {
    background:  url(/content/000010618.jpg) top 1px left 160px no-repeat;
}
#frontrunner_detail .mainImg .txt.ba {
    background:  url(/content/000010656.jpg) top 1px left 160px no-repeat;
}
#frontrunner_detail .mainImg .txt.so {
    background:  url(/content/000010647.jpg) top 1px left 160px no-repeat;
}
#frontrunner_detail .mainImg .txt .bg{ 
    background-color: #fff;
    font-weight: bold;
    min-width: 400px;
    padding: 36px 40px;
    z-index: 4;
}

#frontrunner_detail .mainImg .txt .name {
    font-size: 162.5%;

}
    

@media screen and (max-width:767px){
    #frontrunner_detail .mainTxt {
        width: 100%;
    }
    #frontrunner_detail .mainImg {
        margin-bottom: 39px;
    }
    #frontrunner_detail .mainImg .imgWrap {
        margin-right: 0;
    }
    #frontrunner_detail .mainImg .imgWrap .img {
        width: 100%;
        height: auto;
        padding-bottom: 56.25%;
    }
    #frontrunner_detail .mainImg .date {
        position: relative;
    }
    #frontrunner_detail .mainImg .txt {
        position: relative;
        top: 10px;
        right: auto;
        top: auto;
        transform: none;
        margin: -26px 0 10px 100px;
        padding: 0 10px 10px 0;
        background: url(/content/000010660.jpg) top 26px left 0 no-repeat;
        background-size: cover;
    }
    #frontrunner_detail .mainImg .txt .bg {
        padding: 18px 0 18px 20px;
        min-width: auto;
        margin-bottom: 10px;
        margin-right: 10px;
    }
    #frontrunner_detail .mainImg .txt {
        font-size: 85%;
    }
}
@media screen and (max-width:320px){
    #frontrunner_detail .mainImg .txt {
        margin: -26px 0 10px 65px;
    }
    #frontrunner_detail .mainImg .txt .bg {
        margin-right: 0px;
        margin-bottom: 0px;
    }

}
@media (orientation: landscape) and (max-width:767px){
    #frontrunner_detail .mainImg .txt {
        background: url(/content/000010660.jpg) top 26px left 100% no-repeat;
    }
    #frontrunner_detail .mainImg .txt.ma {
        background:  url(/content/000010607.jpg) top 1px left 100% no-repeat;
    }
    #frontrunner_detail .mainImg .txt.en {
        background:  url(/content/000010605.jpg) top 1px left 100% no-repeat;
    }
    #frontrunner_detail .mainImg .txt.in {
        background:  url(/content/000010627.jpg) top 1px left 100% no-repeat;
    }
    #frontrunner_detail .mainImg .txt.ch {
        background:  url(/content/000010618.jpg) top 1px left 100% no-repeat;
    }
    #frontrunner_detail .mainImg .txt.ba {
        background:  url(/content/000010656.jpg) top 1px left 100% no-repeat;
    }
    #frontrunner_detail .mainImg .txt.so {
        background:  url(/content/000010647.jpg) top 1px left 100% no-repeat;
    }
    #frontrunner_detail .mainImg .txt {
        margin: -26px 0 10px 200px;
    }
}

#frontrunner_detail .leadTitle {
    font-weight: bold;
    font-size: 228.57%;
    margin-bottom: 40px;
}




@media screen and (max-width:767px){
    #frontrunner_detail .leadTitle {
        font-size: 171.42%;
        margin-bottom: 30px;  
    }

}


#frontrunner_detail .tit {
    font-weight: bold;
    font-size: 142.85%;
    margin-bottom: 20px;
}
#frontrunner_detail .tit span {
    font-size: 75%;
}
#frontrunner_detail .imgBox01 {
    text-align: left;
    overflow: auto;
}
#frontrunner_detail .imgBox01 .imgWrap {
    width: 300px;
    height: 170px;
    float: left;
    overflow: hidden;
    position: relative;
    margin-right: 25px;
}
#frontrunner_detail .imgBox01 .imgWrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%); /* Safari用 */
    transform: translate(-50%, -50%);
}
@media screen and (max-width:767px){
    #frontrunner_detail .tit {
        margin-bottom: 10px;
    }
    #frontrunner_detail .imgBox01 .imgWrap {
        float: none;
        width: 100%;
        height: auto;
        padding-top: 56.6666%;
        margin: 0 auto 10px;
    }
}


/* ----------------------------------------

デフォルテに書きたい

---------------------------------------- */
#frontrunner_detail .tag li {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    background: #fff;
    border: 1px solid #000;
    padding: 0 15px;
    margin-right: 10px;
    margin-bottom: 10px;
}

#frontrunner_detail .txt_area p {
    margin-bottom: 20px;
}
#frontrunner_detail .grybox02 {
    background-color: #eee;
    border: 5px solid #eee;
    padding: 25px;
    margin-bottom: 50px;
}
@media screen and (max-width:767px){
    #frontrunner_detail .grybox02 {
            border: 5px solid #eee;
            padding: 15px;
            margin-bottom: 30px;
        }
    #frontrunner_detail .txt_area p {
        margin-bottom: 10px;
    }
}

/* ----------------------------------------

clearfix

---------------------------------------- */

/* Modern Browsers
------------------------------- */
#frontrunner_detail .mainImg .imgWrap:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
    line-height: 0;
}

/* Legacy IE
------------------------------- */
#frontrunner_detail .mainImg .imgWrap  {
    *zoom: 1;
}



/* ----------------------------------------
 ----------------------------------------

- frontrunners.css

----------------------------------------
---------------------------------------- */


/* ----------------------------------------

 news

---------------------------------------- */
/* frtrsList
------------------------------- */
#frontrunners .frtrsList {
    display: flex;
    flex-wrap: wrap;
}
#frontrunners .frtrsList .article {
    width: -webkit-calc(50% - 15px);
    width: calc(50% - 15px);
    float: left;
    margin-right: 30px;
    margin-bottom: 40px;
}
#frontrunners .frtrsList .article:nth-child(2n){
    margin-right: 0;
}
#frontrunners .frtrsList .article a {
    display: block;
    text-decoration: none;
    position: relative;
    background: #fff;
}
#frontrunners .frtrsList .article a:hover {
    background: #efefef;
}
#frontrunners .frtrsList .fig {
    position: relative;
    z-index: 1;
}
#frontrunners .frtrsList .cat {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 108px;
    height: 34px;
    line-height: 34px;
    background: #fff;
    text-align: center;
}
#frontrunners .frtrsList .textarea {
    padding: 50px 30px 40px;
    position: relative;
}
#frontrunners .frtrsList .frtrsList_num {
    font-weight: bold;
    position: absolute;
    top: 17px;
    left: 30px;
    border: 1px solid;
    padding: 0px 20px;
    font-weight: normal;
}
#frontrunners .frtrsList .textarea:before{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin:auto;
    width: 100%;
    height: 4px;
    content: "";
    /*background: -moz-linear-gradient(left, #4f4beb, #19d1ad);
    background: -webkit-linear-gradient(left, #4f4beb, #19d1ad);
    background: linear-gradient(to right, #4f4beb, #19d1ad);*/
}
#frontrunners .frtrsList .textarea.ma:before {
    background-color: #4f5124;
}
#frontrunners .frtrsList .textarea.en:before {
    background-color: #00a283;
}
#frontrunners .frtrsList .textarea.in:before {
    background-color: #005981;
}
#frontrunners .frtrsList .textarea.ch:before {
    background-color: #d77d05;
}
#frontrunners .frtrsList .textarea.ba:before {
    background-color: #e9545d;
}
#frontrunners .frtrsList .textarea.so:before {
    background-color: #2e0f6e;
}

#frontrunners .frtrsList .textarea .date {
    margin-bottom: 5px;
}
#frontrunners .frtrsList .textarea .ttlarea {
   margin-bottom: 25px;
}
#frontrunners .frtrsList .textarea .ttl {
    font-weight: 700;
    margin-bottom: 10px;
    font-size:142.9%;
}
#frontrunners .frtrsList .textarea .ttl:after {
    content: none;
}
#frontrunners .frtrsList .textarea .subttl {
    font-weight: 700;
    font-size:114.3%;
    margin-bottom: 0;
    line-height: 1.67;
    padding-left: 0;
}
#frontrunners .frtrsList .textarea .subttl:before {
    content: none;
}
#frontrunners .frtrsList .textarea .prf {
    margin-bottom: 20px;
}
#frontrunners .frtrsList .textarea .name {
    font-size:114.3%;
    margin-bottom: 5px;
}
#frontrunners .frtrsList .textarea .files {
    font-size:114.3%;
}

@media screen and (max-width:767px){
    #frontrunners .frtrsList .textarea .ttl{
        font-size: 128.6%;
        margin-bottom: 5px;
    }
    #frontrunners .frtrsList .textarea .subttl {
        font-weight: 700;
        font-size: 100%;
        margin-bottom: 0;
    }
    #frontrunners .frtrsList .textarea .name,
    #frontrunners .frtrsList .textarea .files{
        font-size: 100%;
    }
    #frontrunners .frtrsList .frtrsList_num {
        top: 13px;
        left: 10px;
    }

}

#frontrunners .frtrsList.frtrsListEvent .article {
    width: 25%;
    padding: 0 5px;
}
#frontrunners .frtrsList.frtrsListEvent {
    margin: 0 -5px;
}
@media screen and (max-width:767px){
    #frontrunners .frtrsList .textarea {
        padding: 40px 10px 10px;
    }
    #frontrunners .frtrsList .textarea .date {
        margin-bottom: 5px;
    }

    .frtrsList.frtrsListEvent .article {
        width: 50%;
        margin-bottom: 10px;
    }
    #frontrunners .frtrsList .textarea .ttlarea{
        margin-bottom: 15px;
    }
}
@media screen and (max-width:420px){
    #frontrunners .frtrsList .article {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

}

/* ----------------------------------------

clearfix

---------------------------------------- */

/* Modern Browsers
------------------------------- */
#news .newsSearch form:after,
#news .newsSearch:after,
#news .frtrsList02 .dateWrap:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
    line-height: 0;
}

/* Legacy IE
------------------------------- */
#news .newsSearch form,
#news .newsSearch,
#news .frtrsList02 .dateWrap {
    *zoom: 1;
}




/* ----------------------------------------
 ----------------------------------------

- news.css

----------------------------------------
---------------------------------------- */


/* ----------------------------------------

 news

---------------------------------------- */

#news .btnSec {
    margin-bottom: 50px;
}

#news .newsSec {
    padding-bottom: 120px;
}
#news .newsSec .title01 img {
    width: 92px;
    height: 37px;
}

#news .newsSec .btn {
    text-align: center;
}

/* add  */

#news .newsList .article .textarea h2.ttl span.title_logo img {
display: none;
}
#news .newsList .article .textarea h2.ttl span.title_logo span.sub_title em{
font-weight: 700;
}

@media screen and (max-width:767px){
    #news .newsSec {
        padding-bottom: 50px;
    }
/*    #news .newsSec .newsList04 {
        margin-top: -51px;
    }*/
    #news .newsSec .newsList.newsListEvent article:nth-child(3n+1) a {
        border-left: none;
    }
    #news .newsSec .newsList.newsListEvent article:nth-child(odd) a {
        border-left: 1px solid #efefef;
    }
    #news .newsSec .newsList.newsListEvent article:nth-child(even) a{
        border-left: 1px solid #efefef;
    }

}

/* newsSearch
------------------------------- */
#news .newsSearch {
    background-color: #f1f1f2;
    padding: 25px;
    margin-bottom: 50px;
}
#news .newsSearch form {
    float: left;
    margin-right: 50px;
    width: 60%;
}
#news .newsSearch form.year{
    width : -webkit-calc(40% - 50px);
    width : calc(40% - 50px);
    margin-right:0;
}
#news .newsSearch .ttl {
    font-size: 128.57142857143%;
    font-weight: bold;
    margin-bottom: 20px;
}
#news .newsSearch input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #000000;
    color: #fff;
  border-radius: 0;
}
#news .newsSearch select {
    width : 48% ; 
    width : -webkit-calc(100% - 100px);
    width : calc(100% - 100px);
    float: left;
    border-color: #fff;
    padding: 11px 20px;
}
#news .newsSearch select::-ms-expand {
    display: none;
}
#news .newsSearch select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(/content/000010658.png) right 10px center no-repeat;
    background-size: 7px 7px;
    border-radius: 0;
    border: none;
}

#news .newsSearch input {
    width: 100px;
    float: left;
    padding: 12px 0;
    text-align: center;
}
#news .newsSearch input:hover {
    opacity: .6;
}
#research_people .select_field legend,
.newsSearch legend {
    display: none;
}
@media screen and (max-width:767px){
    #news .newsSearch .ttl {
        margin-bottom: 10px;
    }
    #news .newsSearch {
        padding: 25px;
    }
    #news .newsSearch form,
    #news .newsSearch form.year { 
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    #news .newsSearch form.year{
        margin-bottom: 0;
    }

    #news .newsSearch select{
        padding: 10px 10px; 
        height: 44px;
    }
    #news .newsSearch input {
      padding: 9px 18px;
      height: 44px;
    }
    #news .newsSearch.js_search_01 > form:first-child select {
        width: 100%;
    }
}



/* newsList02
------------------------------- */
#news .newsList02 li:first-child {
    border-top: 1px solid #ccc;   
}
#news .newsList02 li {
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding: 25px 15px; 
}
#news .newsList02 .dateWrap {
    display: inline-block;
    margin-bottom: 15px;
}
#news .newsList02 .date {
    display: inline-block;
}

#news .newsList02 .news_icon {
    margin-top: 0.5em;
    min-width: 10em;
    display: inline-block;
    padding: 2px 7px 3px;
    text-align: center;
    line-height: 1.2;
    color: #fff;
    background-color: #58595b;
}
#news .newsList02 .title {
    clear: both;
    display: block;
    text-decoration: none;
    font-weight: bold;
}
#news .newsList02 .title a:hover,
#news .newsList02 .link.blank a:hover  {
    /*opacity: .3;*/
}

#news .newsList02 .link {
    margin-top: 15px;
}
#news .blank a {
    display: inline-block;
    padding-right: 20px; 
}
@media screen and (max-width:767px){


}


/* newsList03
------------------------------- */
#news .newsList03 li:first-child {
    border-top: 1px solid #ccc;   
}
#news .newsList03 li {
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding: 25px 15px; 
}
#news .newsList03 .date {
    float: left;
    clear: both;
    padding-bottom: 15px
}
#news .newsList03 .title {
    margin-bottom: 10px;
    text-decoration: none;
    display: block;
    clear: both;
}
#news .newsList03 .title span{
    font-weight: bold;
    font-size: 114.28%;
    margin-right: 20px;
}

#news .newsList03 .title a:hover,
#news .newsList03 .link.blank a:hover  {
    /*opacity: .3;*/
}

#news .newsList03 .link {
    margin-top: 15px;
}

@media screen and (max-width:767px){

    #news .newsList02 .dateWrap{
        display: block;
    }
    #news .newsList02 .date{
        /*width: 50%;*/
    }
    #news .newsList02 .news_icon{
        width: 50%;
        min-width: inherit;
        max-width: 120px;
    }

}
/* newsList04
------------------------------- */
#news .newsList04 li:first-child {
    border-top: 1px solid #ccc;
}
#news .newsList04 li {
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding: 25px 15px;
}
#news .newsList04 .date_01 {
    display: inline-block;
    padding-bottom: 15px;
    padding-right: 30px;
}
#news .newsList04 .date_02 {
    padding-bottom: 15px;
    display: inline-block;
}

@media screen and (max-width:767px){
    #news .newsList04 .date_01 {
        display:block;
        padding-right: 0;
        padding-bottom: 5px;
    }
    #news .newsList04 .date_02 {
        display: block;
    }
}



/* ----------------------------------------

clearfix

---------------------------------------- */

/* Modern Browsers
------------------------------- */
#news .newsSearch form:after,
#news .newsSearch:after,
#news .newsList02 .dateWrap:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
    line-height: 0;
}

/* Legacy IE
------------------------------- */
#news .newsSearch form,
#news .newsSearch,
#news .newsList02 .dateWrap {
    *zoom: 1;
}


/* ----------------------------------------
 ----------------------------------------

- research_detail.css

----------------------------------------
---------------------------------------- */

#research_detail h3 {
    font-size: 142.85%;
    font-weight: bold;
    background-color: #efefef;
    padding: 3px 10px;
    margin-bottom: 18px;
}
#research_detail div.component{
    margin-bottom:60px;
}

@media screen and (max-width: 767px){
    #research_detail div.component{
        margin-bottom:40px;
    }
}

/*#research_detail #h1_title{
    background: url(/content/000010644.png) 0 0 repeat;
}
#research_detail #h1_title h1 div {
    padding: 20px 0;
}

@media screen and (max-width:767px){

    #research_detail #h1_title h1 div {
        padding: 20px;
    }
}
*/


/* ----------------------------------------

#research_detail .people_list01

---------------------------------------- */

#research_detail .people_img{
    margin-bottom: 34px;
    width: 120px;
    float: left;
    margin-right: 30px;
}
#research_detail .people_img img{
    height: auto;
    vertical-align: top;
}
#research_detail .people_txt{
    float: left;
    width: 850px;
}

@media screen and (max-width:767px){
/*スマホ指定*/
    #research_detail .people_img{
        width: 120px;
        margin:0 auto 20px;
        float: none;
        text-align: center;
    }
    #research_detail .people_txt{
        float: none;
        width: 100%;
    }
}




#research_detail .people_list01{
    margin-bottom: 34px;
}
#research_detail .people_list01 li.professor{
    font-size: 142.9%;
}
#research_detail .people_list01 li.professor span{
    font-size: 65%;
    padding-left: 20px;
}
#research_detail .people_list01 li.name{
    font-size: 200%;
    font-weight: bold;
    margin-bottom: 15px;
}
#research_detail .people_list01 li.name span{
    font-size: 57.1%;
    padding-left: 20px;
}
#research_detail .people_list01 li.field{
    font-size: 128.6%;
    font-weight: bold;
}
#research_detail .people_list02 dl{
    border-top:1px solid #d8d9d9;
    display: table;
    width: 100%;
    padding: 15px 0;
}
#research_detail .people_list02 dl:last-child{
    border-bottom: 1px solid #d8d9d9;
}
#research_detail .people_list02 dt{
    width: 75px;
    text-align: center;
    display: table-cell;
    font-weight: bold;
}
#research_detail .people_list02 .url_area dt {
    display: none;
}
#research_detail .people_list02 dd{
    display: table-cell;
    padding: 0 15px;
}
#research_detail .people_list02 dd img{
    vertical-align: middle;
}
@media screen and (max-width:767px){
    #research_detail .people_list01 li.professor{
        margin-bottom: 5px;
        font-size: 128.6%;
    }
    #research_detail .people_list01 li.professor span{
        display: block;
        padding: 0;
        }
    #research_detail .people_list01 li.name span{
        display: block;
        padding: 0;
    }
    #research_detail .people_list01 li.name{
        font-size: 142.9%;
    }
    #research_detail .people_list01 li.field{
        font-size:114.3%
    }
    #research_detail .people_list01 {
        margin-bottom: 20px;
    }
}


#research_detail .Biography dl{
    display: table;
    width: 100%;
    padding: 0 0 10px;
}
#research_detail .Biography dt{
    width: 73px;
    text-align: center;
    display: table-cell;
    font-weight: bold;
}
#research_detail .Biography dd{
    display: table-cell;
    padding: 0 30px;
}
@media screen and (max-width:767px){
    #research_detail .Biography dl{
        display: block;
        width: 100%;
        padding: 0 0 10px;
    }
    #research_detail .Biography dt{
        width: 100%;
        text-align: left;
        display: block;
        font-weight: bold;
        margin-bottom: 3px;
    }
    #research_detail .Biography dd{
        display: block;
        padding: 0;
    }




}

#research_detail .people_imgbox{
    text-align: center;
    margin-bottom: 80px;
}
@media screen and (max-width:767px){
    #research_detail .people_imgbox{
        text-align: center;
        margin-bottom: 40px;
    }
}





/* infoList
------------------------------- */
#research_detail .infoList {
    height: 340px;
    overflow: auto;
}
#research_detail .infoList li a{
    text-decoration: none;
}
#research_detail .infoList li p:first-child{
    display: inline;
    white-space: nowrap;
    vertical-align: top;
}
#research_detail .infoList li p:first-child span{
    padding: 0 5px;
    background-color: #efefef;
}
#research_detail .infoList li p:last-child{
    display: inline;
}
#research_detail .infoList li p:last-child span{
    border-bottom: 1px solid #666666;
}
#research_detail .infoList li a:hover p span{
    border-bottom:none;
}

#research_detail .infoList li span{
    position: relative;
    padding-right: 10px;
    padding-left: 5px;
}
#research_detail .infoList li span:before{
    content: "";
    position: absolute;
    bottom: 2px;
    right: 0px;
    width: 1px;
    height: 13px;
    background-color: #000;
}
#research_detail .infoList li span:last-child:before{
    display: none;
}
#research_detail .infoList li span:first-child{
    padding-left: 0;
}
#research_detail .infoList li span br{
    display: none;
}
@media screen and (max-width:767px){
    #research_detail .infoList {
        max-height: 300px;
    }
    #research_detail .infoList li span:before{
        display: none;
    }
    #research_detail .infoList li p{
        display: block;
        border-bottom: none;
    }
    #research_detail .infoList li span{
        display: block;
        padding: 0;
    }
    #research_detail .infoList li p:first-child span{
        display: inline-block;
    }
    #research_detail .infoList li a p:last-child span{
        text-decoration: underline;
    }
    #research_detail .infoList li {
        padding: 5px 0;
    }
    #research_detail .infoList li p:first-child{
        max-width: inherit;
        margin-bottom: 0.5em;
        display: inline-block;
    }
    #research_detail .infoList li p:last-child{
        max-width: inherit;
        display: inline-block;
        border: none;
    }
    #research_detail .infoList li p:last-child span{
        border: none;
    }
    #research_detail .infoList li p:last-child span:last-child{
        display: block;
    }


}


/* ----------------------------------------

clearfix

---------------------------------------- */

/* Modern Browsers
------------------------------- */
#research_detail .infoList li:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
    line-height: 0;
}

/* Legacy IE
------------------------------- */
#research_detail .infoList li {
    *zoom: 1;
}

/* ----------------------------------------
 ----------------------------------------

- research_people.css

----------------------------------------
---------------------------------------- */

.pcNone { display: none !important;}

@media screen and (max-width:767px){
/*スマホ指定*/
    .pcNone { display: block !important;}
    .spNone { display: none !important;}
}


/* ----------------------------------------

Faculty

---------------------------------------- */
#research_people .title02 {
    margin-bottom: 15px;
    padding-bottom: 0;
}


#research_people .Faculty{
    width: 485px;
    border: 1px solid #d8d9d9;
    box-sizing: border-box;
    margin-bottom: 30px;
    padding: 25px;
    letter-spacing: 0.1em;
    overflow:auto;
    max-width: 485px;
}
#research_people .Faculty a{
    width: 100%;
    height: 100%;
    display: block;
    /*overflow: auto;*/
}
#research_people .Faculty a:hover{
    opacity: 0.7;

}
#research_people .Faculty div{
    float: left;
    width: 285px;
}
#research_people .box_list .Faculty{
    float: left;
    margin-left: 30px;
}
#research_people .box_list .Faculty:nth-of-type(odd){
    margin-left: 0;
    clear: left;
}
#research_people .Faculty .photoLeft{
   width: 120px;
   padding-right: 20px;
}
/*#research_people .Faculty .photoLeft{
   width: 100%;
   height: auto;
}*/
/*#research_people .Faculty .txtRight{
    padding-top: 25px;
}*/
#research_people .Faculty .txtRight .position,
#research_people .Faculty .txtRight .field{
    font-size: 114.3%;
}
#research_people .Faculty .txtRight .field{
    font-weight: bold;
}
#research_people .Faculty .txtRight .name{
    font-weight: bold;
    font-size: 142.9%;
    padding-top: 10px;
    line-height: 1.2;
    padding-bottom: 5px;
}
#research_people .Faculty .txtRight .name_en{
    padding-bottom: 15px;
}

@media screen and (max-width:767px){
#research_people .Faculty .txtRight{
       width: calc(100% - 120px);
       width: -webkit-calc(100% - 120px);
    }
#research_people .Faculty .txtRight .name{
        font-size: 114.3%;
    }
#research_people .Faculty .txtRight .position,
#research_people .Faculty .txtRight .field{
        font-size: 107.7%;
}
}
@media screen and (max-width:767px){
    #research_people .box_list{
        margin-bottom: 0;
    }
    #research_people .box_list .Faculty{
        width: calc(50% - 15px);
        width: -webkit-calc(50% - 15px);
        margin-left: 30px;
        padding: 15px;
    }

}@media screen and (max-width:420px){
    #research_people .box_list .Faculty{
        width: 100%;
        float: none;
        margin-left: 0;
        padding: 15px;
    }

}


/* newsSearch
------------------------------- */
.peopleSearch {
    background-color: #f1f1f2;
    padding: 15px;
    margin-bottom: 40px;
}
.peopleSearch form.select_field{
    width : 60%;
    margin-right:0;
}
.peopleSearch .ttl {
    font-size: 128.57142857143%;
    font-weight: bold;
    margin-bottom: 20px;
}
.peopleSearch input {
    background-color: #000000;
    color: #fff;
    border-radius: 0;
}
.peopleSearch select{
    width : 48% ; 
    width : -webkit-calc(100% - 100px);
    width : calc(100% - 100px);
    float: left;
    border-color: #fff;
    padding: 11px 20px;
}
.peopleSearch select::-ms-expand {
    display: none;
}
.peopleSearch select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(/content/000010658.png) right 10px center no-repeat;
    background-size: 7px 7px;
    border-radius: 0;
    border: none;
}
.peopleSearch input {
    width: 100px;
    padding: 12px 36px;
}

.en .peopleSearch input {
    padding: 12px 22px;
}
.peopleSearch input:hover {
    opacity: .6;
}
.peopleSearch_checkbox{
    margin-bottom: 15px;
}
.peopleSearch_checkbox li a{
    width: 40px;
    padding: 4px 0;
    text-align: center;
    box-sizing: border-box;
    border:1px solid #dedee0;
    background-color: #fff;
    margin-left: 6px;
    margin-bottom: 6px;
    float: left;
    position: relative;
    text-decoration: none;
    font-size: 128.6%;
    pointer-events: none;
    color: #c7c7c7;
}
.peopleSearch_checkbox li a.linkOn {
    background-color: #fff;
    color: #333333;
    pointer-events: auto;

}
.peopleSearch_checkbox li a.linkOn:hover{
    background-color: #dedee0;
}
ul.peopleSearch_checkbox {
     margin-left: -6px;
 }

@media screen and (max-width:767px){
    .peopleSearch .ttl {
        margin-bottom: 10px;
    }
    .peopleSearch {
        padding: 10px;
    }
    .peopleSearch form,
    .peopleSearch form.select_field {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }
    .peopleSearch form.select_field{
        margin-bottom: 0;
    }
    .peopleSearch select{
        padding: 10px 10px;
        height: 44px;
    }
    .peopleSearch input {
      padding: 9px 18px;
      height: 44px;
    }
    .peopleSearch_checkbox li a{
        width : -webkit-calc(20% - 6px);
        width : calc(20% - 6px);
    }

}






.research_pg_top a{
    font-weight: bold;
    text-decoration: none;
    font-size: 107.2%;
    display: block;
    text-align: right;
    margin-bottom: 30px;
}
.research_pg_top a span{
    text-decoration: underline;
}
.research_pg_top a:hover span{
    text-decoration: none;
}
.research_pg_top a:before {
    content: "\f106";
    font-family: FontAwesome;
    margin-right: 10px;
    font-weight: normal;
    color: #676968;
}









/* ----------------------------------------

clearfix

---------------------------------------- */

/* Modern Browsers
------------------------------- */
#mvSliderInner:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
    line-height: 0;
}

/* Legacy IE
------------------------------- */
#mvSliderInner {
    *zoom: 1;
}
@media screen and (max-width:767px){
    /* Modern Browsers
    ------------------------------- */
    #top .about02 ul li a:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: ".";
        line-height: 0;
    }

    /* Legacy IE
    ------------------------------- */
    #top .about02 ul li a {
        *zoom: 1;
    }
}



/* ----------------------------------------
 ----------------------------------------

- top.css

----------------------------------------
---------------------------------------- */


/* ----------------------------------------

mvSlider

---------------------------------------- */
#top #header{
    border: none;
}
#top .globalNav {
    bottom: 0;
}
#mvSlider {
    margin: 0 0 60px;
    width: 100%;
    overflow: hidden;
}
#mvSliderInner {
    width: 1134px;
    margin: 0 auto 30px;
}
#mvSlider .mvSliderCol {
    
    float: left;
}
#mvSlider .mvSliderColInner {
    margin: 0 5px;
    position: relative;
    display: block;
    text-decoration: none;
}
#mvSlider .mvSliderColInner .img {
    position: relative;
    z-index: 1;
}
#mvSlider .mvSliderColInner .textarea {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    width: 650px;
    padding: 30px 30px 30px 40px;
    background-color: rgba(255, 255, 255, .9);
}
#mvSlider .mvSliderColInner .textarea:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: "";
    height: 100%;
    width: 10px;
    background: -moz-linear-gradient(top, #fa8dd7, #8b6dfa);
    background: -webkit-linear-gradient(top, #fa8dd7, #8b6dfa);
    background: linear-gradient(to bottom, #fa8dd7, #8b6dfa);
}
#mvSlider .mvSliderColInner .textarea h2 {
    font-size: 142.9%;
    font-weight: 700;
}
#mvSlider .mvSliderColInner .textarea p {
    font-size: 114.3%;
    font-weight: 700;
    margin-top: 5px;
}
#mvSlider .mvSliderColInner .btn {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 33px;
    height: 33px;
    background: #fff;
    text-align: center;
    font-size: 128.6%;
}
#mvSliderBtn {
    display: flex;
    justify-content: center;
}
#mvSliderBtn .slick-btn {
    width: 40px;
    height: 40px;
    background: #d8d9d9;
    text-align: center;
    line-height: 40px;
    margin: 0 7px;
    cursor: pointer;
}
#mvSliderBtn .slick-btn:hover {
    opacity: .5;
}
#mvSliderBtn .slick-prev,
#mvSliderBtn .slick-next {
    font-size: 142.9%;
}
#mvSliderBtn .slick-play {
    display: none;
}
@media screen and (max-width:767px){
    #mvSlider {
        margin: 0 0 50px;
    }
    #mvSliderInner {
        width: 100%;
        margin: 0;
    }
    #mvSlider .mvSliderColInner {
        margin: 0;
    }
    #mvSlider .mvSliderColInner .textarea {
        position: relative;;
        width: auto;
        padding: 20px 25px 25px 20px;
    }
    #mvSlider .mvSliderColInner .textarea:before {
        width: 5px;
    }
    #mvSlider .mvSliderColInner .textarea h2 {
        font-size: 128.6%;
    }
    #mvSlider .mvSliderColInner .textarea p {
        font-size: 100%;
    }
    #mvSlider .mvSliderColInner .btn {
        bottom: auto;
        top: 50%;
        right: 15px;
        width: auto;
        height: auto;
        background: none;
        -webkit-transform:translate(0, -50%); transform:translate(0, -50%);
        font-size: 142.9%;
    }
}

/* ----------------------------------------

top news

---------------------------------------- */
#top .news {
    padding-bottom: 120px;
}
#top .news .title01 img {
    width: 92px;
    height: 37px;
}
#top .news .newsList {
    margin-bottom: 60px;
}
#top .news .btn {
    text-align: center;
}

#top .newsSec .newsList .article .textarea h2.ttl span.title_logo img {
display: none;
}
#top .newsSec .newsList .article .textarea h2.ttl span.title_logo span.sub_title em{
font-weight: 700;
}

@media screen and (max-width:767px){
    #top .news {
        padding-bottom: 50px;
    }
    #top .news .newsList {
        margin-bottom: 20px;
    }
}

/* ----------------------------------------

top event

---------------------------------------- */
#top .event {
    background:-webkit-gradient(radial, center center, 0, center center, 100, from(#f8f8f8), to(#d9d9d9));
    background:-moz-radial-gradient(center, circle cover, #f8f8f8, #d9d9d9);
    background:radial-gradient(#f8f8f8, #d9d9d9);
    padding: 60px 0 120px;
}
#top .event .title01 img {
    width: 106px;
    height: 37px;
}
#top .event .newsList {
    margin-bottom: 60px;
}
#top .event .btn {
    text-align: center;
}
@media screen and (max-width:767px){
    #top .event {
        padding: 40px 0 50px;
    }
    #top .event .newsList {
        margin-bottom: 20px;
    }
}

/* ----------------------------------------

top staff

---------------------------------------- */
#top .staff {
    background: url("/content/000010651.jpg") no-repeat center center;
    background-size: cover;
    padding: 80px 0 120px;
    overflow-x: hidden;
    width: 100%;
}
#top .staff h2 {
    font-size: 214.3%;
    font-weight: bold;
    letter-spacing: .05em;
    position: relative;
    margin-bottom: 35px;
    padding-bottom: 5px;
    color: #fff;
}
#top .staff h2:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: -moz-linear-gradient(left, #fff, transparent);
    background: -webkit-linear-gradient(left, #fff, transparent);
    background: linear-gradient(to right, #fff, transparent);
}
#top .staff .lead {
    line-height: 2;
    margin-bottom: 45px;
    color: #fff;
}
#top .staff .people {
    float: left;
    width: 558px;
    position: relative;
}
#top .staff .people .btn {
    position: absolute;
    right: 16px;
    bottom: 210px;
    width: 240px;
}
#top .staff .people .fig {
    margin-left: -105px;
}
#top .staff .frontrunners {
    float: right;
    width: 558px;
}
#top .staff .frontrunnersInner {
    width: 625px;
    background: #fff;
    margin: 0 -107px 0 40px;
    padding: 28px 35px 0;
}
#top .staff .frontrunnersInnerRow01 {
    width: 483px;
}
#top .staff .frontrunnersInnerRow01 h3 {
    font-size: 142.9%;
    font-weight: bold;
    margin-bottom: 5px;
}
#top .staff .frontrunnersInnerRow01 p {
    font-weight: bold;
    margin-bottom: 20px;
}
#top .staff .frontrunnersInnerRow02 {
    margin-top: 30px;
    width: 483px;
}
#top .staff .frontrunnersInnerRow02 .fig {
    width: 320px;
    margin: 0 0 -30px -75px;
    float: left;
}
#top .staff .frontrunnersInnerRow02 p {
    float: right;
    width: 100%;
    margin-left: -245px;
    padding-left: 245px;
    box-sizing: border-box;
}
#top .staff .frontrunnersInnerRow02 p span {
    display: block;
    position: relative;
    padding: 40px 0 20px 20px;
    font-weight: bold;
}
#top .staff .frontrunnersInnerRow02 p span:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: -moz-linear-gradient(left, #000, transparent);
    background: -webkit-linear-gradient(left, #000, transparent);
    background: linear-gradient(to right, #000, transparent);
}
@media screen and (max-width:767px){
    #top .staff {
        padding: 40px 0 60px;
    }
    #top .staff h2 {
        font-size: 157.2%;
        margin-bottom: 20px;
    }
    #top .staff .lead {
        line-height: 1.75;
        margin-bottom: 20px;
    }
    #top .staff .people {
        float: none;
        width: auto;
        margin-bottom: 40px;
    }
    #top .staff .people .btn {
        position: static;
        width: 240px;
        margin-bottom: 20px;
        float: right;
    }
    #top .staff .people .fig {
        margin-left: -45px;
        margin-right: -45px;
    }
    #top .staff .frontrunners {
        float: none;
        width: auto;
    }
    #top .staff .frontrunnersInner {
        width: auto;
        background: #fff;
        margin: 0 -15px 0 40px;
        padding: 20px 10px 0 15px;
    }
    #top .staff .frontrunnersInnerRow01 {
        width: auto;
    }
    #top .staff .frontrunnersInnerRow01 h3 {
        font-size: 114.3%;
    }
    #top .staff .frontrunnersInnerRow02 {
        margin-top: 30px;
        width: auto;
        position: relative;
    }
    #top .staff .frontrunnersInnerRow02 .fig {
        width: 80%;
        margin: 58px 0 -30px -75px;
        float: left;
    }
    #top .staff .frontrunnersInnerRow02 p {
        float: none;
        position: absolute;
        right: 0;
        width: 75%;
        top: -5%;
        margin-left: 0;
        padding-left: 0;
    }
    #top .staff .frontrunnersInnerRow02 p span {
        padding: 0 0 10px 0;
    }
}

@media screen and (max-width:400px){
    #top .staff .frontrunnersInnerRow02 p {
        top: -10%;
    }
}
/* ----------------------------------------

top project

---------------------------------------- */
#top .project {
    padding: 60px 0 110px;
}
#top .project .title01 img {
    width: 143px;
    height: 37px;
}
@media screen and (max-width:767px){
    #top .project {
        padding: 40px 0 30px;
    }
}

/* ----------------------------------------

top about01

---------------------------------------- */
#top .about01 {
    height: 483px;
    margin-bottom: 120px;
    background: url("/content/000010601.jpg") no-repeat center top;
    position: relative;
}
#top .about01 .box01 {
    height: 100%;
}
#top .about01 .box01 .btn {
    position: absolute;
    width: 400px;
    right: calc((100% - 1156px) / 2);
    bottom: 80px;
}
#top .about01 .lead_txt {
    font-size: 250%;
    font-weight: bold;
    letter-spacing: 2.6px;
    color: #676968;
    line-height: 1.9em;
    padding-left: 2.4em;
    text-indent: -2.4em;
    position: absolute;
    top: 120px;
}
#top .about01 .lead_txt span {
    background-color: #fff;
    padding: 5px 25px;
}
#top .about01 .lead_txt span:first-of-type {
    padding-right: 0;
}
@media screen and (max-width:767px){
    #top .about01 {
        height: auto;
        margin-bottom: 60px;
        padding-top: 32.5%;
        padding-bottom: 5%;
        background-image: url("/content/000010615.jpg");
        background-size: 100% auto;
    }
    #top .about01 .box01 .btn {
        position: static;
        width: 60%;
        float: right;
    }
    #top .about01 .lead_txt {
        font-size: 150%;
        letter-spacing: 1px;
        padding-left: 2em;
        text-indent: -2em;
        top: 25%;
        left: 5%;
    }
    #top .about01 .lead_txt span {
        padding: 3px 10px;
    }
}
@media screen and (max-width:567px){
    #top .about01 .lead_txt {
        font-size: 114.3%;
    }
}
/* ----------------------------------------

top about02

---------------------------------------- */
#top .about02 .box01 {
    margin: 0 auto 120px;
}
#top .about02 ul {
    display: flex;
    margin: 0 -10px;
}
#top .about02 ul li {
    width: 33.333%;
    padding: 0 10px;
}
#top .about02 ul li a {
    display: block;
    position: relative;
}
#top .about02 ul li a img {
    display: inline-block;
    position: relative;
    z-index: 1;
}
#top .about02 ul li a div {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 240px;
    height: 80px;
    background: #fff;
    text-align: center;
}
#top .about02 ul li a:hover img {
    opacity: .7;
}
#top .about02 ul li a:hover div {
    background: #888;
    color: #fff;
}
#top .about02 ul li a div:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    top: 50%;
    right: 17px;
    -webkit-transform:translate(0, -50%); transform:translate(0, -50%);
}
#top .about02 ul li a div span {
    font-weight: 700;
    font-size: 107.2%;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);
}
@media screen and (max-width:767px){
    #top .about02 .box01 {
        padding: 0!important;
        margin-bottom: 50px;
    }
    #top .about02 ul {
        display: block;
        margin: 0;
        border-top: 1px solid #d8d9d9;
    }
    #top .about02 ul li {
        width: 100%;
        padding: 0;
        border-bottom: 1px solid #d8d9d9;
    }
    #top .about02 ul li a img {
        float: left;
        width: 50%;
    }
    #top .about02 ul li a div {
        left: 55%;
        bottom: auto;
        top: 50%;
        width: 45%;
        height: auto;
        text-align: left;
    }
    #top .about02 ul li a:hover div {
        background: none;
        color: #000;
    }
    #top .about02 ul li a div:after {
        right: 15px;
    }
    #top .about02 ul li a div span {
        font-size: 100%;
        left: 0;
        -webkit-transform:translate(0%, -50%); transform:translate(0%, -50%);
    }
}
/* ----------------------------------------

top mm_access

---------------------------------------- */
#top .mm_access {
    background: -moz-linear-gradient(left, #2b97f2, #2bbaa1);
    background: -webkit-linear-gradient(left, #2b97f2, #2bbaa1);
    background: linear-gradient(to right, #2b97f2, #2bbaa1);
    padding: 80px 0;
}
#top .mm_access .box01 {
    display: flex;
}
#top .mm_access .article {
    width: 50%;
}
#top .mm_access .article:first-of-type {
    padding-right: 10px;
}
#top .mm_access .article:last-of-type {
    padding-left: 10px;
}
#top .mm_access .article .articleInner {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 40px;
    text-align: center;
}
#top .mm_access .article .articleInner h2 {
    font-size: 171.5%;
    font-weight: 700;
    margin-bottom: 10px;
}
#top .mm_access .article .articleInner p {
    margin-bottom: 20px;
}
@media screen and (max-width:767px){
    #top .mm_access {
        padding: 40px 0 25px;
    }
    #top .mm_access .box01 {
        display: block;
    }
    #top .mm_access .article {
        width: 100%;
        padding: 0!important;
        margin-bottom: 15px;
    }
    #top .mm_access .article .articleInner {
        padding: 15px;
    }
    #top .mm_access .article .articleInner h2 {
        font-size: 142.9%;
    }
}

/* ----------------------------------------

top search

---------------------------------------- */
#top .search {
    margin: 0 0 80px;
    padding: 60px 0 50px;
    background: #f1f1f1;
}
@media screen and (max-width:767px){
    #top .search {
        margin: 0 0 45px;
        padding: 40px 15px 30px;
    }
}

/* ----------------------------------------

top EPMater

---------------------------------------- */
#top .EPMater {
    width: 960px;
    margin: 0 auto 60px;
}
#top .EPMater > div {
    width: 100%!important;
    height: auto!important;
    border: 1px solid #58595b!important;
}
#top .EPMater table {
    width: 100%;
}
#top .EPMater table tr td {
    text-align: center!important;
    vertical-align: middle!important;
    padding: 3px;
}
#top .EPMater table tr td * {
    vertical-align: middle!important;
}
#top .EPMater table tr td:nth-of-type(1) {
    width: 240px;
    background: #58595b;
    font-size: 128.6%!important;
}
#top .EPMater table tr td::nth-of-type(1) span {
    background: none!important;
    padding: 0!important;
}
#en_top .EPMater table tr td:nth-of-type(1),
#top .EPMater table tr td:nth-of-type(1) {
    color: #fff!important;
}
#top .EPMater table tr td:nth-of-type(2) {
    width: 400px;
    border-right: 1px solid #58595b!important;
}
#top .EPMater table tr td:nth-of-type(2) span:nth-of-type(2) {
    font-size: 114.3%!important;
    font-weight: 700;
}
#top .EPMater table tr td:nth-of-type(3) span:nth-of-type(1) span {
    font-size: 114.3%!important;
} 
#top .EPMater table tr td:nth-of-type(3) span:nth-of-type(2) span {
    font-size: 257.2%!important;
    font-weight: 700!important;
}
#en_top .EPMater table tr td .precentUnderLine,
#top .EPMater table tr td .precentUnderLine {
    border-bottom-width:4px;
    border-bottom-style: solid;
    padding-bottom: 11px;
}
#en_top .EPMater .newWindow,
#top .EPMater .newWindow {
    padding-left: 1em;
    text-indent: -0.7em;
    margin-top: 10px;
}
#en_top .EPMater .newWindow::before,
#top .EPMater .newWindow::before {
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 5px;
    text-decoration: none;
}
@media screen and (max-width:767px){
    #top .EPMater {
        width: auto;
        margin: 0 auto 40px;
        padding: 0 15px;
    }
    #top .EPMater > div {
        width: 100%!important;
        height: auto!important;
        border: 1px solid #58595b!important;
    }
    #top .EPMater table {
        width: 100%;
    }
    #top .EPMater table,
    #top .EPMater tbody,
    #top .EPMater tr,
    #top .EPMater td {
        display: block;
        width: 100%!important;
    }
    #top .EPMater table tr td {
        padding: 10px 5px!important;
    }
    #top .EPMater table tr td:nth-of-type(2) {
        border-right: none!important;
        border-bottom: 1px solid #58595b!important;
    }
    #top .EPMater table tr td:nth-of-type(2) span:nth-of-type(2) {
        display: block;
    }
    #en_top .EPMater .newWindow,
    #top .EPMater .newWindow {
        padding-right: 18px;
    }
}

/* ----------------------------------------

top banner01

---------------------------------------- */
#top .banner01 {
    margin-bottom: 80px;
}
#top .banner01 ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -10px;
}
#top .banner01 ul li {
    width: 16.666%;
    padding: 0 10px;
    margin-top: 20px;
}
#top .banner01 ul li:nth-child(-n + 6)  {
    margin-top: 0px;
}
#top .banner01 ul li a {
    border: 1px solid #ccc;
    display: block;
    width: 100%;
    position: relative;
    background: #fff;
}
#top .banner01 ul li a:hover {
    opacity: .4;
}
#top .banner01 ul li a span {
    position: relative;
    display: block;
    left: 50%;
    top: 50%;
    -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);
    text-align: center;
    font-weight: bold;
    padding: 40px 10px;
    height: auto;
}
#top .banner01 ul li a span img {
    max-width: inherit;
}
@media screen and (max-width:767px){
    #top .banner01 {
        margin-bottom: 20px;
    }
    #top .banner01 ul {
        flex-wrap: wrap;
        margin: 0 -5px;
    }
    #top .banner01 ul li {
        width: 33.333%;
        padding: 0 5px;
        margin-top: 10px;
        font-size: 100%;
    }
    #top .banner01 ul li:nth-child(n + 3) {
        margin-top: 10px;
    }
    /*
    #top .banner01 ul li:nth-of-type(1),
    #top .banner01 ul li:nth-of-type(2) {
        margin-top: 0px;
    }*/
    #top .banner01 ul li a span img {
        max-width: 145px;
    }
    #top .banner01 ul li a span{
    width: 100%;
    white-space: inherit;
    /*padding: 0 5px;*/
    box-sizing: border-box;
    }
    #top .banner01 ul li a{
        height: 100%;
    }
}
@media screen and (max-width:530px) and (min-width:470px){
    #en_top .banner01 ul li a span img,
    #top .banner01 ul li a span img {
        max-width: 120px;
    }
}
@media screen and (max-width:470px){
    #en_top .banner01 ul li a span img,
    #top .banner01 ul li a span img {
        max-width: 100px;
    }

}
@media screen and (max-width:400px){
    #en_top .banner01 ul li, 
    #top .banner01 ul li {
        width: 50%;
    }
    #top .banner01 ul li a span img {
        max-width: 90px;
    }
}
@media screen and (max-width: 767px) and (min-width: 376px){
    #en_top .banner01 ul li a span,
    #top .banner01 ul li a span{
        font-size: 92.9%;
    }
    #en_top .banner01 ul li:nth-child(n + 3) ,
    #top .banner01 ul li:nth-child(n + 3) {
        margin-top: 0;
    }
    #en_top .banner01 ul li:nth-child(n + 4),
    #top .banner01 ul li:nth-child(n + 4) {
        margin-top: 10px;
    }
}
@media screen and (max-width: 767px) and (min-width: 568px){
    #en_top .banner01 ul li a span,
    #top .banner01 ul li a span{
        font-size:100%;
    }
}
@media screen and (max-width:400px){
    #en_top .banner01 ul li:nth-child(n + 3),
    #top .banner01 ul li:nth-child(n + 3) {
        margin-top: 10px;
    }
    #en_top .banner01 ul li a span img,
    #top .banner01 ul li a span img {
        max-width: 110px;
    }

}

/* ----------------------------------------

top banner02

---------------------------------------- */
#top .banner02 {
    padding: 40px 0;
    background: #efefef;
}
#top .banner02 ul {
    display: flex;
    margin: 0 -10px;
}
#top .banner02 ul li {
    width: 25%;
    box-sizing: border-box;
    padding: 0 10px;
}
#top .banner02 ul li a {
    width: 100%;
    height: 60px;
    display: inline-block;
    background: #fff;
    border: 1px solid #cdd5d1;
    line-height: 58px;
    text-align: center;
    font-size: 107.2%;
    font-weight: 700;
    text-decoration: none;
    position: relative;
}
#top .banner02 ul li a:hover {
    background: #888;
    color: #fff;
}
#top .banner02 ul li a:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    font-weight: normal;
    right: 20px;
}
@media screen and (max-width:767px){
    #top .banner02 {
        padding: 30px 0 20px;
    }
    #top .banner02 ul {
        flex-wrap: wrap;
        margin: 0 -5px;
    }
    #top .banner02 ul li {
        width: 50%;
        padding: 0 5px;
        margin-bottom: 10px;
    }
    #top .banner02 ul li a {
        height: 50px;
        line-height: 48px;
        font-size: 100%;
    }
    #top .banner02 ul li a:after {
        display: none;
    }
}

/* ----------------------------------------

 research research_titbox

---------------------------------------- */
.research_titbox_area{
    margin-bottom: 15px;
}
.research_titbox{
    background: rgb(13, 43, 63);
    width: 700px; height: 90px;
    margin-bottom: 20px;
}
.research_titbox_tit{
    padding: 15px 20px 15px 220px;
    color: rgb(255, 255, 255);
    line-height: 30px;
    font-size: 16px;
}
.research_titbox_name{
    color: rgb(255, 255, 255);
}
.research_titbox_img{
   /* margin: -110px 16px 10px 0px;*/
    width: 148px;
    float: left;
}
.research_titbox_sin {
    padding-left: 20px;
}
.research_titbox_sin_sp{
    display: none;
}
.research_titbox_03 .research_titbox_sin{
    font-size: 20px;
    margin-left: 175px;
    padding-left: 0;
}
.research_txtbox {
    padding-left: 20px;
    margin-top: -110px;
}
.research_titbox_02 .research_txtbox{
    /*margin-top:-75px;*/
    padding-left: 20px;
    /*padding-left: 164px;*/
    margin-top: -210px;
}
.research_titbox_03 .research_txtbox{
    margin-top: -170px;
    padding-left: 20px;
}
@media screen and (max-width:767px){
    .research_titbox_area{
        position: relative;
        margin-bottom: 10px;
    }
    .research_titbox_img{
        margin:0;
        position: relative;
        z-index: 10;
    }
    .research_titbox {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }
    .research_titbox_name span{
        display: block;
    }
    .research_titbox_name{
        margin-top: 10px;
        font-size: 13px;
        line-height: 1.67;
    }
    .research_titbox_tit{
        padding: 15px 15px 15px 163px;
        color: rgb(255, 255, 255);
    }
    .research_titbox_sin_sp{
        display: block;
    }
    .research_titbox_sin_pc{
        display: none;
    }
    .research_titbox_03 .research_titbox_sin{
        display: block;
        font-size: 20px;
    }
    .research_txtbox{
        padding-left: 0;
        margin-top: 0;
    }
    .research_titbox_02 .research_txtbox {
        margin-top: 20px;
        padding-left: 0;
    }
    .research_titbox_03 .research_txtbox {
        margin-top: 0;
    }
    .research_titbox_sin {
        padding-left: 0;
    }
}

/* ----------------------------------------

clearfix

---------------------------------------- */

/* Modern Browsers
------------------------------- */
#mvSliderInner:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
    line-height: 0;
}

/* Legacy IE
------------------------------- */
#mvSliderInner {
    *zoom: 1;
}
@media screen and (max-width:767px){
    /* Modern Browsers
    ------------------------------- */
    #top .about02 ul li a:after,
    #top .about01:after {
        display: block;
        visibility: hidden;
        clear: both;
        height: 0;
        content: ".";
        line-height: 0;
    }

    /* Legacy IE
    ------------------------------- */
    #top .about02 ul li a,
    #top .about01 {
        *zoom: 1;
    }
}










/* ----------------------------------------
 ----------------------------------------

- font-awesome.css

----------------------------------------
---------------------------------------- */

/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}