@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap');
/*---------------------------------------------
d
---------------------------------------------*/
body{
       /* background: url(../img_dm/top_sp.png) no-repeat center; */
       /* background-position-y: 0px; */
       /* background-position-x: 57px; */
       /*background-size: 100%;*/
       /* overflow:hidden; */
       position:relative;
}
.TODO{
    height:1200px;
    border-top:1px solid #c00;
    padding-top:300px;
    margin-top:300px;
}
/* input type="button" input type="submit"  */
a {
  color: #000000;
  text-decoration: none;
  }
  a:hover {
    opacity: 0.8;
    cursor: pointer; }
  a:focus {
    outline: none; }

a:active {
  opacity: 1 !important; }
a:hover {
  transition: all .2s; }
/*---------------------------------------------
style
---------------------------------------------*/
main{
    font-feature-settings : "palt";
    line-height: 1.7;
}
main p{
    line-height: 1.5;
}
.c-inner{
    width: 960px;
    margin: 0 auto;
    position: relative;
}
.showPC{
  display: block;
}
.showSP{
  display: none;
}
.delSP{}
.delOnlySP{}
.c-media__image{
    float: left;
    margin-right: 30px;
}
.c-media__image--right{
    float:right;
    margin-right:0;
    margin-left:30px;
}
.c-media__body{
    overflow: hidden;
}
.c-textBold{
    font-weight: bold;
}
.c-linkBtn{
    display: block;
    border: 2px solid #000;
    border-radius: 50px;
    line-height: 1;
    padding: 10px 0px;
    color: #000;
    background-color: transparent;
    white-space: inherit;
    position: relative;
    width: 300px;
    text-align: center;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
}
.c-linkBtn:hover{
    display: block;
    border: 2px solid #000;
    border-radius: 50px;
    line-height: 1;
    padding: 10px 0px;
    color: #fff;
    background-color: #000;
    white-space: inherit;
    position: relative;
    width: 300px;
    text-align: center;
    /* margin: 0; */
    font-size: 14px;
    font-weight: bold;
    opacity: 1;
}
.c-linkBtn--wide{
    width:100%!important;
    min-width: inherit!important;
}
.c-icon_arrow--right{}
.c-icon_arrow--right::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    margin: auto;
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px #000 solid;
    border-right: 1px #000 solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -5px;
}
.c-icon_arrow--right:hover::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    margin: auto;
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px #fff solid;
    border-right: 1px #fff solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -5px;
    opacity: 1;
}
.c-icon_arrow--more{}
.c-icon_arrow--more::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    margin: auto;
    display: block;
    width: 7px;
    height: 7px;
/*
    border-top: 1px #000 solid;
    border-right: 1px #000 solid;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
*/
    margin-top: -5px;
}
.c-icon_arrow--more:hover::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    margin: auto;
    display: block;
    width: 7px;
    height: 7px;
/*
    border-top: 1px #fff solid;
    border-right: 1px #fff solid;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
*/
    margin-top: -5px;
    opacity: 1;
}
.c-icon_arrow--bottom{}
.c-icon_arrow--bottom::before{
    content: "";
    position: absolute;
    right: 10px;
    top: 46%;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
    border-width: 5px 3px 0 3px;
}
.c-icon_arrow--bottom:hover::before{
    content: "";
    position: absolute;
    right: 10px;
    top: 46%;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 5px 3px 0 3px;
    opacity: 1;
}
.close{
    position: absolute;
    top: 15px;
    right: 30px;
    z-index: 200;
}
.btnClose{ 
    width: 30px;
    height: 30px;
    color: #fff;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}
.btnClose::before,
.btnClose::after{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #fff;
    width: 30px;
    height: 0;
    border: 1px solid #fff;
    border-radius: 100px;
}
.btnClose::before{
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.btnClose::after{
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}
.c-col2{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.c-col2 .c-item1{
    width: 50%;
    padding-right: 30px;
}
.c-col2 .c-item2{
    width: 50%;
    padding-left: 30px;
}
.mgt0{margin-top:0!important;}
/*---------------------------------------------------------------------------------------------------------------------------------------
responsiv--------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px) {
.c-inner{
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    height: 100%;
}
.showPC{
  display: none!important;
}
.showSP{
  display: block;
}
.delSP{
    display: none;
}
.delOnlySP{}
.c-media__image{
    float: left;
    margin-right: 30px;
}
.c-media__image--right{
    float:right;
    margin-right:0;
    margin-left:30px;
}
.c-media__body{
    overflow: hidden;
}
.c-linkBtn{
    display: block;
    border: 2px solid #000;
    border-radius: 50px;
    line-height: 1.2;
    padding: 10px 20px 10px 20px;
    color: #000;
    background-color: transparent;
    white-space: inherit;
    position: relative;
    width: 100%;
    text-align: center;
    margin: auto;
    font-size: 14px;
    font-weight: bold;
}
.c-linkBtn:hover{
    display: block;
    border: 2px solid #000;
    border-radius: 50px;
    line-height: 1.2;
    padding: 10px 20px 10px 20px;
    color: #fff;
    background-color: #000;
    white-space: nowrap;
    position: relative;
    width: 100%;
    text-align: center;
    /* margin: 0; */
    font-size: 14px;
    font-weight: bold;
    opacity: 1;
}
.c-linkBtn--wide{
    width:100%!important;
    min-width: inherit!important;
}
.c-icon_arrow--right{}
.c-icon_arrow--right::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    margin: auto;
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px #000 solid;
    border-right: 1px #000 solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -5px;
}
.c-icon_arrow--more{}
.c-icon_arrow--more::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    margin: auto;
    display: block;
    width: 7px;
    height: 7px;
/*
    border-top: 1px #000 solid;
    border-right: 1px #000 solid;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
*/
    margin-top: -5px;
}
.c-icon_arrow--bottom{}
.c-icon_arrow--bottom::before{
    content: "";
    position: absolute;
    right: 10px;
    top: 46%;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
    border-width: 5px 3px 0 3px;
}
.close{
    position: fixed;
    top: 15px;
    right: 30px;
    z-index: 200;
}
.btnClose{ 
    width: 30px;
    height: 30px;
    color: #fff;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}
.btnClose::before,
.btnClose::after{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #fff;
    width: 30px;
    height: 0;
    border: 1px solid #fff;
    border-radius: 100px;
}
.btnClose::before{
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.btnClose::after{
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}
.c-col2{
    display: inherit;
    display: inherit;
    -webkit-justify-content:inherit;
    justify-content: inherit;
    -webkit-flex-wrap: inherit;
    flex-wrap: inherit;
}
.c-col2 .c-item1{
    width: 100%;
    padding-right: 0;
    margin-bottom: 30px;
}
.c-col2 .c-item2{
    width: 100%;
    padding-left: 0;
}
}
/*---------------------------------------------------------------------------------------------------------------------------------------
responsiv--------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px) {
.body-fixed{
    position:fixed;
    width:100%;
    height:100%;
    left: 0;
}
.delOnlySP{
    display: none;
}
img{
    max-width: inherit;
    width: 100%;
}
}



/*---------------------------------------------
header
---------------------------------------------*/
.header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 65px;
    text-align: center;
    z-index: 500;
    background-color: rgba(255, 255, 255, .75);
    -webkit-transform: inherit;
    transform: inherit;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0px 5px 0 rgba(0, 0, 0, 0.15);
}
.header.-scroll{
    background-color: rgba(255, 255, 255, 1);
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.30);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.30);
    -webkit-transform: inherit;
            transform: inherit;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.header > .inner{
    position: relative;
    /* max-width: 1260px; */
    margin: auto;
    /*min-width: 1180px;*/
}
.header_wrap{
    position: absolute;
    top: 15px;
    left: 40px;
    margin:0;
    display: flex;
    align-items: center;
}
.header_wrap .sub{
    display: inline-block;
}
.header_logo1{
    display: block;
    margin-right: 10px;
}
.header_logo1 a{
    display: block;
}
.header_logo1 img{
    vertical-align: top;
    width: 112px;
    height:32px;
    object-fit: contain;
}
.header_logo2{
    position: absolute;
    top: 15px;
    right: 20px;
    width: 32px;
}
.hBar_gNav{}
.hBar_gNav__list{
    position: absolute;
    top: 18px;
    left: 275px;
}
.hBar_gNav__listitem{
    float: left;
    margin-left: 22px;
}
.hBar_gNav__listitem:first-child{
    margin-left:0;
}
.hBar_gNav__listitem a{
    line-height: 1;
    font-size: 15px;
    padding: 22px 0;
}
.hBar_gNav__listitem.-isActive{
    position: relative;
}
.hBar_gNav__listitem.-isActive::after{
    content: "";
    height: 3px;
    width: 100%;
    background-color: #000;
    display: block;
}
.hBar_gNav__listitem.cat1.-isActive::after{
    background-color: #807c52;
}
.hBar_gNav__listitem.cat2.-isActive::after{
    background-color: #5a788e;
}
.hBar_gNav__listitem.cat3.-isActive::after{
    background-color: #517650;
}
.hBar_gNav__listitem.cat4.-isActive::after{
    background-color: #ac6e84;
}
.header_sNav{}
.header_sNav__list{
    position: absolute;
    top: 0px;
    right: 0px;
}
.header_sNav__listitem{
    float: left;
    /* padding: 0 10px; */
    /*border-left: 1px solid rgba(0,0,0,.25);*/
    height: 65px;
    width: 65px;
    position: relative;
}
.header_sNav__listitem::before{
    content: "";
    width: 1px;
    height: 100%;
    background-color: #000;
    display: block;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
}
.header_sNav__listitem:last-child{
    margin-right: 0px;
}
.header_sNav__listitem.-pt1{
    padding: 0 10px;
}
.header_sNav__listitem.-pt1 a{
    display: inline-block;
    line-height: 1;
    /* font-size: 15px; */
    text-align: center;
    border: 1px solid #000;
    border-radius: 60px;
    padding: 4px 12px 8px;
    position: relative;
    height: auto;
    width: auto;
}
.header_sNav__listitem.-pt1 a:hover{
    background-color: #000;
    color:#fff;
    border: 1px solid #000;
}
.header_sNav__listitem.-pt1 a:hover span{}
.header_sNav__listitem.-pt1 span{
    display: inline-block;
    line-height: 1;
    font-size: 14px;
    text-align: center;
    border: 0px solid #000;
    border-radius: inherit;
    padding: 0;
    position: relative;
    white-space: nowrap;
}
.header_sNav__listitem.-kic_logo{
    width: 65px;
    padding: 0 0px;
    padding-top: 17px;
}
.header_sNav__listitem.-kic_logo img{
    width:32px;
}
.header_sNav__listitem.-aboutkicc{
    padding-top: 18px;
    border-left:0;
    width: auto;
}
.header_sNav__listitem.-pt2 a{
    display: block;
    position: absolute;
    left: 0px;
    width: calc(100% + 1px);
    height:100%;
    margin: auto;
    text-align: center;
    padding: 0px 5px 0;
}
.header_sNav__listitem.-pt2 a:hover{
    background-color: #000;
}
.header_sNav__listitem.-pt2 span{
    font-size: 12px;
    letter-spacing: -.02em;
    line-height: 1;
    display: block;
    padding-top: 38px;
    /*transition: all .2s;*/
}
.header_sNav__listitem.-pt2 a:hover span{
    color:#fff;
}
.header_sNav__listitem.-search{
    /*display: none;*/
}
.header_sNav__listitem.-search a span::before{
    content: "";
    background: url(../img/icon_search.svg) no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 50%;
    top: 13px;
    margin-top: 0px;
    margin-left: -11px;
    /*transition: all .1s;*/
}
.header_sNav__listitem.-search a:hover span::before{
    content: "";
    background: url(../img/icon_search_o.svg) no-repeat;
    background-size: cover;
}
.header_sNav__listitem.-search a.-isActive{

}
.header_sNav__listitem.-search a.-isActive span{
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.header_sNav__listitem.-search a::before{
    content: "";
    opacity: 0;
    display: block;
    transition: all .4s;
    position: absolute;
    left: 50%;
    width: 16px;
    height: 2px;
    background-color: #000;
    margin-left: -8px;
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
    top: 3px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.header_sNav__listitem.-search a::after{
    content: "";
    opacity: 0;
        display: block;
        transition: all .4s;
        position: absolute;
        left: 50%;
        width: 16px;
        height: 2px;
        background-color: #000;
        margin-left: -8px;
        -webkit-transform: translateY(-10px) rotate(45deg);
        transform: translateY(-10px) rotate(45deg);
        bottom: 2px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
}
.header_sNav__listitem.-search a.-isActive::before{
    content: "";
    opacity: 1;
    display: block;
    transition: all .4s;
    position: absolute;
    left: 50%;
    width: 16px;
    height: 2px;
    background-color: #000;
    margin-left: -8px;
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
    top: 22px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.header_sNav__listitem.-search a.-isActive::after{
        content: "";
        opacity: 1;
        display: block;
        transition: all .4s;
        position: absolute;
        left: 50%;
        width: 16px;
        height: 2px;
        background-color: #000;
        margin-left: -8px;
        -webkit-transform: translateY(-10px) rotate(45deg);
        transform: translateY(-10px) rotate(45deg);
        bottom: 21px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
}
.header_sNav__listitem.-search a:hover.-isActive::before{
    content: "";
    background-color: #fff;
}
.header_sNav__listitem.-search a:hover.-isActive::after{
    content: "";
    background-color: #fff;
}

.header_sNav__listitem.js-language span::before{
    content: "";
    background: url(../img/icon_language.svg)no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 50%;
    top: 13px;
    margin-top: 0;
    margin-left: -9px;
    /*transition: all .2s;*/
}
.header_sNav__listitem.js-language a:hover span::before{
    content: "";
    background: url(../img/icon_language_o.svg)no-repeat;
    background-size: cover;
}
.header_sNav__listitem.js-language a.-isActive{

}
.header_sNav__listitem.js-language a.-isActive span{
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.header_sNav__listitem.js-language a::before{
    content: "";
    opacity: 0;
    display: block;
    transition: all .4s;
    position: absolute;
    left: 50%;
    width: 16px;
    height: 2px;
    background-color: #000;
    margin-left: -8px;
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
    top: 3px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.header_sNav__listitem.js-language a::after{
    content: "";
    opacity: 0;
        display: block;
        transition: all .4s;
        position: absolute;
        left: 50%;
        width: 16px;
        height: 2px;
        background-color: #000;
        margin-left: -8px;
        -webkit-transform: translateY(-10px) rotate(45deg);
        transform: translateY(-10px) rotate(45deg);
        bottom: 2px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
}
.header_sNav__listitem.js-language a.-isActive::before{
    content: "";
    opacity: 1;
    display: block;
    transition: all .4s;
    position: absolute;
    left: 50%;
    width: 16px;
    height: 2px;
    background-color: #000;
    margin-left: -8px;
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
    top: 22px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.header_sNav__listitem.js-language a.-isActive::after{
        content: "";
        opacity: 1;
        display: block;
        transition: all .4s;
        position: absolute;
        left: 50%;
        width: 16px;
        height: 2px;
        background-color: #000;
        margin-left: -8px;
        -webkit-transform: translateY(-10px) rotate(45deg);
        transform: translateY(-10px) rotate(45deg);
        bottom: 21px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
}
.header_sNav__listitem.js-language a:hover.-isActive::before{
    content: "";
    background-color: #fff;
}
.header_sNav__listitem.js-language a:hover.-isActive::after{
    content: "";
    background-color: #fff;
}
.header_sNav__listitem.-menu a{
    background-color: #000;
}
.header_sNav__listitem.-menu a:hover{
    opacity: .8;
}
.header_sNav__listitem.-menu a span{
    color: #fff;
}
.header_sNav__listitem.-menu span::before{
    content: "";
    background: url(../img/icon_menu_o.svg)no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: 50%;
    top: 14px;
    margin-top: 0;
    margin-left: -9px;
    /*transition: all .2s;*/
}
.header_sNav__listitem.-menu a:hover span::before{
    content: "";
    background: url(../img/icon_menu_o.svg)no-repeat;
    background-size: cover;
}

.global-menu--sp{
    display: none;
}
.menuTrigger_gNav{display: none;}
/*---------------------------------------------------------------------------------------------------------------------------------------
responsiv--------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px) {
.header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 65px;
    text-align: center;
    z-index: 500;
    background-color: rgba(255, 255, 255, 1);
}
.header > .inner{
    position: relative;
    min-width: inherit;
    max-width: inherit;
}

.header_wrap{
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    margin:0;
    display: block;
    align-items: inherit;
}
.header_wrap .sub{
    display: block;
    font-size: 8px;
    letter-spacing: -.02em;
    margin-top: 2px;
}
.header_logo1{
    max-width: inherit;
    width: inherit;
    position: relative;
    top: inherit;
    left: inherit;
    margin-left: 0;
    height:inherit;
}
.header_logo1 a{
    display: inherit;
}
.header_logo1 img{
    vertical-align: inherit;
    width: inherit;
    height:inherit;
    width: 74px;
    height: 21px;
    object-fit: contain;
}
.header_logo2{
    display: none;
}
.hBar_gNav{
    display: none;
}
.hBar_gNav__list{
    position: absolute;
    top: 18px;
    left: 275px;
}
.hBar_gNav__listitem{
    float: left;
    margin-left: 22px;
}
.hBar_gNav__listitem:first-child{
    margin-left:0;
}
.hBar_gNav__listitem a{
    line-height: 1;
    font-size: 15px;
    padding: 22px 0;
}
.header_sNav{}
.header_sNav__list{
    position: absolute;
    top: 11px;
    right: 10px;
}
.header_sNav__listitem{
    float: left;
    margin-right: 0px;
    border-left: 0;
    height: inherit;
    margin-left: 5px;
    width: inherit;
}
.header_sNav__listitem::before{
    content: "";
    width: 1px;
    height: 45px;
    background-color: #000;
    display: none;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
}
.header_sNav__listitem:last-child{
    margin-right: 0px;
    display: none;
}
.header_sNav__listitem a{
    display: block;
    text-align: center;
    border: 1px solid rgba(0,0,0,.25);
    border-radius: 6px;
    padding: 0;
    position: relative;
    width: 45px;
    height: 45px!important;
    padding-top: 26px;
    text-align: center;
}
.header_sNav__listitem a:hover{
    background-color: inherit;
    color: inherit;
}
.header_sNav__listitem a:hover span{}
.header_sNav__listitem span{
    display: block;
    line-height: 1;
    font-size: 8px!important;
    text-align: center;
    border: 0px solid rgba(0,0,0,.25);
    border-radius: inherit;
    padding: 0;
    position: relative;
    width: inherit;
    height: inherit;
    padding-top: inherit;
    text-align: center;
    margin-top: -26px;
    letter-spacing: -.02em;
}
.header_sNav__listitem.-kic_logo{
    display: none;
}
.header_sNav__listitem.-aboutkicc{
    display: none;
}
.header_sNav__listitem.-pt2 a{
    display: block;
    position: relative;
    height:100%;
    text-align: center;
    padding: 0 0px;
}
.header_sNav__listitem.-pt2 a:hover{
    background-color: #fff;
}
.header_sNav__listitem.-pt2 span{
    display: block;
    line-height: 1;
    font-size: 8px;
    text-align: center;
    border: 0px solid rgba(0,0,0,.25);
    border-radius: inherit;
    padding: 0;
    position: relative;
    width: inherit;
    height: 41px;
    padding-top: inherit;
    text-align: center;
    margin-top: 27px;
    letter-spacing: -.02em;
    width: 41px;
    box-sizing: border-box;
}
.header_sNav__listitem.-pt2 a:hover span{
    color: #000;
}
.header_sNav__listitem.-search{
    /*display: none;*/
}
.header_sNav__listitem.-search a span::before{
    content: "";
    background: url(../img/icon_search.svg) no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    margin-top: -20px;
    margin-left: -9px;
}
.header_sNav__listitem.-search a:hover span::before{
    content: "";
    background: url(../img/icon_search.svg) no-repeat;
    background-size: cover;
}
.header_sNav__listitem.-search a.-isActive{

}
.header_sNav__listitem.-search a.-isActive span{
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.header_sNav__listitem.-search a::before{
    content: "";
    opacity: 0;
    display: block;
    transition: all .4s;
    position: absolute;
    left: 50%;
    width: 16px;
    height: 2px;
    background-color: #000;
    margin-left: -8px;
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
    top: 3px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.header_sNav__listitem.-search a::after{
    content: "";
    opacity: 0;
        display: block;
        transition: all .4s;
        position: absolute;
        left: 50%;
        width: 16px;
        height: 2px;
        background-color: #000;
        margin-left: -8px;
        -webkit-transform: translateY(-10px) rotate(45deg);
        transform: translateY(-10px) rotate(45deg);
        bottom: 2px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
}
.header_sNav__listitem.-search a.-isActive::before{
    content: "";
    opacity: 1;
    display: block;
    transition: all .4s;
    position: absolute;
    left: 50%;
    width: 16px;
    height: 2px;
    background-color: #000;
    margin-left: -8px;
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
    top: 10px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.header_sNav__listitem.-search a.-isActive::after{
    content: "";
    opacity: 1;
    display: block;
    transition: all .4s;
    position: absolute;
    left: 50%;
    width: 16px;
    height: 2px;
    background-color: #000;
    margin-left: -8px;
    -webkit-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
    bottom: 11px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.header_sNav__listitem.-search a:hover.-isActive::before{
    content: "";
    background-color: #000;
}
.header_sNav__listitem.-search a:hover.-isActive::after{
    content: "";
    background-color: #000;
}

.header_sNav__listitem.js-language span::before{
    content: "";
    background: url(../img/icon_language.svg)no-repeat;
    background-size: cover;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    margin-top: -20px;
    margin-left: -9px;
}
.header_sNav__listitem.js-language a:hover span::before{
    content: "";
    background: url(../img/icon_language.svg)no-repeat;
    background-size: cover;
}
.header_sNav__listitem.js-language a.-isActive{

}
.header_sNav__listitem.js-language a.-isActive span{
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.header_sNav__listitem.js-language a::before{
    content: "";
    opacity: 0;
    display: block;
    transition: all .4s;
    position: absolute;
    left: 50%;
    width: 16px;
    height: 2px;
    background-color: #000;
    margin-left: -8px;
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
    top: 3px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.header_sNav__listitem.js-language a::after{
    content: "";
    opacity: 0;
        display: block;
        transition: all .4s;
        position: absolute;
        left: 50%;
        width: 16px;
        height: 2px;
        background-color: #000;
        margin-left: -8px;
        -webkit-transform: translateY(-10px) rotate(45deg);
        transform: translateY(-10px) rotate(45deg);
        bottom: 2px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
}
.header_sNav__listitem.js-language a.-isActive::before{
    content: "";
    display: block;
    transition: all .4s;
    position: absolute;
    left: 50%;
    width: 16px;
    height: 2px;
    background-color: #000;
    margin-left: -8px;
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
    top: 11px;
}
.header_sNav__listitem.js-language a.-isActive::after{
    content: "";
    display: block;
    transition: all .4s;
    position: absolute;
    left: 50%;
    width: 16px;
    height: 2px;
    background-color: #000;
    margin-left: -8px;
    -webkit-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
    bottom: 10px;
}
.header_sNav__listitem.js-language a:hover.-isActive::before{
    content: "";
    background-color: #000;
}
.header_sNav__listitem.js-language a:hover.-isActive::after{
    content: "";
    background-color: #000;
}
.global-menu--sp{
    display: block;
}
.menuTrigger {
    display: block;
    transition: all .4s;
    width: 30px;
    height: 24px;
    position: absolute;
    left: 10px;
    top: 11px;
    padding: 10px;
    /* line-height: 1; */
    /* font-size: 8px; */
    text-align: center;
    border: 1px solid rgba(0,0,0,.25);
    border-radius: 6px;
    padding: 8px;
    /* position: relative; */
    width: 41px;
    height: 41px;
    /* padding-top: 23px; */
    /* text-align: center; */
    z-index: 101;
}
.menuTrigger span {
    display: block;
    transition: all .4s;
    position: absolute;
    left: 50%;
    width: 16px;
    height: 2px;
    background-color: #000;
    margin-left: -8px;
}
.menuTrigger span:nth-of-type(1) {
    top: 13px;
}
.menuTrigger span:nth-of-type(2) {
    top: 19px;
}
.menuTrigger span:nth-of-type(3) {
    bottom: 12px;
}
.menuTrigger.-isActive span:nth-of-type(1) {
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
    top: 10px;
}
.menuTrigger.-isActive span:nth-of-type(2) {
    opacity: 0;
}
.menuTrigger.-isActive span:nth-of-type(3) {
    -webkit-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
    bottom: 8px;
}
.menuTrigger_gNav{
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    /* background: #fff url(../img_dm/dm_sp_menu.png) no-repeat center; */
    /* background-position-y: -16px; */
    /* background-position-x: 57px; */
    /* background-size: 102%; */
    /* overflow:hidden; */
    position: absolute;
    top: 0px;
    left: 0;
    padding-top: 65px;
    width: 100%;
    height: 100vh;
    /* border-bottom: 1px solid #c00; */
    z-index: 100;
    background-color: transparent;
}
.menuTrigger_gNav.-isActive{
    display: block;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.menuTrigger_gNav > .c-inner{
    padding-top: 10px;
    padding-bottom: 140px;
    height: 100%;
    overflow: scroll;
    background-color: #807c52;
}
.menuTrigger_gNav .gNav__list{}
.menuTrigger_gNav .gNav__listitem{
}
.menuTrigger_gNav .gNav__listitem span{font-size: 13px;}
.menuTrigger_gNav .menuTrigger_sNav__list{
    margin-top: 10px;
    padding: 0px 40px;
}
@media screen and (max-width:320px) {
.menuTrigger_gNav .menuTrigger_sNav__list{
    padding: 0px 32px;
}
}
.menuTrigger_gNav .menuTrigger_sNav__listitem{
    border-bottom: 1px solid #fff;
}
.menuTrigger_gNav .menuTrigger_sNav__listitem:first-child{
    border-top: 1px solid #fff;
}
.menuTrigger_gNav .menuTrigger_sNav__listitem a{
    text-align: left;
    display: block;
    position: relative;
    padding: 10px 20px 10px 0;
    color: #fff;
    line-height: 1.2;
}
.menuTrigger_gNav .menuTrigger_sNav__listitem a::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    margin: auto;
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px #fff solid;
    border-right: 1px #fff solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -5px;
}
.menuTrigger_gNav .menuTrigger_bottom__list{
    position: absolute;
    bottom: 20px;
    right: 20px;
}
@media screen and (max-width:320px) {
.menuTrigger_gNav .menuTrigger_bottom__list{
    bottom: 0px;
    right: 20px;
}
}
.menuTrigger_gNav .menuTrigger_bottom__listitem{
    float: left;
    margin-left: 25px;
}
.menuTrigger_gNav .menuTrigger_bottom__listitem a{}
.menuTrigger_gNav .menuTrigger_bottom__listitem a::after{
    content: "";
}
.menuTrigger_gNav .menuTrigger_bottom__listitem a span.-facebook{
    width: 25px;
    height: 25px;
    background:url(../img/icon_facebook.svg) no-repeat;
    background-size: cover;
    display: block;
    line-height: 1;
}
}


/*---------------------------------------------
nav  header/top
---------------------------------------------*/
.header_gNav{
    visibility: hidden;
    opacity: 0;
}
.header_gNav.-isActive{
    visibility: visible;
    opacity: 1;
}
.header_gNav .gNav__list{display: none;}

.top_gNav{}
.top_gNav > .inner{}
.gNav__list{
    position: absolute;
    top: -60px;
    left: 50%;
    margin-left: -390px;
    z-index: 200;
}
.gNav__listitem{
    float: left;
    text-align: center;
    margin: 0 38px;
}
.gNav__listitem.cat1{
}
.gNav__listitem.cat1.-isActive{
}
.gNav__listitem.cat2{}
.gNav__listitem.cat2.-isActive{}
.gNav__listitem.cat3{}
.gNav__listitem.cat3.-isActive{}
.gNav__listitem.cat4{}
.gNav__listitem.cat4.-isActive{}
.gNav__listitem a{}
.gNav__listitem span.border-circle{
    width: 120px;
    height: 120px;
    border: 3px solid #000;
    border-radius: 100%;
    background-color: #fff;
    overflow: hidden;
    display: block;
    margin: auto;
}
.gNav__listitem svg{
    width: 114px;
    height: 114px;
    padding: 20px 10px 5px 10px;
    display: block;
    /*border: 3px solid #000;*/
    /*border-radius: 100%;*/
    /*background-color: #fff;*/
    /*overflow: visible;*/
}
.gNav__listitem.cat1 svg{
    border-color: #5a7895;
    fill: #5a7895;
}
.gNav__listitem.cat1 span.border-circle{
    border-color: #5a7895;
}
.gNav__listitem.cat2 svg{
    border-color: #807c52;
    fill: #807c52;
}
.gNav__listitem.cat2 span.border-circle{
    border-color: #807c52;
}
.gNav__listitem.cat3 svg{
    border-color: #517650;
    fill: #517650;
    padding: 26px 10px 5px 10px;
}
.gNav__listitem.cat3 span.border-circle{
    border-color: #517650;
}
.gNav__listitem.cat4 svg{
    border-color: #b36e8b;
    fill: #b36e8b;
}
.gNav__listitem.cat4 span.border-circle{
    border-color: #b36e8b;
}
.gNav__listitem.cat1.-isActive svg{
    /*border-color: #fff;*/
    fill: #fff;
    background-color: #5a7895;
}
.gNav__listitem.cat1.-isActive span.border-circle{
    border-color: #fff;
    background-color: #807c52;
}
.gNav__listitem.cat2.-isActive svg{
    /*border-color: #fff;*/
    fill: #fff;
    background-color: #807c52;
}
.gNav__listitem.cat2.-isActive span.border-circle{
    border-color: #fff;
    background-color: #5a7895;
}
.gNav__listitem.cat3.-isActive svg{
    /*border-color: #fff;*/
    fill: #fff;
    /*background-color: #517650;*/
}
.gNav__listitem.cat3.-isActive span.border-circle{
    border-color: #fff;
    background-color: #517650;
}
.gNav__listitem.cat4.-isActive svg{
    /*border-color: #fff;*/
    fill: #fff;
    /*background-color: #b36e8b;*/
}
.gNav__listitem.cat4.-isActive span.border-circle{
    border-color: #fff;
    background-color: #b36e8b;
}
.gNav__listitem span.category-text{
    font-size: 20px;
    line-height: 1.2;
    display: block;
    margin-top: 10px;
    color: #fff;
    font-weight: bold;
}
.gNav__listitem.-isActive a{
    cursor: default;
}
.gNav__listitem.cat1 a:hover svg{
    /*border-color:#fff;*/
    fill:#fff;
    background-color: #5a7895;
    transition: all .3s;
}
.gNav__listitem.cat1 a:hover span.border-circle{
    border-color:#fff;
    background-color: #807c52;
    transition: all .3s;
}
.gNav__listitem.cat2 a:hover svg{
    /*border-color:#fff;*/
    fill:#fff;
    background-color: #807c52;
    transition: all .3s;
}
.gNav__listitem.cat2 a:hover span.border-circle{
    border-color:#fff;
    background-color: #5a7895;
    transition: all .3s;
}
.gNav__listitem.cat3 a:hover svg{
    /*border-color:#fff;*/
    fill:#fff;
    /*background-color: #517650;*/
    transition: all .3s;
}
.gNav__listitem.cat3 a:hover span.border-circle{
    border-color:#fff;
    background-color: #517650;
    transition: all .3s;
}
.gNav__listitem.cat4 a:hover svg{
    /*border-color:#fff;*/
    fill:#fff;
    /*background-color: #b36e8b;*/
    transition: all .3s;
}
.gNav__listitem.cat4 a:hover span.border-circle{
    border-color:#fff;
    background-color: #b36e8b;
    transition: all .3s;
}

.gNavCategory{
    position: relative;
    min-height: 600px;
}
.header_gNav .gNavCategory{
    position: relative;
    min-height: 515px;
    margin-top:65px;
}
.gNavCategory .catBg{
    position: absolute;
    background-image: url(../img/nav_bg1.png),url(../img/nav_bg2.png),url(../img/nav_bg3.png),url(../img/nav_bg4.png);
    background-position: left top, right top, left bottom, right bottom;
    background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
    background-size: 200px 200px, 200px 200px,200px 200px,200px 200px;
    width: 100%;
    min-height: 600px;
}
.header_gNav .gNavCategory .catBg{
    min-height: 510px;
}
.gNavCategory > .cat1{
     background-color: #807c52;
     opacity: 0;
     visibility: hidden;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.gNavCategory > .cat1.-isActive{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.gNavCategory > .cat2{
    background-color: #5a7895;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.gNavCategory > .cat2.-isActive{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.gNavCategory > .cat3{
    background-color: #517650;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.gNavCategory > .cat3.-isActive{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.gNavCategory > .cat4{
    background-color: #b36e8b;
     opacity: 0;
     visibility: hidden;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease; 
}
.gNavCategory > .cat4.-isActive{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.top_gNav .gNavCategory > .cat1{
     background-color: #5a7895;
     opacity: 0;
     visibility: hidden;
     -webkit-transform: inherit;
     transform: inherit;
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
}
.top_gNav .gNavCategory > .cat1.-isActive{
    opacity: 1;
    visibility: visible;
    -webkit-transform: inherit;
            transform: inherit;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.top_gNav .gNavCategory > .cat2{
    background-color: #807c52;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: inherit;
    transform: inherit;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.top_gNav .gNavCategory > .cat2.-isActive{
    opacity: 1;
    visibility: visible;
    -webkit-transform: inherit;
            transform: inherit;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.top_gNav .gNavCategory > .cat3{
    background-color: #517650;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: inherit;
            transform: inherit;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.top_gNav .gNavCategory > .cat3.-isActive{
    opacity: 1;
    visibility: visible;
    -webkit-transform: inherit;
            transform: inherit;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.top_gNav .gNavCategory > .cat4{
    background-color: #b36e8b;
     opacity: 0;
     visibility: hidden;
    -webkit-transform: inherit;
            transform: inherit;
    -webkit-transition: all .3s ease;
    transition: all .3s ease; 
}
.top_gNav .gNavCategory > .cat4.-isActive{
    opacity: 1;
    visibility: visible;
    -webkit-transform: inherit;
            transform: inherit;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.gNavCategory .cat1 .catNav__list{
    width: 960px;
    justify-content: flex-start;
}
.gNavCategory .cat2 .catNav__list{
    width: 570px;
    justify-content: flex-start;
}
.gNavCategory .cat3 .catNav__list{
    width: 570px;
}
.gNavCategory .cat4 .catNav__list{
    width: 375px;
}
.gNavCategory .catNav__list{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto;
    padding-top: 150px;
}
.header_gNav .gNavCategory .catNav__list{
    padding-top: 60px;
}
.gNavCategory .catNav__listitem{
    -webkit-flex-basis:180px;
    -ms-flex-basis:180px;
    flex-basis: 180px;
    margin-bottom: 20px;
    position: relative;
}
.gNavCategory .cat1 .catNav__listitem{
    margin-right: 15px;
}
.gNavCategory .cat1 .catNav__listitem:nth-child(5),
.gNavCategory .cat1 .catNav__listitem:nth-child(10){
    margin-right: 0;
}
.gNavCategory .cat2 .catNav__listitem{
    margin-right: 15px;
}
.gNavCategory .cat2 .catNav__listitem:nth-child(3){
    margin-right: 0;
}
.gNavCategory .catNav__listitem a{
    position: relative;
    display: table-cell;
    display: block;
    text-align: center;
    vertical-align: top;
    padding-top: 105px;
    width: 180px;
    height: 180px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.30);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.30);
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -.02em;
}
.gNavCategory .catNav__listitem a.line1{
    padding-top: 125px;
}
.gNavCategory .catNav__listitem.cat1-1 a{opacity:0;-webkit-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all .5s ease;transition: all .5s ease;background: url(../img/menu_icon1-1.svg)center center no-repeat;background-size: 30%;background-color:#fff;background-position-y: 37px;}
.gNavCategory .catNav__listitem.cat1-2 a{opacity:0;-webkit-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all .5s ease;transition: all .5s ease;background: url(../img/menu_icon1-2.svg)center center no-repeat;background-size: 32%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .catNav__listitem.cat1-3 a{opacity:0;-webkit-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all .5s ease;transition: all .5s ease;background: url(../img/menu_icon1-3.svg)center center no-repeat;background-size: 26%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .catNav__listitem.cat1-4 a{opacity:0;-webkit-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all .5s ease;transition: all .5s ease;background: url(../img/menu_icon1-4.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .catNav__listitem.cat1-5 a{opacity:0;-webkit-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all .5s ease;transition: all .5s ease;background: url(../img/menu_icon3-1.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .catNav__listitem.cat1-6 a{opacity:0;-webkit-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all .5s ease;transition: all .5s ease;background: url(../img/menu_icon1-6.svg)center center no-repeat;background-size: 32%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .catNav__listitem.cat1-7 a{opacity:0;-webkit-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all .5s ease;transition: all .5s ease;background: url(../img/menu_icon1-7.svg)center center no-repeat;background-size: 32%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .catNav__listitem.cat1-8 a{opacity:0;-webkit-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all .5s ease;transition: all .5s ease;background: url(../img/menu_icon1-8.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 42px;}
.gNavCategory .catNav__listitem.cat1-9 a{opacity:0;-webkit-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all .5s ease;transition: all .5s ease;background: url(../img/menu_icon1-9.svg)center center no-repeat;background-size: 32%;background-color:#fff;background-position-y: 33px;}
.gNavCategory .catNav__listitem.cat1-10 a{opacity:0;-webkit-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all .5s ease;transition: all .5s ease;background: url(../img/menu_icon1-10.svg)center center no-repeat;background-size: 30%;background-color:#fff;background-position-y: 33px;}
.gNavCategory .catNav__listitem.cat1-11 a{opacity:0;-webkit-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all .5s ease;transition: all .5s ease;background: url(../img/menu_icon1-11.svg)center center no-repeat;background-size: 30%;background-color:#fff;background-position-y: 33px;}
.gNavCategory .catNav__listitem.cat2-1 a{opacity:0;-webkit-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all .5s ease;transition: all .5s ease;background: url(../img/menu_icon2-1.svg)center center no-repeat;background-size: 23%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .catNav__listitem.cat2-2 a{opacity:0;-webkit-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all .5s ease;transition: all .5s ease;background: url(../img/menu_icon2-2.svg)center center no-repeat;background-size: 30%;background-color:#fff;background-position-y: 32px;background-position-x: calc(50% + 10px);}
.gNavCategory .catNav__listitem.cat2-3 a{opacity:0;-webkit-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all .5s ease;transition: all .5s ease;background: url(../img/menu_icon2-3.svg)center center no-repeat;background-size: 26%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .catNav__listitem.cat2-4 a{opacity:0;-webkit-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all .5s ease;transition: all .5s ease;background: url(../img/menu_icon2-4.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 34px;}
.gNavCategory .catNav__listitem.cat2-5 a{opacity:0;-webkit-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all .5s ease;transition: all .5s ease;background: url(../img/menu_icon2-5.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 34px;}
.gNavCategory .catNav__listitem.cat2-6 a{opacity:0;-webkit-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all .5s ease;transition: all .5s ease;background: url(../img/menu_icon2-6.svg)center center no-repeat;background-size: 32%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .catNav__listitem.cat3-1 a{opacity:0;-webkit-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all .5s ease;transition: all .5s ease;background: url(../img/menu_icon3-1.svg)center center no-repeat;background-size: 30%;background-color:#fff;background-position-y: 37px;}
.gNavCategory .catNav__listitem.cat3-2 a{opacity:0;-webkit-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all .5s ease;transition: all .5s ease;background: url(../img/menu_icon3-2.svg)center center no-repeat;background-size: 32%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .catNav__listitem.cat3-3 a{opacity:0;-webkit-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all .5s ease;transition: all .5s ease;background: url(../img/menu_icon4-2.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .catNav__listitem.cat3-4 a{opacity:0;-webkit-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all .5s ease;transition: all .5s ease;background: url(../img/menu_icon3-4.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .catNav__listitem.cat3-5 a{opacity:0;-webkit-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all .5s ease;transition: all .5s ease;background: url(../img/menu_icon3-5.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .catNav__listitem.cat4-1 a{opacity:0;-webkit-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all .5s ease;transition: all .5s ease;background: url(../img/menu_icon4-1.svg)center center no-repeat;background-size: 30%;background-color:#fff;background-position-y: 35px;}
.gNavCategory .catNav__listitem.cat4-2 a{opacity:0;-webkit-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all .5s ease;transition: all .5s ease;background: url(../img/menu_icon3-3.svg)center center no-repeat;background-size: 28%;background-color:#fff;background-position-y: 32px;}

.gNavCategory .cat.-isActive .catNav__listitem.cat1-1 a{opacity:1;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all .5s ease;transition: all .5s ease;-webkit-transition-delay:0.00s;transition-delay:0.00s;background: url(../img/menu_icon1-1.svg)center center no-repeat;background-size: 30%;background-color:#fff;background-position-y: 37px;}
.gNavCategory .cat.-isActive .catNav__listitem.cat1-2 a{opacity:1;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all .5s ease;transition: all .5s ease;-webkit-transition-delay:0.05s;transition-delay:0.05s;background: url(../img/menu_icon1-2.svg)center center no-repeat;background-size: 32%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .cat.-isActive .catNav__listitem.cat1-3 a{opacity:1;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all .5s ease;transition: all .5s ease;-webkit-transition-delay:0.10s;transition-delay:0.10s;background: url(../img/menu_icon1-3.svg)center center no-repeat;background-size: 26%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .cat.-isActive .catNav__listitem.cat1-4 a{opacity:1;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all .5s ease;transition: all .5s ease;-webkit-transition-delay:0.15s;transition-delay:0.15s;background: url(../img/menu_icon1-4.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .cat.-isActive .catNav__listitem.cat1-5 a{opacity:1;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all .5s ease;transition: all .5s ease;-webkit-transition-delay:0.20s;transition-delay:0.20s;background: url(../img/menu_icon3-1.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .cat.-isActive .catNav__listitem.cat1-6 a{opacity:1;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all .5s ease;transition: all .5s ease;-webkit-transition-delay:0.25s;transition-delay:0.25s;background: url(../img/menu_icon1-6.svg)center center no-repeat;background-size: 32%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .cat.-isActive .catNav__listitem.cat1-7 a{opacity:1;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all .5s ease;transition: all .5s ease;-webkit-transition-delay:0.30s;transition-delay:0.30s;background: url(../img/menu_icon1-7.svg)center center no-repeat;background-size: 26%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .cat.-isActive .catNav__listitem.cat1-8 a{opacity:1;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all .5s ease;transition: all .5s ease;-webkit-transition-delay:0.35s;transition-delay:0.35s;background: url(../img/menu_icon1-8.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 42px;}
.gNavCategory .cat.-isActive .catNav__listitem.cat1-9 a{opacity:1;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all .5s ease;transition: all .5s ease;-webkit-transition-delay:0.40s;transition-delay:0.40s;background: url(../img/menu_icon1-9.svg)center center no-repeat;background-size: 32%;background-color:#fff;background-position-y: 33px;}
.gNavCategory .cat.-isActive .catNav__listitem.cat1-10 a{opacity:1;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all .5s ease;transition: all .5s ease;-webkit-transition-delay:0.45s;transition-delay:0.45s;background: url(../img/menu_icon1-10.svg)center center no-repeat;background-size: 26%;background-color:#fff;background-position-y: 33px;}
.gNavCategory .cat.-isActive .catNav__listitem.cat1-11 a{opacity:1;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all .5s ease;transition: all .5s ease;-webkit-transition-delay:0.45s;transition-delay:0.45s;background: url(../img/menu_icon1-11.svg)center center no-repeat;background-size: 30%;background-color:#fff;background-position-y: 33px;}
.gNavCategory .cat.-isActive .catNav__listitem.cat2-1 a{opacity:1;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all .5s ease;transition: all .5s ease;-webkit-transition-delay:0.00s;transition-delay:0.00s;background: url(../img/menu_icon2-1.svg)center center no-repeat;background-size: 23%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .cat.-isActive .catNav__listitem.cat2-2 a{opacity:1;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all .5s ease;transition: all .5s ease;-webkit-transition-delay:0.05s;transition-delay:0.05s;background: url(../img/menu_icon2-2.svg)center center no-repeat;background-size: 30%;background-color:#fff;background-position-y: 32px;background-position-x: calc(50% + 10px);}
.gNavCategory .cat.-isActive .catNav__listitem.cat2-3 a{opacity:1;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all .5s ease;transition: all .5s ease;-webkit-transition-delay:0.10s;transition-delay:0.10s;background: url(../img/menu_icon2-3.svg)center center no-repeat;background-size: 26%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .cat.-isActive .catNav__listitem.cat2-4 a{opacity:1;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all .5s ease;transition: all .5s ease;-webkit-transition-delay:0.15s;transition-delay:0.15s;background: url(../img/menu_icon2-4.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 34px;}
.gNavCategory .cat.-isActive .catNav__listitem.cat2-5 a{opacity:1;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all .5s ease;transition: all .5s ease;-webkit-transition-delay:0.20s;transition-delay:0.20s;background: url(../img/menu_icon2-5.svg)center center no-repeat;background-size: 25%;background-color:#fff;background-position-y: 34px;}
.gNavCategory .cat.-isActive .catNav__listitem.cat2-6 a{opacity:1;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all .5s ease;transition: all .5s ease;-webkit-transition-delay:0.25s;transition-delay:0.25s;background: url(../img/menu_icon2-6.svg)center center no-repeat;background-size: 32%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .cat.-isActive .catNav__listitem.cat3-1 a{opacity:1;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all .5s ease;transition: all .5s ease;-webkit-transition-delay:0.00s;transition-delay:0.00s;background: url(../img/menu_icon3-1.svg)center center no-repeat;background-size: 30%;background-color:#fff;background-position-y: 37px;}
.gNavCategory .cat.-isActive .catNav__listitem.cat3-2 a{opacity:1;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all .5s ease;transition: all .5s ease;-webkit-transition-delay:0.05s;transition-delay:0.05s;background: url(../img/menu_icon3-2.svg)center center no-repeat;background-size: 32%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .cat.-isActive .catNav__listitem.cat3-3 a{opacity:1;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all .5s ease;transition: all .5s ease;-webkit-transition-delay:0.10s;transition-delay:0.10s;background: url(../img/menu_icon4-2.svg)center center no-repeat;background-size: 27%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .cat.-isActive .catNav__listitem.cat3-4 a{opacity:1;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all .5s ease;transition: all .5s ease;-webkit-transition-delay:0.10s;transition-delay:0.10s;background: url(../img/menu_icon3-4.svg)center center no-repeat;background-size: 36%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .cat.-isActive .catNav__listitem.cat3-5 a{opacity:1;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all .5s ease;transition: all .5s ease;-webkit-transition-delay:0.10s;transition-delay:0.10s;background: url(../img/menu_icon3-5.svg)center center no-repeat;background-size: 26%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .cat.-isActive .catNav__listitem.cat4-1 a{opacity:1;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all .5s ease;transition: all .5s ease;-webkit-transition-delay:0.00s;transition-delay:0.00s;background: url(../img/menu_icon4-1.svg)center center no-repeat;background-size: 30%;background-color:#fff;background-position-y: 35px;}
.gNavCategory .cat.-isActive .catNav__listitem.cat4-2 a{opacity:1;-webkit-transform: translateY(0px);transform: translateY(0px);-webkit-transition: all .5s ease;transition: all .5s ease;-webkit-transition-delay:0.05s;transition-delay:0.05s;background: url(../img/menu_icon3-3.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 32px;}


.gNavCategory .catNav__listitem a::after{
    content: "";
    border-top: 5px solid transparent;
    border-right: 5px solid #000;
    border-bottom: 5px solid #000;
    border-left: 5px solid transparent;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.gNavCategory .cat1 .catNav__listitem a::after{
    border-right: 5px solid #5a7895;
    border-bottom: 5px solid #5a7895;
}
.gNavCategory .cat2 .catNav__listitem a::after{
    border-right: 5px solid #807c52;
    border-bottom: 5px solid #807c52;
}
.gNavCategory .cat3 .catNav__listitem a::after{
    border-right: 5px solid #517650;
    border-bottom: 5px solid #517650;
}
.gNavCategory .cat4 .catNav__listitem a::after{
    border-right: 5px solid #b36e8b;
    border-bottom: 5px solid #b36e8b;
}

.sCatNav{
     /* display: none; */
     /*background:#fff url(../img_dm/dm2.png) no-repeat center;*/
     /* background-position-y: 0; */
     /* background-position-x: 13px; */
     /* background-size: 102%; */
     /* overflow:hidden; */
     position:relative;
     /* border: 1px solid #c00; */
     width: 375px;
     height: 383px;
     border-radius: 5px;
     -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.30);
     box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.30);
     position: absolute;
     top: 150px;
     left: 50%;
     margin-left: -480px;
}
.sCatNav.cat1{background-color: #5a7895;}
.sCatNav.cat2{background-color: #807c52;}
.sCatNav.cat3{    background-color: #517650;}
.sCatNav.cat4{    background-color: #b36e8b;}
.sCatNav.cat1-1{visibility:hidden;opacity:0;top:150px;margin-left: -480px;}
.sCatNav.cat1-2{ visibility:hidden;opacity:0; top:150px;margin-left: -285px;}
.sCatNav.cat1-3{visibility:hidden;opacity:0;top:150px;margin-left: -480px;}
.sCatNav.cat1-4{visibility:hidden;opacity:0;top:150px;margin-left: -480px;}
.sCatNav.cat1-5{visibility:hidden;opacity:0;top:150px;margin-left: 105px;}
.sCatNav.cat1-6{visibility:hidden;opacity:0;top:150px;margin-left: -480px;}
.sCatNav.cat1-7{visibility:hidden;opacity:0;top:150px;margin-left: 105px;}
.sCatNav.cat1-8{visibility:hidden;opacity:0;top:150px;margin-left: -90px;}
.sCatNav.cat1-9{visibility:hidden;opacity:0;top:150px;margin-left: -285px;}
.sCatNav.cat1-10{visibility:hidden;opacity:0;top:150px;margin-left: 105px;}
.sCatNav.cat1-11{visibility:hidden;opacity:0;top:150px;margin-left: 105px;}
.sCatNav.cat2-1{visibility:hidden;opacity:0;top:150px;margin-left: -285px;}
.sCatNav.cat2-2{visibility:hidden;opacity:0;top:150px;margin-left: -90px;}
.sCatNav.cat2-3{visibility:hidden;opacity:0;top:150px;margin-left: -90px;}
.sCatNav.cat2-4{visibility:hidden;opacity:0;top:150px;margin-left: -90px;}
.sCatNav.cat2-5{visibility:hidden;opacity:0;top:150px;margin-left: -285px;}
.sCatNav.cat2-6{visibility:hidden;opacity:0;top:150px;margin-left: -90px;}
.sCatNav.cat3-1{visibility:hidden;opacity:0;top:150px;margin-left: -285px;}
.sCatNav.cat3-2{visibility:hidden;opacity:0;top:150px;margin-left: -285px;}
.sCatNav.cat3-3{visibility:hidden;opacity:0;top:150px;margin-left: -90px;}
.sCatNav.cat3-4{visibility:hidden;opacity:0;top:150px;margin-left: -90px;}
.sCatNav.cat3-5{visibility:hidden;opacity:0;top:150px;margin-left: -285px;}
.sCatNav.cat4-1{visibility:hidden;opacity:0;top:150px;margin-left: -188px;}
.sCatNav.cat4-2{visibility:hidden;opacity:0;top:150px;margin-left: -188px;}

.sCatNav.cat1-1.-isActive{-webkit-transform: inherit;transform: inherit;-webkit-transition: all .3s ease;transition: all .3s ease;visibility:visible;opacity:1;}
.sCatNav.cat1-2.-isActive{-webkit-transform: inherit;transform: inherit;-webkit-transition: all .3s ease;transition: all .3s ease;visibility:visible;opacity:1;}
.sCatNav.cat1-3.-isActive{-webkit-transform: inherit;transform: inherit;-webkit-transition: all .3s ease;transition: all .3s ease;visibility:visible;opacity:1;}
.sCatNav.cat1-4.-isActive{-webkit-transform: inherit;transform: inherit;-webkit-transition: all .3s ease;transition: all .3s ease;visibility:visible;opacity:1;}
.sCatNav.cat1-5.-isActive{-webkit-transform: inherit;transform: inherit;-webkit-transition: all .3s ease;transition: all .3s ease;visibility:visible;opacity:1;}
.sCatNav.cat1-6.-isActive{-webkit-transform: inherit;transform: inherit;-webkit-transition: all .3s ease;transition: all .3s ease;visibility:visible;opacity:1;}
.sCatNav.cat1-7.-isActive{-webkit-transform: inherit;transform: inherit;-webkit-transition: all .3s ease;transition: all .3s ease;visibility:visible;opacity:1;}
.sCatNav.cat1-8.-isActive{-webkit-transform: inherit;transform: inherit;-webkit-transition: all .3s ease;transition: all .3s ease;visibility:visible;opacity:1;}
.sCatNav.cat1-9.-isActive{-webkit-transform: inherit;transform: inherit;-webkit-transition: all .3s ease;transition: all .3s ease;visibility:visible;opacity:1;}
.sCatNav.cat1-10.-isActive{-webkit-transform: inherit;transform: inherit;-webkit-transition: all .3s ease;transition: all .3s ease;visibility:visible;opacity:1;}
.sCatNav.cat1-11.-isActive{-webkit-transform: inherit;transform: inherit;-webkit-transition: all .3s ease;transition: all .3s ease;visibility:visible;opacity:1;}
.sCatNav.cat2-1.-isActive{-webkit-transform: inherit;transform: inherit;-webkit-transition: all .3s ease;transition: all .3s ease;visibility:visible;opacity:1;}
.sCatNav.cat2-2.-isActive{-webkit-transform: inherit;transform: inherit;-webkit-transition: all .3s ease;transition: all .3s ease;visibility:visible;opacity:1;}
.sCatNav.cat2-3.-isActive{-webkit-transform: inherit;transform: inherit;-webkit-transition: all .3s ease;transition: all .3s ease;visibility:visible;opacity:1;}
.sCatNav.cat2-4.-isActive{-webkit-transform: inherit;transform: inherit;-webkit-transition: all .3s ease;transition: all .3s ease;visibility:visible;opacity:1;}
.sCatNav.cat2-5.-isActive{-webkit-transform: inherit;transform: inherit;-webkit-transition: all .3s ease;transition: all .3s ease;visibility:visible;opacity:1;}
.sCatNav.cat2-6.-isActive{-webkit-transform: inherit;transform: inherit;-webkit-transition: all .3s ease;transition: all .3s ease;visibility:visible;opacity:1;}
.sCatNav.cat3-1.-isActive{-webkit-transform: inherit;transform: inherit;-webkit-transition: all .3s ease;transition: all .3s ease;visibility:visible;opacity:1;}
.sCatNav.cat3-2.-isActive{-webkit-transform: inherit;transform: inherit;-webkit-transition: all .3s ease;transition: all .3s ease;visibility:visible;opacity:1;}
.sCatNav.cat3-3.-isActive{-webkit-transform: inherit;transform: inherit;-webkit-transition: all .3s ease;transition: all .3s ease;visibility:visible;opacity:1;}
.sCatNav.cat3-4.-isActive{-webkit-transform: inherit;transform: inherit;-webkit-transition: all .3s ease;transition: all .3s ease;visibility:visible;opacity:1;}
.sCatNav.cat3-5.-isActive{-webkit-transform: inherit;transform: inherit;-webkit-transition: all .3s ease;transition: all .3s ease;visibility:visible;opacity:1;}
.sCatNav.cat4-1.-isActive{-webkit-transform: inherit;transform: inherit;-webkit-transition: all .3s ease;transition: all .3s ease;visibility:visible;opacity:1;}
.sCatNav.cat4-2.-isActive{-webkit-transform: inherit;transform: inherit;-webkit-transition: all .3s ease;transition: all .3s ease;visibility:visible;opacity:1;}

.header_gNav .sCatNav.cat1-1{top:60px}
.header_gNav .sCatNav.cat1-2{top:60px}
.header_gNav .sCatNav.cat1-3{top:60px}
.header_gNav .sCatNav.cat1-4{top:60px}
.header_gNav .sCatNav.cat1-5{top:60px}
.header_gNav .sCatNav.cat1-6{top:60px}
.header_gNav .sCatNav.cat1-7{top:60px}
.header_gNav .sCatNav.cat1-8{top:60px}
.header_gNav .sCatNav.cat1-9{top:60px}
.header_gNav .sCatNav.cat1-10{top:60px}
.header_gNav .sCatNav.cat1-11{top:60px}
.header_gNav .sCatNav.cat2-1{top:60px}
.header_gNav .sCatNav.cat2-2{top:60px}
.header_gNav .sCatNav.cat2-3{top:60px}
.header_gNav .sCatNav.cat2-4{top:60px}
.header_gNav .sCatNav.cat2-5{top:60px}
.header_gNav .sCatNav.cat2-6{top:60px}
.header_gNav .sCatNav.cat3-1{top:60px}
.header_gNav .sCatNav.cat3-2{top:60px}
.header_gNav .sCatNav.cat3-3{top:60px}
.header_gNav .sCatNav.cat3-4{top:60px}
.header_gNav .sCatNav.cat3-5{top:60px}
.header_gNav .sCatNav.cat4-1{top:60px}
.header_gNav .sCatNav.cat4-2{top:60px}

.sCatNav > .inner{
    position: relative;
    height: 100%;
}
.sCatNav .close{
    position: absolute;
    top: -5px;
    right: 15px;
    z-index: 200;
}
.sCatNav .btnClose{
    width: 20px;
    height: 20px;
    color: #fff;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}
.sCatNav .btnClose::before,
.sCatNav .btnClose::after{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #fff;
    width: 30px;
    height: 0;
    border: 1px solid #fff;
    border-radius: 100px;
}
.sCatNav .btnClose::before{
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.sCatNav .btnClose::after{
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}
.sCatNav .close a{}
.sCatNav .close a:hover{}
.sCatNav__list{
    position: relative;
    padding: 20px 30px 0;
    width:100%;
    height: 355px;
    overflow: auto;
    margin-top: 15px;
}
.ps__rail-x,
.ps__rail-y {
    opacity: 0.6 !important;
}
.sCatNav__listitem{}
.sCatNav__listitem a{
    font-size: 14px;
    line-height: 1.3;
    padding: 12px 0;
    padding-right: 30px;
    display: block;
    color: #fff;
    border-bottom: 1px solid rgba(0,0,0,.1);
    position: relative;
    text-align: left;
}
.sCatNav__listitem a:hover{}
.sCatNav__listitem a::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
}
.sCatNav__listitem a:hover::after{
    content: "";
}
.sCatNav__listitem .headtitle{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    display: block;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 10px 0 21px;
}
.sCatNav__listitem .other{}
.sCatNav__listitem .other::after{
    content: "";
    background: url(../img/icon_other.svg) no-repeat;
    width: 15px;
    height: 12px;
    margin-top: -6px;
}
.sCatNav__listitem .arrow{}
.sCatNav__listitem .arrow::after{
    content: "";
    background: url(../img/icon_arrow.svg) no-repeat;
    width: 16px;
    height: 12px;
    margin-top: -6px;
    right: 1px;
}
.sCatNav__listitem .pdf{}
.sCatNav__listitem .pdf::after{
    content: "";
    background: url(../img/icon_btn_pdf.svg) no-repeat;
    width: 18px;
    height: 18px;
    margin-top: -9px;
}
.sCatNav__listitem .doc{}
.sCatNav__listitem .doc::after{
    content: "";
    background: url(../img/icon_btn_doc.svg) no-repeat;
    width: 18px;
    height: 18px;
    margin-top: -9px;
}
.sCatNav__listitem .xls{}
.sCatNav__listitem .xls::after{
    content: "";
    background: url(../img/icon_btn_xls.svg) no-repeat;
    width: 18px;
    height: 18px;
    margin-top: -9px;
}
.gNavCategoryMenu--sp{display: none;}
.header_gNav--sp{visibility: hidden;opacity: 0;}
/*---------------------------------------------------------------------------------------------------------------------------------------
responsiv--------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px) {
.header_gNav{
    opacity: 0;
    visibility: hidden;
    -webkit-transform: inherit;
    transform: inherit;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1000;
}
.header_gNav.-isEvent{
}
.header_gNav.-isActive{
    opacity: 1;
    visibility: visible;
    -webkit-transform: inherit;
    transform: inherit;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.gNav_wrap--sp{
    overflow: scroll;
    padding: 0 0 10px;
    min-height: 100vh;
}
.gNav_wrap--sp.cat1{
    background-color: #5a7895;
}
.gNav_wrap--sp.cat2{
    background-color: #807c52;
}
.gNav_wrap--sp.cat3{
    background-color: #517650;
}
.gNav_wrap--sp.cat4{
    background-color: #b36e8b;
}
.header_gNav .gNav__list{display: block;padding: 50px 0 10px;}

.top_gNav{
    /* border-top: 1px solid #c00; */
    /* border-bottom: 1px solid #c00; */
    position: relative;
    /*background-image: url(../img/nav_bg1.png),url(../img/nav_bg2.png),url(../img/nav_bg3.png),url(../img/nav_bg4.png);
    background-position: left top, right top, left bottom, right bottom;
    background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
    background-size: 150px 150px, 150px 150px,150px 150px,150px 150px;*/
    background-image: url(../img/bg3.png),url(../img/bg4.png);
    background-position: left bottom, right bottom;
    background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
    background-size: 150px 150px,150px 150px;
    background-color: #807c52;
    /*background: none;*/
    background-color: transparent;
    margin-top: -25%;
    padding-bottom: 40px;
}
.top_gNav > .inner{}
.gNav__list{
    position: relative;
    top: 0;
    left: 0;
    margin-left: 0;
    z-index: 200;
    padding: 20px 20px 0px 20px;
}
.gNav__listitem{
    float: left;
    text-align: center;
    margin: 0 0 20px;
    padding: 0 0px;
    width: 50%;
}
.header_gNav .gNav__listitem{
    float: left;
    text-align: center;
    margin: 0 0px 0px;
    padding: 0 0px;
    width: 25%;
}
.menuTrigger_gNav .gNav__listitem{
    margin: 0 0px 20px;
}
.gNav__listitem.cat1{
}
.gNav__listitem.cat1.-isActive{
}
.gNav__listitem.cat2{}
.gNav__listitem.cat2.-isActive{}
.gNav__listitem.cat3{}
.gNav__listitem.cat3.-isActive{}
.gNav__listitem.cat4{}
.gNav__listitem.cat4.-isActive{}
.gNav__listitem a{
}
.gNav__listitem span.border-circle{
    width: 110px;
    height: 110px;
    border: 3px solid #000;
    border-radius: 100%;
    background-color: #fff;
    overflow: hidden;
    display: block;
    margin: auto;
}
.gNav__listitem svg{
    width: 110px;
    height: 110px;
    padding: 15px 10px 10px 6px;
    display: block;
    /*border: 3px solid #000;*/
    /*border-radius: 100%;*/
    /*background-color: #fff;*/
    margin: inherit;
    /*overflow: visible;*/
}
.header_gNav .gNav__listitem span.border-circle{
    width: 65px;
    height: 65px;
    display: block;
    border: 2px solid #000;
    border-radius: 100%;
    background-color: #fff;
    overflow: hidden;
    margin: auto;
}
.header_gNav .gNav__listitem svg{
    width: 65px;
    height: 65px;
    padding: 10px 10px 8px 10px;
    display: block;
    /*border: 2px solid #000;*/
    /*border-radius: 100%;*/
    /*background-color: #fff;*/
    margin: inherit;
}
.gNav__listitem.cat1 svg{
    border-color: #5a7895;
    fill: #5a7895;
}
.gNav__listitem.cat1 span.border-circle{
    border-color: #5a7895;
}
.gNav__listitem.cat2 svg{
    border-color: #807c52;
    fill: #807c52;
}
.gNav__listitem.cat2 span.border-circle{
    border-color: #807c52;
}
.gNav__listitem.cat3 svg{
    /*border-color: #517650;*/
    fill: #517650;
    padding: 22px 15px 11px 8px;
    /* padding: 11px 14px 7px 11px; */
}
.gNav__listitem.cat3 span.border-circle{
    border-color: #517650;
}
.gNav__listitem.cat4 svg{
    /*border-color: #b36e8b;*/
    fill: #b36e8b;
    padding-right: 14px;
}
.gNav__listitem.cat4 span.border-circle{
    border-color: #b36e8b;
}
.gNav__listitem.cat1.-isActive svg{
    /*border-color: #fff;*/
    fill: #fff;
    /*background-color: #807c52;*/
}
.gNav__listitem.cat1.-isActive span.border-circle{
    border-color: #fff;
    background-color: #807c52;
}
.gNav__listitem.cat2.-isActive svg{
    /*border-color: #fff;*/
    fill: #fff;
    /*background-color: #5a7895;*/
}
.gNav__listitem.cat2.-isActive span.border-circle{
    border-color: #fff;
    background-color: #5a7895;
}
.gNav__listitem.cat3.-isActive svg{
    /*border-color: #fff;*/
    fill: #fff;
    /*background-color: #517650;*/
    padding: 11px 14px 7px 11px;
}
.gNav_wrap--sp .gNav__listitem.cat3 svg{
    padding: 11px 14px 7px 11px;
}
.gNav__listitem.cat3.-isActive span.border-circle{
    border-color: #fff;
    background-color: #517650;
}
.gNav__listitem.cat4.-isActive svg{
    /*border-color: #fff;*/
    fill: #fff;
    /*background-color: #b36e8b;*/
}
.gNav__listitem.cat4.-isActive span.border-circle{
    border-color: #fff;
    background-color: #b36e8b;
}
.gNav__listitem span.category-text{
    font-size: 14px;
    line-height: 1.2;
    display: block;
    margin-top: 10px;
    color: #fff;
    font-weight: bold;
}
@media screen and (max-width:320px) {
.gNav__listitem span.category-text{
font-size: 8px;
}
}
.top_gNav .gNav__listitem span.category-text{
    color: #000;
}
.header_gNav .gNav__listitem span.category-text{
    font-size: 9px;
    letter-spacing: -.02em;
    line-height: 1.2;
    display: block;
    margin-top: 5px;
    color: #fff;
    font-weight: bold;
}
.gNav__listitem.-isActive a{
    cursor: default;
}
.gNav__listitem.cat1 a:hover svg{
    border-color:#fff;
    fill:#fff;
    background-color: #5a7895;
    transition: all .3s;
}
.gNav__listitem.cat2 a:hover svg{
    border-color:#fff;
    fill:#fff;
    background-color: #807c52;
    transition: all .3s;
}
.gNav__listitem.cat3 a:hover svg{
    border-color:#fff;
    fill:#fff;
    background-color: #517650;
    transition: all .3s;
}
.gNav__listitem.cat4 a:hover svg{
    border-color:#fff;
    fill:#fff;
    background-color: #b36e8b;
    transition: all .3s;
}

.gNavCategory{
    position: relative;
    min-height: inherit;
    display: none;
}
.header_gNav .gNavCategory{
    position: relative;
    margin-top: inherit;
    display: block;
    top: inherit;
    left: inherit;
    /* background:#fff url(../img_dm/dm_menu_sp.png) no-repeat center; */
    /* background-position-y: 0; */
    /* background-position-x: 73px; */
    /* background-size: 100%; */
    height: calc(100vh - 150px);
    min-height: inherit;
}
.gNavCategory .catBg{
    position: absolute;
    background-image: url(../img/nav_bg1.png),url(../img/nav_bg2.png),url(../img/nav_bg3.png),url(../img/nav_bg4.png);
    background-position: left top, right top, left bottom, right bottom;
    background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
    background-size: 200px 200px, 200px 200px,200px 200px,200px 200px;
    width: 100%;
    min-height: 600px;
}
.header_gNav .gNavCategory .catBg{
    min-height: auto;
    height: auto;
    display: block;
    top: inherit;
    left: inherit;
    background-image: none;
    /* background-color: transparent; *//*TODO:消す*/
    /* max-height: 100vh; */
    /* overflow-y: auto; */
    /* overflow-x: hidden; */
    /* padding-top: 170px; */
    position: absolute;
    /* margin-top: -170px; */
}
.gNavCategory > .cat1{
     background-color: #5a7895;
     opacity: 0;
     visibility: hidden;
     -webkit-transform: inherit;
     transform: inherit;
     -webkit-transition: all .1s ease;
     transition: all .1s ease;
}
.gNavCategory > .cat1.-isActive{
    opacity: 1;
    visibility: visible;
    -webkit-transform: inherit;
    transform: inherit;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}
.gNavCategory > .cat2{
    background-color: #807c52;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: inherit;
    transform: inherit;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}
.gNavCategory > .cat2.-isActive{
    opacity: 1;
    visibility: visible;
    -webkit-transform: inherit;
            transform: inherit;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}
.gNavCategory > .cat3{
    background-color: #517650;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: inherit;
            transform: inherit;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}
.gNavCategory > .cat3.-isActive{
    opacity: 1;
    visibility: visible;
    -webkit-transform: inherit;
            transform: inherit;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}
.gNavCategory > .cat4{
    background-color: #b36e8b;
     opacity: 0;
     visibility: hidden; 
    -webkit-transform: inherit;
            transform: inherit;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}
.gNavCategory > .cat4.-isActive{
    opacity: 1;
    visibility: visible;
    -webkit-transform: inherit;
            transform: inherit;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}
.gNavCategory .cat1 .catNav__list{
    width: 100%;
}
.gNavCategory .cat2 .catNav__list{
    width: 100%;
}
.gNavCategory .cat3 .catNav__list{
    width: 100%;
}
.gNavCategory .cat4 .catNav__list{
    width: 100%;
}
.header_gNav .gNavCategory .cat1 .catNav__list{
    width: 100%;
    padding-bottom: 50px;
    height: 1050px;
}
.header_gNav .gNavCategory .cat2 .catNav__list{
    width: 100%;
}
.header_gNav .gNavCategory .cat3 .catNav__list{
    width: 100%;
}
.header_gNav .gNavCategory .cat4 .catNav__list{
    width: 100%;
}
.gNavCategory .catNav__list{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto;
    padding-top: 150px;
}
.header_gNav .gNavCategory .catNav__list{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content:flex-start;
    -ms-flex-line-pack:start;
    align-content: flex-start;
    margin: auto;
    padding-top: 0;
}
.header_gNav .gNavCategory .catNav__list{
    padding: 0 20px;
    /* padding-top: 170px; */
    /* padding-top: 0; */
    /* margin-top: 170px; */
    /* overflow: hidden; */
    height: auto;
    position: relative;
    top: 20px;
}
.gNavCategory .catNav__listitem{
    -webkit-flex-basis:180px;
    -ms-flex-basis:180px;
    flex-basis: 180px;
    margin-bottom: 20px;
}
.gNavCategory .cat1 .catNav__listitem{
    margin-right: inherit;
}
.gNavCategory .cat1 .catNav__listitem:nth-child(5),
.gNavCategory .cat1 .catNav__listitem:nth-child(10){
    margin-right: inherit;
}
.gNavCategory .cat2 .catNav__listitem{
    margin-right: inherit;
}
.gNavCategory .cat2 .catNav__listitem:nth-child(3){
    margin-right: inherit;
}
.gNavCategory .catNav__listitem a{
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: top;
    padding-top: 105px;
    width: 180px;
    height: 180px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.30);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.30);
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -.02em;
}
.gNavCategory .catNav__listitem a.line1{
    padding-top: 125px;
}
.gNavCategory .catNav__listitem.cat1-1 a{background: url(../img/menu_icon1-1.svg)center center no-repeat;background-size: 30%;background-color:#fff;background-position-y: 37px;}
.gNavCategory .catNav__listitem.cat1-2 a{background: url(../img/menu_icon1-2.svg)center center no-repeat;background-size: 32%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .catNav__listitem.cat1-3 a{background: url(../img/menu_icon1-3.svg)center center no-repeat;background-size: 26%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .catNav__listitem.cat1-4 a{background: url(../img/menu_icon1-4.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .catNav__listitem.cat1-5 a{background: url(../img/menu_icon3-1.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .catNav__listitem.cat1-6 a{background: url(../img/menu_icon1-6.svg)center center no-repeat;background-size: 32%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .catNav__listitem.cat1-7 a{background: url(../img/menu_icon1-7.svg)center center no-repeat;background-size: 32%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .catNav__listitem.cat1-8 a{background: url(../img/menu_icon1-8.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 42px;}
.gNavCategory .catNav__listitem.cat1-9 a{background: url(../img/menu_icon1-9.svg)center center no-repeat;background-size: 32%;background-color:#fff;background-position-y: 33px;}
.gNavCategory .catNav__listitem.cat1-10 a{background: url(../img/menu_icon1-10.svg)center center no-repeat;background-size: 30%;background-color:#fff;background-position-y: 33px;}
.gNavCategory .catNav__listitem.cat1-11 a{background: url(../img/menu_icon1-11.svg)center center no-repeat;background-size: 30%;background-color:#fff;background-position-y: 33px;}
.gNavCategory .catNav__listitem.cat2-1 a{background: url(../img/menu_icon2-1.svg)center center no-repeat;background-size: 23%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .catNav__listitem.cat2-2 a{background: url(../img/menu_icon2-2.svg)center center no-repeat;background-size: 30%;background-color:#fff;background-position-y: 32px;background-position-x: calc(50% + 10px);}
.gNavCategory .catNav__listitem.cat2-3 a{background: url(../img/menu_icon2-3.svg)center center no-repeat;background-size: 26%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .catNav__listitem.cat2-4 a{background: url(../img/menu_icon2-4.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 34px;}
.gNavCategory .catNav__listitem.cat2-5 a{background: url(../img/menu_icon2-5.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 34px;}
.gNavCategory .catNav__listitem.cat2-6 a{background: url(../img/menu_icon2-6.svg)center center no-repeat;background-size: 32%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .catNav__listitem.cat3-1 a{background: url(../img/menu_icon3-1.svg)center center no-repeat;background-size: 30%;background-color:#fff;background-position-y: 37px;}
.gNavCategory .catNav__listitem.cat3-2 a{background: url(../img/menu_icon3-2.svg)center center no-repeat;background-size: 32%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .catNav__listitem.cat3-3 a{background: url(../img/menu_icon4-2.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .catNav__listitem.cat3-4 a{background: url(../img/menu_icon3-4.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .catNav__listitem.cat3-5 a{background: url(../img/menu_icon3-5.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .catNav__listitem.cat4-1 a{background: url(../img/menu_icon4-1.svg)center center no-repeat;background-size: 30%;background-color:#fff;background-position-y: 35px;}
.gNavCategory .catNav__listitem.cat4-2 a{background: url(../img/menu_icon3-3.svg)center center no-repeat;background-size: 28%;background-color:#fff;background-position-y: 32px;}
.gNavCategory .catNav__listitem a::after{
    content: "";
    border-top: 5px solid transparent;
    border-right: 5px solid #000;
    border-bottom: 5px solid #000;
    border-left: 5px solid transparent;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.gNavCategory .cat1 .catNav__listitem a::after{
    border-right: 5px solid #5a7895;
    border-bottom: 5px solid #5a7895;
}
.gNavCategory .cat2 .catNav__listitem a::after{
    border-right: 5px solid #807c52;
    border-bottom: 5px solid #807c52;
}
.gNavCategory .cat3 .catNav__listitem a::after{
    border-right: 5px solid #517650;
    border-bottom: 5px solid #517650;
}
.gNavCategory .cat4 .catNav__listitem a::after{
    border-right: 5px solid #b36e8b;
    border-bottom: 5px solid #b36e8b;
}

.sCatNav{
     /* display: none; */
     /*background:#fff url(../img_dm/dm2.png) no-repeat center;*/
     /* background-position-y: 0; */
     /* background-position-x: 13px; */
     /* background-size: 102%; */
     /* overflow:hidden; */
     position:relative;
     /* border: 1px solid #c00; */
     width: 375px;
     height: 383px;
     border-radius: 5px;
     -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.30);
     box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.30);
     position: relative;
     top: 150px;
     left: 50%;
     margin-left: -480px;
}
.sCatNav.cat1{    background-color: #807c52;}
.sCatNav.cat2{    background-color: #5a7895;}
.sCatNav.cat3{    background-color: #517650;}
.sCatNav.cat4{    background-color: #b36e8b;}
.sCatNav.cat1-1{visibility:hidden;opacity:0;top:150px;margin-left: -480px;}
.sCatNav.cat1-2{ visibility:hidden;opacity:0; top:150px;margin-left: -285px;}
.sCatNav.cat1-3{visibility:hidden;opacity:0;top:150px;margin-left: -90px;}
.sCatNav.cat1-4{visibility:hidden;opacity:0;top:150px;margin-left: 105px;}
.sCatNav.cat1-5{visibility:hidden;opacity:0;top:150px;margin-left: 105px;}
.sCatNav.cat1-6{visibility:hidden;opacity:0;top:150px;margin-left: -480px;}
.sCatNav.cat1-7{visibility:hidden;opacity:0;top:150px;margin-left: -285px;}
.sCatNav.cat1-8{visibility:hidden;opacity:0;top:150px;margin-left: -90px;}
.sCatNav.cat1-9{ visibility:hidden;opacity:0; top:150px;margin-left: 105px;}
.sCatNav.cat1-10{visibility:hidden;opacity:0;top:150px;margin-left: 105px;}
.sCatNav.cat1-11{visibility:hidden;opacity:0;top:150px;margin-left: 105px;}
.sCatNav.cat2-1{visibility:hidden;opacity:0;top:150px;margin-left: -285px;}
.sCatNav.cat2-2{visibility:hidden;opacity:0;top:150px;margin-left: -90px;}
.sCatNav.cat2-3{visibility:hidden;opacity:0;top:150px;margin-left: -90px;}
.sCatNav.cat2-4{visibility:hidden;opacity:0;top:150px;margin-left: -285px;}
.sCatNav.cat2-5{visibility:hidden;opacity:0;top:150px;margin-left: -90px;}
.sCatNav.cat2-6{visibility:hidden;opacity:0;top:150px;margin-left: -90px;}
.sCatNav.cat3-1{visibility:hidden;opacity:0;top:150px;margin-left: -285px;}
.sCatNav.cat3-2{visibility:hidden;opacity:0;top:150px;margin-left: -90px;}
.sCatNav.cat3-3{visibility:hidden;opacity:0;top:150px;margin-left: -90px;}
.sCatNav.cat3-4{visibility:hidden;opacity:0;top:150px;margin-left: -90px;}
.sCatNav.cat3-5{visibility:hidden;opacity:0;top:150px;margin-left: -90px;}
.sCatNav.cat4-1{visibility:hidden;opacity:0;top:150px;margin-left: -187px;}
.sCatNav.cat4-2{visibility:hidden;opacity:0;top:150px;margin-left: -187px;}

.sCatNav.cat1-1.-isActive{visibility:visible;opacity:1;-webkit-transition: all .1s ease;transition: all .1s ease;}
.sCatNav.cat1-2.-isActive{visibility:visible;opacity:1;-webkit-transition: all .1s ease;transition: all .1s ease;}
.sCatNav.cat1-3.-isActive{visibility:visible;opacity:1;-webkit-transition: all .1s ease;transition: all .1s ease;}
.sCatNav.cat1-4.-isActive{visibility:visible;opacity:1;-webkit-transition: all .1s ease;transition: all .1s ease;}
.sCatNav.cat1-5.-isActive{visibility:visible;opacity:1;-webkit-transition: all .1s ease;transition: all .1s ease;}
.sCatNav.cat1-6.-isActive{visibility:visible;opacity:1;-webkit-transition: all .1s ease;transition: all .1s ease;}
.sCatNav.cat1-7.-isActive{visibility:visible;opacity:1;-webkit-transition: all .1s ease;transition: all .1s ease;}
.sCatNav.cat1-8.-isActive{visibility:visible;opacity:1;-webkit-transition: all .1s ease;transition: all .1s ease;}
.sCatNav.cat1-9.-isActive{visibility:visible;opacity:1;-webkit-transition: all .1s ease;transition: all .1s ease;}
.sCatNav.cat1-10.-isActive{visibility:visible;opacity:1;-webkit-transition: all .1s ease;transition: all .1s ease;}
.sCatNav.cat1-11.-isActive{visibility:visible;opacity:1;-webkit-transition: all .1s ease;transition: all .1s ease;}
.sCatNav.cat2-1.-isActive{visibility:visible;opacity:1;-webkit-transition: all .1s ease;transition: all .1s ease;}
.sCatNav.cat2-2.-isActive{visibility:visible;opacity:1;-webkit-transition: all .1s ease;transition: all .1s ease;}
.sCatNav.cat2-3.-isActive{visibility:visible;opacity:1;-webkit-transition: all .1s ease;transition: all .1s ease;}
.sCatNav.cat2-4.-isActive{visibility:visible;opacity:1;-webkit-transition: all .1s ease;transition: all .1s ease;}
.sCatNav.cat2-5.-isActive{visibility:visible;opacity:1;-webkit-transition: all .1s ease;transition: all .1s ease;}
.sCatNav.cat2-6.-isActive{visibility:visible;opacity:1;-webkit-transition: all .1s ease;transition: all .1s ease;}
.sCatNav.cat3-1.-isActive{visibility:visible;opacity:1;-webkit-transition: all .1s ease;transition: all .1s ease;}
.sCatNav.cat3-2.-isActive{visibility:visible;opacity:1;-webkit-transition: all .1s ease;transition: all .1s ease;}
.sCatNav.cat3-3.-isActive{visibility:visible;opacity:1;-webkit-transition: all .1s ease;transition: all .1s ease;}
.sCatNav.cat3-4.-isActive{visibility:visible;opacity:1;-webkit-transition: all .1s ease;transition: all .1s ease;}
.sCatNav.cat3-5.-isActive{visibility:visible;opacity:1;-webkit-transition: all .1s ease;transition: all .1s ease;}
.sCatNav.cat4-1.-isActive{visibility:visible;opacity:1;-webkit-transition: all .1s ease;transition: all .1s ease;}
.sCatNav.cat4-2.-isActive{visibility:visible;opacity:1;-webkit-transition: all .1s ease;transition: all .1s ease;}

.header_gNav .sCatNav.cat1-1{top:60px}
.header_gNav .sCatNav.cat1-2{top:60px}
.header_gNav .sCatNav.cat1-3{top:60px}
.header_gNav .sCatNav.cat1-4{top:60px}
.header_gNav .sCatNav.cat1-5{top:60px}
.header_gNav .sCatNav.cat1-6{top:60px}
.header_gNav .sCatNav.cat1-7{top:60px}
.header_gNav .sCatNav.cat1-8{top:60px}
.header_gNav .sCatNav.cat1-9{top:60px}
.header_gNav .sCatNav.cat1-10{top:60px}
.header_gNav .sCatNav.cat1-11{top:60px}
.header_gNav .sCatNav.cat2-1{top:60px}
.header_gNav .sCatNav.cat2-2{top:60px}
.header_gNav .sCatNav.cat2-3{top:60px}
.header_gNav .sCatNav.cat2-4{top:60px}
.header_gNav .sCatNav.cat2-5{top:60px}
.header_gNav .sCatNav.cat2-6{top:60px}
.header_gNav .sCatNav.cat3-1{top:60px}
.header_gNav .sCatNav.cat3-2{top:60px}
.header_gNav .sCatNav.cat3-3{top:60px}
.header_gNav .sCatNav.cat3-4{top:60px}
.header_gNav .sCatNav.cat3-5{top:60px}
.header_gNav .sCatNav.cat4-1{top:60px}
.header_gNav .sCatNav.cat4-2{top:60px}

.sCatNav > .inner{
    position: relative;
    /* height: 100%; */
}
.sCatNav .close{
    position: absolute;
    top: -5px;
    right: 15px;
    z-index: 200;
}
.sCatNav .btnClose{
    width: 20px;
    height: 20px;
    color: #fff;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}
.sCatNav .btnClose::before,
.sCatNav .btnClose::after{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #fff;
    width: 30px;
    height: 0;
    border: 1px solid #fff;
    border-radius: 100px;
}
.sCatNav .btnClose::before{
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.sCatNav .btnClose::after{
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}
.sCatNav .close a{}
.sCatNav .close a:hover{}
.sCatNav__list{
    position: relative;
    padding: 20px 30px 0;
    width:100%;
    height: 355px;
    overflow: inherit;
    margin-top: 15px;
}
.ps__rail-x,
.ps__rail-y {
    opacity: 0.6 !important;
}
.sCatNav__listitem{}
.sCatNav__listitem a{
    font-size: 14px;
    line-height: 1.3;
    padding: 12px 0;
    padding-right: 20px;
    display: block;
    color: #fff;
    border-bottom: 1px solid rgba(0,0,0,.1);
    position: relative;
}
.sCatNav__listitem a:hover{}
.sCatNav__listitem a::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
}
.sCatNav__listitem a:hover::after{
    content: "";
}
.sCatNav__listitem .headtitle{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    display: block;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 10px 0 21px;
}
.sCatNav__listitem .other{}
.sCatNav__listitem .other::after{
    content: "";
    background: url(../img/icon_other.svg) no-repeat;
    width: 15px;
    height: 12px;
    margin-top: -6px;
}
.sCatNav__listitem .arrow{}
.sCatNav__listitem .arrow::after{
    content: "";
    background: url(../img/icon_arrow.svg) no-repeat;
    width: 16px;
    height: 12px;
    margin-top: -6px;
    right: 1px;
}
.sCatNav__listitem .pdf{}
.sCatNav__listitem .pdf::after{
    content: "";
    background: url(../img/icon_btn_pdf.svg) no-repeat;
    width: 18px;
    height: 18px;
    margin-top: -9px;
}
.sCatNav__listitem .doc{}
.sCatNav__listitem .doc::after{
    content: "";
    background: url(../img/icon_btn_doc.svg) no-repeat;
    width: 18px;
    height: 18px;
    margin-top: -9px;
}
.sCatNav__listitem .xls{}
.sCatNav__listitem .xls::after{
    content: "";
    background: url(../img/icon_btn_xls.svg) no-repeat;
    width: 18px;
    height: 18px;
    margin-top: -9px;
}


.header_gNav .gNavCategory .catNav__listitem{
    -webkit-flex-basis:auto;
    -ms-flex-basis:auto;
    flex-basis: auto;
    margin-bottom: 20px;
    margin-right: inherit;
}
.header_gNav .gNavCategory .catNav__listitem a{
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: top;
    padding-top: 95px;
    width: 160px;
    height: 160px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.30);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.30);
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -.02em;
}
@media screen and (max-width:320px) {
.header_gNav .gNavCategory .catNav__listitem a{
    width: 130px;
    height: 130px;
    font-size: 13px;
    padding-top: 80px;
}
}
.header_gNav .gNavCategory .catNav__listitem a.line1{
    padding-top: 125px;
}
.header_gNav .gNavCategory .catNav__listitem.cat1-1 a{background: url(../img/menu_icon1-1.svg)center center no-repeat;background-size: 30%;background-color:#fff;background-position-y: 37px;}
.header_gNav .gNavCategory .catNav__listitem.cat1-2 a{background: url(../img/menu_icon1-2.svg)center center no-repeat;background-size: 32%;background-color:#fff;background-position-y: 32px;}
.header_gNav .gNavCategory .catNav__listitem.cat1-3 a{background: url(../img/menu_icon1-3.svg)center center no-repeat;background-size: 26%;background-color:#fff;background-position-y: 32px;}
.header_gNav .gNavCategory .catNav__listitem.cat1-4 a{background: url(../img/menu_icon1-4.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 32px;}
.header_gNav .gNavCategory .catNav__listitem.cat1-5 a{background: url(../img/menu_icon3-1.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 32px;}
.header_gNav .gNavCategory .catNav__listitem.cat1-6 a{background: url(../img/menu_icon1-6.svg)center center no-repeat;background-size: 32%;background-color:#fff;background-position-y: 32px;}
.header_gNav .gNavCategory .catNav__listitem.cat1-7 a{background: url(../img/menu_icon1-7.svg)center center no-repeat;background-size: 32%;background-color:#fff;background-position-y: 32px;}
.header_gNav .gNavCategory .catNav__listitem.cat1-8 a{background: url(../img/menu_icon1-8.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 42px;}
.header_gNav .gNavCategory .catNav__listitem.cat1-9 a{background: url(../img/menu_icon1-9.svg)center center no-repeat;background-size: 32%;background-color:#fff;background-position-y: 33px;}
.header_gNav .gNavCategory .catNav__listitem.cat1-10 a{background: url(../img/menu_icon1-10.svg)center center no-repeat;background-size: 30%;background-color:#fff;background-position-y: 33px;}
.header_gNav .gNavCategory .catNav__listitem.cat1-11 a{background: url(../img/menu_icon1-11.svg)center center no-repeat;background-size: 30%;background-color:#fff;background-position-y: 33px;}
.header_gNav .gNavCategory .catNav__listitem.cat2-1 a{background: url(../img/menu_icon2-1.svg)center center no-repeat;background-size: 23%;background-color:#fff;background-position-y: 32px;}
.header_gNav .gNavCategory .catNav__listitem.cat2-2 a{background: url(../img/menu_icon2-2.svg)center center no-repeat;background-size: 30%;background-color:#fff;background-position-y: 32px;background-position-x: calc(50% + 10px);}
.header_gNav .gNavCategory .catNav__listitem.cat2-3 a{background: url(../img/menu_icon2-3.svg)center center no-repeat;background-size: 26%;background-color:#fff;background-position-y: 32px;}
.header_gNav .gNavCategory .catNav__listitem.cat2-4 a{background: url(../img/menu_icon2-4.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 34px;}
.header_gNav .gNavCategory .catNav__listitem.cat2-5 a{background: url(../img/menu_icon2-5.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 34px;}
.header_gNav .gNavCategory .catNav__listitem.cat2-6 a{background: url(../img/menu_icon2-6.svg)center center no-repeat;background-size: 32%;background-color:#fff;background-position-y: 32px;}
.header_gNav .gNavCategory .catNav__listitem.cat3-1 a{background: url(../img/menu_icon3-1.svg)center center no-repeat;background-size: 30%;background-color:#fff;background-position-y: 37px;}
.header_gNav .gNavCategory .catNav__listitem.cat3-2 a{background: url(../img/menu_icon3-2.svg)center center no-repeat;background-size: 32%;background-color:#fff;background-position-y: 32px;}
.header_gNav .gNavCategory .catNav__listitem.cat3-3 a{background: url(../img/menu_icon4-2.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 32px;}
.header_gNav .gNavCategory .catNav__listitem.cat3-4 a{background: url(../img/menu_icon3-4.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 32px;}
.header_gNav .gNavCategory .catNav__listitem.cat3-5 a{background: url(../img/menu_icon3-5.svg)center center no-repeat;background-size: 31%;background-color:#fff;background-position-y: 32px;}
.header_gNav .gNavCategory .catNav__listitem.cat4-1 a{background: url(../img/menu_icon4-1.svg)center center no-repeat;background-size: 30%;background-color:#fff;background-position-y: 35px;}
.header_gNav .gNavCategory .catNav__listitem.cat4-2 a{background: url(../img/menu_icon3-3.svg)center center no-repeat;background-size: 28%;background-color:#fff;background-position-y: 32px;}
.header_gNav .gNavCategory .catNav__listitem a::after{
    content: "";
    border-top: 5px solid transparent;
    border-right: 5px solid #000;
    border-bottom: 5px solid #000;
    border-left: 5px solid transparent;
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.header_gNav .gNavCategory .cat1 .catNav__listitem a::after{
    border-right: 5px solid #5a7895;
    border-bottom: 5px solid #5a7895;
}
.header_gNav .gNavCategory .cat2 .catNav__listitem a::after{
    border-right: 5px solid #807c52;
    border-bottom: 5px solid #807c52;
}
.header_gNav .gNavCategory .cat3 .catNav__listitem a::after{
    border-right: 5px solid #517650;
    border-bottom: 5px solid #517650;
}
.header_gNav .gNavCategory .cat4 .catNav__listitem a::after{
    border-right: 5px solid #b36e8b;
    border-bottom: 5px solid #b36e8b;
}

.header_gNav .sCatNav{
     /*display: none;*/
     /*background:#fff url(../img_dm/dm2.png) no-repeat center;*/
     /* background-position-y: 0; */
     /* background-position-x: 13px; */
     /* background-size: 102%; */
     /* overflow:hidden; */
     position: fixed!important;
     /* border: 1px solid #c00; */
     width: 100%;
     height: 100vh;
     border-radius: 5px;
     -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.30);
     box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.30);
     position: absolute;
     top: 150px;
     left: 0;
     margin-left: -480px;
     z-index: 1401;
     -webkit-transform: inherit;
     transform: inherit;
     -webkit-transition: all .1s ease;
     transition: all .1s ease;
}
.header_gNav .sCatNav.cat1{background-color: #5a7895;}
.header_gNav .sCatNav.cat2{background-color: #807c52;}
.header_gNav .sCatNav.cat3{    background-color: #517650;}
.header_gNav .sCatNav.cat4{    background-color: #b36e8b;}
.header_gNav .sCatNav.cat1-1{visibility:hidden;opacity:0;top: 0;margin-left: 0;}
.header_gNav .sCatNav.cat1-2{visibility:hidden;opacity:0;top: 0px;margin-left: 0;}
.header_gNav .sCatNav.cat1-3{visibility:hidden;opacity:0;top: 0px;margin-left: 0;}
.header_gNav .sCatNav.cat1-4{visibility:hidden;opacity:0;top: 0px;margin-left: 0;}
.header_gNav .sCatNav.cat1-5{visibility:hidden;opacity:0;top:0px;margin-left: 0px;}
.header_gNav .sCatNav.cat1-6{visibility:hidden;opacity:0;top:0px;margin-left: 0px;}
.header_gNav .sCatNav.cat1-7{visibility:hidden;opacity:0;top:0px;margin-left: 0px;}
.header_gNav .sCatNav.cat1-8{visibility:hidden;opacity:0;top:0px;margin-left: 0px;}
.header_gNav .sCatNav.cat1-9{ visibility:hidden;opacity:0; top:0px;margin-left: 0px;}
.header_gNav .sCatNav.cat1-10{visibility:hidden;opacity:0;top:0px;margin-left: 0px;}
.header_gNav .sCatNav.cat1-11{visibility:hidden;opacity:0;top:0px;margin-left: 0px;}
.header_gNav .sCatNav.cat2-1{visibility:hidden;opacity:0;top: 0;margin-left: 0px;}
.header_gNav .sCatNav.cat2-2{visibility:hidden;opacity:0;top:0px;margin-left: 0px;}
.header_gNav .sCatNav.cat2-3{visibility:hidden;opacity:0;top:0px;margin-left: 0px;}
.header_gNav .sCatNav.cat2-4{visibility:hidden;opacity:0;top:0px;margin-left: 0px;}
.header_gNav .sCatNav.cat2-5{visibility:hidden;opacity:0;top:0px;margin-left: 0px;}
.header_gNav .sCatNav.cat2-6{visibility:hidden;opacity:0;top:0px;margin-left: 0px;}
.header_gNav .sCatNav.cat3-1{visibility:hidden;opacity:0;top:0px;margin-left: 0px;}
.header_gNav .sCatNav.cat3-2{visibility:hidden;opacity:0;top:0px;margin-left: 0px;}
.header_gNav .sCatNav.cat3-3{visibility:hidden;opacity:0;top:0px;margin-left: 0px;}
.header_gNav .sCatNav.cat3-4{visibility:hidden;opacity:0;top:0px;margin-left: 0px;}
.header_gNav .sCatNav.cat3-5{visibility:hidden;opacity:0;top:0px;margin-left: 0px;}
.header_gNav .sCatNav.cat4-1{visibility:hidden;opacity:0;top:0px;margin-left: 0px;}
.header_gNav .sCatNav.cat4-2{visibility:hidden;opacity:0;top:0px;margin-left: 0px;}

.header_gNav .sCatNav.cat1-1.-isActive{visibility:visible;opacity:1;}
.header_gNav .sCatNav.cat1-2.-isActive{visibility:visible;opacity:1;}
.header_gNav .sCatNav.cat1-3.-isActive{visibility:visible;opacity:1;}
.header_gNav .sCatNav.cat1-4.-isActive{visibility:visible;opacity:1;}
.header_gNav .sCatNav.cat1-5.-isActive{visibility:visible;opacity:1;}
.header_gNav .sCatNav.cat1-6.-isActive{visibility:visible;opacity:1;}
.header_gNav .sCatNav.cat1-7.-isActive{visibility:visible;opacity:1;}
.header_gNav .sCatNav.cat1-8.-isActive{visibility:visible;opacity:1;}
.header_gNav .sCatNav.cat1-9.-isActive{visibility:visible;opacity:1;}
.header_gNav .sCatNav.cat1-10.-isActive{visibility:visible;opacity:1;}
.header_gNav .sCatNav.cat1-11.-isActive{visibility:visible;opacity:1;}
.header_gNav .sCatNav.cat2-1.-isActive{visibility:visible;opacity:1;}
.header_gNav .sCatNav.cat2-2.-isActive{visibility:visible;opacity:1;}
.header_gNav .sCatNav.cat2-3.-isActive{visibility:visible;opacity:1;}
.header_gNav .sCatNav.cat2-4.-isActive{visibility:visible;opacity:1;}
.header_gNav .sCatNav.cat2-5.-isActive{visibility:visible;opacity:1;}
.header_gNav .sCatNav.cat2-6.-isActive{visibility:visible;opacity:1;}
.header_gNav .sCatNav.cat3-1.-isActive{visibility:visible;opacity:1;}
.header_gNav .sCatNav.cat3-2.-isActive{visibility:visible;opacity:1;}
.header_gNav .sCatNav.cat3-3.-isActive{visibility:visible;opacity:1;}
.header_gNav .sCatNav.cat3-4.-isActive{visibility:visible;opacity:1;}
.header_gNav .sCatNav.cat3-5.-isActive{visibility:visible;opacity:1;}
.header_gNav .sCatNav.cat4-1.-isActive{visibility:visible;opacity:1;}
.header_gNav .sCatNav.cat4-2.-isActive{visibility:visible;opacity:1;}

/*.header_gNav .sCatNav.cat1-1{top:60px}
.header_gNav .sCatNav.cat1-2{top:60px}
.header_gNav .sCatNav.cat1-3{top:60px}
.header_gNav .sCatNav.cat1-4{top:60px}
.header_gNav .sCatNav.cat1-5{top:60px}
.header_gNav .sCatNav.cat1-6{top:60px}
.header_gNav .sCatNav.cat1-7{top:60px}
.header_gNav .sCatNav.cat1-8{top:60px}
.header_gNav .sCatNav.cat1-9{top:60px}
.header_gNav .sCatNav.cat1-10{top:60px}
.header_gNav .sCatNav.cat1-11{top:60px}
.header_gNav .sCatNav.cat2-1{top:60px}
.header_gNav .sCatNav.cat2-2{top:60px}
.header_gNav .sCatNav.cat2-3{top:60px}
.header_gNav .sCatNav.cat2-4{top:60px}
.header_gNav .sCatNav.cat2-5{top:60px}
.header_gNav .sCatNav.cat2-6{top:60px}
.header_gNav .sCatNav.cat3-1{top:60px}
.header_gNav .sCatNav.cat3-2{top:60px}
.header_gNav .sCatNav.cat3-3{top:60px}
.header_gNav .sCatNav.cat4-1{top:60px}
.header_gNav .sCatNav.cat4-2{top:60px}*/

.header_gNav .sCatNav > .inner{
    position: relative;
    height: inherit;
}
.header_gNav .sCatNav .close{
    position: fixed;
    top: 15px;
    right: 15px;
    z-index: 200;
}
.header_gNav .sCatNav .btnClose{
    width: 20px;
    height: 20px;
    color: #fff;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}
.header_gNav .sCatNav .btnClose::before,
.header_gNav .sCatNav .btnClose::after{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #fff;
    width: 30px;
    height: 0;
    border: 1px solid #fff;
    border-radius: 100px;
}
.header_gNav .sCatNav .btnClose::before{
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.header_gNav .sCatNav .btnClose::after{
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}
.header_gNav .sCatNav .close a{}
.header_gNav .sCatNav .close a:hover{}
.header_gNav .sCatNav__list{
    position: relative;
    padding: 40px 20px 0;
    width:100%;
    height: calc(100vh - 100px);
    margin-top: 0px;
    overflow: scroll;
}
.ps__rail-x,
.ps__rail-y {
    opacity: 0.6 !important;
}
.header_gNav .sCatNav__listitem{}
.header_gNav .sCatNav__listitem a{
    font-size: 14px;
    line-height: 1.3;
    padding: 12px 0;
    padding-right: 30px;
    display: block;
    color: #fff;
    border-bottom: 1px solid rgba(0,0,0,.1);
    position: relative;
    text-align: left;
}
.header_gNav .sCatNav__listitem a:hover{}
.header_gNav .sCatNav__listitem a::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
}
.header_gNav .sCatNav__listitem a:hover::after{
    content: "";
}
.header_gNav .sCatNav__listitem .headtitle{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    display: block;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 10px 0 21px;
}
.header_gNav .sCatNav__listitem .other{}
.header_gNav .sCatNav__listitem .other::after{
    content: "";
    background: url(../img/icon_other.svg) no-repeat;
    width: 15px;
    height: 12px;
    margin-top: -6px;
}
.header_gNav .sCatNav__listitem .arrow{}
.header_gNav .sCatNav__listitem .arrow::after{
    content: "";
    background: url(../img/icon_arrow.svg) no-repeat;
    width: 16px;
    height: 12px;
    margin-top: -6px;
    right: 1px;
}
.header_gNav .sCatNav__listitem .pdf{}
.header_gNav .sCatNav__listitem .pdf::after{
    content: "";
    background: url(../img/icon_btn_pdf.svg) no-repeat;
    width: 18px;
    height: 18px;
    margin-top: -9px;
}
.header_gNav .sCatNav__listitem .doc{}
.header_gNav .sCatNav__listitem .doc::after{
    content: "";
    background: url(../img/icon_btn_doc.svg) no-repeat;
    width: 18px;
    height: 18px;
    margin-top: -9px;
}
.header_gNav .sCatNav__listitem .xls{}
.header_gNav .sCatNav__listitem .xls::after{
    content: "";
    background: url(../img/icon_btn_xls.svg) no-repeat;
    width: 18px;
    height: 18px;
    margin-top: -9px;
}


.gNavCategoryMenu--sp{display: none;}
.header_gNav--sp{
    visibility: hidden;
    opacity: 0;
}
.header_gNav.-isActive .header_gNav--sp{
    visibility: visible;
    opacity: 1;
}
.header_gNav .header_gNav--sp .close{
    display: none;
}
.header_gNav.-isActive .header_gNav--sp .close{
    display: block;
}
.top_gNav .header_gNav--sp{
    display: none;
}
.header_gNav--sp .close{
    right: 11px;
    top: 12px;
    z-index: 1201;
    position: fixed;
}
.header_gNav--sp .btnClose{
}
}







/*---------------------------------------------
language
---------------------------------------------*/
.languageArea{
    position: fixed;
    top: 65px;
    left:0;
    z-index: 1000;
    width: 100%;
    height: auto;
    /* border: 1px solid #c00; */
    /* background: url(../img/language_bg.jpg)no-repeat; */
    background-color: rgba(175, 190, 190, 0.95);
    /* background-size: contain; */
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.languageArea.-isActive{
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.languageArea > .inner{
    /* background: url(../img_dm/dm_lang_pc.png) no-repeat center; */
    /* background-position-y: 0px; */
    /* background-position-x: 57px; */
    /* background-size: 102%; */
    /* overflow:hidden; */
    position:relative;
    height: 100%;
    /* border-bottom: 1px solid #c00; */
}
.laguageBox{
    position: relative;
    width: auto;
    height: auto;
    top: inherit;
    left: inherit;
    margin: auto;
    margin-top: inherit;
    margin-left: inherit;
    /* border: 1px solid #c00; */
    padding: 60px 0 50px;
}
.laguageBox > .inner{
    position: relative;
    height: auto;
}
.languageArea .-headtitle{
    width: 220px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -110px;
    margin-top: -58px;
    display: none;
}
.languageArea .-headtitle img{}
.languageArea .-list{
    width: 951px;
    margin: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.languageArea .-listitem{
    position: relative;
    top: inherit;
    left: inherit;
    margin-left: 0;
    margin-top: inherit;
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 20px;
}
.languageArea .-listitem:nth-child(4n){
    margin-right: 0;
}
.languageArea .-listitem:nth-child(1){
    /* margin-top: -190px; */
    /* margin-left: -280px; */
}
.languageArea .-listitem:nth-child(2){
    /* margin-top: -190px; */
    /* margin-left: 70px; */
}
.languageArea .-listitem:nth-child(3){
    /* margin-top: -110px; */
    /* margin-left: -390px; */
}
.languageArea .-listitem:nth-child(4){
    /* margin-top: -110px; */
    /* margin-left: 170px; */
}
.languageArea .-listitem:nth-child(5){
    /* margin-top: 50px; */
    /* margin-left: -390px; */
}
.languageArea .-listitem:nth-child(6){
    /* margin-top: 50px; */
    /* margin-left: 170px; */
}
.languageArea .-listitem:nth-child(7){
    /* margin-top: 130px; */
    /* margin-left: -280px; */
}
.languageArea .-listitem:nth-child(8){
    /* margin-top: 130px; */
    /* margin-left: 70px; */
}
.languageArea .-listitem a{
    display: inline-block;
    text-align: center;
    /* border: 1px solid #c00; */
    background-color: #fff;
    border-radius: 100px;
    padding: 15px 0;
    width: 220px;
    position: relative;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.30);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.30);
}
.languageArea .-listitem a:hover{}
.languageArea .-listitem a::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    margin: auto;
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px #000 solid;
    border-right: 1px #000 solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -5px;
}
.languageArea .close{
    top: -50px;
    right: 20px;
    display: none;
}
/*---------------------------------------------------------------------------------------------------------------------------------------
responsiv--------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px) {
.languageArea{
    position: fixed;
    top: 65px;
    left:0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    padding: 30px 0 20px;
    /* background: url(../img/language_bg_sp.jpg)no-repeat; */
    background-color: rgba(175, 190, 190, 0.95);
    /* background-size: 190%; */
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.languageArea.-isActive{
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.languageArea > .inner{
    /* background: url(../img_dm/dm_lang_sp.png) no-repeat center; */
    /* background-position-y: 0px; */
    /* background-position-x: 57px; */
    /* background-size: 100%; */
    /* overflow:hidden; */
    position:relative;
    height: auto;
    /* border-bottom: 1px solid #c00; */
}
.laguageBox{
    position: relative;
    width: 100%;
    height: auto;
    top: inherit;
    left: inherit;
    margin-top: 0;
    margin-left: 0;
    /* border: 1px solid #c00; */
    padding: 0;
}
.laguageBox > .inner{
    position: relative;
    height: auto;
}
.languageArea .-headtitle{
    width: 160px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -80px;
    margin-top: 100px;
    display: none;
}
.languageArea .-headtitle img{}
.languageArea .-list{
    width: 100%;
    display: inherit;
    display: inherit;
    display: inherit;
    -webkit-flex-wrap: inherit;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
}
.languageArea .-listitem{
    position: relative;
    top: inherit;
    left: inherit;
    margin-left: 0px;
    margin-top: 0px;
    width: 50%;
    float: left;
    margin: auto;
    margin-bottom: 15px;
    padding: 0 10px;
}
.languageArea .-listitem{
    margin-top: inherit;
    margin-left: inherit;
}
.languageArea .-listitem:nth-child(1){
    margin-top: 0;
    margin-left: inherit;
}
.languageArea .-listitem:nth-child(2){
    margin-top: inherit;
    margin-left: inherit;
}
.languageArea .-listitem:nth-child(3){
    margin-top: inherit;
    margin-left: inherit;
}
.languageArea .-listitem:nth-child(4){
    margin-top: inherit;
    margin-left: inherit;
}
.languageArea .-listitem:nth-child(5){
    margin-top: inherit;
    margin-left: inherit;
}
.languageArea .-listitem:nth-child(6){
    margin-top: inherit;
    margin-left: inherit;
}
.languageArea .-listitem:nth-child(7){
    margin-top: inherit;
    margin-left: inherit;
}
.languageArea .-listitem:nth-child(8){
    margin-top: inherit;
    margin-left: inherit;
}
.languageArea .-listitem a{
    display: block;
    text-align: center;
    font-size: 14px;
    /* border: 1px solid #c00; */
    background-color: #fff;
    border-radius: 100px;
    padding: 10px 0;
    width: 100%;
    position: relative;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.30);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.30);
}
.languageArea .-listitem a:hover{}
.languageArea .-listitem a::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 13px;
    margin: auto;
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px #000 solid;
    border-right: 1px #000 solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -5px;
}
.languageArea .close{
    top: -30px;
    right: 0px;
    display: none;
}
}







/*---------------------------------------------
search
---------------------------------------------*/
.searchArea{
    position: fixed;
    top: 65px;
    left:0;
    z-index: 1000;
    width: 100%;
    height: auto;
    background-color: rgba(175, 190, 190, 0.95);

    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;

}
.searchArea.-isActive{
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.searchArea > .inner{
    position:relative;
    height: 100%;
}
.searchBox{
    position: relative;
    width: auto;
    height: auto;
    top: inherit;
    left: inherit;
    margin: auto;
    margin-top: inherit;
    margin-left: inherit;
    /* border: 1px solid #c00; */
    width: 556px;
    margin: auto;
    padding: 70px 0 186px;
}
.searchBox > .inner{
    position: relative;
    height: auto;
}
.searchArea .-headtitle{
    
}
.searchArea .close{
    top: -50px;
    right: 20px;
    display: none;
}
.searchArea .-input{
    border-bottom: 1px solid #000;
    margin: 40px 0 0;
    position: relative;
}
.searchArea .search-input{
    width: 100%;
    font-size: 26px;
    font-weight: 400;
    background-color: transparent;
    border: none;
    outline: 0;
    color: #000;
    padding: 10px 0;
}
.searchArea .search-input::-webkit-input-placeholder{
    font-size:16px;
}
.searchArea .search-button{
    position: absolute;
    top: 50%;
    right: 0;
    outline: 0;
    border:0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-appearance: button;
    cursor: pointer;
    background: url(../img/icon_search.svg) no-repeat;
    background-size: cover;
    background-color: transparent;
    width: 20px;
    height: 20px;
    margin-top: -5px;
}
/*---------------------------------------------------------------------------------------------------------------------------------------
responsiv--------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px) {
.searchArea{
    position: fixed;
    top: 65px;
    left:0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background-color: rgba(175, 190, 190, 0.95);
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.searchArea.-isActive{
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.searchArea > .inner{
    position:relative;
    height: 100%;
}
.searchBox{
    position: relative;
    width: auto;
    height: auto;
    top: inherit;
    left: inherit;
    margin: auto;
    margin-top: inherit;
    margin-left: inherit;
    /* border: 1px solid #c00; */
    width: 100%;
    margin:auto;
    padding: 70px 40px 80px;
}
.searchBox > .inner{
    position: relative;
    height: auto;
}
.searchArea .-headtitle{
    
}
.searchArea .close{
    top: -50px;
    right: 20px;
    display: none;
}
.searchArea .-input{
    border-bottom: 1px solid #000;
    margin: 40px 0 0;
    position: relative;
}
.searchArea .search-input{
    width: 100%;
    font-size: 26px;
    font-weight: 400;
    background-color: transparent;
    border: none;
    outline: 0;
    color: #000;
    padding: 10px 0;
}
.searchArea .search-input::-webkit-input-placeholder{
    font-size:16px;
}
.searchArea .search-button{
    position: absolute;
    top: 50%;
    right: 0;
    outline: 0;
    border:0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-appearance: button;
    cursor: pointer;
    background: url(../img/icon_search.svg) no-repeat;
    background-size: cover;
    background-color: transparent;
    width: 20px;
    height: 20px;
    margin-top: -5px;
}
}







/*---------------------------------------------
menuArea
---------------------------------------------*/
.menuArea{
    position: fixed;
    top: 0px;
    right: 0;
    z-index: 501;
    width: 50%;
    height: 100%;
    background-color: rgba(255, 255, 255, 1);
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 0 3px 8px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 3px 8px 0 rgb(0 0 0 / 30%);
}
.menuArea.-isActive{
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.menuArea > .inner{
    position:relative;
    height: 100%;
}
.menuArea .closeBtn-menu{
    width: 30px;
    height: 30px;
    background:url(../img/icon_close.svg)no-repeat;
    background-size:cover;
    position: absolute;
    top: 12px;
    right: 16px;
    cursor: pointer;
}
.menuArea > .inner .list{
    position: absolute;
    top: 160px;
    right: 160px;
    text-align: right;
    font-size: 15px;
}
.menuArea > .inner .list > li{}
.menuArea > .inner .list > li + li{
    margin-top: 30px;
}
.menuArea > .inner .list > li a{}
.menuArea > .inner .list > li a:hover{}
/*---------------------------------------------------------------------------------------------------------------------------------------
responsiv--------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px) {
.menuArea{
    position: fixed;
    top: 0px;
    right: 0;
    z-index: 501;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 1);
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 0 3px 8px 0 rgb(0 0 0 / 30%);
    box-shadow: 0 3px 8px 0 rgb(0 0 0 / 30%);
}
.menuArea.-isActive{
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.menuArea > .inner{
    position:relative;
    height: 100%;
}
.menuArea .closeBtn-menu{
    width: 20px;
    height: 20px;
    background:url(../img/icon_close.svg)no-repeat;
    background-size:cover;
    position: absolute;
    top: 22px;
    left: 22px;
    cursor: pointer;
}
.menuArea > .inner .list{
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 15px;
    margin: auto;
}
.menuArea > .inner .list > li{}
.menuArea > .inner .list > li + li{
    margin-top: 30px;
}
.menuArea > .inner .list > li a{}
.menuArea > .inner .list > li a:hover{}
}





/*---------------------------------------------
main visual
---------------------------------------------*/
.mainVisual{/* height: 400px; *//* overflow: hidden; */padding-bottom: 70px;}
.mainVisual.top{
    padding-bottom: 0;
}
.mainVisual > .inner{
    /* min-height: 400px; */
    overflow: hidden;
    /* max-width: 1260px; */
    min-width: 1000px;
    margin: auto;
}
.mainVisual__list{
    text-align: center;
}
.mainVisual__listitem{}
.mainVisual__listitem .-content{
    position: relative;
    min-height: inherit;
    padding-top: 34.35%;
    /* height: 470px; */
    background-color: rgba(166,188,188,.15);
}
.mainVisual__listitem .-bg1{
    width: 200px;
    height: 200px;
    background: url(../img/bg3.png) no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: .8;
}
.mainVisual__listitem .-bg2{
    width: 240px;
    height: 200px;
    background: url(../img/bg5.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: 0px;
    margin-left: -140px;
    left: 50%;
    opacity: .8;
}
.mainVisual__listitem .-pic{
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: auto;
}
.mainVisual__listitem .-pic img{
    max-width: inherit;
    height: 100%;
    width: auto;
}
.mainVisual__listitem .-logo1{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%);
    margin-left: -38%;
    /* margin-top: -92px; */
    /* width: 380px; */
    text-align: left;
    font-size: 45px;
    color: #000;
    font-weight: bold;
    letter-spacing: -.03em;
    width: 35%;
}
.mainVisual__listitem .-logo1 img{
    height: 44px;
}
.mainVisual__listitem .-textArea{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -480px;
    margin-top: -15px;
    text-align: left;
}
.mainVisual__listitem .-headtitle{
    font-size: 36px;
    font-weight: bold;
    color: #a88165;
    line-height: 1;
}
.mainVisual__listitem .-text{
    font-size: 18px;
    font-weight: normal;
    color: #000;
    line-height: 1.4;
    margin-top: 0px;
    width: 500px;
}

.mainVisual_rn{
    background: url(../img/top_hero_image.png) no-repeat center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 600px;
    position: relative;
    overflow: hidden;
}
.mainVisual_rn > .inner{
    /* min-height: 400px; */
    overflow: hidden;
    /* max-width: 1260px; */
    min-width: 1000px;
    margin: auto;
}
.mainVisual_rn .top-logo{
    width: 537px;
    height: 174px;
    position: absolute;
    top:0;
    bottom:0;
    left: 0;
    right: 0;
    margin:auto;
}
/*---------------------------------------------------------------------------------------------------------------------------------------
responsiv--------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px) {
.mainVisual{margin-top: 65px;height: auto;background-color: rgba(167,182,182,.25);padding-bottom: 0;margin-bottom: 40px;}
.mainVisual.top{
    padding-bottom: 0;
    margin-bottom: 0;
}
.mainVisual > .inner{
    height: auto;
    min-width: inherit;
}
.mainVisual__list{
    text-align: center;
}
.mainVisual__listitem{}
.mainVisual__listitem .-content{
    position: relative;
    height: auto;
    padding-top: inherit;
}
.mainVisual__listitem .-bg1{
    width: 150px;
    height: 150px;
    background: url(../img/bg3.png) no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: .8;
    display: none;
}
.mainVisual__listitem .-bg2{
    width: 150px;
    height: 150px;
    background: url(../img/bg4.png) no-repeat;
    background-size: cover;
    position: absolute;
    top: inherit;
    bottom: 0px;
    right: 0px;
    opacity: .8;
    display: none;
}
.mainVisual__listitem .-pic{
    position: relative;
    top: inherit;
    right: inherit;
}
/*.mainVisual__listitem .-pic::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
}*/
.mainVisual__listitem .-pic img{
    height: auto;
    width: 100%;
    max-width: inherit;
}
.mainVisual__listitem .-logo1{
    position: absolute;
    top: 70px;
    left: 50%;
    margin-left: -140px;
    margin-top: inherit;
    max-width: 280px;
}

/*
.mainVisual__listitem .-logo1{
    position: absolute;
    top: 70px;
    left: 50%;
    margin-left: -36vw;
    margin-top: inherit;
    max-width: 72vw;
}
*/
.mainVisual__listitem .-logo1 img{
    height: inherit;
}
.mainVisual__listitem .-textArea{
    width: 100%;
    position: absolute;
    top: 50%;
    left:0;
    margin:auto;
    text-align: center;
    transform: translateY(-50%);
}
.mainVisual__listitem .-headtitle{
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    margin: auto;
    width: 100%;
    text-align: center;
    /* color: #0196d2; */
}
.mainVisual__listitem .-text{
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    line-height: 1.4;
    margin: auto;
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.mainVisual_rn{
    /* background:url(../img/top_main_pic_sp.jpg)no-repeat center top; */
    background-size:cover;
    /* height: calc(100vh - 65px); */
    height: 600px;
    margin-top: 65px;
    position: relative;
}
.mainVisual_rn > .inner{
    /* min-height: 400px; */
    overflow: hidden;
    /* max-width: 1260px; */
    min-width: 1000px;
    margin: auto;
}
.mainVisual_rn .top-logo{
    width: 250px;
    height: 81px;
    position: absolute;
    top:0;
    bottom:0;
    left: 0;
    right: 0;
    margin:auto;
}
}
@media screen and (max-width:320px) {
.mainVisual__listitem .-headtitle{
    font-size: 20px;
}
.mainVisual__listitem .-text{
    font-size: 10px;
}
}





/*---------------------------------------------
index main visual slide
---------------------------------------------*/
.mainVisual_slide{
    width: 100%;
    position: absolute;
    top:0;
    left:0;
    right: 0;
    z-index: 0;
    margin:auto;
}
.mainVisual_slide li{
    height: 700px;
}
.mainVisual_slide li img{
    width: 100%;
}
/*---------------------------------------------------------------------------------------------------------------------------------------
responsiv--------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px) {
.mainVisual_slide li{
    height: 600px;
}
}




/*---------------------------------------------
content
---------------------------------------------*/
.mainArea{padding-top: 65px;}
.content{}

.topicsArea{
    display: table;
    width: 100%;
    margin-top: 60px;
}
.topicsArea_tab{
    text-align: center;
    display: table;
    table-layout: fixed;
    position: relative;
    width: 960px;
    height: 40px;
    margin: 0 auto;
}
.topicsArea_tab li{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    /* height: 40px; */
    padding: 10px 0;
    font-size: 18px;
/*    margin: 0 5px;*/
/*    border: 1px solid rgba(0,0,0,.1);*/
/*    border-radius: 30px;*/
    border-bottom: 3px solid #0196d2;
    background-color: rgba(174,189,189,.15);
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 2;
/*
    -webkit-transition: .3s background, 0s border;
    transition: .3s background, 0s border;
*/
}
.topicsArea_tab li:last-child{
    border-left: none;
}
.topicsArea_tab li.active {
    color: #fff;
    border: 1px solid #0196d2;
    background: #0196d2;
/*
    -webkit-transition: .3s border .35s;
    transition: .3s border .35s;
*/
    pointer-events: none;
}
.topicsArea_tab li:hover {
    background: #0196d2;
    color:#fff;
}
.topicsArea_tab li.active:hover {
    background: transparent;
}

.topicsArea_tab li::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    margin: auto;
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px #000 solid;
    border-right: 1px #000 solid;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: -5px;
}
.topicsArea_tab li:hover::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    margin: auto;
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px #fff solid;
    border-right: 1px #fff solid;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: -5px;
    opacity: 1;
}
.topicsArea_tab li.active::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    margin: auto;
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px #fff solid;
    border-right: 1px #fff solid;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: -5px;
    opacity: 1;
}


.newsList {
    display: none;
    -webkit-transition: .3s all;
    transition: .3s all;
    margin-top: 10px;
}
.newsList ul.-list li.-listitem{
    display: none;
}
.newsList ul.-list li.-listitem.show {
    display: list-item;
}
.newsList.active {
    display: block;
}
.newsList .btnList02{margin-top: 30px;}

.topicsArea .-headtitle{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 150px;
    border-top: 1px solid #0196d2;
    border-bottom: 1px solid #0196d2;
    color: #0196d2;
    font-size: 24px;
    font-weight: bold;
}
.topicsArea .-content{
    display: table-cell;
    /* padding-left: 50px; */
}
.topicsArea .-list{}
.topicsArea .-listitem{
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 15px 0;
}
.topicsArea .-listitem:first-child{
    border-top: 0px solid rgba(0,0,0,.1);
}
.topicsArea .-listitem a{
    display: block;
    position: relative;
    padding: 0px 0;
}
.topicsArea .-listitem a:hover{}
.topicsArea .-listitem a::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 30px;
    margin: auto;
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px #000 solid;
    border-right: 1px #000 solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -5px;
}
.topicsArea .-listitem a:hover::after{
    content: "";
}
.topicsArea .-listitem.-expired{
    background-color: #eee;
    opacity: .4;
}
.topicsArea .topicsList{
    display: table;
    width: 100%;
    min-width: 960px;
}
.topicsArea .topicsList dt{
    color: #0196d2;
    display: table-cell;
    vertical-align: top;
    font-size: 14px;
    letter-spacing: -.03em;
    padding-left: 10px;
    padding-right: 10px;
    width: 7em;
}
.topicsArea .topicsList dd{
    display: table-cell;
    vertical-align: top;
    font-size: 14px;
    letter-spacing: -.03em;
    padding-right: 50px;
}
.topicsArea .topicsList2{
    display: table;
    width: 100%;
    min-width: 960px;
}
.topicsArea .topicsList2 dt{
    color: #0196d2;
    display: table-cell;
    vertical-align: top;
    /*font-size: 14px;*/
    /*letter-spacing: -.03em;*/
    /*padding-left: 10px;*/
    padding-right: 20px;
    width: 100px;
}
.topicsArea .topicsList2 dd{
    display: table-cell;
    vertical-align: top;
    font-size: 14px;
    letter-spacing: -.03em;
    padding-right: 50px;
}
.topicsArea .topicsList2 dd > .-taglist{margin-bottom: 10px;}
.topicsArea .topicsList2 dd > .-taglist > .-taglistitem{
    display: inline-block;
    
}
.topicsArea .topicsList2 dd > .-taglist > .-taglistitem span{
    line-height: 1;
    font-size: 12px;
    border-radius: 100px;
    background: rgba(174,189,189,.3);
    padding: 3px 20px;
    margin-right: 5px;
}
.topicsArea .topicsList2 dd > .-text{margin-bottom: 5px;}
.topicsArea .topicsList2 dd > .-dataText{
}
.topicsArea .topicsList2 dd span{
    display: inline-block;
    margin-right:10px;
    line-height: 1;
    border-right: 1px solid #ccc;
    padding-right: 10px;
    margin-right: 10px;
}
.topicsArea .topicsList2 dd span:last-child{
    border-right: 0;
}
.topicsArea .topicsList2 dd span.-date{
    color:#0196d2;
}
.topicsArea .topicsList2 dd span.-time{
    color: #0196d2;
}
.topicsArea .topicsList2 dd span.-place{
    color: #0196d2;
}

.content .topicsArea .section{
    margin-bottom: 50px;
}
.topicsArea .newsList03{

}
.topicsArea .newsList03 .list{margin-bottom: 40px;}
.topicsArea .newsList03 .list > li{
    border-bottom: 1px solid rgba(128,128,132,.3);
    display: none;
}
.topicsArea .newsList03 .list > li:nth-child(1){border-top: 1px solid rgba(128,128,132,.3);}
.topicsArea .newsList03 .list > li.show{
    display: block;
}
.topicsArea .newsList03 .list > li a,
.topicsArea .newsList03 .list > li > div{
    display: block;
    padding: 20px 60px 20px 20px;
    position: relative;
}
.topicsArea .newsList03 .list > li a:hover{
    background-color: rgba(0,0,0,.02);
}
.topicsArea .newsList03 .list > li a::before{
    content: "";
    display: block;
    position: absolute;
    top:50%;
    right: 30px;
    width: 7px;
    height: 7px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
}
.topicsArea .newsList03 .list > li dl{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align:center;
    align-items: center;
    /* flex-wrap: wrap; */
}
.topicsArea .newsList03 .list > li dl dt{
    color: #0196d2;
    line-height: 1;
    font-size: 16px;
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px;
}
.topicsArea .newsList03 .list > li dl dd{
    -ms-flex-preferred-size: 72px;
    flex-basis: 72px;
}
.topicsArea .newsList03 .list > li dl dd.category{

}
.topicsArea .newsList03 .list > li dl dd.text{
    font-size: 14px;
    flex: 1;
}
.topicsArea .btnList02{

}
.topicsArea .c-linkBtn{
    width: 180px;
}
.c-newsIcon{
    line-height: 1;
    font-size: 12px;
    color: #fff;
    padding: 3px 8px;
    display: inline-block;
    width: 6em;
    text-align: center;
    margin-right: 20px;
}
.c-newsIcon.-event{
    background-color: #287846;
}
.c-newsIcon.-news{
    background-color: #008c8c;
}
.c-newsIcon.-kouza{
    background-color: #3c3ca0;
}


.kiccArea{
    margin-top: 80px;
    position: relative;
    /* background-image: url(../img/bg3.png),url(../img/bg4.png); */
    /* background-position: left bottom, right bottom; */
    /* background-repeat: no-repeat,no-repeat; */
    /* background-size: 200px 200px,200px 200px; */
    width: 100%;
    /* background-color: rgba(174,189,189,.15); */
    padding: 50px 0 140px;
}
.kiccArea .c-inner{
    /*width: 860px;*/
}
.kiccArea .-headtitle{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #0196d2;
}
.kiccArea .-contentArea{
    margin-top: 40px;
}
.kiccArea .-content{
    float: left;
    width: 450px;
}
.kiccArea .-content .-text{color: #4d4d4d;}
.kiccArea .-content .-bread{
    margin-top: 20px;
    /* border: 1px solid #c00; */
    background-color: #fff;
    padding: 20px 20px 20px 20px;
    margin-bottom: 20px;
}
.kiccArea .-content .-bread .-headtitle{
    color: inherit;
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    margin-bottom: 15px;
}
.kiccArea .-content .-bread .-list{}
.kiccArea .-content .-bread .-listitem{
    position: relative;
    display: block;
    padding-left: 15px;
    line-height: 1.2;
    margin-bottom: 5px;
    color: #4d4d4d;
}
.kiccArea .-content .-bread .-listitem::before{
    content: "";
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    background-color: #0196d2;
    border-radius: 50px;
    top: 0;
    left: 0;
    margin-top: 8px;
}
.kiccArea .-calendar{
    float: right;
    width: 385px;
}
.kiccArea  .-calendar > .-headtitle{
    /* border: 1px solid #000; */
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background-color: #afbebe;
    line-height: 1;
    padding: 10px 0;
    width: 378px;
    margin: 0 auto 0 auto;
}
/*---------------------------------------------------------------------------------------------------------------------------------------
responsiv--------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px) {
.mainArea{padding-top: 0;padding-bottom: 0px;}
.top_gNav + .content{}
.content{}

.topicsArea{
    display: inherit;
    width: 100%;
    margin-top: 0px;
}
.topicsArea_tab{
    text-align: center;
    display: table;
    table-layout: fixed;
    position: relative;
    width: 100%;
    height: 40px;
    margin: 0 auto;
/*
    border-collapse: separate;
    border-spacing: 5px 0;
*/
}
.topicsArea_tab li{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    /* height: 40px; */
    margin: 0;
/*    border: 1px solid rgba(0,0,0,.1);*/
    box-sizing: border-box;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 2;
    -webkit-transition: .3s background, 0s border;
    transition: .3s background, 0s border;
}
.topicsArea_tab li:last-child{
    border-left: none;
}
.topicsArea_tab li.active {
    color: #fff;
    border: 1px solid #0196d2;
    background: #0196d2;
    -webkit-transition: .3s border .35s;
    transition: .3s border .35s;
    pointer-events: none;
}
.topicsArea_tab li:hover {
    background: #D7D8D9;
}
.topicsArea_tab li.active:hover {
    background: #0196d2;
}
.newsList {
    display: none;
    -webkit-transition: .3s all;
    transition: .3s all;
    margin-top: 10px;
}
.newsList.active {
    display: block;
}
.topicsArea .-headtitle{
    display: inherit;
    text-align: left;
    vertical-align: middle;
    width: inherit;
    border-top: 0px solid #0196d2;
    border-bottom: 0px solid #0196d2;
    color: #0196d2;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}
.topicsArea .-content{
    display: inherit;
    padding-left: 0;
}
.topicsArea .-list{}
.topicsArea .-listitem{
    border-bottom: 1px solid rgba(0,0,0,.1);
}
.topicsArea .-listitem:first-child{
    border-top: 1px solid rgba(0,0,0,.1);
}
.topicsArea .-listitem a{
    display: block;
    position: relative;
    padding: 0px 0;
}
.topicsArea .-listitem a:hover{}
.topicsArea .-listitem a::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    margin: auto;
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px #000 solid;
    border-right: 1px #000 solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -5px;
    display: none;
}
.topicsArea .-listitem a:hover::after{
    content: "";
}
.topicsArea .topicsList{
    display: inherit;
    width: 100%;
    min-width: inherit;
}
.topicsArea .topicsList dt{
    color: #0196d2;
    display: inherit;
    vertical-align: inherit;
    font-size: 14px;
    letter-spacing: -.03em;
    padding-left: 0px;
    padding-right: 30px;
    width: inherit;
}
.topicsArea .topicsList dd{
    display: inherit;
    vertical-align: inherit;
    font-size: 14px;
    letter-spacing: -.03em;
    padding-right: 30px;
    position: relative;
}
.topicsArea .topicsList dd::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 2px;
    margin: auto;
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px #000 solid;
    border-right: 1px #000 solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -5px;
    /*display: none;*/
}
.topicsArea .topicsList2{
    display: block;
    width: 100%;
    min-width: inherit;
}
.topicsArea .topicsList2 dt{
    color: #0196d2;
    display: block;
    vertical-align: top;
    /*font-size: 14px;*/
    /*letter-spacing: -.03em;*/
    /*padding-left: 10px;*/
    padding-right: 0px;
    width: 100%;
    margin-bottom: 20px;
    display: none;
}
.topicsArea .topicsList2 dd{
    display: block;
    vertical-align: top;
    font-size: 14px;
    letter-spacing: -.03em;
    padding-right: 30px;
}
.topicsArea .topicsList2 dd > .-taglist{margin-bottom: 10px;}
.topicsArea .topicsList2 dd > .-taglist > .-taglistitem{
    display: inline-block;
    margin-bottom: 5px;
}
.topicsArea .topicsList2 dd > .-taglist > .-taglistitem span{
    line-height: 1;
    font-size: 12px;
    border-radius: 100px;
    background: rgba(174,189,189,.3);
    padding: 3px 20px;
    margin-right: 5px;
}
.topicsArea .topicsList2 dd > .-text{
    margin-bottom: 10px;
    position: relative;
}
.topicsArea .topicsList2 dd > .-text::after{
    content: "";
    position: absolute;
    top: 50%;
    right: -28px;
    margin: auto;
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px #000 solid;
    border-right: 1px #000 solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -5px;
    /*display: none;*/
}
.topicsArea .topicsList2 dd > .-dataText{
}
.topicsArea .topicsList2 dd span{
    display: inline-block;
    margin-right:10px;
    line-height: 1.4;
    border-right: 1px solid #ccc;
    padding-right: 10px;
    margin-right: 10px;
}
.topicsArea .topicsList2 dd span:last-child{
    border-right: 0;
}
.topicsArea .topicsList2 dd span.-date{
    color:#0196d2;
}
.topicsArea .topicsList2 dd span.-time{
    color: #0196d2;
}
.topicsArea .topicsList2 dd span.-place{
    color: #0196d2;
}



.content .topicsArea .section{
    margin-bottom: 20px;
}
.topicsArea .newsList03{

}
.topicsArea .newsList03 .list{margin-bottom: 40px;}
.topicsArea .newsList03 .list > li{
    border-bottom: 1px solid rgba(128,128,132,.3);
    display: none;
}
.topicsArea .newsList03 .list > li:nth-child(1){border-top: 1px solid rgba(128,128,132,.3);}
.topicsArea .newsList03 .list > li.show{
    display: block;
}
.topicsArea .newsList03 .list > li a,
.topicsArea .newsList03 .list > li > div{
    display: block;
    padding: 10px 30px 10px 0px;
    position: relative;
}
.topicsArea .newsList03 .list > li a:hover{
    background-color: rgba(0,0,0,.02);
}
.topicsArea .newsList03 .list > li a::before{
    content: "";
    display: block;
    position: absolute;
    top:50%;
    right: 10px;
    width: 7px;
    height: 7px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
}
.topicsArea .newsList03 .list > li dl{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align:center;
    align-items: center;
    flex-wrap: wrap;
}
.topicsArea .newsList03 .list > li dl dt{
    color: #0196d2;
    line-height: 1;
    font-size: 16px;
    -ms-flex-preferred-size: 100px;
    flex-basis: 100px;
}
.topicsArea .newsList03 .list > li dl dd{
    -ms-flex-preferred-size: 72px;
    flex-basis: 72px;
}
.topicsArea .newsList03 .list > li dl dd.category{flex: 1;display: block;}
.topicsArea .newsList03 .list > li dl dd.text{
    font-size: 14px;
    flex: inherit;
}
.topicsArea .btnList02{

}
.topicsArea .c-linkBtn{
    width: 180px;
}
.c-newsIcon{
    line-height: 1;
    font-size: 12px;
    color: #fff;
    padding: 3px 8px;
    display: inline-block;
    width: 6em;
    text-align: center;
    margin-right: 20px;
}
.c-newsIcon.-event{
    background-color: #287846;
}
.c-newsIcon.-news{
    background-color: #008c8c;
}
.c-newsIcon.-kouza{
    background-color: #3c3ca0;
}

.kiccArea{
    margin-top: 40px;
    position: relative;
    /* background-image: url(../img/bg3.png),url(../img/bg4.png); */
    /* background-position: left bottom, right bottom; */
    /* background-repeat: no-repeat,no-repeat; */
    /* background-size: 150px 150px,150px 150px; */
    width: 100%;
    /* background-color: rgba(174,189,189,.15); */
    padding: 30px 0 120px;
}
.kiccArea .c-inner{}
.kiccArea .-headtitle{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #0196d2;
    line-height: 1.2;
}
.kiccArea .-contentArea{
    margin-top: 20px;
}
.kiccArea .-content{
    float: none;
    width: inherit;
}
.kiccArea .-content .-text{font-size: 14px;}
.kiccArea .-content .-bread{
    margin-top: 20px;
    /* border: 1px solid #c00; */
    background-color: #fff;
    padding: 15px 10px 15px 15px;
    margin-bottom: 20px;
}
.kiccArea .-content .-bread .-headtitle{
    color: inherit;
    font-size: 16px;
    text-align: left;
    font-weight: bold;
}
.kiccArea .-content .-bread .-list{}
.kiccArea .-content .-bread .-listitem{
    position: relative;
    display: block;
    padding-left: 15px;
    line-height: 1.2;
    margin-bottom: 5px;
    font-size: 14px;
}
.kiccArea .-content .-bread .-listitem::before{
    content: "";
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    background-color: #0196d2;
    border-radius: 50px;
    top: 0;
    left: 0;
    margin-top: 8px;
}
.kiccArea .-calendar{
    float: none;
    width: inherit;
    margin-top: 40px;
    padding: 0 0px;
}
.kiccArea  .-calendar > .-headtitle{
    /* border: 1px solid #000; */
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background-color: #afbebe;
    line-height: 1;
    padding: 10px 0;
    width: inherit;
}
}





/*---------------------------------------------
calendar
---------------------------------------------*/
.X_calendar_caption{
    margin-top: 10px;
    margin-bottom: 15px;
}
.calendarHead{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content: space-between;
}
.calendarHead li{
    /* display: table-cell; */
    /* padding: 0; */
}
.calendarHead li:nth-child(1){
    /* border: 1px solid #000; */
    /* width: 40px; */
    /* text-align: center; */
    /* vertical-align: middle; */
    margin-left: 4px;
}
.calendarHead li:nth-child(2){
    text-align: center;
    line-height: 1;
    margin-top: -6px;
}
.calendarHead li:nth-child(3){
    /* border: 1px solid #000; */
    /* width: 40px; */
    /* text-align: center; */
    /* vertical-align: middle; */
    margin-right: 4px;
}
.calendarHead li a{
    display: block;
    width: 48px;
    height: 48px;
    border: 1px solid #000;
    border-radius: 3px;
    position: relative;
}
.calendarHead li a::before{
    content: "";
}
.calendarHead li:nth-child(1) a{}
.calendarHead li:nth-child(3) a{}
.calendarHead li:nth-child(1) a::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px #000 solid;
    border-right: 1px #000 solid;
    -webkit-transform: rotate(135deg);
    transform: rotate(-135deg);
    margin-top: -5px;
    margin-left: -3px;
}
.calendarHead li:nth-child(3) a::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px #000 solid;
    border-right: 1px #000 solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -5px;
    margin-left: -10px;
}
.calendarText-year{
    font-size: 14px;
}
.calendarText-month{
    display: block;
    font-size: 26px;
    font-weight: bold;
}
.X_calendar_table{
    width: 100%;
    text-align: center;
}
.X_calendar_table tr{}
.X_calendar_table th{
    font-size: 13px;
    text-align: center;
}
.X_calendar_table th span{}
.X_calendar_table td{
    text-align: center;
    padding-top: 6px;
    padding-left: 4px;
    position: relative;
}
.X_calendar_table td span{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: #fff;
    border-radius: 100px;
    width: 48px;
    height: 48px;
}
.X_calendar_table td:nth-child(1){}
.X_calendar_table td:nth-child(2){}
.X_calendar_table td:nth-child(3){}
.X_calendar_table td:nth-child(4){}
.X_calendar_table td:nth-child(5){}
.X_calendar_table td:nth-child(6){}
.X_calendar_table td:nth-child(7){}
.X_calendar_weeks{}
.X_calendar_weeks:nth-child(1){}
.X_calendar_weeks:nth-child(2){}
.X_calendar_weeks:nth-child(3){}
.X_calendar_weeks:nth-child(4){}
.X_calendar_weeks:nth-child(5){}
.X_calendar_weeks:nth-child(6){}
.X_calendar_weeks:nth-child(7){}
.X_calendar_none span{}
.X_calendar_default span{}
.X_calendar_holiday span{background-color: #000!important;color:#fff;}
#X_calendar_today span{
    /*background-color: #0196d2;color:#fff;*/
    position: relative;
}
#X_calendar_today span.today{
    position: absolute;
    top: -1px;
    left: -1px;
    border: 5px solid #0196d2;
    width: 50px;
    height: 50px;
    background-color: transparent!important;
}
.calendar_description{
    margin-top: 10px;
}
.calendar_description .-list{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.calendar_description .-listitem{
    margin: 0 10px;
    position: relative;
    padding-left: 15px;
}
.calendar_description .-listitem span.today{}
.calendar_description .-listitem span.closed{}
.calendar_description .-listitem span.today::before{
    content: "";
    position: absolute;
    display: block;
    width: 7px;
    height: 7px;
    /*background-color: #0196d2;*/
    border:2px solid #0196d2;
    border-radius: 50px;
    top: 50%;
    left: 0;
    margin-top: -5px;
}
.calendar_description .-listitem span.closed::before{
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    background-color: #000;
    border-radius: 50px;
    top: 50%;
    left: 0;
    margin-top: -5px;
}
/*---------------------------------------------------------------------------------------------------------------------------------------
responsiv--------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px) {
.X_calendar_caption{
    margin-top: 10px;
    margin-bottom: 15px;
}
.calendarHead{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content: space-between;
}
.calendarHead li{
    /* display: table-cell; */
    /* padding: 0; */
}
.calendarHead li:nth-child(1){
    /* border: 1px solid #000; */
    /* width: 40px; */
    /* text-align: center; */
    /* vertical-align: middle; */
}
.calendarHead li:nth-child(2){
    text-align: center;
    line-height: 1;
    margin-top: -6px;
}
.calendarHead li:nth-child(3){
    /* border: 1px solid #000; */
    /* width: 40px; */
    /* text-align: center; */
    /* vertical-align: middle; */
}
.calendarHead li a{
    display: block;
    width: 40px;
    height: 40px;
    border: 1px solid #000;
    border-radius: 3px;
    position: relative;
}
.calendarHead li a::before{
    content: "";
}
.calendarHead li:nth-child(1) a{}
.calendarHead li:nth-child(3) a{}
.calendarHead li:nth-child(1) a::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px #000 solid;
    border-right: 1px #000 solid;
    -webkit-transform: rotate(135deg);
    transform: rotate(-135deg);
    margin-top: -5px;
    margin-left: -3px;
}
.calendarHead li:nth-child(3) a::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 1px #000 solid;
    border-right: 1px #000 solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -5px;
    margin-left: -10px;
}
.calendarText-year{
    font-size: 13px;
}
.calendarText-month{
    display: block;
    font-size: 24px;
}
.X_calendar_table{
    width: 100%;
    text-align: center;
}
.X_calendar_table tr{}
.X_calendar_table th{
    font-size: 13px;
    text-align: center;
}
.X_calendar_table th span{}
.X_calendar_table td{
    text-align: center;
    padding-top: 6px;
    margin: auto;
}
.X_calendar_table td span{
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    background-color: #fff;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    line-height: 38px;
    margin: auto;
    font-size: 14px;
}
.X_calendar_table td:nth-child(1){}
.X_calendar_table td:nth-child(2){}
.X_calendar_table td:nth-child(3){}
.X_calendar_table td:nth-child(4){}
.X_calendar_table td:nth-child(5){}
.X_calendar_table td:nth-child(6){}
.X_calendar_table td:nth-child(7){}
.X_calendar_weeks{}
.X_calendar_weeks:nth-child(1){}
.X_calendar_weeks:nth-child(2){}
.X_calendar_weeks:nth-child(3){}
.X_calendar_weeks:nth-child(4){}
.X_calendar_weeks:nth-child(5){}
.X_calendar_weeks:nth-child(6){}
.X_calendar_weeks:nth-child(7){}
.X_calendar_none span{}
.X_calendar_default span{}
.X_calendar_holiday span{background-color: #000!important;color:#fff;}
#X_calendar_today span{
    /*background-color: #0196d2;color:#fff;*/
}
#X_calendar_today span.today{
    position: absolute;
    top: -1px;
    left: -1px;
    border: 5px solid #0196d2;
    width: 42px;
    height: 42px;
    background-color: transparent!important;
}
.calendar_description{
    margin-top: 10px;
}
.calendar_description .-list{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.calendar_description .-listitem{
    margin: 0 10px;
    position: relative;
    padding-left: 15px;
    font-size: 14px;
}
.calendar_description .-listitem span.today{}
.calendar_description .-listitem span.closed{}
.calendar_description .-listitem span.today::before{
    content: "";
    position: absolute;
    display: block;
    width: 7px;
    height: 7px;
    /*background-color: #0196d2;*/
    border:2px solid #0196d2;
    border-radius: 50px;
    top: 50%;
    left: 0;
    margin-top: -5px;
}
.calendar_description .-listitem span.closed::before{
    content: "";
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    background-color: #000;
    border-radius: 50px;
    top: 50%;
    left: 0;
    margin-top: -5px;
}
}
/*---------------------------------------------------------------------------------------------------------------------------------------
responsiv--------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:320px) {
.X_calendar_table td span{
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    background-color: #fff;
    border-radius: 100px;
    width: 34px;
    height: 34px;
    line-height: 32px;
    margin: auto;
    font-size: 14px;
}
#X_calendar_today span.today{
    position: absolute;
    top: -1px;
    left: -1px;
    border: 2px solid #f31021;
    width: 36px;
    height: 36px;
    background-color: transparent!important;
}
}



/*---------------------------------------------
footer
---------------------------------------------*/
.pagetop{
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 10;
    /*opacity:0;*/
}
.pagetop.fixedF{
    position: fixed;
}
.pagetop a{
    position: relative;
    display: block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: rgba(0,0,0,.8);
}
.pagetop a::before{
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg) translate(-15%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    margin: auto;
}
.footer{
    position: relative;
    /*background-color: rgba(0,0,0,.8);*/
}
.footer .c-inner{padding-top: 40px;padding-bottom: 40px;}
.footer .footerBg1{
    background-color: rgba(0,0,0,.85);
}
.footer .footerBg1 .c-inner{
    padding-bottom: 0;
}
.footer .footerBg1--color2{
    background-color: rgba(187, 144, 112, .9);
}
.footer .footerBg2{
    background-color: rgba(166,188,188,.15);
}
.footer .footerBg2--color2{
    background-color: rgba(187, 144, 112, .9);
}
.footer .footerBg2 .c-inner{
    padding-top: 40px;
    padding-bottom: 40px;
}
.footerBtn--aboutus{
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff;
    margin:auto;
}
.footerBtn--aboutus::before{
    content: "";
    border-top: 1px #fff solid;
    border-right: 1px #fff solid;
}
.footer_nav__list{
    text-align: center;
    margin-top: 0px;
}
.footer_nav__listitem{
    display: inline-block;
    border-left: 1px solid #000;
}
.footer_nav__listitem:first-child{
    border-left:none;
}
.footer_nav__listitem a{
    font-size: 14px;
    display: block;
    padding: 0 15px;
    line-height: 1;
    height: 18px;
    color: #000;
}
.footer_nav__listitem a:hover{}
.footer_nav__listitem a span.-facebook{
    width: 18px;
    height: 18px;
    background:url(../img/icon_facebook.svg) no-repeat;
    background-size: cover;
    display: block;
    line-height: 1;
}
.footer_logo1{
    text-align: center;
    width: 45px;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 20px;
}
.footer_logo1 img{}
.footer__address{
    text-align: center;
    color: #000;
    margin-top: 30px;
}
.phoneArea{
    margin: 10px 0 20px;
}
.phoneArea .-list{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.phoneArea .-listitem{
    color: #000;
    border-left: 1px solid #000;
    line-height: 1;
    padding-left: 10px;
}
.phoneArea .-listitem:first-child{
    border-left:none;
    padding-right: 10px;
    padding-left: 0;
}
.phoneArea .-listitem span{
    font-size: inherit;
    letter-spacing: -.02em;
    display: block;
    position: relative;
}
.phoneArea .-listitem span::before{
    content: "";
}
.phoneArea .-listitem span.-tel{
    padding-left: 20px;
}
.phoneArea .-listitem span.-fax{
    padding-left: 23px;
}
.phoneArea .-listitem span.-tel::before{
    content: "";
    width: 20px;
    height: 18px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    background: url(../img/icon_tel.svg) no-repeat;
    margin-top: -9px;
}
.phoneArea .-listitem span.-fax::before{
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    background: url(../img/icon_fax.svg) no-repeat;
    margin-top: -5px;
}
.footer .copyright{
    text-align: center;
    font-size: 12px;
    display: block;
    color: #000;
    margin: 2em 0 0;
}
.bannerArea{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content: space-between;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
.bannerArea .-facebook{
    width:260px;
}
.bannerArea .-content{
    width:670px;
}
.bannerArea .-content .banner__list{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.bannerArea .-content .banner__list .-listitem{
    width:210px;
    margin-bottom: 20px;
}
.bannerArea .-content .banner__list .-listitem a{
    display: block;
}
.bannerArea .-content .banner__list .-listitem a:hover{}
.bannerArea .-content .banner__list .-listitem img{
    width:210px;
    height:75px;
}
.fbArea{
    margin:0 30px;
    margin-bottom: 20px;
    margin-top: 10px;
}
.fbArea .fb__list{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content: space-between;
}
.fbArea .fb__list .-listitem{}
.bannerArea2{
    margin:0 30px;
    /* border-bottom: 1px solid #000; */
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.bannerArea2 .banner__list{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.bannerArea2 .banner__list .-listitem{
    flex-basis: 210px;
    margin-right: 20px;
}
.bannerArea2 .banner__list .-listitem:nth-child(4n){
    margin-right: 0;
}
.bannerArea2 .banner__list .-listitem:nth-child(n + 5){
    margin-top:20px;
}
/*---------------------------------------------------------------------------------------------------------------------------------------
responsiv--------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px) {
.pagetop{
    position: absolute;
    bottom: 10px;
    right: 10px;
    z-index: 10;
    /*opacity:0;*/
}
.pagetop.fixedF{
    position: fixed;
}
.pagetop a{
    position: relative;
    display: block;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: rgba(0,0,0,.8);
}
.pagetop a::before{
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg) translate(-15%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    margin: auto;
}
.footer{
    position: relative;
    /*background-color: rgba(0,0,0,.8);*/
    /* background-color: transparent; */
}
.footer .c-inner{padding-top: 20px;padding-bottom: 20px;}
.footer .footerBg1{
    background-color: rgba(0,0,0,.85);
}
.footer .footerBg1--color2{
    background-color: rgba(187, 144, 112, .9);
}
.footer .footerBg2{
    background-color: rgba(174,189,189,.15);
}
.footer .footerBg2--color2{
    background-color: rgba(187, 144, 112, .9);
}
.footer .footerBg2 .c-inner{
    padding-top: 20px;
    padding-bottom: 20px;
}
.footerBtn--aboutus{
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff;
}
.footerBtn--aboutus::before{
    content: "";
    border-top: 1px #fff solid;
    border-right: 1px #fff solid;
}
.footer_nav__list{
    text-align: center;
    margin-top: 0px;
}
.footer_nav__listitem{
    display: inline-block;
    border-left: 0px solid #fff;
    
    text-align: left;
    float: left;
    width: 50%;
}
.footer_nav__listitem:first-child{
    border-left:none;
}
.footer_nav__listitem:nth-child(even){
    padding-left: 5px;
}
.footer_nav__listitem:nth-child(odd){
    padding-right: 5px;
}
.footer_nav__listitem a{
    font-size: 14px;
    display: block;
    padding: 10px 0px;
    line-height: 1;
    height: inherit;
    color: #000;
    border-bottom: 1px solid #000;
    position: relative;
}
.footer_nav__listitem a::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    margin: auto;
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px #000 solid;
    border-right: 1px #000 solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -2px;
}
.footer_nav__listitem:nth-child(1) a,
.footer_nav__listitem:nth-child(2) a{
    border-top: 1px solid #000;
}
.footer_nav__listitem a:hover{}
.footer_nav__listitem a span.-facebook{
    width: 18px;
    height: 18px;
    background:url(../img/icon_facebook.svg) no-repeat;
    background-size: cover;
    display: block;
    line-height: 1;
}
.footer_logo1{
    text-align: center;
    width: 45px;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 20px;
}
.footer_logo1 img{}
.footer__address{
    text-align: center;
    color: #000;
    font-size: 12px;
    margin-top: 30px;
}
.phoneArea{
    margin: 10px 0 10px;
}
.phoneArea .-list{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
}
.phoneArea .-listitem{
    color: #000;
    border-left: 1px solid #000;
    line-height: 1;
    padding-left: 5px;
}
.phoneArea .-listitem:first-child{
    border-left:none;
    padding-right: 5px;
    padding-left: 0;
}
.phoneArea .-listitem span{
    font-size: inherit;
    letter-spacing: -.02em;
    display: block;
    position: relative;
}
.phoneArea .-listitem span::before{
    content: "";
}
.phoneArea .-listitem span.-tel{
    padding-left: 18px;
}
.phoneArea .-listitem span.-fax{
    padding-left: 23px;
}
.phoneArea .-listitem span.-tel::before{
    content: "";
    width: 20px;
    height: 18px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    background: url(../img/icon_tel.svg) no-repeat;
    margin-top: -9px;
}
.phoneArea .-listitem span.-fax::before{
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    background: url(../img/icon_fax.svg) no-repeat;
    margin-top: -5px;
}
.footer .copyright{
    text-align: center;
    font-size: 10px;
    display: block;
    color: #000;
    padding: 10px 0;
}
.bannerArea{
    display: inherit;
    justify-content:inherit;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
    padding-bottom: 0px;
}
.bannerArea .-facebook{
    width:100%;
    margin-bottom: 20px;
}
.bannerArea .-content{
    width:100%;
}
.bannerArea .-content .banner__list{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.bannerArea .-content .banner__list .-listitem{
    width: 50%;
    margin-bottom: 20px;
}
.bannerArea .-content .banner__list .-listitem:nth-child(even){
    padding-left: 5px;
}
.bannerArea .-content .banner__list .-listitem:nth-child(odd){
    padding-right: 5px;
}
.bannerArea .-content .banner__list .-listitem a{}
.bannerArea .-content .banner__list .-listitem a:hover{}
.bannerArea .-content .banner__list .-listitem img{
    width:100%;
    height:auto;
}
.fbArea{
    margin:0 0px;
    margin-bottom: 20px;
    margin-top: 50px;
}
.fbArea .fb__list{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.fbArea .fb__list iframe{
    width: 100%;
}
.fbArea .fb__list .-listitem{
    margin: auto;
    margin-bottom: 20px;
}
.bannerArea2{
    margin:0 0px;
    /* border-bottom: 1px solid #000; */
    padding-bottom: 20px;
    margin-bottom: 50px;
}
.bannerArea2 .banner__list{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -40px;
}
.bannerArea2 .banner__list .-listitem{
    flex-basis: 50%;
    margin-top: 20px;
    margin-right: 0;
}
.bannerArea2 .banner__list .-listitem:nth-child(odd){}
.bannerArea2 .banner__list .-listitem:nth-child(n + 5){
    margin-top:20px;
}
.bannerArea2 .banner__list .-listitem:nth-child(odd){
    padding-right: 5px;
}
.bannerArea2 .banner__list .-listitem:nth-child(even){
    padding-left: 5px;
}
}




/*---------------------------------------------
content 
---------------------------------------------*/
.mainArea > .content{
    /* margin-top:65px; */
    min-height: 500px;
    /* background-image: url(../img/bg1.png),url(../img/bg2.png),url(../img/bg3.png),url(../img/bg4.png); */
    /* background-position: left top, right top, left bottom, right bottom; */
    /* background-repeat: no-repeat,no-repeat,no-repeat,no-repeat; */
    /* background-size: 200px 200px, 200px 200px,200px 200px,200px 200px; */
    padding-bottom: 50px;
}
.mainVisual + .content{
    background-image: none;
    margin-top: 0;
}
.content .headArea{
    background-color: rgba(175,190,190,.15);
    /* height: 200px; */
    min-height: 200px;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align:center;
    align-items: center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content: center;
    margin-bottom: 60px;
}
.content .headArea .-headtitle{
    color: #000;
    font-weight: bold;
    font-size: 40px;
    text-align: center;
    max-width: 900px;
    line-height: 1.4;
    padding: 40px 0;
}
body.category1 .content .headArea .-headtitle{
    color: #5a7895;
}
body.category2 .content .headArea .-headtitle{
    color: #807c52;
}
body.category3 .content .headArea .-headtitle{
    color: #517650;
}
body.category4 .content .headArea .-headtitle{
    color: #ac6e84;
}
.content .headArea .-headtitle span{
    font-size: 20px!important;
}
.content .headtitle01{
    background: #0196d2;
    line-height: 1;
    font-size: 24px;
    color: #fff;
    padding: 20px 40px 20px 40px;
    margin-bottom: 40px;
}
body.category1 .content .headtitle01{
    background-color: #5a7895;
}
body.category2 .content .headtitle01{
    background-color: #807c52;
}
body.category3 .content .headtitle01{
    background-color: #517650;
}
body.category4 .content .headtitle01{
    background-color: #ac6e84;
}
.content .text01{margin-bottom: 20px;}
.content .l-left{}
.content .l-left .-list{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align:center;
    align-items: center;
    /*-webkit-justify-content:center;*/
    /*justify-content: center;*/
}
.content .l-left .-listitem{
    margin-left: 10px;
}
.content .l-left .-listitem:nth-child(1){
    margin-left: 0;
}
.content .linkbtn01{
    width: auto;
    padding: 10px 30px;
    display: inline-block;
    min-width: 400px;
    margin-bottom: 20px;
}
.content .linkbtn--center{
    margin:auto;
}
.content .linkbtn01--w1{
    width: 480px!important;
    /* margin: 0; */
}
.content .linkbtn02{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.content .linkbtn02 .-listitem{
    margin-bottom: 20px;
}
.content .linkbtn02 .-listitem a{
    position: relative;
    display: block;
    background-color: #fff;
    border-radius: 20px;
    padding: 30px 60px 30px 30px;
    min-width: 470px;
    max-width: 470px;
    height: 100%;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.30);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.30);
}
.content .linkbtn02 .-listitem a::after{
    content: "";
    background: url(../img/icon_arrow_circle.svg) no-repeat;
    background-size: cover;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.content .linkbtn02 .-listitem a:hover::after{
    content: "";
    background: url(../img/icon_arrow_circle_o.svg) no-repeat;
    transition: all .2s;
}
.content .linkbtn02 .-listitem .-headtitle{
    position: relative;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 20px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align:center;
    align-items: center;
}
.content .linkbtn02 .-listitem .-headtitle .-title{}
.content .linkbtn02 .-listitem a:hover .-headtitle .-title{
    color: #0196d2;
    transition: all .2s;
}
.content .linkbtn02 .-listitem .-headtitle .-icon{
    position: relative;
    /* display: inline-block; */
    width: 54px!important;
    height: 41px;
    margin-right: 20px;
}
.content .linkbtn02 .-listitem.-icon1 .-headtitle .-icon{width:53px;height:42px;background: url(../img/icon_aboutus_nav1.svg)no-repeat;background-size: auto 42px;background-position-x: center;}
.content .linkbtn02 .-listitem.-icon2 .-headtitle .-icon{width:39px;height:45px;background: url(../img/icon_aboutus_nav2.svg)no-repeat;background-size: auto 45px;background-position-x: center;}
.content .linkbtn02 .-listitem.-icon3 .-headtitle .-icon{width:42px;height:43px;background: url(../img/icon_aboutus_nav3.svg)no-repeat;background-size: auto 43px;background-position-x: center;}
.content .linkbtn02 .-listitem.-icon4 .-headtitle .-icon{width:46px;height:41px;background: url(../img/icon_aboutus_nav4.svg)no-repeat;background-size: auto 41px;background-position-x: center;}
.content .linkbtn02 .-listitem.-icon5 .-headtitle .-icon{width:42px;height:42px;background: url(../img/icon_aboutus_nav5.svg)no-repeat;background-size: auto 42px;background-position-x: center;}
.content .linkbtn02 .-listitem.-icon6 .-headtitle .-icon{width:24px;height:49px;background: url(../img/icon_aboutus_nav6.svg)no-repeat;background-size: auto 49px;background-position-x: center;}
.content .linkbtn02 .-listitem.-icon7 .-headtitle .-icon{width:54px;height:45px;background: url(../img/icon_aboutus_nav7.svg)no-repeat;background-size: auto 45px;background-position-x: center;}
.content .linkbtn02 .-listitem.-icon8 .-headtitle .-icon{width:49px;height:41px;background: url(../img/icon_aboutus_nav8.svg)no-repeat;background-size: auto 41px;background-position-x: center;}

.content .linkbtn02 .-listitem.-icon1 a:hover .-headtitle .-icon{background-image: url(../img/icon_aboutus_nav1_o.svg);}
.content .linkbtn02 .-listitem.-icon2 a:hover .-headtitle .-icon{background-image: url(../img/icon_aboutus_nav2_o.svg);}
.content .linkbtn02 .-listitem.-icon3 a:hover .-headtitle .-icon{background-image: url(../img/icon_aboutus_nav3_o.svg);}
.content .linkbtn02 .-listitem.-icon4 a:hover .-headtitle .-icon{background-image: url(../img/icon_aboutus_nav4_o.svg);}
.content .linkbtn02 .-listitem.-icon5 a:hover .-headtitle .-icon{background-image: url(../img/icon_aboutus_nav5_o.svg);}
.content .linkbtn02 .-listitem.-icon6 a:hover .-headtitle .-icon{background-image: url(../img/icon_aboutus_nav6_o.svg);}
.content .linkbtn02 .-listitem.-icon7 a:hover .-headtitle .-icon{background-image: url(../img/icon_aboutus_nav7_o.svg);}
.content .linkbtn02 .-listitem.-icon8 a:hover .-headtitle .-icon{background-image: url(../img/icon_aboutus_nav8_o.svg);}
.content .linkbtn02 .-listitem .-text{}
.content .linkbtn02 .-listitem a:hover .-text{
    color: #0196d2;
    transition: all .2s;
}


.c-linkBlk.col2{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.c-linkBlk.col2 li:nth-child(2n+1){
    width: 50%;
    padding-right: 10px;
}
.c-linkBlk.col2 li:nth-child(2n){
    width: 50%;
    padding-left: 10px;
}

.c-linkBlk.col2 .linkbtn01{
    padding: 10px 30px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}


.content .content_footArea{
    margin-bottom: -50px;
}
.content .content_footArea .c-col2{
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.content .footArea{
    /* margin-top: -10px; */
    padding: 0px 0 100px;
    /* background-color: rgba(175,190,190,.15); */
    min-height: 200px;
}
.content .footArea .aboutus_footArea--link{display: block;position: relative;}
.content .footArea .aboutus_footArea--link img{}
.content .footArea .aboutus_footArea--link .-text{
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
}
.content .footArea .aboutus_footArea--link .-text::after{
    content: "";
    background:url(../img/icon_arrow_circle_wh.svg) no-repeat;
    background-size:cover;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -15px;
}
.content .footArea .facebook_box{}
/*---------------------------------------------------------------------------------------------------------------------------------------
responsiv--------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px) {
.mainArea > .content{
    margin-top: 30px;
    /* background-image: url(../img/bg1.png),url(../img/bg2.png),url(../img/bg3.png),url(../img/bg4.png); */
    /* background-position: left top, right top, left bottom, right bottom; */
    /* background-repeat: no-repeat,no-repeat,no-repeat,no-repeat; */
    /* background-size: 100px 100px, 100px 100px,100px 100px,100px 100px; */
    padding-bottom: 50px;
}
.mainVisual + .content{
    background-image: none;
    margin-top: 0;
    padding-bottom:0px;
}
.content .headArea{
    background-color: rgba(175,190,190,.15);
    /* height: 150px; */
    min-height: 150px;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align:center;
    align-items: center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content: center;
    margin-bottom: 20px;
}
.content .headArea .-headtitle{
    color: #000;
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    max-width: inherit;
    padding: 50px 50px 30px 50px;
}
.content .headArea .-headtitle span{
    font-size: 13px!important;
}
.content .headArea .-headtitle.-aboutkicc{
    font-size:20px;
}
.content .headtitle01{
    background: #0196d2;
    line-height: 1;
    font-size: 20px;
    color: #fff;
    padding: 15px 20px 15px 20px;
    margin-bottom: 20px;
}
body.category1 .content .headtitle01{
    background-color: #5a7895;
}
body.category2 .content .headtitle01{
    background-color: #807c52;
}
body.category3 .content .headtitle01{
    background-color: #517650;
}
body.category4 .content .headtitle01{
    background-color: #ac6e84;
}
.content .text01{margin-bottom: 20px;}
.content .l-left{}
.content .l-left .-list{
    display: inherit;
    display: inherit;
    -webkit-align-items: inherit;
    align-items: inherit;
}
.content .l-left .-listitem{
    margin-left: 0;
    margin-top:10px;
}
.content .l-left .-listitem:nth-child(1){
    margin-left: 0;
    margin-top:0;
}
.content .linkbtn01{
    width: auto;
    padding: 10px 30px;
    display: inline-block;
    min-width: 100%;
    margin-bottom: 20px;
}
.content .linkbtn--center .c-linkBtn{
    margin:auto;
}
    
.content .linkbtn01--w1{
    width: 100%!important;
    /* margin: 0; */
}
    
.content .linkbtn01--w1 .c-linkBtn{
    width: 100%;
    margin: 0;
}
.content .linkbtn02{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom:20px;
}
.content .linkbtn02 .-listitem{
    margin-bottom: 10px;
    width: 100%;
}
.content .linkbtn02 .-listitem a{
    position: relative;
    display: block;
    background-color: #fff;
    border-radius: 20px;
    padding: 20px 40px 20px 20px;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.30);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.30);
    min-width: auto;
}
.content .linkbtn02 .-listitem a::after{
    content: "";
    background: url(../img/icon_arrow_circle.svg) no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.content .linkbtn02 .-listitem .-headtitle{
    position: relative;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -.02em;
    line-height: 1.2;
    margin-bottom: 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align:center;
    align-items: center;
}
.content .linkbtn02 .-listitem .-headtitle .-title{

}
.content .linkbtn02 .-listitem .-headtitle .-icon{
    position: relative;
    display: block;
    width: 53px;
    height: 41px;
}
.content .linkbtn02 .-listitem.-icon1 .-headtitle .-icon{width:53px;height:42px;}
.content .linkbtn02 .-listitem.-icon2 .-headtitle .-icon{width:39px;height:45px;}
.content .linkbtn02 .-listitem.-icon3 .-headtitle .-icon{width:42px;height:43px;}
.content .linkbtn02 .-listitem.-icon4 .-headtitle .-icon{width:46px;height:41px;}
.content .linkbtn02 .-listitem.-icon5 .-headtitle .-icon{width:42px;height:42px;}
.content .linkbtn02 .-listitem.-icon6 .-headtitle .-icon{width:24px;height:49px;}
.content .linkbtn02 .-listitem.-icon7 .-headtitle .-icon{width:54px;height:45px;}
.content .linkbtn02 .-listitem.-icon8 .-headtitle .-icon{width:49px;height:41px;}
.content .linkbtn02 .-listitem .-text{}


.c-linkBlk.col2{
    display: block;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.c-linkBlk.col2 li:nth-child(2n+1){
    width: auto;
    padding-right: 0;
}
.c-linkBlk.col2 li:nth-child(2n){
    width: auto;
    padding-left: 0;
}

.c-linkBlk.col2 .linkbtn01{
    padding: 10px 30px;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}


.content .footArea{
    margin-top: 0px;
    padding: 40px 0 100px;
    /* background-color: rgba(175,190,190,.15); */
    margin-bottom: 0px;
}
.content .content_footArea{
    margin-bottom: -100px;
}
.mainVisual + .content .content_footArea{
    margin-bottom: 0px;
}

.content .footArea .aboutus_footArea--link{display: block;position: relative;}
.content .footArea .aboutus_footArea--link img{}
.content .footArea .aboutus_footArea--link .-text{
    position: absolute;
    top: 30px;
    left: 0;
    width: 100%;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.2;
}
.content .footArea .aboutus_footArea--link .-text::after{
    content: "";
    background:url(../img/icon_arrow_circle_wh.svg) no-repeat;
    background-size:cover;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 60px;
    left: 50%;
    margin-left: -15px;
}
.content .footArea .facebook_box{
    
}
.content .footArea .facebook_box iframe{
    width: 100%;
}
}




/*---------------------------------------------
content about kicc
---------------------------------------------*/
.content .headArea.headArea--pic{
    /*background: url(../img/aboutkicc_main.jpg) no-repeat;*/
    /*background-size: cover;*/
    /*background-position: 50% 50%;*/
    height: 350px;
    /* min-width: 1200px; */
    position: relative;
    /* overflow: hidden; */
    padding-top: 30%;
    background-color: transparent;
}
.content .headArea.headArea--pic .-pic{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 0;
    margin: auto;
    min-width: 1180px;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
    width: 100%;
}
.content .headArea.headArea--pic .-pic img{
    width:100%;
}
.content .headArea.headArea--pic .-headtitle{
    line-height: 1.2;
    position: relative;
    top: -170px;
    max-width: inherit;
    padding:0 0;
}
.content .headArea.headArea--pic .-headtitle span{
    font-size: 20px!important;
    line-height: 1.6;
    display: inline-block;
    margin-top: 0;
}
.content .anchorArea{
    margin-bottom: 40px;
    margin-top: -40px;
}
.content .anchorArea .-list{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap;
    margin-bottom: 20px;
}
.content .anchorArea .-listitem{
    margin: 0 10px 10px;
}
.content .anchorArea .-listitem a{
    width: auto;
    min-width: 180px;
    padding: 10px 20px;
    white-space: normal;
}
.content .anchorArea.-anchorWrap .-list{
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.content .anchorArea.-anchorWrap .-listitem{
    margin-bottom: 10px;
}
.content .anchorArea.-anchorWrap .-listitem a{
    width:172px;
    min-width: 172px;
}
.content .datetext01{
    margin:20px 0 20px;
}
.content .datetext01 .-list{}
.content .datetext01 .-list dt{}
.content .datetext01 .-list dd{}
.content .topiclist01{
    margin:20px 0 20px;
}
.content .topiclist01 > .-list{}
.content .topiclist01 > .-list > .-listitem{
    border-top: 1px solid rgba(0,0,0,.3);
    /* margin-top: 20px; */
    padding: 20px 0;
}
.content .topiclist01 .-listitem .-headtitle{
    font-weight: bold;
    color: #0196d2;
    margin-bottom: 10px;
}
.content .topiclist01 .-listitem .-text{
    margin-bottom: 20px;
}
.content .infolist01{}
.content .infolist01 > .-list{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px 0;
}
.content .infolist01 > .-list > .-listitem{
    margin-right: 20px;
}
.content .infolist02{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}
.content .infolist02 dt{
    margin-right: 10px;
}
.content .infolist02 dd{
    line-height: 1;
    padding: 8px 0;
}
.content .infobox01{
    line-height: 1;
    letter-spacing: -.02em;
    display: block;
    border-radius: 100px;
    text-align: center;
    background-color: #afbebe;
    padding: 8px 0;
    color: #fff;
    width: 6em;
}
.content .infolist03 {
    margin-bottom: 5px;
}
.content .infolist04 .infobox01{
    background-color: #0196d2;
}
.content .infolist03 .infobox01{
    width: 8em;
}
.content .infolist__list{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.content .infolist__list .infolist03{
    margin-right: 9px;
}
.content .infolist__list .infolist03:nth-child(3n){
    margin-right: 0;
}
.content .bgGray{
    /* background-color: rgba(175,190,190,.15); */
    margin: 40px 0 80px;
    padding: 40px 0 40px;
}
.content .pagetitle02{
    font-size: 40px;
    line-height: 1.2;
    font-weight: bold;
    color: #0196d2;
    text-align: center;
}
.content .headtitle04{
    background: #0196d2;
    line-height: 1;
    font-size: 24px;
    color: #fff;
    padding: 20px 0 20px 50px;
    position: relative;
    margin-bottom:40px;
}
.content .headtitle04 .number{
    position: absolute;
    left: 25px;
    top: 36%;
    font-size: 18px;
    z-index: 10;
}
.content .headtitle04 .number::before{
    content: "";
    display: block;
    position: absolute;
    width:24px;
    height: 24px;
    border-radius: 100%;
    background-color: #000;
    left: -8px;
    top: 0;
    z-index: -1;
    margin-top: -2px;
}
.content .tableBox01{
    margin:20px 0;
}
.content .text01 + .tableBox01{
    /* margin-top: -10px; */
}
.content .tableBox01 > .-headtitle{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
    background-color: #afbebe;
    padding: 20px 10px;
}
.content .tableBox01 > .-content{
    background-color: #f3f5f5;
    padding: 20px 30px;
    border-left: 1px solid rgba(175,190,190,.3);
    border-right: 1px solid rgba(175,190,190,.3);
    border-bottom: 1px solid rgba(175,190,190,.3);
}
.content .tableBox01 > .-content > .-list{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content: space-between;
}
.content .tableBox01 > .-content > .-list .-listitem{
     width: 260px;
     position: relative;
     text-align: center;
}
.content .tableBox01 > .-content > .-list .-listitem::before{
    content: "";
    width:1px;
    height: 100%;
    background-color: rgba(175,190,190,.3);
    display: block;
    position: absolute;
    top:0;
    left: -30px;
}
.content .tableBox01 > .-content > .-list .-listitem:nth-child(1)::before{
    display: none;
}
.content .tableBox01 > .-content > .-list .-listitem:nth-child(1){
    border-left: 0;
}
.content .tableBox01 > .-content > .-list .-listitem > .-headtitle{
    border-top: 1px solid #afbebe;
    border-bottom: 1px solid #afbebe;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
    padding: 5px 0;
    margin-bottom: 20px;
}
.content .tableBox01 > .-content > .-list .-listitem > .-text{
    text-align: left;
}
.content .tableBox01 > .-content > .-list .-listitem > .-timetext{
    text-align: center;
    font-weight: bold;
}
.content .tableBox01 > .-content > .-list .-listitem > .text02{
    margin: 10px 0;
}
.content .tableBox01 > .-content > .-list .-listitem > .text02 .-text{
    text-align: center;
}
.content .tableBox02{
    margin:20px 0;
}
.content .text01 + .tableBox02{
    margin-top: -10px;
}
.content .tableBox02 > .-headtitle{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
    background-color: #afbebe;
    padding: 20px 0;
}
.content .tableBox02 > .-content{
    background-color: #f3f5f5;
    padding: 20px 30px;
}
.content .tableBox02 > .-content > .-list{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content: space-between;
}
.content .tableBox02 > .-content > .-list .-listitem{
     width: 240px;
     position: relative;
}
.content .tableBox02 > .-content > .-list .-listitem:nth-child(2){
    flex-grow: 1;
    margin-left: 60px;
}
.content .tableBox02 > .-content > .-list .-listitem::before{
    content: "";
    width:1px;
    height: 100%;
    background-color: rgba(175,190,190,.3);
    display: block;
    position: absolute;
    top:0;
    left: -30px;
}
.content .tableBox02 > .-content > .-list .-listitem:nth-child(1)::before{
    display: none;
}
.content .tableBox02 > .-content > .-list .-listitem:nth-child(1){
    border-left: 0;
}
.content .tableBox02 > .-content > .-list .-listitem > .-headtitle{
    border-top: 1px solid #afbebe;
    border-bottom: 1px solid #afbebe;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
    padding: 5px 0;
    margin-bottom: 20px;
}
.content .tableBox02 > .-content > .-list .-listitem > .-numbertext{
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
.content .tableBox02 > .-content > .-list .-listitem > .-timetext{
    text-align: center;
    font-weight: bold;
}
.content .tableBox02 > .-content > .-list .-listitem > .text02{
    margin: 10px 0;
}
.content .tableBox02 > .-content > .-list .-listitem > .text02 .-text{
    text-align: center;
}

.content .contactArea{
    margin-top: 40px;
}
.content .contactArea .-list{
    display: table;
    width: 100%;
    border-bottom: 1px solid rgba(136,156,167,.3);
    padding: 10px 0;
}
.content .contactArea .-list:nth-child(1){
    border-top: 1px solid rgba(136,156,167,.3);
}
.content .contactArea .-list dt{
    color: #0196d2;
    font-weight: bold;
    padding: 0 20px 0 20px;
    width: 160px;
    display: table-cell;
}
.content .contactArea .-list dd{
    border-left: 1px solid rgba(136,156,167,.3);
    padding: 0 0 0 20px;
    display: table-cell;
}
.content .contactArea span{
    font-size: 14px;
    color: #666;
}
.content .mascot_footArea{
    margin-top: 100px;
    padding-top: 70px;
    padding-bottom: 90px;
}
.content .mascot_footArea .c-inner{
    width: 800px;
}
.content .mascotArea{
    position: relative;
    height: 265px;
    border-bottom: 1px solid #000;
    margin-bottom: 40px;
}
.content .mascotArea .-pic{
    position: absolute;
    width: 200px;
    top: 0;
    left: -20px;
}
.content .mascotArea .-pic2{
    position: absolute;
    top: 160px;
    right: 532px;
    width: 70px;
}
.content .mascotArea .-text{
    /* border: 1px solid; */
    background-color: #f3f5f5;
    border-radius: 25px;
    padding: 30px;
    width: 550px;
    position: absolute;
    top: 30px;
    right: 0;
}
/*---------------------------------------------------------------------------------------------------------------------------------------
responsiv--------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px) {
.content .headArea.headArea--pic{
    /* background: url(../img/aboutkicc_main.jpg) no-repeat; */
    /* background-size: cover; */
    /* background-position: 50% 50%; */
    height: 160px;
    /* min-width: 1200px; */
    padding-top: 160px;
}
.content .headArea.headArea--pic .-pic{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
     min-width: auto; 
    overflow: hidden;
    -webkit-transform:inherit;
    transform:inherit;
}
.content .headArea.headArea--pic .-pic img{
    width: auto;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.content .headArea.headArea--pic .-headtitle{
    line-height: 1.2;
    position: absolute;
    top: 35%;
}
.content .headArea.headArea--pic .-headtitle span{
    font-size: 14px!important;
}
.content .headArea.headArea--pic + .c-inner::after{
    content: "";
    display: table;
    clear: both;
}
.content .anchorArea{
    margin-bottom: 40px;
    margin-top: 0;
}
.content .anchorArea .-list{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content:center;
    justify-content: center;
    margin-bottom: 20px;
}
.content .anchorArea .-listitem{
    margin: 0 0px 10px;
    width: 100%;
}
.content .anchorArea .-listitem a{
    width: 100%;
}
.content .anchorArea.-anchorWrap .-list{
    -webkit-justify-content: left;
    justify-content: left;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.content .anchorArea.-anchorWrap .-listitem{
    margin-bottom: 10px;
    margin-right: 10px;
    width:22%;
}
.content .anchorArea.-anchorWrap .-listitem a{
    width:100%;
    min-width: inherit;
}
.content .datetext01{
    margin:20px 0 20px;
}
.content .datetext01 .-list{}
.content .datetext01 .-list dt{}
.content .datetext01 .-list dd{}
.content .topiclist01{
    margin:20px 0 20px;
}
.content .topiclist01 > .-list{}
.content .topiclist01 > .-list > .-listitem{
    border-top: 1px solid rgba(0,0,0,.3);
    /* margin-top: 20px; */
    padding: 20px 0;
}
.content .topiclist01 .-listitem .-headtitle{
    font-weight: bold;
    margin-bottom: 10px;
    color: #0196d2;
}
.content .topiclist01 .-listitem .-text{
    margin-bottom: 20px;
}
.content .infolist01{}
.content .infolist01 > .-list{
    display: inherit;
    display: inherit;
    margin: 20px 0;
}
.content .infolist01 > .-list > .-listitem{
    margin-right: 0px;
    margin-bottom: 10px;
}
.content .infolist02{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.content .infolist02 dt{
    margin-right: 10px;
}
.content .infolist02 dd{
    line-height: 1.2;
    padding: 8px 0 8px;
}
.content .infobox01{
    line-height: 1;
    letter-spacing: -.02em;
    display: block;
    border-radius: 100px;
    text-align: center;
    background-color: #afbebe;
    padding: 8px 0;
    color: #fff;
    width: 6em;
}
.content .infolist03 {
    margin-bottom: 5px;
}
.content .infolist04 .infobox01{
    background-color: #0196d2;
}
.content .infolist03 .infobox01{
    width: 9em;
}
.content .infolist__list{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.content .infolist__list .infolist03{
    margin-right: 9px;
}
.content .infolist__list .infolist03:nth-child(3n){
    margin-right: 0;
}
.content .bgGray{
    /* background-color: rgba(175,190,190,.15); */
    margin: 0px 0 70px;
    padding: 40px 0 40px;
}
.content .pagetitle02{
    font-size: 20px;
    line-height: 1.2;
    font-weight: bold;
    color: #0196d2;
    text-align: left;
}
.content .headtitle04{
    background: #0196d2;
    line-height: 1;
    font-size: 20px;
    color: #fff;
    padding: 20px 10px 20px 50px;
    position: relative;
    margin-bottom: 20px;
}
.content .headtitle04 .number{
    position: absolute;
    left: 25px;
    top: 36%;
    font-size: 18px;
    z-index: 10;
}
.content .headtitle04 .number::before{
    content: "";
    display: block;
    position: absolute;
    width:24px;
    height: 24px;
    border-radius: 100%;
    background-color: #000;
    left: -7px;
    top: 0;
    z-index: -1;
    margin-top: -2px;
}
.content .tableBox01{
    margin:20px 0;
}
.content .text01 + .tableBox01{
    margin-top: -10px;
}
.content .tableBox01 > .-headtitle{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
    background-color: #afbebe;
    padding: 20px 20px;
}
.content .tableBox01 > .-content{
    background-color: #f3f5f5;
    padding: 20px 20px;
}
.content .tableBox01 > .-content > .-list{
    display: inherit;
    display: inherit;
    -justify-content: inherit;
    justify-content: i;
}
.content .tableBox01 > .-content > .-list .-listitem{
     width: 100%;
     position: relative;
     margin-top: 20px;
}
.content .tableBox01 > .-content > .-list .-listitem::before{
    content: "";
    width:1px;
    height: 100%;
    background-color: rgba(175,190,190,.3);
    display: block;
    position: absolute;
    top:0;
    left: -30px;
    display: none;
}
.content .tableBox01 > .-content > .-list .-listitem:nth-child(1)::before{
    display: none;
}
.content .tableBox01 > .-content > .-list .-listitem:nth-child(1){
    border-left: 0;
    margin-top: 0;
}
.content .tableBox01 > .-content > .-list .-listitem > .-headtitle{
    border-top: 1px solid #afbebe;
    border-bottom: 1px solid #afbebe;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
    padding: 5px 0;
    margin-bottom: 20px;
}
.content .tableBox01 > .-content > .-list .-listitem > .-text{
    text-align: left;
}
.content .tableBox01 > .-content > .-list .-listitem > .-timetext{
    text-align: center;
    font-weight: bold;
}
.content .tableBox01 > .-content > .-list .-listitem > .text02{
    margin: 10px 0;
}
.content .tableBox01 > .-content > .-list .-listitem > .text02 .-text{
    text-align: center;
}
.content .tableBox02{
    margin:20px 0;
}
.content .text01 + .tableBox02{
    margin-top: -10px;
}
.content .tableBox02 > .-headtitle{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
    background-color: #afbebe;
    padding: 20px 0;
}
.content .tableBox02 > .-content{
    background-color: #f3f5f5;
    padding: 20px 20px;
}
.content .tableBox02 > .-content > .-list{
    display: inherit;
    display: inherit;
    -justify-content: inherit;
    justify-content: inherit;
}
.content .tableBox02 > .-content > .-list .-listitem{
     width: 100%;
     position: relative;
     margin-top: 20px;
}
.content .tableBox02 > .-content > .-list .-listitem:nth-child(2){
    flex-grow: inherit;
    margin-left: 0;
}
.content .tableBox02 > .-content > .-list .-listitem::before{
    content: "";
    width:1px;
    height: 100%;
    background-color: rgba(175,190,190,.3);
    display: block;
    position: absolute;
    top:0;
    left: -30px;
    display: none;
}
.content .tableBox02 > .-content > .-list .-listitem:nth-child(1)::before{
    display: none;
}
.content .tableBox02 > .-content > .-list .-listitem:nth-child(1){
    border-left: 0;
    margin-top: 0;
}
.content .tableBox02 > .-content > .-list .-listitem > .-headtitle{
    border-top: 1px solid #afbebe;
    border-bottom: 1px solid #afbebe;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
    padding: 5px 0;
    margin-bottom: 20px;
}
.content .tableBox02 > .-content > .-list .-listitem > .-numbertext{
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
.content .tableBox02 > .-content > .-list .-listitem > .-timetext{
    text-align: center;
    font-weight: bold;
}
.content .tableBox02 > .-content > .-list .-listitem > .text02{
    margin: 10px 0;
}
.content .tableBox02 > .-content > .-list .-listitem > .text02 .-text{
    text-align: center;
}

.content .contactArea{
    margin-top: 40px;
    margin-bottom: 40px;
}
.content .contactArea .-list{
    display: block;
    width: 100%;
    border-bottom: 1px solid rgba(136,156,167,.3);
    padding: 10px 0;
}
.content .contactArea .-list:nth-child(1){
    border-top: 1px solid rgba(136,156,167,.3);
}
.content .contactArea .-list dt{
    color: #0196d2;
    font-weight: bold;
    padding: 0 20px 0 20px;
    width: 100%;
    display: block;
}
.content .contactArea .-list dd{
    border-left: 0px solid rgba(136,156,167,.3);
    padding: 0 0 0 20px;
    display: table-cell;
}
.content .contactArea span{
    font-size: 14px;
    color: #666;
}
.content .mascot_footArea{
    margin-top: 40px;
}
.content .mascot_footArea .c-inner{
    width: 100%;
}
.content .mascotArea{
    position: relative;
    height: inherit;
    border-bottom: 0px solid #000;
    margin-bottom: 40px;
}
.content .mascotArea .-pic{
    position: relative;
    width: 120px;
    top: inherit;
    left: inherit;
    margin: auto;
    margin-top: 20px;
}
.content .mascotArea .-pic2{
    position: absolute;
    top: 137px;
    right: 0;
    left: 50px;
    width: 70px;
    transform: rotate(135deg);
}
.content .mascotArea .-text{
    /* border: 1px solid; */
    background-color: #f3f5f5;
    border-radius: 25px;
    padding: 30px;
    width: 100%;
    position: relative;
    top: inherit;
    right: inherit;
}
}





/*---------------------------------------------
content template
---------------------------------------------*/
.content .section{
    margin-bottom: 60px;
    overflow: hidden;
}
.content .pagetitle01{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /*-webkit-justify-content:center;*/
    /*justify-content:center;*/
    -webkit-align-items: center;
    align-items: center;
    padding-top: 60px;
}
.content .pagetitle01 .-listitem{}
.content .pagetitle01 .-icon{
    width: 72px;
    display: block;
    margin-right: 10px;
}
.content .pagetitle01 .-icon img{}
.content .pagetitle01 .-headtitle{
    position: relative;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: -.02em;
    line-height: 1.2;
}
.content .pagetitle01 .-headtitle .-text{
    font-size: 18px!important;
    display: block;
    padding: 5px 0 0 5px;
}
.content .headtitle02{
    color: #0196d2;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    border-top: 1px solid #0196d2;
    border-bottom: 1px solid #0196d2;
    padding: 10px 0;
    margin-bottom: 20px;
}
body.category1 .content .headtitle02{
    color: #5a7895;
    border-color:#5a7895;
}
body.category2 .content .headtitle02{
    color: #807c52;
    border-color:#807c52;
}
body.category3 .content .headtitle02{
    color: #517650;
    border-color:#517650;
}
body.category4 .content .headtitle02{
    color: #ac6e84;
    border-color:#ac6e84;
}
.content .headtitle03{
    color: #0196d2;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
body.category1 .content .headtitle03{
    color: #5a7895;
}
body.category2 .content .headtitle03{
    color: #807c52;
}
body.category3 .content .headtitle03{
    color: #517650;
}
body.category4 .content .headtitle03{
    color: #ac6e84;
}
.content .text_pic--right{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.content .text_pic--right .-listitem{}
.content .text_pic--right .-listitem:nth-child(1){
    order:2;
}
.content .text_pic--right .-listitem:nth-child(2){
    order:1;
}
.content .text_pic--right .-listitem .-pic{width: 300px;margin-left: 30px;}
.content .text_pic--right .-listitem .-text{}
.content .text_pic--left{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.content .text_pic--left .-listitem{}
.content .text_pic--left .-listitem:nth-child(1){
    order:1;
}
.content .text_pic--left .-listitem:nth-child(2){
    order:2;
}
.content .text_pic--left .-listitem .-pic{width: 300px;margin-right: 30px;}
.content .text_pic--left .-listitem .-text{}
.content .pic_pic--1col{
    margin-bottom: 20px;
}
.content .pic_pic--1col .-pic{

}
.content .pic_pic--1col .-pic img{
    width: 100%;
    height: auto;
}
.content .pic_pic--2col{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content: space-between;
    margin-bottom: 20px;
}
.content .pic_pic--2col .-listitem{
    flex-basis: calc(50% - 5px);
    height: 316px;
    margin-bottom: 10px;
    overflow: hidden;
}
.content .pic_pic--2col .-listitem:nth-child(1){
    margin-right:5px;
}
.content .pic_pic--2col .-listitem:nth-child(2){
    margin-left:5px;
}
.content .pic_pic--2col .-listitem .-pic{
    /* transform: translateY(50%); */
}
.content .pic_pic--2col .-listitem .-pic img{
    width: 100%;
}
.pic_pic--2col.inner-bgGray{}
.pic_pic--2col.inner-bgGray .-listitem{
    height:290px;
}
.content .pic_pic--3col{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: left;
    -ms-flex-pack: left;
    justify-content: left;
    margin-bottom: 20px;
}
.content .pic_pic--3col .-listitem{
    flex-basis: calc(33.3333% - 7px);
    height: 208px;
    margin-bottom: 10px;
    overflow: hidden;
}
.content .pic_pic--3col .-listitem:nth-child(1),
.content .pic_pic--3col .-listitem:nth-child(3n+1){
    margin-right: 6px;
}
.content .pic_pic--3col .-listitem:nth-child(2),
.content .pic_pic--3col .-listitem:nth-child(3n-1){
    margin-left:5px;
    margin-right:5px;
}
.content .pic_pic--3col .-listitem:nth-child(3n){
    margin-left:5px;
    margin-right: 0;
}
.content .pic_pic--3col.inner-bgGray .-listitem{
    height:190px;
}
.content .pic_pic--3col .-listitem .-pic{}
.content .pic_pic--3col .-listitem .-pic img{
    width: 100%;
}
.content .text02{
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}
.content .list01{
    margin-bottom:20px;
}
.content .list01 .-listitem{
    position: relative;
    padding-left: 1.5em;
}
.content .list01 .-listitem .-icon{
     position: absolute;
     left: 5px;
     width: 6px;
     height: 6px;
     background-color: #0196d2;
     border-radius: 100%;
     top: 0;
     margin-top: 10px;
}
body.category1 .content .list01 .-listitem .-icon{
    background-color: #5a7895;
}
body.category2 .content .list01 .-listitem .-icon{
    background-color: #807c52;
}
body.category3 .content .list01 .-listitem .-icon{
    background-color: #517650;
}
body.category4 .content .list01 .-listitem .-icon{
    background-color: #ac6e84;
}
.content .list02{
    margin-bottom:20px;
}
.content .list02 .-listitem{
    position: relative;
    padding-left: 1.5em;
}
.content .list02 .-listitem .-icon{
     color:#0196d2;
     position: absolute;
     left: 0;
}
body.category1 .content .list02 .-listitem .-icon{
    color: #5a7895;
}
body.category2 .content .list02 .-listitem .-icon{
    color: #807c52;
}
body.category3 .content .list02 .-listitem .-icon{
    color: #517650;
}
body.category4 .content .list02 .-listitem .-icon{
    color: #ac6e84;
}
.content .list03 {
    margin-bottom:20px;
}
.content .list03 .-listitem{
    position: relative;
    padding-left: 1.5em;
}
.content .list03 .-listitem .-icon{
     color:#0196d2;
     position: absolute;
     left: 0;
}
body.category1 .content .list03 .-listitem .-icon{
    color: #5a7895;
}
body.category2 .content .list03 .-listitem .-icon{
    color: #807c52;
}
body.category3 .content .list03 .-listitem .-icon{
    color: #517650;
}
body.category4 .content .list03 .-listitem .-icon{
    color: #ac6e84;
}
.content .list04 {
    margin-bottom:20px;
}
.content .list04 .-listitem{
    position: relative;
    padding-left: 1.5em;
}
.content .list04 .-listitem .-icon{
     color:#0196d2;
     position: absolute;
     left: 0;
}
body.category1 .content .list04 .-listitem .-icon{
    color: #5a7895;
}
body.category2 .content .list04 .-listitem .-icon{
    color: #807c52;
}
body.category3 .content .list04 .-listitem .-icon{
    color: #517650;
}
body.category4 .content .list04 .-listitem .-icon{
    color: #ac6e84;
}
.content .list05 {
    margin-bottom:20px;
}
.content .list05 .-listitem{
    position: relative;
    padding-left: 1.5em;
}
.content .list05 .-listitem .-icon{
     color:#0196d2;
     position: absolute;
     left: 0;
}
body.category1 .content .list05 .-listitem .-icon{
    color: #5a7895;
}
body.category2 .content .list05 .-listitem .-icon{
    color: #807c52;
}
body.category3 .content .list05 .-listitem .-icon{
    color: #517650;
}
body.category4 .content .list05 .-listitem .-icon{
    color: #ac6e84;
}
.content .list06 {
    margin-bottom:20px;
}
.content .list06 .-listitem{
    position: relative;
    padding-left: 1.5em;
}
.content .list06 .-listitem .-icon{
     color:#0196d2;
     position: absolute;
     display: block;
     content: '';
     position: absolute;
     top: .5em;
     left: 4px;
     width: 11px;
     height: 6px;
     border-left: 2px solid #0196d2;
     border-bottom: 2px solid #0196d2;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
body.category1 .content .list06 .-listitem .-icon{
    color: #5a7895;
    border-left:2px solid  #5a7895;
    border-bottom:2px solid #5a7895;
}
body.category2 .content .list06 .-listitem .-icon{
    color: #807c52;
    border-left:2px solid  #807c52;
    border-bottom:2px solid #807c52;
}
body.category3 .content .list06 .-listitem .-icon{
    color: #517650;
    border-left:2px solid  #517650;
    border-bottom:2px solid #517650;
}
body.category4 .content .list06 .-listitem .-icon{
    color: #ac6e84;
    border-left:2px solid  #ac6e84;
    border-bottom:2px solid #ac6e84;
}
.content .list07 {
    margin-bottom:20px;
}
.content .list07 .-listitem{
    position: relative;
    padding-left: 1.5em;
}
.content .list07 .-listitem .-icon{
     color:#0196d2;
     position: absolute;
     left: 0;
}
body.category1 .content .list07 .-listitem .-icon{
    color: #5a7895;
}
body.category2 .content .list07 .-listitem .-icon{
    color: #807c52;
}
body.category3 .content .list07 .-listitem .-icon{
    color: #517650;
}
body.category4 .content .list07 .-listitem .-icon{
    color: #ac6e84;
}
.content .linkbtn03{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.content .linkbtn03 .-listitem{
    margin-bottom: 20px;
}
.content .linkbtn03 .-listitem a{
    position: relative;
    display: block;
    /* border: 1px solid; */
    background-color: #fff;
    border-radius: 20px;
    padding: 30px 60px 30px 30px;
    /*min-width: 400px;*/
    min-width: 470px;
    max-width: 470px;
    height: 100%;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.30);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.30);
}
.content .linkbtn03 .-listitem a::after{
    content: "";
    background: url(../img/icon_arrow_circle.svg) no-repeat;
    background-size: cover;
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.content .linkbtn03 .-listitem a:hover::after{
    content: "";
    background: url(../img/icon_arrow_circle_o.svg) no-repeat;
}
.content .linkbtn03 .-listitem .-headtitle{
    position: relative;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;
    /* padding-left: 60px; */
    margin-bottom: 20px;
}
.content .linkbtn03 .-listitem a:hover .-headtitle{
    color: #0196d2;
    transition: all .2s;
}
.content .linkbtn03 .-listitem a:hover .-text{
    color: #0196d2;
    transition: all .2s;
}
.content .linkbtn--pdf01{
    line-height: 1;
    text-align: center;
    border: 2px solid #000;
    border-radius: 50px;
    position: relative;
    width: auto;
    padding: 10px 40px 10px 30px;
    display: inline-block;
    min-width: 400px;
    margin-bottom: 20px;
    white-space: inherit;
    text-align: left;
}
.content .linkbtn--pdf01::after{
    content: "";
    position: absolute;
    background: url(../img/icon_btn_pdf.svg) no-repeat;
    top: 22%;
    right: 17px;
    width: 19px;
    height: 20px;
    display: block;
}
.content .linkbtn--pdf01:hover{
    background-color: #000;
    border-color: #000;
    color: #fff;
}
.content .linkbtn--pdf01:hover::after{
    content: "";
    background-image: url(../img/icon_btn_pdf_o.svg);
}
.content .linkbtn--pdf02{
    display: inline-block;
    line-height: 1;
    padding: 10px 0;
    margin-right: 20px;
    text-align: center;
    border-radius: 50px;
    position: relative;
    width: auto;
    margin-bottom: 20px;
}
.content .linkbtn--pdf02::after{
    content: "";
    position: absolute;
    background: url(../img/icon_btn_pdf.svg) no-repeat;
    top: 22%;
    right: -20px;
    width: 19px;
    height: 20px;
    display: inline-block;
}
.content .linkbtn--pdf02:hover{
    color: #0196d2;
    text-decoration: underline;
}

.content .linkbtn--doc01{
    line-height: 1;
    text-align: center;
    border: 2px solid #000;
    border-radius: 50px;
    position: relative;
    width: auto;
    padding: 10px 40px 10px 30px;
    display: inline-block;
    min-width: 400px;
    margin-bottom: 20px;
    white-space: inherit;
    text-align: left;
}
.content .linkbtn--doc01::after{
    content: "";
    position: absolute;
    background: url(../img/icon_btn_doc.svg) no-repeat;
    top: 22%;
    right: 15px;
    width: 19px;
    height: 20px;
    display: block;
}
.content .linkbtn--doc01:hover{
    background-color: #000;
    border-color: #000;
    color: #fff;
}
.content .linkbtn--doc01:hover::after{
    content: "";
    background-image: url(../img/icon_btn_doc_o.svg);
}
.content .linkbtn--doc02{
    display: inline-block;
    line-height: 1;
    padding: 10px 0;
    margin-right: 20px;
    text-align: center;
    border-radius: 50px;
    position: relative;
    width: auto;
    margin-bottom: 20px;
}
.content .linkbtn--doc02::after{
    content: "";
    position: absolute;
    background: url(../img/icon_btn_doc.svg) no-repeat;
    top: 22%;
    right: -20px;
    width: 19px;
    height: 20px;
    display: inline-block;
}
.content .linkbtn--doc02:hover{
    color: #0196d2;
    text-decoration: underline;
}
.content .linkbtn--xls01{
    line-height: 1;
    text-align: center;
    border: 2px solid #000;
    border-radius: 50px;
    position: relative;
    width: auto;
    padding: 10px 40px 10px 30px;
    display: inline-block;
    min-width: 400px;
    margin-bottom: 20px;
    white-space: inherit;
    text-align: left;
}
.content .linkbtn--xls01::after{
    content: "";
    position: absolute;
    background: url(../img/icon_btn_xls.svg) no-repeat;
    top: 22%;
    right: 15px;
    width: 19px;
    height: 20px;
    display: block;
}
.content .linkbtn--xls01:hover{
    background-color: #000;
    border-color: #000;
    color: #fff;
}
.content .linkbtn--xls01:hover::after{
    content: "";
    background-image: url(../img/icon_btn_xls_o.svg);
}
.content .linkbtn--xls02{
    display: inline-block;
    line-height: 1;
    padding: 10px 0;
    margin-right: 20px;
    text-align: center;
    border-radius: 50px;
    position: relative;
    width: auto;
    margin-bottom: 20px;
}
.content .linkbtn--xls02::after{
    content: "";
    position: absolute;
    background: url(../img/icon_btn_xls.svg) no-repeat;
    top: 22%;
    right: -20px;
    width: 19px;
    height: 20px;
    display: inline-block;
}
.content .linkbtn--xls02:hover{
    color: #0196d2;
    text-decoration: underline;
}

.content .linkbtn--mp01{
    line-height: 1;
    text-align: center;
    border: 2px solid #000;
    border-radius: 50px;
    position: relative;
    width: auto;
    padding: 10px 40px 10px 30px;
    display: inline-block;
    min-width: 400px;
    margin-bottom: 20px;
    white-space: inherit;
    text-align: left;
}
.content .linkbtn--mp01::after{
    content: "";
    position: absolute;
    background: url(../img/icon_btn_mp3.svg) no-repeat;
    top: 22%;
    right: 15px;
    width: 19px;
    height: 20px;
    display: block;
}
.content .linkbtn--mp01:hover{
    background-color: #000;
    border-color: #000;
    color: #fff;
}
.content .linkbtn--mp01:hover::after{
    content: "";
    background-image: url(../img/icon_btn_mp3_o.svg);
}
.content .linkbtn--mp02{
    display: inline-block;
    line-height: 1;
    padding: 10px 0;
    margin-right: 20px;
    text-align: center;
    border-radius: 50px;
    position: relative;
    width: auto;
    margin-bottom: 20px;
}
.content .linkbtn--mp02::after{
    content: "";
    position: absolute;
    background: url(../img/icon_btn_mp3.svg) no-repeat;
    top: 22%;
    right: -20px;
    width: 19px;
    height: 20px;
    display: inline-block;
}
.content .linkbtn--mp02:hover{
    color: #0196d2;
    text-decoration: underline;
}

.content .linkbtn--other01{
    line-height: 1;
    text-align: center;
    border: 2px solid #000;
    border-radius: 50px;
    position: relative;
    width: auto;
    padding: 10px 40px 10px 30px;
    display: inline-block;
    min-width: 400px;
    margin-bottom: 20px;
    white-space: inherit;
    text-align: left;
}
.content .linkbtn--other01::after{
    content: "";
    position: absolute;
    background: url(../img/icon_btn_other.svg) no-repeat;
    top: 38%;
    right: 15px;
    width: 14px;
    height: 11px;
    display: block;
}
.content .linkbtn--other01:hover{
    background-color: #000;
    border-color: #000;
    color: #fff;
}
.content .linkbtn--other01:hover::after{
    content: "";
    background-image: url(../img/icon_btn_other_o.svg);
}
.content .linkbtn--other02{
    display: inline-block;
    line-height: 1;
    padding: 10px 0;
    margin-right: 20px;
    text-align: center;
    /*width: 260px;*/
    /*border: 2px solid #000;*/
    border-radius: 50px;
    position: relative;
    margin-bottom: 20px;
}
.content .linkbtn--other02::after{
    content: "";
    position: absolute;
    background: url(../img/icon_btn_other.svg) no-repeat;
    top: 36%;
    right: -20px;
    width: 14px;
    height: 11px;
    display: inline-block;
}
.content .linkbtn--other02:hover{
    color: #0196d2;
    text-decoration: underline;
}
.content .linkbtn--mail01{
    line-height: 1;
    text-align: center;
    border: 2px solid #000;
    border-radius: 50px;
    position: relative;
    width: auto;
    padding: 10px 40px 10px 30px;
    display: inline-block;
    min-width: 400px;
    margin-bottom: 20px;
    white-space: inherit;
    text-align: left;
}
.content .linkbtn--mail01::after{
    content: "";
    position: absolute;
    background: url(../img/icon_btn_mail.svg) no-repeat;
    top: 33%;
    right: 15px;
    width: 15px;
    height: 11px;
    display: block;
}
.content .linkbtn--mail01:hover{
    background-color: #000;
    border-color: #000;
    color: #fff;
}
.content .linkbtn--mail01:hover::after{
    content: "";
    background-image: url(../img/icon_btn_mail_o.svg);
}
.content .linkbtn--mail02{
    display: inline-block;
    line-height: 1;
    padding: 10px 0;
    margin-right: 20px;
    text-align: center;
    /*width: 260px;*/
    /*border: 2px solid #000;*/
    border-radius: 50px;
    position: relative;
    margin-bottom: 20px;
}
.content .linkbtn--mail02::after{
    content: "";
    position: absolute;
    background: url(../img/icon_btn_mail.svg) no-repeat;
    top: 36%;
    right: -20px;
    width: 15px;
    height: 11px;
    display: inline-block;
}
.content .linkbtn--mail02:hover{
    color: #0196d2;
    text-decoration: underline;
}
.content p a{
    color: #0196d2;
    text-decoration: underline;
}
body.category1 .content p a{
    color: #5a7895;
}
body.category2 .content p a{
    color: #807c52;
}
body.category3 .content p a{
    color: #517650;
}
body.category4 .content p a{
    color: #ac6e84;
}
.content p a:not(.linkbtn--pdf01),
.content p a:not(.linkbtn--pdf02),
.content p a:not(.linkbtn--doc01),
.content p a:not(.linkbtn--doc02),
.content p a:not(.linkbtn--xls01),
.content p a:not(.linkbtn--xls02),
.content p a:not(.linkbtn--mp01),
.content p a:not(.linkbtn--mp02),
.content p a:not(.linkbtn--other01),
.content p a:not(.linkbtn--other02),
.content p a:not(.linkbtn--mail01),
.content p a:not(.linkbtn--mail02){
    line-height: inherit!important;
    text-align: inherit!important;
    border: inherit!important;
    border-radius: inherit!important;
    position: inherit!important;
    width: inherit!important;
    padding: inherit!important;
    display: inline!important;
    min-width: inherit!important;
    margin-bottom: inherit!important;
    margin:inherit!important;
}
.content p a:not(.linkbtn--pdf01)::after,
.content p a:not(.linkbtn--pdf02)::after,
.content p a:not(.linkbtn--doc01)::after,
.content p a:not(.linkbtn--doc02)::after,
.content p a:not(.linkbtn--xls01)::after,
.content p a:not(.linkbtn--xls02)::after,
.content p a:not(.linkbtn--mp01)::after,
.content p a:not(.linkbtn--mp02)::after,
.content p a:not(.linkbtn--other01)::after,
.content p a:not(.linkbtn--other02)::after,
.content p a:not(.linkbtn--mail01)::after,
.content p a:not(.linkbtn--mail02)::after{
    display: none;
}
.content p a:hover:not(.linkbtn--pdf01),
.content p a:hover:not(.linkbtn--pdf02),
.content p a:hover:not(.linkbtn--doc01),
.content p a:hover:not(.linkbtn--doc02),
.content p a:hover:not(.linkbtn--xls01),
.content p a:hover:not(.linkbtn--xls02),
.content p a:hover:not(.linkbtn--mp01),
.content p a:hover:not(.linkbtn--mp02),
.content p a:hover:not(.linkbtn--other01),
.content p a:hover:not(.linkbtn--other02),
.content p a:hover:not(.linkbtn--mail01),
.content p a:hover:not(.linkbtn--mail02){
    background-color:inherit!important;
    border-color: inherit!important;
    color: #0196d2;
}
/*body.category1 .content p a{
    background-color: #5a7895;
}
body.category2 .content p a{
    background-color: #807c52;
}
body.category3 .content p a{
    background-color: #517650;
}
body.category4 .content p a{
    background-color: #ac6e84;
}*/
.content .table01{
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin-bottom: 20px;
}
.content .table01 thead{}
.content .table01 tbody{}
.content .table01 tr{}
.content .table01 th,
.content .table01 td{
    padding: 20px;
    border: 1px solid rgba(175,190,190,.3);
}
.content .table01 th{
    background-color: #afbebe;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    border-left: 1px solid #9ea8a8;
    border-right: 1px solid #9ea8a8;
    border-bottom: 0;
}
.content .table01 td{
    background-color: #fff;
    border-top: 0;
}
.content .table01 tbody th{
    background-color: #fff;
    color: inherit;
    font-size: inherit;
    text-align: inherit;
    border-left: 1px solid rgba(175,190,190,.3);
    border-right: 1px solid rgba(175,190,190,.3);
    border-bottom: 1px solid rgba(175,190,190,.3);
    border-top: 0;
}
.content .table02{
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin-bottom: 20px;
}
.content .table02 tr{}
.content .table02 th,
.content .table02 td{
    padding: 20px;
    border: 1px solid rgba(175,190,190,.3);
}
.content .table02 th{
    background-color: #afbebe;
    color: #fff;
    font-size: 20px;
    border-top: 1px solid #9ea8a8;
    border-bottom: 1px solid #9ea8a8;
    border-right: 0;
    width: 30%;
}
.content .table02 td{
    background-color: #fff;
    border-left: 0;
}
.content .tableWrap{}
.content .table03{
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin-bottom: 20px;
}
.content .table03 tr{}
.content .table03 th,
.content .table03 td{
    padding: 20px;
    border: 1px solid rgba(175,190,190,.3);
}
.content .table03 th{
    background-color: #afbebe;
    color: #fff;
    font-size: 20px;
    border-top: 1px solid #9ea8a8;
    border-bottom: 1px solid #9ea8a8;
    width: 30%;
}
.content .table03 td{
    background-color: #fff;
    border-left: 0;
}
.content .table04{
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin-bottom: 20px;
}
.content .table04 tr{}
.content .table04 th,
.content .table04 td{
    padding: 20px;
    border: 1px solid rgba(175,190,190,.3);
}
.content .table04 th{
    color: #0196d2;
    font-size: 20px;
    width: 30%;
    border-left: 0;
    border-right: 0;
    padding-left: 0;
    background-color: #fff;
}
body.category1 .content .table04 th{
    color: #5a7895;
}
body.category2 .content .table04 th{
    color: #807c52;
}
body.category3 .content .table04 th{
    color: #517650;
}
body.category4 .content .table04 th{
    color: #ac6e84;
}
.content .table04 td{
    border-right: 0;
    border-left: 0;
    position: relative;
    background-color: #fff;
}
.content .table04 td::before{
    content: "";
    background-color: rgba(175,190,190,.3);
    width: 1px;
    height: 60%;
    display: block;
    position: absolute;
    top: 20%;
    left: 0;
}
.content .pic01{
    margin-bottom: 20px;
}
.content .pic01 img{}
.content .flow01{}
.content .flow01 .-item{
    margin-bottom: 40px;
}
.content .flow01 .-item:not(:last-child) {
    position: relative;
}
.content .flow01 .-item:not(:last-child):before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 15px 0 15px;
    border-color: #807c52 transparent transparent transparent;
    position: absolute;
    bottom: -30px;
    margin: auto;
    left: 0;
    right: 0;
}
body.category1 .content .flow01 .-item:not(:last-child):before{
    border-color: #5a7895 transparent transparent transparent;
}
body.category2 .content .flow01 .-item:not(:last-child):before{
    border-color: #807c52 transparent transparent transparent;
}
body.category3 .content .flow01 .-item:not(:last-child):before{
    border-color: #517650 transparent transparent transparent;
}
body.category4 .content .flow01 .-item:not(:last-child):before{
    border-color: #ac6e84 transparent transparent transparent;
}
.content .inner-bgGray{
    background-color: rgba(175,190,190,.15);
    padding: 40px;
    margin-bottom:0;
}
/*---------------------------------------------------------------------------------------------------------------------------------------
responsiv--------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px) {
.content .section{
    margin-bottom: 40px;
}
.content .pagetitle01{
/*
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
*/
    display: block;
    /*-webkit-justify-content:center;*/
    /*justify-content:center;*/
    -webkit-align-items: center;
    align-items: center;
    padding-top: 40px
}
.content .pagetitle01 .-listitem{}
.content .pagetitle01 .-icon{
    width: 50px;
    display: block;
    margin: 10px auto 0;
}
.content .pagetitle01 .-icon img{}
.content .pagetitle01 .-headtitle{
    position: relative;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -.02em;
    line-height: 1.2;
    text-align: center;
    margin-top: 10px;
}
.content .pagetitle01 .-headtitle .-text{
    font-size: 13px!important;
    display: block;
    padding-top: 5px;
}
.content .headtitle02{
    color: #0196d2;
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    border-top: 1px solid #0196d2;
    border-bottom: 1px solid #0196d2;
    padding: 10px 0;
    margin-bottom: 10px;
}
.content .headtitle03{
    color: #0196d2;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.2;
}
.content .text_pic--right{
    display: block;
}
.content .text_pic--right .-listitem{}
.content .text_pic--right .-listitem:nth-child(1){
    order: inherit;
    margin-bottom: 20px;
}
.content .text_pic--right .-listitem:nth-child(2){
    order:1;
    margin-bottom: 20px;
}
.content .text_pic--right .-listitem .-pic{width: 100%;margin-left: 0;}
.content .text_pic--right .-listitem .-text{}
.content .text_pic--left{
    display: block;
}
.content .text_pic--left .-listitem{}
.content .text_pic--left .-listitem:nth-child(1){
    order:1;
    margin-bottom: 20px;
}
.content .text_pic--left .-listitem:nth-child(2){
    order: inherit;
}
.content .text_pic--left .-listitem .-pic{width: 100%;margin-right: 0;}
.content .text_pic--left .-listitem .-text{}
.content .pic_pic--1col{
    margin-bottom: 20px;
}
.content .pic_pic--1col .-pic{

}
.content .pic_pic--1col .-pic img{
    width: 100%;
    height: auto;
}
.content .pic_pic--2col{
    display: inherit;
    display: inherit;
    display: inherit;
    -webkit-flex-wrap: inherit;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    -webkit-justify-content:inherit;
    -ms-flex-pack:inherit;
    justify-content: inherit;
    margin-bottom: 20px;
}
.content .pic_pic--2col .-listitem{
    flex-basis:inherit;
    height:auto;
    margin-bottom: 10px;
}
.content .pic_pic--2col .-listitem:nth-child(1){
    margin-right:inherit;
}
.content .pic_pic--2col .-listitem:nth-child(2){
    margin-left:inherit;
}
.content .pic_pic--2col .-listitem .-pic{}
.content .pic_pic--2col .-listitem .-pic img{
    width: 100%;
}
.content .pic_pic--3col{
    display: inherit;
    display: inherit;
    display: inherit;
    -webkit-flex-wrap: inherit;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
    -webkit-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    -webkit-justify-content: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    margin-bottom: 20px;
}
.content .pic_pic--3col .-listitem{
    flex-basis:inherit;
    height: auto;
    margin-bottom: 10px;
}
.content .pic_pic--3col .-listitem:nth-child(1),
.content .pic_pic--3col .-listitem:nth-child(3n+1){
    margin-right: inherit;
}
.content .pic_pic--3col .-listitem:nth-child(2),
.content .pic_pic--3col .-listitem:nth-child(3n-1){
    margin-left:inherit;
    margin-right:inherit;
}
.content .pic_pic--3col .-listitem:nth-child(3n){
    margin-left:inherit;
    margin-right: inherit;
}
.content .pic_pic--3col .-listitem .-pic{}
.content .pic_pic--3col .-listitem .-pic img{
    width: 100%;
}
.content .text02{
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}
.content .list01{
    margin-bottom: 20px;
}
.content .list01 .-listitem{
    position: relative;
    padding-left: 1.5em;
}
.content .list01 .-listitem .-icon{
     position: absolute;
     left: 5px;
     width: 6px;
     height: 6px;
     background-color: #0196d2;
     border-radius: 100%;
     top: 0;
     margin-top: 10px;
}
body.category1 .content .list01 .-listitem .-icon{
    background-color: #5a7895;
}
body.category2 .content .list01 .-listitem .-icon{
    background-color: #807c52;
}
body.category3 .content .list01 .-listitem .-icon{
    background-color: #517650;
}
body.category4 .content .list01 .-listitem .-icon{
    background-color: #ac6e84;
}
.content .list02{
    margin-bottom: 20px;
}
.content .list02 .-listitem{
    position: relative;
    padding-left: 1.5em;
}
.content .list02 .-listitem .-icon{
     color:#0196d2;
     position: absolute;
     left: 0;
}
body.category1 .content .list02 .-listitem .-icon{
    color: #5a7895;
}
body.category2 .content .list02 .-listitem .-icon{
    color: #807c52;
}
body.category3 .content .list02 .-listitem .-icon{
    color: #517650;
}
body.category4 .content .list02 .-listitem .-icon{
    color: #ac6e84;
}
.content .list03{
    margin-bottom: 20px;
}
.content .list03 .-listitem{
    position: relative;
    padding-left: 1.5em;
}
.content .list03 .-listitem .-icon{
     color:#0196d2;
     position: absolute;
     left: 0;
}
body.category1 .content .list03 .-listitem .-icon{
    color: #5a7895;
}
body.category2 .content .list03 .-listitem .-icon{
    color: #807c52;
}
body.category3 .content .list03 .-listitem .-icon{
    color: #517650;
}
body.category4 .content .list03 .-listitem .-icon{
    color: #ac6e84;
}
.content .list04{
    margin-bottom: 20px;
}
.content .list04 .-listitem{
    position: relative;
    padding-left: 1.5em;
}
.content .list04 .-listitem .-icon{
     color:#0196d2;
     position: absolute;
     left: 0;
}
body.category1 .content .list04 .-listitem .-icon{
    color: #5a7895;
}
body.category2 .content .list04 .-listitem .-icon{
    color: #807c52;
}
body.category3 .content .list04 .-listitem .-icon{
    color: #517650;
}
body.category4 .content .list04 .-listitem .-icon{
    color: #ac6e84;
}
.content .list05{
    margin-bottom: 20px;
}
.content .list05 .-listitem{
    position: relative;
    padding-left: 1.5em;
}
.content .list05 .-listitem .-icon{
     color:#0196d2;
     position: absolute;
     left: 0;
}
body.category1 .content .list05 .-listitem .-icon{
    color: #5a7895;
}
body.category2 .content .list05 .-listitem .-icon{
    color: #807c52;
}
body.category3 .content .list05 .-listitem .-icon{
    color: #517650;
}
body.category4 .content .list05 .-listitem .-icon{
    color: #ac6e84;
}
.content .list06{
    margin-bottom: 20px;
}
.content .list06 .-listitem{
    position: relative;
    padding-left: 1.5em;
}
.content .list06 .-listitem .-icon{
     color:#0196d2;
     position: absolute;
     display: block;
     content: '';
     position: absolute;
     top: .5em;
     left: 4px;
     width: 11px;
     height: 6px;
     border-left: 2px solid #0196d2;
     border-bottom: 2px solid #0196d2;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
body.category1 .content .list06 .-listitem .-icon{
    color: #5a7895;
    border-left:2px solid  #5a7895;
    border-bottom:2px solid #5a7895;
}
body.category2 .content .list06 .-listitem .-icon{
    color: #807c52;
    border-left:2px solid  #807c52;
    border-bottom:2px solid #807c52;
}
body.category3 .content .list06 .-listitem .-icon{
    color: #517650;
    border-left:2px solid  #517650;
    border-bottom:2px solid #517650;
}
body.category4 .content .list06 .-listitem .-icon{
    color: #ac6e84;
    border-left:2px solid  #ac6e84;
    border-bottom:2px solid #ac6e84;
}
.content .list07{
    margin-bottom: 20px;
}
.content .list07 .-listitem{
    position: relative;
    padding-left: 1.5em;
}
.content .list07 .-listitem .-icon{
     color:#0196d2;
     position: absolute;
     left: 0;
}
body.category1 .content .list07 .-listitem .-icon{
    color: #5a7895;
}
body.category2 .content .list07 .-listitem .-icon{
    color: #807c52;
}
body.category3 .content .list07 .-listitem .-icon{
    color: #517650;
}
body.category4 .content .list07 .-listitem .-icon{
    color: #ac6e84;
}
.content .linkbtn03{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.content .linkbtn03 .-listitem{
    margin-bottom: 20px;
}
.content .linkbtn03 .-listitem a{
    position: relative;
    display: block;
    /* border: 1px solid; */
    background-color: #fff;
    border-radius: 20px;
    padding: 20px 40px 20px 20px;
    min-width: inherit;
    max-width: inherit;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.30);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.30);
}
.content .linkbtn03 .-listitem a::after{
    content: "";
    background: url(../img/icon_arrow_circle.svg) no-repeat;
    background-size: cover;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.content .linkbtn03 .-listitem .-headtitle{
    position: relative;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
    /* padding-left: 60px; */
    margin-bottom: 10px;
}
.content .linkbtn03 .-listitem .-headtitle.-line2{
    line-height: 1.2;
}
.content .linkbtn--pdf01{
    display: block;
    line-height: 1;
    padding: 10px 40px 10px 30px;
    text-align: center;
    width: 100%!important;
    border: 2px solid #000;
    border-radius: 50px;
    position: relative;
    margin-bottom: 20px;
    min-width: auto;
}
.content .linkbtn--pdf01::after{
    content: "";
    position: absolute;
    background: url(../img/icon_btn_pdf.svg) no-repeat;
    top: 22%;
    right: 15px;
    width: 19px;
    height: 20px;
    display: block;
}
.content .linkbtn--pdf02{
    display: inline-block;
    line-height: 1;
    padding: 10px 0;
    padding-right: 5px;
    margin-right: 20px;
    text-align: center;
    /*width: 260px;*/
    /*border: 2px solid #000;*/
    border-radius: 50px;
    position: relative;
    margin-bottom: 20px;
}
.content .linkbtn--pdf02::after{
    content: "";
    position: absolute;
    background: url(../img/icon_btn_pdf.svg) no-repeat;
    top: 22%;
    right: -15px;
    width: 19px;
    height: 20px;
    display: inline-block;
}
.content .linkbtn--doc01{
    display: block;
    line-height: 1;
    padding: 10px 40px 10px 30px;
    text-align: center;
    width: 100%!important;
    border: 2px solid #000;
    border-radius: 50px;
    position: relative;
    margin-bottom: 20px;
    min-width: inherit;
}
.content .linkbtn--doc01::after{
    content: "";
    position: absolute;
    background: url(../img/icon_btn_doc.svg) no-repeat;
    top: 22%;
    right: 15px;
    width: 19px;
    height: 20px;
    display: block;
}
.content .linkbtn--doc02{
    display: inline-block;
    line-height: 1;
    padding: 10px 0;
    margin-right: 20px;
    padding-right: 5px;
    text-align: center;
    /*width: 260px;*/
    /*border: 2px solid #000;*/
    border-radius: 50px;
    position: relative;
    margin-bottom: 20px;
}
.content .linkbtn--doc02::after{
    content: "";
    position: absolute;
    background: url(../img/icon_btn_doc.svg) no-repeat;
    top: 22%;
    right: -15px;
    width: 19px;
    height: 20px;
    display: inline-block;
}
.content .linkbtn--xls01{
    display: block;
    line-height: 1;
    padding: 10px 40px 10px 30px;
    text-align: center;
    width: 100%!important;
    border: 2px solid #000;
    border-radius: 50px;
    position: relative;
    margin-bottom: 20px;
    min-width: inherit;
}
.content .linkbtn--xls01::after{
    content: "";
    position: absolute;
    background: url(../img/icon_btn_xls.svg) no-repeat;
    top: 22%;
    right: 15px;
    width: 19px;
    height: 20px;
    display: block;
}
.content .linkbtn--xls02{
    display: inline-block;
    line-height: 1;
    padding: 10px 0;
    padding-right: 5px;
    margin-right: 20px;
    text-align: center;
    /*width: 260px;*/
    /*border: 2px solid #000;*/
    border-radius: 50px;
    position: relative;
    margin-bottom: 20px;
}
.content .linkbtn--xls02::after{
    content: "";
    position: absolute;
    background: url(../img/icon_btn_xls.svg) no-repeat;
    top: 22%;
    right: -15px;
    width: 19px;
    height: 20px;
    display: inline-block;
}

.content .linkbtn--mp01{
    display: block;
    line-height: 1;
    padding: 10px 40px 10px 30px;
    text-align: center;
    width: 100%!important;
    border: 2px solid #000;
    border-radius: 50px;
    position: relative;
    margin-bottom: 20px;
    min-width: inherit;
}
.content .linkbtn--mp01::after{
    content: "";
    position: absolute;
    background: url(../img/icon_btn_mp3.svg) no-repeat;
    top: 22%;
    right: 15px;
    width: 19px;
    height: 20px;
    display: block;
}
.content .linkbtn--mp02{
    display: inline-block;
    line-height: 1;
    padding: 10px 0;
    padding-right: 5px;
    margin-right: 20px;
    text-align: center;
    /*width: 260px;*/
    /*border: 2px solid #000;*/
    border-radius: 50px;
    position: relative;
    margin-bottom: 20px;
}
.content .linkbtn--mp02::after{
    content: "";
    position: absolute;
    background: url(../img/icon_btn_mp3.svg) no-repeat;
    top: 22%;
    right: -15px;
    width: 19px;
    height: 20px;
    display: inline-block;
}

.content .linkbtn--other01{
    display: block;
    line-height: 1;
    padding: 10px 40px 10px 30px;
    text-align: center;
    width: 100%!important;
    border: 2px solid #000;
    border-radius: 50px;
    position: relative;
    margin-bottom: 20px;
    min-width: auto;
}
.content .linkbtn--other01::after{
    content: "";
    position: absolute;
    background: url(../img/icon_btn_other.svg) no-repeat;
    top: 38%;
    right: 15px;
    width: 14px;
    height: 11px;
    display: block;
}
.content .linkbtn--other02{
    display: inline-block;
    line-height: 1;
    padding: 10px 0;
    margin-right: 20px;
    text-align: center;
    /*width: 260px;*/
    /*border: 2px solid #000;*/
    border-radius: 50px;
    position: relative;
    margin-bottom: 20px;
}
.content .linkbtn--other02::after{
    content: "";
    position: absolute;
    background: url(../img/icon_btn_other.svg) no-repeat;
    top: 33%;
    right: -25px;
    width: 14px;
    height: 11px;
    display: inline-block;
    margin-bottom: 20px;
}
.content .linkbtn--mail01{
    display: block;
    line-height: 1;
    padding: 10px 40px 10px 30px;
    text-align: center;
    width: 100%;
    border: 2px solid #000;
    border-radius: 50px;
    position: relative;
    margin-bottom: 20px;
    min-width: inherit;
}
.content .linkbtn--mail01::after{
    content: "";
    position: absolute;
    background: url(../img/icon_btn_mail.svg) no-repeat;
    top: 33%;
    right: 15px;
    width: 15px;
    height: 11px;
    display: block;
}
.content .linkbtn--mail02{
    display: inline-block;
    line-height: 1;
    padding: 10px 0;
    margin-right: 20px;
    text-align: center;
    /*width: 260px;*/
    /*border: 2px solid #000;*/
    border-radius: 50px;
    position: relative;
    margin-bottom: 20px;
}
.content .linkbtn--mail02::after{
    content: "";
    position: absolute;
    background: url(../img/icon_btn_mail.svg) no-repeat;
    top: 32%;
    right: -25px;
    width: 15px;
    height: 11px;
    display: inline-block;
}
.content p a{
    color: #0196d2;
    text-decoration: underline;
}
.content p a:not(.linkbtn--pdf01),
.content p a:not(.linkbtn--pdf02),
.content p a:not(.linkbtn--doc01),
.content p a:not(.linkbtn--doc02),
.content p a:not(.linkbtn--xls01),
.content p a:not(.linkbtn--xls02),
.content p a:not(.linkbtn--other01),
.content p a:not(.linkbtn--other02),
.content p a:not(.linkbtn--mail01),
.content p a:not(.linkbtn--mail02){
    line-height: inherit!important;
    text-align: inherit!important;
    border: inherit!important;
    border-radius: inherit!important;
    position: inherit!important;
    width: inherit!important;
    padding: inherit!important;
    display: inline!important;
    min-width: inherit!important;
    margin-bottom: inherit!important;
    margin:inherit!important;
}
.content p a:not(.linkbtn--pdf01)::after,
.content p a:not(.linkbtn--pdf02)::after,
.content p a:not(.linkbtn--doc01)::after,
.content p a:not(.linkbtn--doc02)::after,
.content p a:not(.linkbtn--xls01)::after,
.content p a:not(.linkbtn--xls02)::after,
.content p a:not(.linkbtn--other01)::after,
.content p a:not(.linkbtn--other02)::after,
.content p a:not(.linkbtn--mail01)::after,
.content p a:not(.linkbtn--mail02)::after{
    display: none;
}
/*body.category1 .content p a{
    background-color: #5a7895;
}
body.category2 .content p a{
    background-color: #807c52;
}
body.category3 .content p a{
    background-color: #517650;
}
body.category4 .content p a{
    background-color: #ac6e84;
}*/
.content .table01{
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    border-bottom: 1px solid rgba(175,190,190,.3);
    margin-bottom: 20px;
}
.content .table01 thead{
    display: none;
}
.content .table01 tbody{}
.content .table01 tr{
    display: block;
}
.content .table01 th,
.content .table01 td{
    padding: 10px;
    border: 1px solid rgba(175,190,190,.3);
}
.content .table01 th{
    background-color: #afbebe;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    border-left: 1px solid #9ea8a8;
    border-right: 1px solid #9ea8a8;
    display: block;
}
.content .table01 td{
    display: block;
    position: relative;
    border-bottom: 0;
    /* border-top: 0; */
}
.content .table01 th + td{border-top: 0;}
.content .table01 td::before{
    content: attr(data-label);
    font-weight: bold;
    position: relative;
    display: block;
}
.content .table01 tbody th{
    background-color: #afbebe;
    color: #fff;
    font-size: inherit;
    text-align: inherit;
    border-left: 1px solid rgba(175,190,190,.3);
    border-right: 1px solid rgba(175,190,190,.3);
}

.content .table02{
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin-bottom: 20px;
}
.content .table02 tr{}
.content .table02 th,
.content .table02 td{
    padding: 10px;
    border: 1px solid rgba(175,190,190,.3);
    display: block;
    width: 100%;
}
.content .table02 th{
    background-color: #afbebe;
    color: #fff;
    font-size: inherit;
    border-top: 1px solid #9ea8a8;
    border-bottom: 1px solid #9ea8a8;
}
.content .table02 td{
    border-top: 0;
}
.content .tableWrap{
    overflow-x: auto;
}
.content .table03{
    width: 100%;
    border-collapse: collapse;
    table-layout: inherit;
    margin-bottom: 20px;
}
.content .table03 tr{}
.content .table03 th,
.content .table03 td{
    padding: 10px;
    border: 1px solid rgba(175,190,190,.3);
    white-space: nowrap;
}
.content .table03 th{
    background-color: #afbebe;
    color: #fff;
    font-size: inherit;
    border-top: 1px solid #9ea8a8;
    border-bottom: 1px solid #9ea8a8;
    border-right: 1px solid #9ea8a8;
    border-left: 1px solid #9ea8a8;
    width: 30%;
}
.content .table03 td{
    border-left: 0;
}
.content .table04{
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin-bottom: 20px;
}
.content .table04 tr{}
.content .table04 th,
.content .table04 td{
    padding: 10px;
    border: 1px solid rgba(175,190,190,.3);
}
.content .table04 th{
    color: #0196d2;
    font-size: inherit;
    width: 30%;
    border-left: 0;
    border-right: 0;
    padding-left: 0;
}
body.category1 .content .table04 th{
    color: #5a7895;
}
body.category2 .content .table04 th{
    color: #807c52;
}
body.category3 .content .table04 th{
    color: #517650;
}
body.category4 .content .table04 th{
    color: #ac6e84;
}
.content .table04 td{
    border-right: 0;
    border-left: 0;
    position: relative;
}
.content .table04 td::before{
    content: "";
    background-color: rgba(175,190,190,.3);
    width: 1px;
    height: 60%;
    display: block;
    position: absolute;
    top: 20%;
    left: 0;
}
.content .pic01{
    margin-bottom: 20px;
}
.content .pic01 img{

}
.content .flow01{}
.content .flow01 .-item{
    margin-bottom: 40px;
}
.content .flow01 .-item:not(:last-child) {
    position: relative;
}
.content .flow01 .-item:not(:last-child):before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 15px 0 15px;
    border-color: #807c52 transparent transparent transparent;
    position: absolute;
    bottom: -30px;
    margin: auto;
    left: 0;
    right: 0;
}
body.category1 .content .flow01 .-item:not(:last-child):before{
    border-color: #5a7895 transparent transparent transparent;
}
body.category2 .content .flow01 .-item:not(:last-child):before{
    border-color: #807c52 transparent transparent transparent;
}
body.category3 .content .flow01 .-item:not(:last-child):before{
    border-color: #517650 transparent transparent transparent;
}
body.category4 .content .flow01 .-item:not(:last-child):before{
    border-color: #ac6e84 transparent transparent transparent;
}
.content .inner-bgGray{
    background-color: rgba(175,190,190,.15);
    padding: 20px;
    margin-bottom:0;
}
}

/*---------------------------------------------
pager
---------------------------------------------*/

.pager {
  text-align: center;
  padding-bottom: 30px;
}

.pager .pagination {
  display: inline;
}

.pager .pagination li {
  margin: 0 7px;
  padding: 0;
  display: inline-block;
  width: 35px;
  height: 35px;
  text-align: center;
  position: relative;
  border-radius: 100%;
}

.pager .pagination li:first-child,
.pager .pagination li:last-child {
  background: #fff;
  border: 1px solid #d8d8d8;
  position: relative;
}

.pager .pagination li:first-child span:before,
.pager .pagination li:last-child span:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 11px;
    margin: auto;
    display: block;
    width: 7px;
    height: 7px;
    border-top: 1px #000 solid;
    border-right: 1px #000 solid;
    -webkit-transform: rotate(45deg);
    transform: rotate(225deg);
    margin-top: -4px;
}

.pager .pagination li:last-child span:before {
    transform: rotate(45deg);
    right: 14px;
}

.pager .pagination li a {
  vertical-align: middle;
  border-radius: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display: table;
  color: #000;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.pager .pagination li a span {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
}

.pager .pagination li a.active {
  color: #fff;
  background: #000;
  border-radius: 100%;
}

.pager .pagination li a:hover {
  opacity: 1;
  background: #000;
  color: #fff;
  border-radius: 100%;
}

.pager .pagination li.om_sp {
  display: none !important;
}

.pager .pagination .pre.-none,
.pager .pagination .next.-none {
  opacity: 0.3;
  pointer-events: none;
}
.pager .pagination .pre a:hover span::before,
.pager .pagination .next a:hover span::before{
    border-color: #fff;
}


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

.pager {
    text-align: center;
  }

  .pager .pagination {
    display: inline;
  }

  .pager .pagination li {
    margin: 0 7px;
    padding: 0;
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    position: relative;
    border-radius: 100%;
  }

/*
  .pager .pagination li:first-child span:before,
  .pager .pagination li:last-child span:before {
    font-family: "icomoon" !important;
    content: "\e900" !important;
     vertical-align: middle; 
    font-size: 1.2rem;
    margin: 0 2px 2px 0;
    transform: rotate(180deg);
    display: block;
  }

  .pager .pagination li:last-child span:before {
    transform: rotate(360deg);
    margin: 2px 0 0 2px;
  }
*/

  .pager .pagination li a {
    vertical-align: middle;
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: table;
    color: #000;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

  .pager .pagination li a span {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
  }

  .pager .pagination li.om {
    display: none !important;
  }

  .pager .pagination li.om_sp {
    display: inline-block !important;
    padding-bottom: 45px;
  }

  .pager .pagination li a.active {
    color: #fff;
    background: #000;
    border-radius: 100%;
  }

  .pager .pagination li a:hover {
    opacity: 1;
    background: #000;
    color: #fff;
    border-radius: 100%;
  }

}

/*---------------------------------------------
notfound
---------------------------------------------*/

.notfound {
  text-align: center;
    font-size: 30px;
    position: relative;
    top: 100px;
}

/*---------------------------------------------
google map
---------------------------------------------*/

.gmap {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    }
.gmap iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    }
.gmap2 {
    width: 450px;
    float: left;
    }
.gmap3 {
    width: 450px;
    float: right;
    }
.gmap2 iframe,
.gmap3 iframe{
    width: 100%;
    }
@media screen and (max-width:767px) {
.gmap2,
.gmap3 {
    width: 100%;
    float: none;
    margin-bottom: 40px;
    }
}
/*---------------------------------------------
pulldown link
---------------------------------------------*/

.pld_link {
    overflow: hidden;
    width: 480px;
    text-align: center;
    margin: 10px 0 20px;
}
.pld_link select {
    width: 100%;
    padding-right: 1em;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}
.pld_link select::-ms-expand {
    display: none;
}
.pld_link.ptn_a {
    position: relative;
    border-radius: 2px;
    border: 2px solid #000;
  border-radius: 50px;
    background: #ffffff;
}
.pld_link.ptn_a::before {
    position: absolute;
    top: 0.8em;
    right: 0.8em;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #000;
    pointer-events: none;
}
.pld_link.ptn_a select {
    padding: 8px 38px 8px 15px;
    color: #000;
}

/*---------------------------------------------------------------------------------------------------------------------------------------
responsiv--------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px) {
.pld_link {
    width: 100%;
}
}



/*---------------------------------------------
emergency
---------------------------------------------*/


.emergency{
    position: absolute;
    top: 65px;
    right: 0;
    width: 200px;
    height: 200px;
    background-color: #000;
    padding: 10px;
    z-index: 21;
}

.emergency a{
    display: block;
    border: 1px solid #d0c221;
    box-sizing: border-box;
    height: 180px;
}

.emergency a::after{
    content: "";
    position: absolute;
    background: url(../img/Emergency_fig02.png) no-repeat;
    background-size: cover;
    top: 150px;
    right: 85px;
    width: 24px;
    height: 24px;
    display: block;
}

.emergency .txt{
    text-align: center;
    line-height: 1.4;
    color:#d0c221;
    font-weight: bold;
    padding-top: 15px
}

.emergency .img{
    text-align: center;
    width: 110px;
    margin: 15px auto 0;
}


/*
.emergency{
    position: absolute;
    top: 65px;
    right: 0;
    width: 200px;
    height: 200px;
}

.emergency p{
    text-align: center;
    line-height: 1.4;
    color:#d0c221;
    font-weight: bold;
    position: relative;
    top: -173px;
    right: 0;
}

.emergency .sp{
    display: none;
}
*/

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


.emergency{
    position: fixed;
    top: auto;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 70px;
    background-color: #000;
    padding: 5px;
}

.emergency a{
    display: block;
    border: 1px solid #d0c221;
    box-sizing: border-box;
    height: 60px;
}

.emergency a::after{
    content: "";
    position: absolute;
    background: url(../img/Emergency_fig02.png) no-repeat;
    background-size: cover;
    top: 23px;
    right: 25px;
    width: 24px;
    height: 24px;
    display: block;
}

.emergency .txt{
    text-align: left;
    line-height: 1.2;
    color: #d0c221;
    font-weight: bold;
    padding-top: 8px;
    position: absolute;
    left: 50%;
    margin-left: -100px;
}

.emergency .img{
    text-align: center;
    width: 80px;
    margin: 15px auto 0;
    position: relative;
    top: -3px;
    left: 40px;
}

/*
.emergency{
    position: fixed;
    top: auto;
    bottom: 0;
    right: 0;
    width: 100%;
    height: auto;
    z-index: 11;
}

.emergency p{
    text-align: left;
    line-height: 1.2;
    color: #d0c221;
    font-weight: bold;
    position: absolute;
    top: 17px;
    left: 80px;
}

.emergency .pc{
    display: none;
}

.emergency .sp{
    display: block;
}
*/

}




/*---------------------------------------------
contact form
---------------------------------------------*/
#contact_contents__header{}
#contact_contents__header h3{
    /* color: #0196d2; */
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
form{
    margin-top:20px;
    margin-bottom:70px;
}
form .error{
    color: #e85042;
    display: block;
}
#contact_contents__header .title-small{

}
.content .table_form01{
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin-bottom: 20px;
}
.content .table_form01 tr{}
.content .table_form01 th,
.content .table_form01 td{
    padding: 20px;
    border: 1px solid rgba(175,190,190,.3);
}
.content .table_form01 th{
    color: #0196d2;
    font-size: 20px;
    width: 30%;
    border-left: 0;
    border-right: 0;
    padding-left: 0;
    background-color: #fff;
}
body.category1 .content .table_form01 th{
    color: #5a7895;
}
body.category2 .content .table_form01 th{
    color: #807c52;
}
body.category3 .content .table_form01 th{
    color: #517650;
}
body.category4 .content .table_form01 th{
    color: #ac6e84;
}
.content .table_form01 td{
    border-right: 0;
    border-left: 0;
    position: relative;
    background-color: #fff;
}
.content .table_form01 td::before{
    content: "";
    background-color: rgba(175,190,190,.3);
    width: 1px;
    height: 60%;
    display: block;
    position: absolute;
    top: 20%;
    left: 0;
}
.content .table_form01 .label-required,
.content .label-required{
    color:#e84d3f;
    font-size: 16px;
}
.content .table_form01 input{
    width:320px;
    font-size: inherit;
    background: #fff;
    padding: 5px 10px;
    height: 30px;
    /* color: #737373; */
    border: 1px solid rgba(175,190,190,.8)
}
.content .table_form01 textarea{
    width:320px;
    font-size: inherit;
    background: #fff;
    padding: 5px 10px;
    height:4em;
    /* color: #737373; */
    border: 1px solid rgba(175,190,190,.8)
}
.content .table_form01 .small_box{
    width:320px;
}
.content .table_form01 .input-medium{
    width:100%;
}
.content form .c-submit_check_count{
    text-align: center;
    margin-bottom: 20px;
}
.content form .c-submit{text-align: center;}
.content form .c-submit .btn-box{display: inline-block;border-radius: 100px;background-color: #fff;border: 2px solid #000;padding: 10px;text-align: center;color: #000;font-size: inherit;line-height: 1;width: 300px;cursor: pointer;}
.content form .c-submit .btn-box:hover{
    background-color: #000;
    color:#fff;
    transition: all .2s;
}
.content form .c-submit .btn-box-green{
    
}
.content form.form-confirm .c-btn_box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.content form .c-btn_box p{
    padding:0 10px;
}
.content form .c-btn_box .c-back{
    display: inline-block;
    border-radius: 100px;
    border: 2px solid #000;
    padding: 0px;
    text-align: center;
    color: #000;
    font-size: inherit;
    line-height: 1;
    width: 300px;
    cursor: pointer;
    text-decoration: none;
}
.content form .c-btn_box .c-back a.btn-box{
    text-decoration: none;
    border: 0!important;
    width: 100%!important;
    min-width: 100%!important;
    display: block!important;
    padding: 10px 0!important;
    color: #000;
    background-color: #fff;
}
.content form .c-btn_box .c-back a.btn-box:hover{
    color: #fff;
    background-color: #000!important;
}
.content form .c-btn_box .c-submit{
    
}
.content #contact_contents__header .c-body{
    margin-bottom: 70px;
}
.content #contact_contents__header .c-body p{line-height: 1.5;margin-bottom: 20px;}

/*---------------------------------------------------------------------------------------------------------------------------------------
responsiv--------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px) {
#contact_contents__header{}
#contact_contents__header h3{
    /* color: #0196d2; */
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
}
form{
    margin-top:20px;
    margin-bottom: 50px;
}
form .error{
    color: #e85042;
    display: block;
}
#contact_contents__header .title-small{

}
.content .table_form01{
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    margin-bottom: 20px;
}
.content .table_form01 tr{}
.content .table_form01 th,
.content .table_form01 td{
    padding: 10px;
    border: 1px solid rgba(175,190,190,.3);
}
.content .table_form01 th{
    color: #0196d2;
    font-size: inherit;
    width: 30%;
    border-left: 0;
    border-right: 0;
    padding-left: 0;
}
body.category1 .content .table_form01 th{
    color: #5a7895;
}
body.category2 .content .table_form01 th{
    color: #807c52;
}
body.category3 .content .table_form01 th{
    color: #517650;
}
body.category4 .content .table_form01 th{
    color: #ac6e84;
}
.content .table_form01 td{
    border-right: 0;
    border-left: 0;
    position: relative;
    background-color: #fff;
}
.content .table_form01 td::before{
    content: "";
    background-color: rgba(175,190,190,.3);
    width: 1px;
    height: 60%;
    display: block;
    position: absolute;
    top: 20%;
    left: 0;
}
.content .table_form01 .label-required{
    color:#e84d3f;
    font-size: 16px;
}
.content .table_form01 input{
    width:100%;
    font-size: inherit;
    background: #fff;
    padding: 5px 10px;
    height: 30px;
    /* color: #737373; */
    border: 1px solid rgba(175,190,190,.8)
}
.content .table_form01 textarea{
    width:100%;
    font-size: inherit;
    background: #fff;
    padding: 5px 10px;
    height:4em;
    /* color: #737373; */
    border: 1px solid rgba(175,190,190,.8)
}
.content .table_form01 .small_box{
    width:100%;
}
.content .table_form01 .input-medium{
    width:100%;
}
.content form .c-submit_check_count{
    text-align: center;
    margin-bottom: 20px;
}
.content form .c-submit{text-align: center;}
.content form .c-submit .btn-box{display: inline-block;border-radius: 100px;background-color: #fff;border: 2px solid #000;padding: 10px;text-align: center;color: #000;font-size: inherit;line-height: 1;width: 300px;cursor: pointer;}
.content form .c-submit .btn-box:hover{
    background-color: #000;
    color:#fff;
    transition: all .2s;
}
.content form .c-submit .btn-box-green{
    width: 100%;
}
.content form.form-confirm .c-btn_box{
    display: inherit;
    display: inherit;
    display: inherit;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    justify-content: inherit;
}
.content form.form-confirm .c-submit{
    margin-top:20px;
}
.content form .c-btn_box p{
    padding: 0 0px;
}
.content form .c-btn_box .c-back{
    display: inline-block;
    border-radius: 100px;
    border: 2px solid #000;
    padding: 0px;
    text-align: center;
    color: #000;
    font-size: inherit;
    line-height: 1;
    width: 100%;
    cursor: pointer;
    text-decoration: none;
}
.content form .c-btn_box .c-back a.btn-box{
    text-decoration: none;
    border: 0!important;
    width: 100%!important;
    min-width: 100%!important;
    display: block!important;
    padding: 10px 0!important;
    color: #000;
    background-color: #fff;
}
.content form .c-btn_box .c-back a.btn-box:hover{
    color: #fff;
    background-color: #000!important;
}
.content form .c-btn_box .c-submit{
    
}
.content #contact_contents__header .c-body{
    margin-bottom: 50px;
}
.content #contact_contents__header .c-body p{line-height: 1.5;margin-bottom: 20px;}
}



/*---------------------------------------------
top emergency
---------------------------------------------*/
.top-emergency{
    /* height: 100px; */
    background-color: rgba(244, 67, 54, .4);
    background-color: #d21e20;
    width: 100%;
    display: block;
    z-index: 10000;
    position: fixed;
    bottom: 0px;
    /* display: none; */
}
.top-emergency .c-inner{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    position: relative;
}
.top-emergency_icon{
    width: 25px;
    height: 25px;
    margin-right: 10px;
    flex-basis: 25px;
}
.top-emergency_text{color: #fff;flex: 1;font-size: 14px;}
.top-emergency_close{
    /* border: 1px solid #fff; */
    border-radius: 100px;
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 50%;
    right: -60px;
    margin-top: -13px;
}
.top-emergency_close::before,
.top-emergency_close::after{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #fff;
    width: 16px;
    height: 0;
    border: 1px solid #fff;
    border-radius: 100px;
}
.top-emergency_close::before{
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.top-emergency_close::after{
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}
/*---------------------------------------------------------------------------------------------------------------------------------------
responsiv--------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px) {
.top-emergency{
    /* min-height: 100px; */
    background-color: rgba(244, 67, 54, .4);
    background-color: #d21e20;
    width: 100%;
    display: block;
    z-index: 10000;
    position: fixed;
    bottom: 0;
}
.top-emergency .c-inner{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
}
.top-emergency_icon{
    width: 25px;
    height: 25px;
    margin-right: 10px;
    flex-basis: 25px;
}
.top-emergency_text{
    color: #fff;flex: 1;font-size: 14px;
}
.top-emergency_close{
    /* border: 1px solid #fff; */
    border-radius: 100px;
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 20px;
    right: 5px;
    margin-top: -13px;
}
.top-emergency_close::before,
.top-emergency_close::after{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: #fff;
    width: 16px;
    height: 0;
    border: 1px solid #fff;
    border-radius: 100px;
}
.top-emergency_close::before{
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.top-emergency_close::after{
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}
}



/*---------------------------------------------
sitemap
---------------------------------------------*/
.sitemapWrap{}
.sitemapWrap .sitemap_column{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.sitemapWrap .sitemap_column + .headtitle02{
    margin-top:50px;
}
.sitemapWrap .sitemap_column > li{
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
.sitemapWrap .sitemap_column > li:nth-child(n+3){
    margin-top: 30px;
}
.sitemapWrap .sitemap_column > li .headtitle03{
    margin-bottom: 0;
}
.sitemapWrap .sitemap_column > li .sitemap_column__list{
    max-width: 90%;
}
.sitemapWrap .sitemap_column > li .sitemap_column__list > li{}
.sitemapWrap .sitemap_column > li .sitemap_column__list > li a{
    margin-bottom: 0;
    padding: 10px 0;
    padding-right: 5px;
    text-align: left;
    line-height: 1.2;
    display: inline-block;
}
.sitemapWrap .sitemap_column > li .sitemap_column__list > li a:hover{
    text-decoration: underline;
    color: #0196d2;
}
.sitemapWrap .sitemapWrap2{
    margin-top: 51px;
    margin-bottom: 50px;
}
.sitemapWrap .sitemapWrap2 .headtitle02{
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.sitemapWrap .sitemapWrap2 .headtitle02 a{}
.sitemapWrap .sitemapWrap2 .headtitle02 a:hover{
    text-decoration: underline;
    color: #0196d2;
}
.sitemapWrap .sitemapWrap2 .sitemap_column{
    display: block;
}
.sitemapWrap .sitemapWrap2 .sitemap_column > li{
    flex-basis: inherit;
}
.sitemapWrap .sitemapWrap2 .sitemap_column > li .sitemap_column__list{
    margin-bottom: 30px;
}
.sitemapWrap .sitemapWrap2 .sitemap_column > li .sitemap_column__list > li{}
.sitemapWrap .sitemapWrap2 .sitemap_column > li .sitemap_column__list > li > a{}
.sitemapWrap .sitemapWrap2 .sitemap_column > li .sitemap_column__list > li > a:hover{
    text-decoration: underline;
    color: #0196d2;
}
.sitemapWrap .sitemapWrap2 .sitemap_column > li .headtitle03{
    margin-top: 20px;
}
.sitemapWrap .sitemapWrap2 .sitemap_column > li .headtitle03 a{}
.sitemapWrap .sitemapWrap2 .sitemap_column > li .headtitle03 a:hover{
    text-decoration: underline;
    color: #0196d2;
}
/*---------------------------------------------------------------------------------------------------------------------------------------
responsiv--------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px) {
.sitemapWrap{}
.sitemapWrap .sitemap_column{
    display: inherit;
    display: inherit;
    display: inherit;
    -ms-flex-wrap: inherit;
    flex-wrap: inherit;
}
.sitemapWrap .sitemap_column + .headtitle02{
    margin-top:50px;
}
.sitemapWrap .sitemap_column > li{
    -ms-flex-preferred-size: inherit;
    flex-basis: inherit;
}
.sitemapWrap .sitemap_column > li:nth-child(n+2){
    margin-top: 20px;
}
.sitemapWrap .sitemap_column > li .headtitle03{
    margin-bottom: 0;
}
.sitemapWrap .sitemap_column > li .sitemap_column__list{
    max-width: 90%;
}
.sitemapWrap .sitemap_column > li .sitemap_column__list > li{}
.sitemapWrap .sitemap_column > li .sitemap_column__list > li a{
    margin-bottom: 0;
    padding: 10px 0;
    padding-right: 5px;
    text-align: left;
    line-height: 1.2;
    display: inline-block;
}
.sitemapWrap .sitemap_column > li .sitemap_column__list > li a:hover{
    text-decoration: underline;
    color: #0196d2;
}
.sitemapWrap .sitemapWrap2{
    margin-top: 50px;
    margin-bottom: 50px;
}
.sitemapWrap .sitemapWrap2 .headtitle02{}
.sitemapWrap .sitemapWrap2 .headtitle02 a{}
.sitemapWrap .sitemapWrap2 .headtitle02 a:hover{
    text-decoration: underline;
    color: #0196d2;
}
.sitemapWrap .sitemapWrap2 .sitemap_column{
    display: block;
}
.sitemapWrap .sitemapWrap2 .sitemap_column > li{
    flex-basis: inherit;
}
.sitemapWrap .sitemapWrap2 .sitemap_column > li .sitemap_column__list{}
.sitemapWrap .sitemapWrap2 .sitemap_column > li .sitemap_column__list > li{}
.sitemapWrap .sitemapWrap2 .sitemap_column > li .sitemap_column__list > li > a{}
.sitemapWrap .sitemapWrap2 .sitemap_column > li .sitemap_column__list > li > a:hover{
    text-decoration: underline;
    color: #0196d2;
}
.sitemapWrap .sitemapWrap2 .sitemap_column > li .headtitle03{}
.sitemapWrap .sitemapWrap2 .sitemap_column > li .headtitle03 a{}
.sitemapWrap .sitemapWrap2 .sitemap_column > li .headtitle03 a:hover{
    text-decoration: underline;
    color: #0196d2;
}
}



/*---------------------------------------------
sitemapBlock
---------------------------------------------*/
.sitemapBlock{}
.sitemapBlock ul.nav{display: block;}
.sitemapBlock ul.nav:before {
    content: "";
    display: table;
}
.sitemapBlock ul.nav::after{
    content: "";
    display: table;
    clear: both;
}
.sitemapBlock ul.nav > .headtitle02{}
.sitemapBlock ul.nav > li{float: left;width: 50%;}
.sitemapBlock ul.nav > li .headtitle03{}
.sitemapBlock ul.nav > li > ul{}
.sitemapBlock ul.nav > li > ul > li{}
.sitemapBlock ul.nav > li > ul > li a{}
.sitemapBlock ul.nav > li > ul > li a:hover{}
/*---------------------------------------------------------------------------------------------------------------------------------------
responsiv--------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:767px) {

}

@media screen and (max-width:750px) {
    .mainVisual_rn{
        background:url(../img/top_main_pic_sp.jpg)no-repeat center top !important;
        overflow:auto !important;
    }
}

/*20230116*/
.default2{
    max-width: 1245px;
    margin: 0 auto;
}
.event-popup{
    border-radius: 10px;
}
.mfp-content div.ccm-block-calendar-event-dialog-details{
    max-width: 900px;
    padding: 0;
}
.mfp-content div.ccm-block-calendar-event-dialog-details .event-popup__title{
    background-color: #cce2f2;
    padding: 20px 24px;
}
.mfp-content div.ccm-block-calendar-event-dialog-details .content-cover{
    display: flex;
    padding: 20px 24px;
}
.mfp-content div.ccm-block-calendar-event-dialog-details .event-thumbnail{
    width: 40%;
    margin-right: 24px;
}
.mfp-content div.ccm-block-calendar-event-dialog-details .event-thumbnail img{
    width: 100%;
    height: auto;
    object-fit: cover;
}
.mfp-content div.ccm-block-calendar-event-dialog-details .event-content{
    width: 60%;
}
.mfp-content div.ccm-block-calendar-event-dialog-details .event-content .event-description{
    margin-bottom: 30px;
}
.mfp-content div.ccm-block-calendar-event-dialog-details .event-content table tr{
    border-bottom: 1px solid #e2e8f0;
    font-size: 16px;
}
.mfp-content div.ccm-block-calendar-event-dialog-details .event-content table td{
    padding: 5px 0;
}
.mfp-content div.ccm-block-calendar-event-dialog-details .event-content table tr:last-child{
    border-bottom: none;
}
.mfp-content div.ccm-block-calendar-event-dialog-details .event-content table td.table-title{
    vertical-align: top;
    color: #64758b;
    font-weight: bold;
}
.mfp-content div.ccm-block-calendar-event-dialog-details .event-content table td.table-content{
    max-width: 400px;
}
.mfp-content div.ccm-block-calendar-event-dialog-details .event-content .btn-event-pdf{
    width: 100%;
    margin-top: 20px;
}
.mfp-content div.ccm-block-calendar-event-dialog-details .event-popup__cover .event-card__title:hover{
    background: #cce2f2;
}
.mfp-content div.ccm-block-calendar-event-dialog-details .event-popup__cover .event-card__titletext{
    font-weight: bold;
    font-size: 21px;
    padding-top: 10px;
}
.mfp-content div.ccm-block-calendar-event-dialog-details .event-popup__cover .event-card__title .event-card__logo{
    left: 90%;
}
.mfp-content div.ccm-block-calendar-event-dialog-details .mfp-close{
    background: white;
    position: absolute;
    border-radius: 100px;
    top: -20px;
    right: -20px;
    opacity: 1;
    filter: drop-shadow(0 5px 5px rgb(0 0 0 / 0.5));
}
.nihongo article .c-inner{
    max-width: 808px;
    margin: 0 auto;
    width: 100%;
}
.nihongo article{
    max-width: 840px;
    margin: 0 auto;
    padding: 0 16px;
}
.nihongo__top-title{
    background: linear-gradient(0deg, rgba(230, 251, 241, 0) 0%, #E6F1F9 100%);
    padding-top: 16px;
    padding-bottom: 16px;
}
.nihongo__page-title{
    background: linear-gradient(180deg, #E6FBF1 0%, #E6F1F9 100%);
    backdrop-filter: blur(3px);
    padding: 60px;
    margin-bottom: 40px;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    color: #333333;
}
.column_cover{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}
@media screen and (max-width: 767px){
    .column_cover{
        display: block;
    }
}
.nihongo{
    line-height: 2;
    letter-spacing: 0.05em;
    color: #0A0A0A;
}
.nihongo p{
    font-size: 16px;
    line-height: 2.4;
    margin-bottom: 16px;
}
.nihongo p strong{
    font-size: 18px;
}
.nihongo p.right-arrow a,
.nihongo p.left-arrow a{
    text-decoration: none;
}
.nihongo p.right-arrow::after{
    content: '';
    background-image: url("../img/right_arrow.png");
    width: 9px;
    height: 14px;
    margin-left: 8px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
}
.nihongo p.left-arrow a{
    display: inline-block!important;
    position: relative!important;
}
.nihongo p.left-arrow a::after{
    content: '';
    background-image: url("../img/right_arrow.png");
    transform: rotate(180deg);
    width: 9px;
    height: 14px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    top: 33%;
    left: -18px;
    position: absolute;
}
.nihongo span{
    font-size: 14px;
    line-height: 2.5;
}
.nihongo h1,.nihongo h2,.nihongo h3{
    font-weight: 500;
    margin-bottom: 16px;
    color: #333333;
}
.nihongo h1{
    font-size: 32px;
    line-height: 1.6;
}
.nihongo h1.green{
    color: #004425;
    display: flex;
    align-items: center;
}
.nihongo h1.green img{
    margin-right: 8px;
}
.nihongo h2{
    font-size: 21px;
    line-height: 1.8;
}
.nihongo h3{
    font-size: 18px;
}
.nihongo ruby {
    font-size: 1.1em;
    text-emphasis: none;
}
.nihongo .content a{
    color: #00538D;
}
.nihongo .content a:hover{
    color: #006FBC;
}
.nihongo rt {
    font-size: max(50%, 10px);
    font-weight: 400;
    line-height: normal;
    -webkit-text-emphasis-style: none;
    text-emphasis-style: none;
    transform: translateY(-.1em);
    /* for Firefox */
    margin-bottom: -.6em;
}
@supports (-webkit-hyphens:none){
    .nihongo ruby > rt{
        transform: translateY(.4em);
    }
}
.nihongo .btn{
    display: block;
    border-radius: 50px;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
    padding: 13px 15px;
}
.nihongo .btn.btn-default{
    border: 2px solid #00538D;
    background-color: #006FBC;
    color: white;
}
.nihongo .btn.btn-disable{
    background-color: #E0E0E0;
    border: 2px solid #C2C2C2;
    color: #666;
    pointer-events: none;
}
.nihongo .btn-default.btn:hover{
    color: white;
}
.nihongo .btn-disable.btn:hover{
    color: #666;
}

.nihongo .nav li .page_title p,
.nihongo .no-submenu .page_title p{
    margin-bottom: 0;
    font-weight: 700;
}
.nihongo .nav li .page_description span{
    color: #333333;
    line-height: 2;
    font-weight: 400;
}
.nihongo .nav.two-column{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
}
.nihongo .nav{
    margin-bottom: 24px;
}
.nihongo .nav li,
.nihongo .no-submenu{
    cursor: pointer;
    position: relative;
    border-bottom: 1px dashed #c2c2c2;
    width: 100%;
    font-size: 16px;
    letter-spacing: 0.03em;
    font-weight: bold;
}
.nihongo .side-menu-list{
    padding: 0 16px;
}
.nihongo .side-menu-list li{
    font-size: 16px;
    letter-spacing: 0.03em;
    font-weight: bold;
}
.nihongo .side-menu-list-item.has-submenu{
    margin-top: 16px;
    color: #4D4D4D;
}
.nihongo .nav.two-column li:nth-last-child(-n+2){
    border-bottom: none;
}
.nihongo .nav li:last-child,
.nihongo .no-submenu:last-child{
    border-bottom: none;
}
.nihongo .nav li:nth-child(even){
    margin-right: 0;
}
.nihongo .nav li a,
.nihongo .no-submenu a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
    transition: all 0.4s ease 0s;
}
.nihongo .nav.two-column li a{
    padding: 18px 0;
}
.nihongo .arrow-icon{
    height: 32px;
    margin-left: 8px;
}
.nihongo .arrow-icon svg .bgc,.nihongo .arrow-icon svg .arrow{
    transition: all 0.4s ease 0s;
}
.nihongo .nav a:hover svg .bgc{
    fill: #006FBC;
}
.nihongo .nav a:hover svg .arrow{
    fill: #fff;
}
.nihongo .parent_title{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 16px;
}
.nihongo .parent_title h3{
    font-weight: 700;
    color: #333333;
}
.nihongo .parent_title.two-column{
    padding-top: 0;
}
.nihongo .parent_title img{
    max-width: 120px;
    height: auto;
    margin-right: 8px;
    margin-bottom: 16px;
}
.nihongo .parent_title.two-column img{
    margin-bottom: 0;
}
.nihongo .nihongo-express-entry-list .venue{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}
.nihongo .nihongo-express-entry-list .nihongo-class .class-item {
    margin-bottom: 24px;
}
.nihongo .nihongo-express-entry-list .class-item{
    border: 3px solid;
    padding: 24px 16px;
}
.nihongo .class-item h2{
    color: #004425;
    text-align: center;
    font-weight: 700;
}
.nihongo .class-item dl{
    margin-bottom: 16px;
    font-size: 16px;
}
.nihongo .class-item dt{
    font-size: 18px;
    color: #666;
    font-weight: 700;
    line-height: 2;
}
.nihongo .class-item dd{
    font-weight: 400;
}
.nihongo .class-item dd p{
    margin-bottom: 0;
}
.nihongo .class-item .class_date,
.nihongo .class-item .class_capacity{
    font-weight: 700;
}
.nihongo .class-item .venue_name{
    font-weight: 700;
}
.nihongo .nihongo-express-entry-list .venue .class-item h2{
    margin-bottom: 24px;
}
.nihongo .nihongo-express-entry-list .venue .class-item dl dt{
    display: flex;
    align-items: center;
}
.nihongo .nihongo-express-entry-list .venue .class-item dl dt p{
    line-height: 2;
    margin-bottom: 0;
    margin-left: 8px;
    font-size: 18px;
}
.nihongo .nihongo-express-entry-list .nihongo-class{
    margin-bottom: 24px;
}
.nihongo .nihongo-express-entry-list .venue .class-item,
.nihongo .nihongo-express-entry-list .nihongo-class .class-item:nth-child(odd){
    border-color: #99EEC6;
}
.nihongo .nihongo-express-entry-list .nihongo-class .class-item:nth-child(even){
    border-color: #99C5E4;
}
.nihongo .form-cover{
    margin-bottom: 16px;
}
.nihongo .contact-cover a{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}
.nihongo .contact-cover a svg.letter{
    margin-right: 4px;
}
.nihongo .contact-cover a svg.arrow{
    margin-left: 8px;
}
.nihongo .nihongo-class-list .nihongo-class-item {
    margin-top: 10px;
}
.nihongo .nihongo-class-list .nihongo-class-item a{
    border: 1px solid;
    border-radius: 8px;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.nihongo .nihongo-class-list .nihongo-class-item a p{
    margin-bottom: 0;
    font-weight: 700;
}
.nihongo .nihongo-class-list .nihongo-class-item .item-name{
    margin-right: 4px;
    font-size: 15px;
}
.nihongo .nihongo-class-list .nihongo-class-item a.active:hover .arrow path{
    stroke: #ffffff;
}
.nihongo .nihongo-class-list .nihongo-class-item .active{
    border-color: #006FBC;
    background-color: #E6F1F9;
    color: #00385E;
}
.nihongo .nihongo-class-list .nihongo-class-item .active:hover{
    background-color: #006FBC;
    color: #fff;
    opacity: 1;
}
.nihongo .nihongo-class-list .nihongo-class-item .disable{
    border-color: #F0F0F0;
    color: #666;
    pointer-events: none;
}
.nihongo .nihongo-class-list .nihongo-class-item .disable .arrow path{
    stroke: #f0f0f0;
}
.nihongo .footer_breadcrumb{
    max-width: 1224px;
    margin: 0 auto;
    padding: 16px;
}
.nihongo .footer_breadcrumb ol{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.nihongo .footer_breadcrumb li{
    font-size: 12px;
    line-height: 1.4;
    color: #475569;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
}
.nihongo .footer_breadcrumb li svg{
    margin: 0 16px;
}
.nihongo .footer_breadcrumb li a{
    color: #00538D;
    text-decoration: none;
    line-height: 1.4;
}
.nihongo .content .anchorArea.-anchorWrap .-list{
    display: block;
}
.nihongo .content .flow-anchor,
.nihongo .content .flow-anchor .section,
.nihongo .content .flow-anchor .section .anchorArea{
    margin-bottom: 0;
}
.nihongo .content .anchorArea.-anchorWrap .-list .-listitem{
    margin-left: 16px;
}
.nihongo .content .anchorArea.-anchorWrap .-list .-listitem a{
    width: 100%;
    padding: 0 0 0 5px;
}
@media screen and (max-width: 767px){
    .nihongo h1.green{
        font-size: 21px;
    }
    .nihongo h1.green img{
        max-width: 44px;
        height: auto;
    }
    .nihongo__top-title{
        margin-top: 65px;
    }
    .nihongo__top-title img{
        height: auto;
    }
    .nihongo__page-title{
        font-size: 21px;
        padding: 34px 16px;
        text-align: left;
        margin-top: 65px;
        margin-bottom: 16px;
    }
    .nihongo .c-inner{
        padding: 16px;
    }
    .nihongo .nav.two-column{
        padding: 0 16px;
    }
    .nihongo .parent_title{
        justify-content: start;
    }
    .nihongo.mainArea .content{
        margin-top: 0;
        padding: 0 0 24px;
    }
    .nihongo .nav.two-column{
        display: block;
    }
    .nihongo .nav.two-column li:nth-last-child(2){
        border-bottom: 1px dashed #c2c2c2;
    }
    .nihongo .parent_title img{
        max-width: 80px;
        height: auto;
        margin-right: 8px;
        margin-bottom: 16px;
    }
    .nihongo .nihongo-express-entry-list .entry-list-cover{
        display: block;
    }
    .nihongo .nihongo-express-entry-list .entry-list-cover.nihongo-class{
        margin-bottom: 16px;
    }
    .nihongo .nihongo-express-entry-list .entry-list-cover .class-item{
        margin-bottom: 16px;
    }
    .nihongo .content .flow-anchor{
        margin: 24px 0;
    }
    .nihongo .content .flow-anchor .anchorArea.-anchorWrap .-list{
        margin-bottom: 0;
    }
    .nihongo .content .flow-anchor .anchorArea.-anchorWrap .-listitem{
        width: 100%;
        margin-left: 0;
    }
}