@charset "utf-8";

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

リセット

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

html {

    -webkit-text-size-adjust: 100%;

}

body,

h1,h2,h3,h4,h5,h6,

p,

ul,ol,li,

dl,dt,dd {

    margin: 0;

    padding: 0;

    font-size: 100%;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

}

img {

    vertical-align: middle;

}



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

フォント

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

body {

    font-family: "SF Pro JP", "SF Pro Display", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "sans-serif";

    font-weight: 300;

    line-height: 1.5;

    color: #222;

    overflow-wrap: break-word;

}

h1,h2,h3,h4,h5,h6,strong,b {

    font-weight: 600;

}



/* claris.com *********************************/

body {

    font-size: 115%;

    line-height: 1.35;

}



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

リンク

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

/* Dark Green */

a {

    text-decoration: none;

    color: #208A3D;

}

a:hover {

    color: #34C759;

}



/* Light Green */

a.l-green {

    color: #4FE669;

}

a.l-green:hover {

    color: #34C759;

}



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

リンク（ボタン）

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

a.btn {

    display: inline-block;

    box-sizing: border-box;

    border: solid 1px;

    border-radius: 3px;

    padding: 0.5em 1em;

    transition: color 0.25s, border-color 0.25s, background-color 0.25s;

}

a.btn:hover {

    transition: color 0.25s, border-color 0.25s, background-color 0.25s;

}



/* Dark Green */

a.btn.d-green {

    color: #208A3D;

    border-color: #208A3D;

    background-color: transparent;

}

a.btn.d-green:hover {

    color: #FFF;

    border-color: #208A3D;

    background-color: #208A3D;

}



/* Dark Green (Fill) */

a.btn.d-green-fill {

    color: #FFF;

    border-color: #208A3D;

    background-color: #208A3D;

}

a.btn.d-green-fill:hover {

    color: #FFF;

    border-color: #34C759;

    background-color: #34C759;

}



/* Light Green */

a.btn.l-green {

    color: #4FE669;

    border-color: #4FE669;

    background-color: transparent;

}

a.btn.l-green:hover {

    color: #FFF;

    border-color: #4FE669;

    background-color: #4FE669;

}



/* Dark Yellow */

a.btn.d-yellow {

    color: #A05A00;

    border-color: #A05A00;

    background-color: transparent;

}

a.btn.d-yellow:hover {

    color: #FFF;

    border-color: #A05A00;

    background-color: #A05A00;

}



/* Light Yellow */

a.btn.l-yellow {

    color: #FFE67B;

    border-color: #FFE67B;

    background-color: transparent;

}

a.btn.l-yellow:hover {

    color: #FFF;

    border-color: #FFE67B;

    background-color: #FFE67B;

}



/* Dark Blue */

a.btn.d-blue {

    color: #186A80;

    border-color: #186A80;

    background-color: transparent;

}

a.btn.d-blue:hover {

    color: #FFF;

    border-color: #186A80;

    background-color: #186A80;

}



/* Light Blue */

a.btn.l-blue {

    color: #60C0DB;

    border-color: #60C0DB;

    background-color: transparent;

}

a.btn.l-blue:hover {

    color: #FFF;

    border-color: #60C0DB;

    background-color: #60C0DB;

}



/* Dark Purple */

a.btn.d-purple {

    color: #663E80;

    border-color: #663E80;

    background-color: transparent;

}

a.btn.d-purple:hover {

    color: #FFF;

    border-color: #663E80;

    background-color: #663E80;

}



/* Dark Purple (Fill) */

a.btn.d-purple-fill {

    color: #FFF;

    border-color: #663E80;

    background-color: #663E80;

}

a.btn.d-purple-fill:hover {

    color: #FFF;

    border-color: #9D70BA;

    background-color: #9D70BA;

}



/* Light Purple */

a.btn.l-purple {

    color: #CBA1E6;

    border-color: #CBA1E6;

    background-color: transparent;

}

a.btn.l-purple:hover {

    color: #FFF;

    border-color: #CBA1E6;

    background-color: #CBA1E6;

}



/* Dark Red */

a.btn.d-red {

    color: #993831;

    border-color: #993831;

    background-color: transparent;

}

a.btn.d-red:hover {

    color: #FFF;

    border-color: #993831;

    background-color: #993831;

}



/* Black */

a.btn.black {

    color: #000;

    border-color: #000;

    background-color: transparent;

}

a.btn.black:hover {

    color: #FFF;

    border-color: #000;

    background-color: #000;

}



/* Black (Fill) */

a.btn.black-fill {

    color: #FFF;

    border-color: #000;

    background-color: #000;

}

a.btn.black-fill:hover {

    color: #FFF;

    border-color: #2C2C2E;

    background-color: #2C2C2E;

}



/* White */

a.btn.white {

    color: #FFF;

    border-color: #FFF;

    background-color: transparent;

}

a.btn.white:hover {

    color: #000;

    border-color: #FFF;

    background-color: #FFF;

}



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

汎用クラス

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

.clearfix:after {

    content: "";

    clear: both;

    display: block;

}

.secret{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(0 0 99.9% 99.9%);clip-path:inset(0 0 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}



















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

Engageヘッダー PC

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

.header_cej_pc {

    background-color: #336bf6;

    background-image: linear-gradient(to right, #336bf6, #08bbe1);

    width: 100%;

    position: fixed;

    top: 60px;

    z-index: 9;

}

.header_cej_pc.scrolled {

    top: 0;

}



.header_cej_pc > div {

    max-width: 1000px;

    height: 60px;

    margin: 0 auto;

    position: relative;

}



/* ホームリンク **********************/

a.header_cej_pc_home {

    text-decoration: none;

    display: block;

    height: 20px;

    line-height: 20px;

    position: absolute;

    top: 20px;

    left: 0;

    font-size: 112.5%;/*18*/

    color: #FFF;

}

a.header_cej_pc_home:hover {

    color: rgba(255,255,255,0.8);

}



/* リスト ***************************/

.header_cej_pc ul.nav {

    position: absolute;

    top: 20px;

    right: 0;

    letter-spacing: -.4em;

}

.header_cej_pc ul.nav li {

    list-style: none;

    display: inline-block;

    vertical-align: top;

    letter-spacing: normal;

    margin-left: 15px;

}



/* リンク ***************************/

.header_cej_pc ul.nav li a {

    text-decoration: none;

    display: block;

    height: 20px;

    line-height: 20px;

    font-size: 87.5%;/*14*/

    color: #FFF;

}

.header_cej_pc ul.nav li a:hover {

    color: rgba(255,255,255,0.8);

}



/* ご登録 */

.header_cej_pc ul.nav li.nav_register a {

    /*color: #4FE669;*/

    color: #FFE67B;

}

.header_cej_pc ul.nav li.nav_register a:hover {

    /*color: #34C759;*/

    color: #FFD426;

}



/* 2行 */

.header_cej_pc ul.nav li.nav_workshop a,

.header_cej_pc ul.nav li.nav_register a {

    text-align: center;

    margin-top: -10px;

}



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

Engageヘッダー SP

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

.header_cej_sp {

    display: none;



    background-color: #336bf6;

    background-image: linear-gradient(to right, #336bf6, #08bbe1);

    width: 100%;

    height: 48px;



    position: fixed;

    top: 48px;

    z-index: 9;



    box-sizing: border-box;

    padding-top: 48px;

    overflow: hidden;



    transition: height 0.5s;

}

.header_cej_sp.scrolled {

    top: 0;

}

.header_cej_sp.opened {

    height: 100%;

    transition: height 0.5s;

}



/* ホームリンク **********************/

a.header_cej_sp_home {

    text-decoration: none;

    display: block;

    height: 20px;

    line-height: 20px;

    position: absolute;

    top: 14px;

    left: 15px;

    font-size: 112.5%;/*18*/

    color: #FFF;

}



/* メニューボタン ********************/

.header_cej_sp_menu {

    width: 48px;

    height: 48px;

    position: absolute;

    top: 0;

    right: 0;

    background: url("../images/common/header_cej_menu_open.png") no-repeat center center;

    background-size: 17px 11px;

}

.header_cej_sp_menu.opened {

    background-image: url("../images/common/header_cej_menu_close.png");

}



/* リスト ***************************/

.header_cej_sp ul.nav {

    height: calc(100% - 48px);

    overflow: auto;

}

.header_cej_sp ul.nav li {

    list-style: none;

    font-size: 125%;/*20*/

    margin: 1em;

}



/* リンク ***************************/

.header_cej_sp ul.nav li a {

    text-decoration: none;

    color: #FFF;

}



/* ご登録 */

.header_cej_sp ul.nav li.nav_register a {

    /*color: #4FE669;*/

    color: #FFE67B;

}



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

ナビの現在位置

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

body.page_timetable li.nav_timetable a,

body.page_session   li.nav_session   a,

body.page_speaker   li.nav_speaker   a,

body.page_showcase  li.nav_showcase  a,

body.page_workshop  li.nav_workshop  a {

    color: rgba(255,255,255,0.6) !important;

}



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

ヘッダーのスペース

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

.header_space {

    height: 120px;

}



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

Engageヘッダー PC SP 切り替え

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

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

    .header_cej_pc {

        display: none;

    }

    .header_cej_sp {

        display: block;

    }

    .header_space {

        height: 96px;

    }

}



















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

Topに戻る

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

a#top {

	position: absolute;

    top: 0;

}



a.back-to-top {

    display: block;

    width: 40px;

    height: 40px;

    position: fixed;

    right: 10px;

    bottom: -50px;

    z-index: 8;

    transition: bottom 0.5s;

}

a.back-to-top.scrolled {

	bottom: 20px;

	transition: bottom 0.5s;

}



a.back-to-top img {

    display: block;

    width: 40px;

    height: 40px;

    position: absolute;

    top: 0;

    left: 0;

    transition: top 0.25s;

}

a.back-to-top img:hover {

    top: -4px;

    transition: top 0.25s;

}



















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

オビ ご登録

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

.bar_register {

    background: url("../images/common/bar_register_bg.jpg") no-repeat center center;

    background-size: cover;

}

.bar_register > div {

    background-color: rgba(0,0,0,0.4);

    padding: 50px 15px;

}

.bar_register > div > div {

    max-width: 1000px;

    margin: 0 auto;

    text-align: center;

}



.bar_register p {

    font-size: 112.5%;/*18*/

    color: #FFF;

}



.bar_register a.btn {

    font-size: 112.5%;/*18*/

    /*padding: 0.5em 2em;*/

    /*margin-top: 1em;*/

    margin: 1em 10px 0 10px;

}



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

Engageフッター

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

.footer_cej {

    background-color: #333;

    padding: 50px 0;

}

.footer_cej > div {

    max-width: 1030px;

    margin: 0 auto;

    letter-spacing: -.4em;

}

.footer_cej > div > div {

    letter-spacing: normal;

    display: inline-block;

    vertical-align: top;

    width: 50%;

    box-sizing: border-box;

    padding: 0 15px;

}



.footer_cej h4 {

    font-weight: 300;

    font-size: 100%;/*16*/

    color: #FFF;

}

.footer_cej p {

    font-size: 87.5%;/*14*/

    color: #FFF;

}



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

    .footer_cej > div > div {

        width: 100%;

    }

    .footer_cej p {

        margin-top: 1em;

    }

}



/* Engageフッター 2 */

.footer_cej_2 {

    background-color: #444;

    padding: 50px 15px;

}

.footer_cej_2 > div {

    max-width: 1000px;

    margin: 0 auto;

}

.footer_cej_2 p {

    font-size: 75%;/*12*/

    color: #AAA;

}



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

グローバルフッター

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

.cs-gfoot-legalcopyright {

    margin-top: -4px;

}