/* ###################################################### */

html, body
{
    margin: 0px;
    font-family: "メイリオ", Meiryo, 'Meiryo', "ＭＳ Ｐゴシック", "MS PGothic", "Meiryo UI", sans-serif;
    font-size: 14px;
    color: #a81000;
    min-width: 1090px;
}

body
{
    background: #777777;
}

a
{
    color: #00aced;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}


/* ###################################################### */

.lead /* Element for Clearing */
{
    width: 100%;
    clear: both;
}

.container
{
    width: 100%;
    min-width: 1090px;
    min-height: 90%;
    position: relative;
    z-index: 10;
}
.container .section
{
    width: 100%;
    min-width: 1090px;
}

.section_centered
{
    text-align: center;
}

.container .section.section-lred
{
    color:#ffffff;
    /* padding: 175px 0px 125px 0px; */
    padding: 175px 0px 0px 0px;
    background-color: #a81000;
}

.container .section .section_contain
{
    width: 100%;
    margin-left: auto; margin-right: auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}


/* ###################################################### */


.hidden_text
{
    font-size: 0px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.header
{
    height: 110px;
    width: 100%;
    min-width: 1090px;
    background-color: #ffffff;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 100;
    box-shadow: 0 2px 10px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 2px 10px rgba(0,0,0,.2);
    -webkit-transition: height ease-in-out 0.3s; /* For Safari 3.1 to 6.0 */
    -moz-transition: height ease-in-out 0.3s;
    -o-transition: height ease-in-out 0.3s;
    transition: height ease-in-out 0.3s;
}

@media screen and (min-width : 1091px)
{

.header.smallheader
{
    height: 60px;
}

}

.header .header_contain
{
    height: 110px;
    width: 100%;
    min-width: 1090px;
    text-align: right;
}

.header .header_contain .header_logo
{
    font-size: 0px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 17px;
    left: 30px;
    width: 248px;
    height: 76px;
    display: block;
    -webkit-transition: top ease-in-out 0.3s,
                        width ease-in-out 0.3s,
                        height ease-in-out 0.3s; /* For Safari 3.1 to 6.0 */
    -moz-transition: top ease-in-out 0.3s,
                        width ease-in-out 0.3s,
                        height ease-in-out 0.3s;
    -o-transition: top ease-in-out 0.3s,
                        width ease-in-out 0.3s,
                        height ease-in-out 0.3s;
    transition: top ease-in-out 0.3s,
                        width ease-in-out 0.3s,
                        height ease-in-out 0.3s;
}

.header .header_contain .header_logo img
{
    display: block;
    width: 100%;
}

@media screen and (min-width : 1091px)
{

.header.smallheader .header_contain .header_logo
{
    top: 8px;
    left: 60px;
    width: 145px;
    height: 44px;
}

}

.header .header_contain .nav_menu
{
  cursor: default;
  margin: 0 62px 0 0;
}
.nav_menu_button
{
  display: none;
}

.header .header_contain .nav_menu .nav_menu_item
{
    display: inline-block;
    height: 110px;
    line-height: 110px;
    padding: 0px 30px;
    font-size: 17px;
    font-weight: bold;
    color: #5a5a53;
    letter-spacing: 1.1px;
    -webkit-transition: line-height ease-in-out 0.3s; /* For Safari 3.1 to 6.0 */
    -moz-transition: line-height ease-in-out 0.3s;
    -o-transition: line-height ease-in-out 0.3s;
    transition: line-height ease-in-out 0.3s;
}

@media screen and (min-width : 1091px)
{

.header.smallheader .header_contain .nav_menu .nav_menu_item
{
    line-height: 60px;
    height: 60px;
}

}

.header .header_contain .nav_menu .nav_menu_item:hover
{
    text-decoration: none;
    color: #a81000;
    cursor: pointer;
}

.parallax_bg
{
    width: 100%;
    min-width: 1090px;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.parallax_bg img
{
    width: 100%;
    min-height: 770px;
}
.vignette
{
    background: url('/ru_gr/edge/assets/img/ui/vignette-top.png') repeat-x top,
                url('/ru_gr/edge/assets/img/ui/vignette-bottom.png') repeat-x bottom,
                url('/ru_gr/edge/assets/img/ui/vignette-left.png') repeat-y left,
                url('/ru_gr/edge/assets/img/ui/vignette-right.png') repeat-y right;
    display: block;
    width: 100%;
    min-width: 1090px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    opacity: 0.3;
}

.parallax_placeholder
{
    height: 770px;
}

.main_banner
{
    position: fixed;
    width: 100%;
    min-width: 1090px;
    height: 660px;
    top: 115px;
    z-index: 3;
}

.main_banner .banner_title_contain .banner_title
{
    background: url(/ru_gr/edge/assets/img/ui/banner-title.png) no-repeat 50% top;
    -webkit-background-size: 100% 200%;
    -moz-background-size: 100% 200%;
    -ms-background-size: 100% 200%;
    background-size: 100% 200%;
    position: absolute;
    top: 0px;
    left: 50%;
    /* margin-left: -500px; */
    transform: translate(-50%, 0);
    width: 600px;
    height: 144px;
    display: block;
    opacity: 1;
}
.main_banner .banner_title_contain .banner_title-1
{
    top: 300px;
    -webkit-transition: top 1s ease-out, opacity 1s ease-out;
    -moz-transition: top 1s ease-out, opacity 1s ease-out;
    -o-transition: top 1s ease-out, opacity 1s ease-out;
    transition: top 1s ease-out, opacity 1s ease-out;
    z-index: 5;
}
.main_banner .banner_title_contain .banner_title-2
{
    background: url(/ru_gr/edge/assets/img/ui/banner-title.png) no-repeat 50% bottom;
    -webkit-background-size: 100% 200%;
    -moz-background-size: 100% 200%;
    -ms-background-size: 100% 200%;
    background-size: 100% 200%;
    top: 350px;
    -webkit-transition: top 1s ease-out 1s, opacity 1s ease-out 1s;
    -moz-transition: top 1s ease-out 1s, opacity 1s ease-out 1s;
    -o-transition: top 1s ease-out 1s, opacity 1s ease-out 1s;
    transition: top 1s ease-out 1s, opacity 1s ease-out 1s;
    z-index: 4;
}

.main_banner.main_banner_init .banner_title_contain .banner_title
{
    top: 220px;
    opacity: 0;
}

.main_banner.main_banner_init .banner_title_contain .banner_title-2
{
    top: 270px;
}


.main_banner .banner_paragraph
{
    background: url(/ru_gr/edge/assets/img/ui/banner-paragraph.png) no-repeat;
    background-size:391px 69px;
    position: absolute;
    top: 480px;
    width: 391px;
    height: 69px;
    left: 50%;
    transform: translate(-190px, 0);
    height: 70px;
    display: block;
    -webkit-transition: width 0.7s ease-out 2s, opacity 0.7s ease-out 2s;
    -moz-transition: width 0.7s ease-out 2s, opacity 0.7s ease-out 2s;
    -o-transition: width 0.7s ease-out 2s, opacity 0.7s ease-out 2s;
    transition: width 0.7s ease-out 2s, opacity 0.7s ease-out 2s;
}
.main_banner.main_banner_init .banner_paragraph
{
  width: 0px;
}
.main_banner .p-lead
{
  position: absolute;
  top: 80px;
  left: 50%;
  width: calc( 100% - 2rem );
  transform: translate(-50%, 0);
  color: #000;
  font-size: 2rem;
  font-family:  '游ゴシック',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  line-height: 2;
  font-weight: bold;
  text-align: center;
  text-shadow: -8px -8px 10px #fff,8px 8px 10px #ffff,-8px 8px 10px #ffff,8px -8px 10px #fff,0px 0px 10px #fff,0px 8px 10px #fff,0px -8px 10px #fff,8px 0px 10px #fff,-8px 0px 10px #fff;
}
.main_banner .p-lead span
{
  display: inline-block;
}


.white_logo
{
    background: url(/ru_gr/edge/assets/img/ui/logo-white.png) 50% 50% no-repeat;
    width: 670px;
    height: 112px;
    display: block;
    margin: 0px auto 80px auto;
}

.white_paragraphs
{
    width: 880px;
    margin: 0px auto;
}

.white_paragraphs p
{
    font-size: 18px;
    line-height: 34px;
    text-align: left;
    margin-bottom: 35px;
}

.picline
{
    width: 100%;
    text-align: center;
}

.picline .section_contain{
    width: 100% !important;
    text-align: center;
  background-color: #333333;
  display: flex;


}

.picline .picline_item{
    width: calc(100% / 3);
    display: block;
    /* float: left; */
    overflow: visible;
    transition: 0.3s all ease;
}
.picline .picline_item.coming_soon{
    pointer-events: none;
    position: relative;
}

.picline .picline_item.coming_soon span{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0, 0.4);
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 26px;
}

.picline .picline_item:hover{
  opacity: 0.7;
}

.picline .picline_item img
{
    width: 100%;
    display: block;
}

.picline .picline_item:nth-of-type(2n) img
{
    float: right;
}

.bigvisuals, .lgrey
{
    text-align: center;
    background-color: #dcdcd5;
    padding: 175px 0px 125px 0px;
    width: 100%;
}

.lgrey
{
    padding: 100px 0px 125px 0px;
}



.footer
{
    width: 100%;
    min-width: 1090px;
    background-color: #5a5a53;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
    z-index: 50;
    color: #ffffff;
}
.footer .footer_bnr{
  background: #7a7a70;
  padding: 20px 0;
}
.footer .footer_bnr_list{
  font-size: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.footer .footer_bnr_list-item{
  width: 210px;
  height: 78px;
  display: inline-block;
  padding: 0 5px;
}
.footer .footer_bnr_list-item a{
  display: block;
  border: 1px solid #dcdcd5;
  -webkit-transition: all ease-in-out 0.3s; /* For Safari 3.1 to 6.0 */
  -moz-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.footer .footer_bnr_list-item a:hover{
  border: 1px solid #5a5a53;
}
.footer .footer_bnr_list-item a img{
  width: 100%;
  height: 100%;
}
.footer .footer_contain
{
    position: static;
    padding: 35px;
}
.footer .footer_info{
  margin: 0 0 30px;
  padding: 0;
}
.footer .footer_info-head{
  margin: 0 0 10px;
  font-size: 1.15em;
  line-height: 1.3;
  font-weight: 700;
}
.footer .footer_info-cont{
  margin: 0;
  padding: 0;
}
.footer .footer_info-cont ul{
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: 100;
  line-height: 1.8;
}
.footer .footer_info-cont .postalCode{
  margin: 0 1em 0 0;
}
.footer .footer_info-cont a{
  color: #ffffff;
}

.footer .footer_right
{
  position: absolute;
  right: 35px;
  bottom: 5px;
}

.footer .footer_contain .footer_linktrain,
.footer .footer_contain .footer_dec
{
  display: inline-block;
    text-align: left;
    color: #ffffff;
}

.footer .footer_contain .footer_linktrain a
{
    font-size: 15px;
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    border-right: solid 1px #ffffff;
    line-height: 12px;
    height: 12px;
    padding-right: 15px;
    margin-right: 15px;
}

.footer .footer_contain .footer_linktrain
{
  margin-right: 50px;
}

.footer .footer_contain .footer_linktrain a:last-of-type
{
    border-right: 0px;
    padding-right: 0px;
    margin-right: 0px;
}

.footer .footer_contain .footer_linktrain a:hover
{
    text-decoration: underline;
    cursor: pointer;
}

/* .footer .footer_contain .footer_dec
{
} */

.footer .footer_contain .footer_copyright
{
    float: left;
    font-size: 15px;
    color: #ffffff;
    text-align: right;
}

.footer .footer_contain .footer_scmed
{
    float: left;
    text-align: right;
    position: relative;
    top: -15px;
    margin-right: 40px;
    cursor: default;
}

.footer .footer_contain .footer_scmed .scmed
{
    background: url(/ru_gr/edge/assets/img/ui/scmed.png) no-repeat 50% 10px #5fa9dd;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    border-radius: 9999px;
    -moz-border-radius: 9999px;
    -webkit-border-radius: 9999px;
    cursor: pointer;
}

.footer .footer_contain .footer_scmed .scmed.scmed_tw:hover
{
    background: url(/ru_gr/edge/assets/img/ui/scmed.png) no-repeat 50% 10px #6fb9ed;
}

.footer .footer_contain .footer_scmed .scmed.scmed_fb
{
    background: url(/ru_gr/edge/assets/img/ui/scmed.png) no-repeat 50% -80px #3b5998;
}

.footer .footer_contain .footer_scmed .scmed.scmed_fb:hover
{
    background: url(/ru_gr/edge/assets/img/ui/scmed.png) no-repeat 50% -80px #4b69a8;
}

.totop
{
    position: absolute;
  right: 35px;
    top: -80px;
    width: 80px;
    height: 80px;
    background: url(/ru_gr/edge/assets/img/ui/white-arrow.png) no-repeat 50% 50% #a81000;
    z-index: 80;
}
.totop:hover
{
    background: url(/ru_gr/edge/assets/img/ui/white-arrow.png) no-repeat 50% 50% #b82010;
    cursor: pointer;
}

.modals
{
    display: none;
}

.simplemodal-wrap
{
    background-color: #ffffff;
}

.simplemodal-data
{
    width: 500px;
}

.modal
{
    background-color: #ffffff;
    width: 500px;
    padding: 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
  position: relative;
}

.modal .modal-title
{
    font-size: 22px;
    font-weight: bold;
    line-height: 26px;
    color: #a81000;
    text-align: center;
    padding: 10px 0px 15px 0px;
    border-bottom: solid 1px #333333;
}

.modal .modal-content
{
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    color: #333333;
    text-align: left;
    padding: 15px 0px 15px 0px;
}

.modal .modal-subtitle
{
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    color: #a81000;
    display: block;
}

.modal .modal-subsubtitle
{
    font-weight: bold;
  display: block;
}

.modal .modal-content p,
.modal .modal-content a
{
    margin-bottom: 15px;
    display: block;
  white-space: normal;
}

#simplemodal-container a.modalCloseImg
{
    background:url(/ru_gr/edge/assets/img/ui/x.png) no-repeat 50% 50% #333333;
    width:40px;
    height:40px;
    display:inline;
    z-index:3200;
    position:absolute;
    top:0px;
    right:-40px;
    cursor:pointer;
}

#simplemodal-container a.modalCloseImg:hover
{
    background:url(/ru_gr/edge/assets/img/ui/x.png) no-repeat 50% 50% #434343;
}

.simplemodal-overlay
{
    background-color: #333333;
}

/* .simplemodal-wrap
{
} */

.loading
{
    display: none;
}

.loading.onloading
{
    background:url(/ru_gr/edge/assets/img/ui/loading.gif) no-repeat 50% 50% #ffffff;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: block;
}

.date_text
{
    background: url(/ru_gr/edge/assets/img/ui/date-text.png) 50% 50% no-repeat;
    width: 670px;
    height: 140px;
    display: block;
    margin: 0px auto 80px auto;
}




/****************************************************************************
2015.06 add
****************************************************************************/
.clearfix:after{
  clear : both;
  content : "";
  display : block;
}
/************
header
************/
.header .header_contain .header_facebook{
  position: absolute;
  top: 34px;
  right: 20px;
  display: block;
  width: 42px;
  height: 42px;
  background: url(/ru_gr/edge/assets/img/ui/header-facebook.gif) 0 0 no-repeat;
  -webkit-transition: top ease-in-out 0.3s; /* For Safari 3.1 to 6.0 */
  -moz-transition: top ease-in-out 0.3s;
  -o-transition: top ease-in-out 0.3s;
  transition: top ease-in-out 0.3s;
}
.header.smallheader .header_contain .header_facebook{
  top: 9px;
}
/************
TOP Program
************/
.secProgram{
  background: #DCDCD5;
  padding: 115px 0 115px;
}
#pagetop .secProgram{
  padding: 115px 0;
}
.secProgram .secProgram__title{
  font-size:3em;
  margin: 0 0 1em;
  text-align: center;
  line-height: 1.3;
  color: #a81000;
}
.secProgram .secProgram__cont{
  width: 880px;
  margin: auto;
}
.secProgram .secProgram__cont .secProgram__cont-list{
  width: 600px;
  margin: auto;
  padding: 0;
  list-style: none;
  font-size: 1.5em;
  line-height: 1;
}
.secProgram .secProgram__cont .secProgram__cont-list-item{
  margin: 0 0 20px;
}
.secProgram .secProgram__cont .secProgram__cont-list-item a{
  /*color: #a81000; */
  color: #646464;
  padding: .8em 30px .8em .8em;
  display: block;
  /*border: 4px solid  #a81000; */
  border: 4px solid  #646464;
  position: relative;
  text-align: center;
  -webkit-transition: all ease-in-out 0.3s; /* For Safari 3.1 to 6.0 */
  -moz-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  /* cursor : default; */
}
.secProgram .secProgram__cont .secProgram__cont-list-item a span{
  color: #a81000;
  font-size: 1.3rem;
}

.secProgram .secProgram__cont .secProgram__cont-list-item a:before{
  content: '\e602';
  font-family: 'iconfont';
  font-size: 26px;
  line-height: 1;
  color: #646464;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -13px;
  -webkit-transition: all ease-in-out 0.3s; /* For Safari 3.1 to 6.0 */
  -moz-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.secProgram .secProgram__cont .secProgram__cont-list-item a:hover{
  text-decoration: none;
}
/* .secProgram .secProgram__cont .secProgram__cont-list-item a:hover{
  background: #a81000;
  color: #fff;
  text-decoration: none;
}
.secProgram .secProgram__cont .secProgram__cont-list-item a:hover:before{
  color: #fff;
}*/
/************
TOP Message
************/
.secMessage{
  background: #FFFFFF;
  padding: 115px 0 115px;
}
.secMessage .secMessage__title{
  font-size:3.2em;
  margin: 0 0 1em;
  text-align: center;
  line-height: 1.3;
  color: #a81000;
}
.secMessage .secMessage__cont{
  width: 880px;
  margin: auto;
  color: #333;
}
.secMessage .secMessage__cont:after{
  clear : both;
  content : "";
  display : block;
}
.secMessage .secMessage__cont .messagePhoto{
  width: 27%;
  float: left;
}
.secMessage .secMessage__cont .messagePhoto .messagePhoto_image{
  width: 100%;
  height: auto;
}
.secMessage .secMessage__cont .messagePhoto .messagePhoto_prof{
  margin: 10px 0 0;
  line-height: 1.3;
  text-align: right;
}
.secMessage .secMessage__cont .messageText{
  width: 65%;
  float: right;
}
.secMessage .secMessage__cont .messageText h3{
  margin: 0 0 1em;
  font-size: 2.1em;
  line-height: 1.3;
}

/************
TOP NEWS & EVENTS
************/
.secNewsEvents{
  background-color: #fff;
  padding: 115px 0 115px;
}
#pagetop .secNewsEvents{
  padding: 115px 0;
}
.secNewsEvents .secNewsEvents__title{
  font-size:3.2em;
  margin: 0 0 1em;
  text-align: center;
  line-height: 1.3;
  color: #a81000;
}
.secNewsEvents .newsbox{
  margin: 60px 0 0 0;
  text-align: center;
}

.articleList{
  text-align: left;
  min-height: 200px;
}
.articleList .articleList__noEntry{
  text-align: center;
}
.articleList .articleList__item{
  margin: 0;
  padding: 20px 0;
  border-bottom: 1px solid #dcdcd5;
}
.articleList .articleList__item .articleList__item-date {
  color: #9d9d8c;
  font-size: 13px;
  line-height: 1;
  margin: 0 0 10px;
}
.articleList .articleList__item .articleList__item-date .icon{
  font-size: 10px;
  font-weight: 700;
  line-height: 13px;
  margin: 0 0 0 5px;
  padding: .1em .5em;
  display: inline-block;
  background: #a81000;
  color: #fff;
}


.articleList .articleList__item .articleList__item-title {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 100;
  line-height: 1.3;
}
.articleList .articleList__item .articleList__item-title a{
  color: #333;
  display: block;
  padding: 0 90px 0 0;
  position: relative;
  -webkit-transition: all ease-in-out 0.3s; /* For Safari 3.1 to 6.0 */
  -moz-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}

.articleList .articleList__item .articleList__item-title a:before{
  content: '\e602';
  font-family: 'iconfont';
  font-size: 20px;
  line-height: 1;
  color: #a81000;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}
.articleList .articleList__item .articleList__item-title a:hover{
  text-decoration: none;
  color: #8f8f8f;
}
.articleList .articleList__item .articleList__item-title .link-PDF:after{
  content: '\e601';
  font-family: 'iconfont';
  font-size: .9em;
  margin: 0 0 0 .5em;
}
.articleList .articleList__item .articleList__item-title .link-LinkURL:after{
  content: '\e600';
  font-family: 'iconfont';
  font-size: .9em;
  margin: 0 0 0 .5em;
}
.newsbox .gotoList{
  text-align: right;
  line-height: 1;
}
.newsbox .gotoList a{
  display: inline-block;
  font-size: 15px;
  padding: .6em 1em;
  color: #fff;
  background: #a81000;
  -webkit-transition: all ease-in-out 0.3s; /* For Safari 3.1 to 6.0 */
  -moz-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.newsbox .gotoList a:hover{
  background: #b82010;
  text-decoration: none;
}

/************
TOP NEWS color
************/
.secNewsEvents.l-news{
  background-color: #a81000;
}
.secNewsEvents.l-news .secNewsEvents__title{
  color: #fff;
}
.l-news .articleList .articleList__noEntry{
  color: #fff;
}
.l-news .articleList .articleList__item .articleList__item-date .icon-new{
  background: #fff;
  color: #a81000;
}
.l-news .articleList .articleList__item .articleList__item-title a{
  color: #fff;
}

.l-news .articleList .articleList__item .articleList__item-title a:before{
  color: #fff;
}
.l-news .articleList .articleList__item .articleList__item-title a:hover{
  text-decoration: none;
  color: #e5b7b2;
}
.l-news .newsbox .gotoList a{
  color: #a81000;
  background: #fff;
}
.l-news .newsbox .gotoList a:hover{
  background: #e5b7b2;
}


/************
TOP EVENTS color
************/
.secNewsEvents.l-events{
  background-color: #f2f2f2;
}
.secNewsEvents.l-events .newstitle{
  color: #a81000;
}
.l-events .articleList .articleList__item .articleList__item-date .icon-recruit{
  background: #a81000;
  color: #fff;
}
.l-events .articleList .articleList__item .articleList__item-title a{
  color: #333;
}
.l-events .articleList .articleList__item .articleList__item-title a:hover{
  text-decoration: none;
  color: #8f8f8f;
}
.l-events .newsbox .gotoList a{
  color: #fff;
  background: #a81000;
}
.l-events .newsbox .gotoList a:hover{
  background: #b82010;
}
.l-events .articleList .articleList__item .articleList__item-table{
  margin: 20px 0 0 0;
  background: #ddd;
  width: 100%;
  color: #333;
  border-collapse: collapse;
  border-spacing: 0;
}

.l-events .articleList .articleList__item .articleList__item-table td,
.l-events .articleList .articleList__item .articleList__item-table th {
  padding: 0;
}
.l-events .articleList .articleList__item .articleList__item-table tbody th{
  font-weight: 100;
  text-align: center;
  padding: .2em;
  width: 60px;
}
.l-events .articleList .articleList__item .articleList__item-table tbody td{
  padding: .2em;
}

/************
 REPORT
************/
.secNewsEvents .section_contain{
  margin-top: 60px;
}

.l-report .l-localNav__lower{
  border: 1px solid #dcdcd5;
  display: flex;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 20px;
}

.l-report .l-localNav__lower .title__lnav{
  color: #333;
  border-right: 1px solid #dcdcd5;
  margin: 0;
  padding: 20px;
}

.l-report .l-localNav__lower ul{
  width: 100%;
  list-style: none;
  display: flex;
  margin: 0;
  padding-left: 20px;
}

.l-report .l-localNav__lower ul li{
  margin-right: 15px;
}

.l-report .l-localNav__lower ul li:before{
  content: '●';
  color: #333;
}

.l-report .l-localNav__lower ul li a{
  color: #333;
}

/************
REPORT color
************/
.secNewsEvents.l-report{
  background-color: #ffffff;
}
.secNewsEvents.l-report .newstitle{
  color: #a81000;
}
.l-report .articleList .articleList__item .articleList__item-date .icon-recruit{
  background: #a81000;
  color: #fff;
}
.l-report .articleList .articleList__item .articleList__item-title a{
  color: #333;
}
.l-report .articleList .articleList__item .articleList__item-title a:hover{
  text-decoration: none;
  color: #8f8f8f;
}
.l-report .newsbox .gotoList a{
  color: #fff;
  background: #a81000;
}
.l-report .newsbox .gotoList a:hover{
  background: #b82010;
}
.l-report .articleList .articleList__item .articleList__item-table{
  margin: 20px 0 0 0;
  background: #ddd;
  width: 100%;
  color: #333;
  padding: 15px 20px 15px 15px;
}

.l-report .articleList .articleList__item .articleList__item-table td,
.l-report .articleList .articleList__item .articleList__item-table th {
  padding: 0;
}
.l-report .articleList .articleList__item .articleList__item-table tbody th{
  font-weight: 100;
  text-align: left;
  vertical-align: text-top;
  padding: .2em;
  width: 85px;
}
.l-report .articleList .articleList__item .articleList__item-table tbody td{
  padding: .2em;
}

/************
REPORT articleページ
************/
.article .l-report{
  padding-top: 0;
  padding-bottom: 0;
}

.article .l-report .articlebody{
  margin-top: 80px;
}

.article .l-report .articlebody .articlebody__item-date{
  color: #9d9d8c;
  font-size: 13px;
  line-height: 1;
  margin: 0 0 10px;
}

.article .l-report .articlebody .articlebody__item-table{
  margin: 20px 0 0 0;
  background: #ddd;
  width: 100%;
  color: #333;
  padding: 15px 20px 15px 15px;
}

.article .l-report .articlebody .articlebody__item-table td,
.article .l-report .articlebody .articlebody__item-table th {
  padding: 0;
}
.article .l-report .articlebody .articlebody__item-table tbody th{
  font-weight: 100;
  text-align: left;
  vertical-align: text-top;
  padding: .2em;
  width: 85px;
}
.article .l-report .articlebody .articlebody__item-table tbody td{
  padding: .2em;
}

.article .l-report .entrybody h2{
  color: #a81000;
  font-size: 18px;
}

.article .l-report .entrybody h3{
  font-size: 14px;
  font-weight: bold;
}

.article .l-report .entrybody .imgArea{
  display: flex;
  justify-content: flex-start;
}

.article .l-report .entrybody .imgArea p{
  text-align: center;
  width: 35%;
  max-width: 280px;
  overflow: hidden;
}
.article .l-report .entrybody .imgArea p:not(:last-child){
  margin-right: 15px;
}

.article .l-report .entrybody .imgArea img{
  width: 100%;
  height: auto;
}

.article .l-report .entrybody .imgArea span{
  display: block;
  font-size: 14px;
}


/************
 archivesページ
************/
#archivespage .secNewsEvents{
  background: #f2f2f2;
  padding: 165px 0 115px;
}

#archivespage .l-report{
  background: #ffffff;
  padding: 165px 0 115px;
}


/************
 articleページ
************/
.article{
  background: #fff;
  padding: 165px 0 115px;
}
.articlebody{
  color: #333;
}
.articlebody .articlecategory{
  color: #a81000;
  margin: 0 0 1em;
  line-height: 1;
  font-size: 15px;
  font-weight: 700;
}
.articlebody .articlebody__title{
  line-height: 1.3;
  font-size: 28px;
  margin: 0 0 1em;
}
.entrybody{
  margin: 60px 0;
  font-size:14px;
}
.entrybody img{
  max-width: 100%;
  height: auto;
}
.entrybody p{
  font-size: 14px;
  line-height: 1.6;
  text-align: left;
  margin-bottom: 35px;
}
.articlebody .datePlace{
  margin: 20px 0 0 0;
  background: #ddd;
  width: 100%;
  color: #333;
  border-collapse: collapse;
  border-spacing: 0;
}
.articlebody .datePlace td,
.articlebody .datePlace th {
  padding: 0;
}
.articlebody .datePlace tbody th{
  font-weight: 100;
  text-align: center;
  padding: .2em;
  width: 60px;
}
.articlebody .datePlace tbody td{
  padding: .2em;
}

/************
 regContent
************/
.regContent{
  color: #333;
  width: 880px;
  margin: auto;
}
.regContent h1{
  font-size: 3.2em;
  margin: 0 0 1.6em;
  text-align: center;
  line-height: 1.3;
  color: #a81000;
}
.regContent h2{
  font-size: 2em;
  margin: 0 0 1.6em;
  padding: 0 0 5px;
  font-weight: 100;
  text-align: center;
  line-height: 1.3;
  color: #333;
}
.regContent h2 span{
  display: inline-block;
  padding: 0 3px 5px;
  border-bottom: 2px solid #a81000;
}
.regContent h3{
  font-size: 1.6em;
  margin: 40px 0;
  text-align: center;
  line-height: 1.3;
  color: #a81000;
}

.regContent h4{
  border-bottom: solid 1px #333333;
  font-size: 1.4em;
  padding-bottom: 6px;
}

.regContent p{
  margin: 2rem 0;
}

.regContent p.lead{
  font-size: 16px;
  line-height: 1.8;
}
.regContent p.note{
  font-size: 14px;
  color: #828282;
  line-height: 1.8;
}
.regContent img{
  max-width: 100%;
  height: auto;
}
.regContent .regContent_unit{
  margin: 80px 0 0 0;
}
.regContent .align_center{
  text-align: center;
}

.regContent .u-large{
  font-size: 16px;
  font-weight: bold;
}

.regContent .u-bold{
  font-weight: bold;
}


.regContent .fbox{
  display: flex;
}

.entrybody .title_red{
  color: #a81000;
  font-weight: bold;
}

.regContent .program_case .align_center .u-forSp{
  display: none;
}


.regContent .program_case .program_case_text{
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
}

.regContent .program_case .program_case_text p{
  margin: 0;
}

.regContent .program_case .program_case_text div{
  width: 245px;
}
.regContent .program_case .program_case_text div:not(:last-child){
  margin-right: 25px;
}
.regContent .program_case .program_case_text .case_title{
  font-size: 18px;
  text-align: center;
  color: #a81000;
  font-weight: bold;
  margin-bottom: 0;
}



/************
 programOutline
************/
#programOutline .program_featureOl{
  font-size: 16px;
  line-height: 1.2;
  list-style: none;
  padding: 0;
}
#programOutline .program_featureOl-item{
  position: relative;
  padding: 0 0 0 1.5em;
  margin: 16px 0 0 0;
}
#programOutline .program_featureOl-item:first-child{
  margin: 0;
}
#programOutline .program_featureOl-item .num{
  font-weight: 700;
  position: absolute;
  left: 0;
}

/************
 programActivity
************/
.activity_content h3:not(:first-of-type){
  margin-top: 80px;
}


.activity_content .fbox_list{
  width: 60%;
  font-size: 18px;
  list-style: none;
  padding: 0;
  margin: 0 30px 0 0;
  line-height: 1.8;
}


.activity_content .fbox_list li{
  text-indent: -18px;
  padding-left: 18px;
  margin-bottom: 10px;
}

.activity_content .fbox_list span{
  color: #32bda8;
  vertical-align: middle;
  margin-right: 6px
}

.activity_content .fbox_img{
  width: 40%;
}


/************
 programPerformance
************/
.performance_content h3 span{
  font-weight: normal;
  font-size: 18px;
}

.performance_content .fbox{
  max-width: 880px;
  margin-right: auto;
  margin-left: auto;
}

.fbox_frame{
  border: 2px solid #80c269;
  border-radius: 20px;
  padding: 20px;
  position: relative;
  max-width: 260px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
}

.fbox_frame:not(:last-child){
  margin-right: 50px;
}

.fbox_frame:not(:last-child)::after{
  content: '';
  background: url(/ru_gr/edge/assets/img/ui/program-performance-arrow-r.gif) no-repeat 50% 50%;
  width: 35px;
  height: 57px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -18%;
}

.fbox_frame p{
  font-weight: bold;
  margin: 0;
}

.fbox_frame img{
  width: 100%;
  max-width: 220px;
  margin-top: 10px;
}

.fbox_pbl{
  flex-wrap: wrap;
  margin-top: 60px;
}

.fbox_pbl div{
  width: 30%;
  margin-bottom: 40px;
}

.fbox_pbl div:not(:nth-child(3n)){
  margin-right: 4.6%;
}

.fbox_pbl p{
  margin: 0;
}

.fbox_pbl img{
  margin-top: 10px;
}


.performance_content .pb_box{
  padding: 30px 0;
}



.performance_content .fbox_text{
  width: 50%;
  font-size: 16px;
  line-height: 1.8;
  margin: 0 30px 0 0;
}

.performance_content .fbox_img{
  width: 50%;
}

.performance_content .fbox_inner{
  display: flex;
  margin-bottom: 30px;
}

.performance_content .fbox_inner p{
  margin: 0;
}
.performance_content .fbox_inner{
  display: flex;
  width: 50%;
}

.performance_content .fbox_inner:first-child{
  margin-right: 30px;
}

.performance_content .fbox_inner .fbox_img{
  width: 30%;
  margin-right: 20px;
}

.performance_content .fbox_inner .fbox_text{
  width: 70%;
  margin: 0;
  padding-left: 16px;
  text-indent: -16px;
}

.performance_content .fbox_inner .fbox_text p span{
  /* font-size: 14px; */
  vertical-align: middle;
  margin-right: 4px
}

.performance_content .fbox_example{
  justify-content: center;
}

.performance_content .fbox_example img{
  width: 100%;
  max-width: 280px;
}

.performance_content .fbox_example p:not(:last-child){
  margin-right: 20px;
}

.performance_content .fbox_course_long .fbox_inner{
  width: 100%;
  margin-right: 0
}

.performance_content .fbox_course_long .fbox_inner .fbox_img{
  display: flex;
  width: 54%;

}

.performance_content .fbox_course_long .fbox_inner .fbox_img p{
  margin-right: 5px;
}

.performance_content .fbox_course_long .fbox_inner .fbox_img p img{
  width: 100%;
}

/************
 pagination
************/
.paginationList{
  width: 100%;
  margin: 30px 0;
  padding: 0;
  list-style: none;
  line-height: 1;
}
.paginationList .paginationList__item{
  display: inline-block;
}
.paginationList .paginationList__item.prev{
  float: left;
}
.paginationList .paginationList__item.next{
  float: right;
}
.paginationList .paginationList__item a{
  display: inline-block;
  font-size: 15px;
  padding: .6em 1em;
  color: #fff;
  background: #a81000;
  -webkit-transition: all ease-in-out 0.3s; /* For Safari 3.1 to 6.0 */
  -moz-transition: all ease-in-out 0.3s;
  -o-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
}
.paginationList .paginationList__item a:hover{
  background: #b82010;
  text-decoration: none;
}


/* 動画 */
.movieWrap{
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.movieWrap .movieBtn{
  font-size: 18px;
  width: 300px;
  height: 80px;
  background: #aa0b00;
  position: absolute;
  bottom: 30px;
  right: 30px;
  color: #fff;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.movieWrap .movieBtn::before{
  content: '';
  background: url('/ru_gr/edge/assets/img/top/icon_start.png') no-repeat;
  background-size: cover;
  display: block;
  width: 35px;
  height: 25px;
  margin-right: 15px;
}

.movieWrap iframe{
  position: absolute;
  top: 50%;
  left: 50%;
  margin:auto;
  transform: translate(-50%,-50%);
  width: 135%!important;
  height: 135%!important;
}
