@charset "UTF-8";
element {
    --works-green: #009b3c;
    --works-red: #d82002;
}

*,
*::before,
*::after {
    /* ボックスモデルのボーダーエリアを指すよう変更*/
    box-sizing: border-box;
}


/* リセット処理 */

.wm2030-container {
    /* 開発用
    font-family: "メイリオ", Meiryo, Inconsolata, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; */
    /* 本番用 */
    font-family: Inconsolata, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    /* フォントの可読性を高める設定 */
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "palt";
    color: #009b3c;
    text-align: center;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 2;
    width: 100%;
}

.wm2030-container a {
    text-decoration: none;
}

.wm2030-container li {
    list-style-type: none;
}

.wm2030-container h3 {
    font-weight: normal;
    font-size: 33px;
    letter-spacing: 8px;
}

.wm2030-container hr {
    background-color: #009b3c;
    border: none;
    height: 1px;
    width: 90px;
}


/* ここまで */


/* ローカルナビゲーション*/

.nav-item {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    font-weight: bold;
}

.link-name {
    display: block;
    padding-top: 20px;
    color: darkgray;
    line-height: 2em;
    /* CSSアニメーション */
    transition-property: color;
    transition-duration: 0.35S;
    transition-timing-function: ease;
}

.link-name::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 1px;
    margin-right: 10px;
    background-color: darkgray;
    vertical-align: middle;
    /* CSSアニメーション */
    transition-property: width, background-color;
    transition-duration: 0.35S;
    transition-timing-function: ease;
}

.link-name:hover {
    color: black;
}

.link-name:hover::before {
    width: 40px;
    background-color: black;
}

.active {
    color: black;
}

.active::before {
    width: 40px;
    background-color: black;
}


/* ここまで */

h2.heading {
    margin: 0 0 -10px;
    letter-spacing: 8px;
    font-size: 36px;
    border: none;
}

.floating-area {
    position: fixed;
    font-family: Inconsolata, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    /* フォントの可読性を高める設定 */
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "palt";
    background-color: rgba(225, 225, 225, 0.9);
    /*    background-color: rgba(247, 247, 247, 0.9); */
    width: 100%;
    height: 70px;
    margin-top: calc(100vh + 70px);
    z-index: 10;
    letter-spacing: 1px;
    /* CSSアニメーション */
    transition-property: margin-top;
    transition-duration: 0.5S;
    transition-timing-function: ease;
}

.floating-area a {
    text-decoration: none;
}

.entry {
    display: inline-block;
    float: right;
    background-color: #d82002;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    padding-top: 10px;
    font-weight: bold;
    margin: -60px 40px 20px auto;
    letter-spacing: 0.03em;
    font-size: 16px;
    line-height: 1.5;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    color: white;
    text-align: center;
    transition-property: background-color;
    transition-duration: 0.35S;
    transition-timing-function: ease;
}

.entry:visit {
    color: white;
}

.entry:hover {
    background-color: #7F0A04;
}

.entry:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-style: solid;
    border-width: 2px 0 0 2px;
    transform: rotate(135deg);
    position: relative;
    left: -2px;
    top: 74px;
}

.local-navigation {
    position: fixed;
    margin-top: 10%;
    z-index: 10;
}


/* ブランドトップ領域*/

.brand-top {
    width: 100%;
    height: 670px;
    /*
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.15);
    */
    letter-spacing: 0.5px;
    padding: 30px 120px 0px 120px;
    min-width: 1140px;
}

video {
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1;
}

.gradation-cover {
    /* グラデーション処理*/
    background: -moz-linear-gradient(top, rgba(234, 235, 235, 0.4) 0%, rgba(234, 235, 235, 0.6) 30%, rgba(234, 235, 235, 0.6) 70%, rgba(234, 235, 235, 0.4) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(234, 235, 235, 0.4) 0%, rgba(234, 235, 235, 0.6) 30%, rgba(234, 235, 235, 0.6) 70%, rgba(234, 235, 235, 0.4) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(234, 235, 235, 0.4) 0%, rgba(234, 235, 235, 0.6) 30%, rgba(234, 235, 235, 0.6) 70%, rgba(234, 235, 235, 0.4) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#66eaebeb', endColorstr='#66eaebeb', GradientType=0);
    /* IE6-9 */
}

.brand-top .keytitle {
    font-size: 36px;
    font-weight: normal;
    letter-spacing: 8px;
}

.brand-top .brandlogo {
    width: 480px;
    display: block;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}

.brand-top .keymessage {
    width: 760px;
    margin: 30px auto 50px;
    font-weight: bold;
    font-size: 18px;
}


/* スクロールボタンのアニメーション */

@-webkit-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}

@-moz-keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}

@keyframes ani-mouse {
    0% {
        opacity: 1;
        top: 29%;
    }
    15% {
        opacity: 1;
        top: 50%;
    }
    50% {
        opacity: 0;
        top: 50%;
    }
    100% {
        opacity: 0;
        top: 29%;
    }
}

.scroll-btn {
    margin-top: 72px;
    display: block;
    /* 一時的にコメントアウト
	position: absolute
	left: 0;
	right: 0;
	text-align: center;
     */
}

.scroll-btn > * {
    line-height: 18px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0px;
    margin-top: 0;
    margin-bottom: 5px;
}

.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
    color: #009b3c;
}

.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.scroll-btn .mouse {
    position: relative;
    display: block;
    width: 20px;
    height: 40px;
    margin: 0 auto 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #009b3c;
    border-radius: 23px;
}

.scroll-btn .mouse > span {
    position: absolute;
    display: block;
    top: 29%;
    left: 55%;
    width: 6px;
    height: 6px;
    margin: -4px 0 0 -4px;
    background: #009b3c;
    border-radius: 50%;
    -webkit-animation: ani-mouse 2s linear infinite;
    -moz-animation: ani-mouse 2s linear infinite;
    animation: ani-mouse 2s linear infinite;
}


/* ここまで*/


/* ここまで*/


/* イベント枠 */

.event {
    padding: 40px 120px 120px 120px;
    background-color: #F9F9F9;
    width: 100%;
    min-width: 1140px;
}

.event-logo {
    width: 576px;
    display: block;
    margin: 50px auto 0px;
}

.event-text {
    margin: 30px 0;
    line-height: 2.5;
}


/* ボタン */

.button {
    display: inline-block;
    height: 50px;
    padding-left: 30px;
    padding-right: 20px;
    padding-top: 5px;
    letter-spacing: 8px;
    font-size: 18px;
    font-weight: bold;
}

.button:hover {
    text-decoration: none;
}

.button-red {
    color: #d82002;
    border: 1px solid #d82002;
}

.button-red:hover {
    color: white;
    background-color: #d82002;
    transition: 0.35S;
}

.button-red-white {
    color: #d82002;
    border: 1px solid #d82002;
    background-color: white;
}

.button-red-white:hover {
    color: white;
    background-color: #d82002;
    transition: 0.35S;
}

.button-green {
    color: #009b3c;
    border: 1px solid #009b3c;
}

.button-green:hover {
    color: white;
    background-color: #009b3c;
    transition: 0.35S;
}

.button-disable {
    color: #B3B3B3;
    border: 1px solid #B3B3B3;
    margin-top: 0;
}

.button-column {
    display: block;
    width: 210px;
    letter-spacing: 5px;
    margin-bottom: 40px;
}


/* ここまで */

.coming-soon {
    height: 168px;
    width: 300px;
    padding-top: 22%;
    margin: 0;
    background-color: lightgray;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: bold;
}

.column-unable {
    color: lightgrey;
}

.column {
    padding: 40px 120px 80px 120px;
    background-color: #FFFFFF;
    width: 100%;
    min-width: 1140px;
}

.columuns-wrapper {
    display: table;
    table-layout: fixed;
    width: 960px;
    margin: 50px auto;
}

.columuns-row {
    display: table-row;
}

.columun-box {
    display: table-cell;
    position: relative;
    padding: 10px 10px 40px;
    vertical-align: top;
}

.column-image {
    overflow: hidden;
    width: 300px;
    height: 168px;
}

.columns-2cell-image {
    overflow: hidden;
    width: 620px;
    height: 349px;
}

.column-image img {
    width: 100%;
    transition: -wetkit-transform 0.35s ease;
    transition: transform 0.35s ease;
}

.columns-2cell-image img {
    width: 100%;
    transition: -wetkit-transform 0.35s ease;
    transition: transform 0.35s ease;
}

.column-image:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.columns-2cell-image:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.work-box:nth-of-type(odd) img {
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.work-box:nth-of-type(even) img {
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
}

.batch {
    margin: 0;
    position: absolute;
    z-index: 1;
    width: 80px;
    background-color: #d82002;
    color: white;
    font-weight: bold;
    letter-spacing: 3px;
    font-size: 12px;
}

.top-column-title {
    color: #009b3c;
    text-align: left;
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 10px;
    margin-top: 10px;
    height: 90px;
}

.top-column-detail {
    color: #009b3c;
    font-size: 13px;
    text-align: left;
    line-height: 1.5;
    margin-top: 0;
}

.columun-empty {
    visibility: hidden;
}


/* コンタクトエリア*/

.contact {
    padding: 40px 120px 120px 120px;
    background-color: #F9F9F9;
    width: 100%;
    min-width: 1140px;
}

.contact-text {
    margin: 50px 0 20px;
    line-height: 2.5;
}

.members-wrapper {
    display: table;
    table-layout: fixed;
    width: calc(960px + 40px);
    margin: 50px auto 60px;
}

.members-row {
    display: table-row;
}

.member-box {
    display: table-cell;
    width: 27%;
    padding: 20px 20px 40px 20px;
}

.member {
    border-radius: 50%;
    width: 128px;
    border: solid 2px rgb(228, 228, 228);
}


/* ここまで */


/* イベント詳細ページ*/

.event-top {
    background: #FFFFFF url('../images/event_bg_masked.jpg') no-repeat fixed left top;
    background-size: cover;
    padding: 40px 120px 120px 120px;
    /*    height: 710px;*/
    /*
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.15)
    */
    min-width: 1140px;
}

.event-program {
    padding: 40px 120px 120px 120px;
    background-color: #F9F9F9;
    width: 100%;
    min-width: 1140px;
}

ul.program-merit-block {
    width: 700px;
    margin: 20px auto 70px;
}

ul li.program-merit {
    position: relative;
    text-align: left;
    width: 100%;
    text-decoration: underline;
    text-indent: 3em;
    margin-bottom: 10px;
    font-size: 16px;
}

ul li.program-merit::after {
    display: block;
    content: '';
    position: absolute;
    top: .1em;
    width: 16px;
    height: 10px;
    border-left: 1px solid #009b3c;
    border-bottom: 1px solid #009b3c;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

hr.program-hr {
    background-color: #128D2F;
    border: none;
    height: 1px;
    width: 500px;
    margin-top: 0px;
    margin-bottom: 20px;
}

.programs-wrapper {
    display: table;
    table-layout: fixed;
    margin: 40px auto;
    text-align: left;
}

.programs-row {
    display: table-row;
}

.program-box {
    display: table-cell;
    vertical-align: top;
}

.program-detail-box {
    width: 760px;
    padding: 20px 30px 25px 30px;
    border: solid 1px;
}

.program-time {
    width: 185px;
    margin: 20px 0 0 0;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    line-height: 1.1;
}

.program-hr {
    text-align: left;
}


/* スピーカー関連*/

img.speaker {
    display: block;
    border-radius: 50%;
    width: 100px;
    border: solid 2px rgb(228, 228, 228);
}

.event_speaker {
    display: table;
}

.event_speaker__box {
    display: table-cell;
    width: 100%;
    vertical-align: top;
}

.event_speaker__box:first-child {
    width: 122px;
    padding: 0 0 10px 0;
}

.event_speaker__box:last-child {
    width: 600px;
}

.event_speaker__img {
    display: block;
    border-radius: 50%;
    width: 90px;
    border: solid 2px rgb(228, 228, 228);
    margin-right: 40px;
}

.event_speaker__img_s {
    display: block;
    border-radius: 50%;
    width: 50px;
    border: solid 2px rgb(228, 228, 228);
    margin: 0 auto;
    padding-top: 0;
}

.speaker-box {
    display: table-cell;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
}

p.person-name {
    color: #808080;
    font-weight: bold;
    line-height: 1;
    margin-top: 0;
}

p.person-detail {
    color: #808080;
    line-height: 1;
    margin-top: 10px;
    margin-bottom: 10px;
}

p.person-text {
    color: #808080;
    margin-top: 0;
    line-height: 1.5;
}

.panel_tbl {
    width: 100%;
    table-layout: fixed;
    border-style: none;
}

.panel_tbl td {
    vertical-align: top;
}

.panel_tbl__img {
    width: 50px;
    padding-bottom: 10px;
    border-style: none;
    padding-top: 0;
}

.panel_tbl__post {
    width: 140px;
    text-align: center;
    border-style: none;
}


/* ここまで */

.event-details-wrapper {
    display: table;
    margin: 40px auto;
}

.event-details-box {
    display: table-cell;
    vertical-align: top;
}

.event-details-title {
    text-align: right;
    color: black;
}

.event-details-text {
    text-align: left;
    color: black
}

#map {
    width: 480px;
    height: 344px;
}


/* コラム詳細ページ */

.column-header {
    width: 100%;
    height: 360px;
    /* 
    text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.15);
    */
    padding: 40px 120px 60px 120px;
    letter-spacing: 0.5px;
    /*
    background: #151515 url('../images/columun/col1_bg.png') no-repeat fixed left bottom; */
    text-align: left;
    min-width: 1140px;
}

.column-header-content {
    width: 960px;
    margin: 0 auto;
}

.column-header-number {
    font-size: 14px;
    font-weight: bold;
    color: #808080;
    line-height: 1;
    margin-top: 0;
}

.column-header-person {
    font-size: 12px;
    font-weight: bold;
    color: #808080;
    margin-top: 40px;
}

.column-header-title {
    font-size: 32px;
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: 20px;
    font-weight: normal;
}

.column-header-description {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 20px;
}

.column-main-wrapper {
    width: 1200px;
    margin: 40px auto 0;
    padding: 0 120px;
}

.column-main {
    display: block;
    float: left;
    width: 580px;
}

.column-index-rightbox {
    float: right;
    width: 306px;
    letter-spacing: 0.5px;
}

.column-contents-sentence {
    font-size: 16px;
    color: #000000;
    text-align: left;
    margin-top: 30px;
}

.column-contents-h {
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    margin-top: 40px;
}

.column-contents-image {
    width: 100%;
    margin-top: 30px;
}

.column-index-list {
    width: 304px;
    margin-top: 0;
    padding: 0;
    border-left: 1px solid #009b3c;
    border-top: 1px solid #009b3c;
}

.column-index-box {
    width: 304px;
    margin: 0;
    display: inline-block;
    border-right: 1px solid #009b3c;
    border-bottom: 1px solid #009b3c;
    color: #808080;
}

.column-index-text-active {
    font-size: 14px;
    color: white;
    text-align: left;
    background-color: #009b3c;
    margin: 0;
    padding: 5px 10px;
    line-height: 1.5;
    letter-spacing: 0;
}

.column-index-number-active {
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 0;
}

.column-index-text-comingsoon {
    font-size: 14px;
    color: #B3B3B3;
    text-align: left;
    margin: 0;
    padding: 5px 10px;
    line-height: 1.5;
    letter-spacing: 0;
}

.column-index-number-comingsoon {
    font-size: 10px;
    font-weight: normal;
}

.column-index-text-normal {
    font-size: 14px;
    text-align: left;
    margin: 0;
    padding: 5px 10px;
    line-height: 1.5;
    color: #009b3c;
    letter-spacing: 0;
}

.column-index-text-normal:hover {
    color: white;
    background-color: #009b3c;
    transition: 0.35s;
}

.column-index-number-normal {
    color: #808080;
}

.column-index-text-normal:hover > .column-index-number-normal {
    color: white;
    transition: 0.35s;
}

.column-index-number-normal {
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 0;
}

.column-paging-area {
    width: 100%;
    padding: 100px 120px 120px;
    min-width: 1140px;
}

.paging-wrapper {
    display: table;
    margin: 0 auto;
}

.paging-box {
    display: table-cell;
    padding: 20px;
}

.button-circle {
    vertical-align: middle;
    display: inline-block;
    padding-top: 20px;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    font-size: 18px;
    font-weight: bold;
    border: 1px solid #009b3c;
    color: #009b3c;
}

.button-circle-active {
    color: white;
    background-color: #009b3c;
}

.button-circle:hover {
    color: white;
    background-color: #009b3c;
    transition: 0.35S;
}

.column-index-bottom {
    padding: 40px 120px 120px 120px;
    background-color: #F9F9F9;
    width: 100%;
    min-width: 1140px;
}

.column-index-bottom-wrapper {
    display: table;
    margin: 0 auto;
    width: 960px;
}

.column-index-bottom-row {
    display: table-row;
}

.column-index-bottom-box {
    display: table-cell;
    padding: 20px 0;
}

.column-index-bottom-box-wrapper {}

.column-index-bottom-image {
    float: left;
    width: 200px;
    height: 112.5px;
    margin-right: 20px;
}

.column-index-bottom-text {
    text-align: left;
    padding-left: 20px;
}

.column-index-bottom-text-number {
    margin-top: 0;
    color: #808080;
    font-size: 13px;
    line-height: 1;
}

.column-index-bottom-text-title {
    font-size: 16px;
    color: #009b3c;
    line-height: 1.5;
    margin-top: 20px;
}

.clearfix::after {
    content: '';
    display: block;
    clear: both;
}

.column-index-bottom-coming-soon {
    float: left;
    width: 200px;
    height: 112.5px;
    margin-right: 20px;
    margin-top: 0;
    padding-top: 8%;
    background-color: lightgray;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: bold;
}

.top-event-program {
    color: black;
}

.top-event-program-title {
    margin-left: 40px;
}

.top-event-program-list {
    text-align: left;
    width: 760px;
    margin: 40px auto 80px;
}

.top-event-text-title {
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 0.2em;
    margin-top: 40px;
    line-height: 1;
}

.top-event-text-day {
    font-size: 42px;
    line-height: 0;
    margin: 40px;
}

.top-event-plase {
    font-size: 18px;
    margin-top: 20px;
}

.top-event-time {
    font-size: 24px;
    line-height: 0.8;
    margin-top: 20px;
}

.top-event-fee {
    font-weight: bold;
}

.top-event-text {
    font-size: 16px;
    font-weight: bold;
    color: black;
    margin-top: 40px;
    width: 600px;
    margin: 33px auto 40px;
}

.top-event-program-header {
    font-size: 24px;
    font-weight: bold;
    margin-top: 80px;
    margin-bottom: 30px;
    line-height: 0;
}

.top-event-sub {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 20px;
}

.member-name-english {
    font-size: 16px;
    font-weight: bold;
    line-height: 15px;
}

.member-name {
    font-size: 13px;
    font-weight: bold;
    color: black;
    line-height: 15px;
    margin-top: 10px;
}

.member-sub {
    font-size: 13px;
    color: gray;
    line-height: 1.5;
    margin-top: 10px;
}

.member-text {
    font-size: 13px;
    color: black;
    line-height: 1.5;
    margin-top: 15px;
}

.top-column-image {
    width: 300px;
    height: 168px;
}

.columns-row {
    display: table-row;
}

.share {
    margin-right: 40px;
}

.share-area {
    float: left;
    margin-top: 20px;
    margin-left: 40px;
}

.share-image {
    width: 30px;
}

.top-column-day {
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
    color: #808080;
    margin-top: 10px;
}


/*----- フェードイン -----*/

.inviewfadeIn {
    opacity: 0;
    transition: .8s;
}

.fadeIn {
    opacity: 1.0;
}


/*----- 上へスライド -----*/

.inviewUp {
    transform: translate(0, 40px);
    -webkit-transform: translate(0, 40px);
    transition: .8s;
}

.Up {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}


/*----- ズームイン -----*/

.inviewzoomIn {
    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    transition: .8s;
}

.zoomIn {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}


/*----- フェードインしながら上へスライド -----*/

.inviewfadeInUp {
    opacity: 0;
    transform: translate(0, 60px);
    -webkit-transform: translate(0, 60px);
    transition: .8s;
}

.fadeInUp {
    opacity: 1.0;
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
}

.writer-wrapper {
    outline: 1px solid #B3B3B3;
    width: 970px;
    display: table;
    margin: 80px auto 100px;
    padding: 20px 10px;
}

.writer-image {
    border-radius: 50%;
    width: 120px;
}

.writer-text-box {
    text-align: left;
    width: 600px;
}

.writer-button {
    vertical-align: top;
    padding-top:
}

.witer-name-english {
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    margin-top: 0;
    line-height: 1;
}

.writer-name {
    font-weight: bold;
    font-size: 13px;
    color: black;
    line-height: 1;
    text-align: left;
    margin-top: 10px;
}

.writer-sub {
    font-size: 13px;
    color: gray;
    text-align: left;
    line-height: 1;
    margin-top: 15px;
}

.writer-text {
    color: black;
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
    margin-top: 20px;
}

.writer-box {
    display: table-cell;
    vertical-align: middle;
}

.write-box-text {
    width: 420px;
    vertical-align: top;
}

.pdf-link-sub {
    font-weight: bold;
    margin-bottom: 20px;
}

.pdf-link {
    font-size: 18px;
    font-weight: bold;
    color: #D82002;
    text-decoration: underline;
    margin: 0 30px;
}

.pdf-link:hover {
    color: #7F0A04;
}

.column-before-text {
    float: left;
    text-align: left;
    width: 45%;
    padding-left: 10%;
    line-height: 1.5;
}

.column-next-text {
    float: right;
    text-align: left;
    width: 45%;
    padding-left: 10%;
    line-height: 1.5;
}

.column-next-before {
    width: 100%;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

.column-next-before-comingsoon {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
}

.column-next-before-day {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.5;
    visibility: hidden;
}

.column-next-before-namber {
    font-size: 13px;
    line-height: 1;
}

.column-next-before-title {
    font-size: 18px;
    line-height: 1;
    margin-top: 20px;
}

.column-next-before-cursol {
    float: right;
    vertical-align: middle;
    width: 100px;
}

.column-next-before-box {
    float: left;
    width: 800px;
}

.cursol_left {
    width: 38px;
}

.cursol_right {
    width: 38px;
    float: right;
    margin-top: 40px;
    margin-right: 30px;
}

.cursol-left-box {
    float: left;
    width: 5%;
    padding-top: 40px;
    padding-left: 30px;
}


/* コラムボタンバリエーションCSS*/

.columnNav * {
    box-sizing: border-box;
}

.columnNav {
    display: table;
    width: 100%;
    min-width: 1140px;
    padding: 0 120px;
}

.columnNav__btn {
    display: table-cell;
    width: 50%;
    text-decoration: none;
}

.columnNav__btn.is-left,
.columnNav__btn.is-leftx {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
}

.columnNav__btn.is-right {
    border-style: solid;
    border-width: 1px 1px 1px 0;
}

.columnNav__btn.is-off {
    border-color: #b3b3b3;
    color: #b3b3b3;
}

.columnNav__btn.is-on {
    border-color: #009B3D;
    color: #009B3D;
}

.columnNav__btn.is-on a {
    color: #009b3c;
}

.columnNav__btn.is-on:hover {
    background-color: #009b3c;
    color: white;
    transition: 0.35s;
}

.columnNav__btn.is-on:hover > a {
    color: white;
    transition: 0.35s;
}

.columnNav__btn.is-off.is-leftx {
    border-color: #b3b3b3 #009b3d #b3b3b3 #b3b3b3;
    color: #b3b3b3;
}

.arrow_left {
    display: table-cell;
    width: 20px;
    padding-left: 40px;
    vertical-align: middle;
    text-align: right;
}

.arrow_left:before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    border-style: solid;
    border-width: 1px 0 0 1px;
    transform: rotate(-45deg)translate(0, 8px);
}

.arrow_right {
    display: table-cell;
    width: 20px;
    padding-right: 40px;
    vertical-align: middle;
    text-align: left;
}

.arrow_right:before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 40px;
    border-style: solid;
    border-width: 1px 0 0 1px;
    transform: rotate(135deg)translate(0, -8px);
}

.columnNav__content__right {
    width: 100%;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    padding-left: 40px;
    padding-bottom: 30px;
    padding-top: 30px;
}

.columnNav__no {
    font-size: 10px;
    font-weight: bold;
    display: inline-block;
    margin-bottom: 5px;
}

.columnNav__ttl {
    font-size: 10px;
    display: inline-block;
    line-height: 1.2;
}


/* ここまで */

.header-import {
    background-color: white;
    font: normal 16px/1.5 Helvetica, Arial, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    min-width: 1140px;
}

.gnav-dropdown * {
    box-sizing: content-box;
}

.header-import h1 {
    margin-bottom: 0;
}

.footer-import {
    font: normal 16px/1.5 Helvetica, Arial, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    min-width: 1140px;
}

.speakers-wrapper {
    display: table;
    outline: 1px solid #009b3c;
    padding: 20px;
    width: 970px;
    margin: 10px auto 100px;
}

.pdf-link-disable {
    display: inline;
    font-size: 18px;
    font-weight: bold;
    color: darkgrey;
    text-decoration: none;
    margin: 0 30px;
}

.event-fee {
    color: #d82002;
    margin-top: 82px;
    font-size: 24px;
    min-width: 1100px;
}

.program-label {
    display: inline-block;
    background-color: #009b3c;
    color: white;
    font-weight: bold;
    padding: 1px 10px;
    font-size: 12px;
    margin-top: 0px;
}

.program-description {
    color: black;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 40px;
    margin-top: 0px;
}

.panel_tbl__title {
    text-align: left;
    border-style: none;
    padding-top: 0;
}

.event-detail-table {
    border-style: none;
    background-color: white;
    padding: 2px;
}

.backgroud-gray {
    background-color: #F9F9F9;
}

.column-index-bottom-text-day {
    color: #808080;
    line-height: 1;
    margin-top: 15px;
}

.top-column-auther {
    color: #808080;
    text-align: left;
    font-size: 12px;
    margin-top: 10px;
}

a.php-import-style-reset {}

a.php-import-style-reset:hover {
    text-decoration: none;
}

a.floating-entry {
    display: block;
    position: absolute;
    top: -50px;
    width: 120px;
    color: white;
}

a.floating-entry:hover {
    color: white;
}


/*
.g-header p {
    font-size: 16px !important;
}

.gnav-item-1 .gnav-item-label {
    font-size: 11px !important;
    font-weight: normal !important;
}
*/

.top-guest-speaker {
    font-size: 24px;
    font-weight: bold;
    margin-top: 50px;
    letter-spacing: 4px;
}

.l-mb25 {
    margin-bottom: 25px;
}

.program-box-title {
    margin-top: 0px;
    line-height: 1;
}

.person-name-sub {
    color: #808080;
    line-height: 1;
    font-size: 10px;
    margin-top: 0;
}

.program-description-under {
    color: black;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 20px;
    margin-top: 0px;
}

.lts-6 {
    letter-spacing: 0.2em;
}

.event-details {
    padding: 40px 120px 120px 120px;
    min-width: 1140px;
}

.brand-top-video {
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    top: -50px;
}

.column-index-text-active-event {
    width: 304px;
    display: block;
    font-size: 16px;
    color: white;
    text-align: left;
    font-weight: bold;
    background-color: #d82002;
    margin: 0 0 20px 0;
    padding: 12px 50px 12px 12px;
    border-radius: 6px;
    text-align: center;
    line-height: 2;
    transition-property: background-color;
    transition-duration: 0.35S;
    transition-timing-function: ease;
    letter-spacing: 0;
}

.column-index-text-active-event:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border-style: solid;
    border-width: 1px 0 0 1px;
    transform: rotate(135deg);
    position: relative;
    left: 250px;
}

.column-index-text-active-event:visit {
    color: white;
}

.column-index-text-active-event:hover {
    background-color: #7F0A04;
}

.column-index-text-active-event-arrow {
    display: inline-block;
}

.column-index-list li {
    width: 304px;
}

.column-contents-sentence-top {
    font-size: 16px;
    color: #000000;
    text-align: left;
    text-indent: 1em;
    margin-top: 0;
}

.column-top-margin {
    height: 30px;
}

.column-index-bottom-text-day-arrow {
    color: #808080;
    line-height: 1;
}

.disable {
    color: #B3B3B3;
    font-weight: normal;
}

.contact-text-sub {
    margin: 0 0 20px;
    line-height: 2.5;
    font-weight: bold;
}

.event-detail-text-title {
    font-size: 36px;
    font-weight: bold;
    letter-spacing: 0.2em;
    margin-top: 40px;
    line-height: 1;
}

.event-detail-text-day {
    font-size: 42px;
    line-height: 0;
    margin: 40px;
}

.event-detail-time {
    font-size: 24px;
    line-height: 0.8;
    margin-top: 20px;
}

.event-detail-top-event-plase {
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 50px;
}

.column-contents-h-first {
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    margin-top: 0;
}

.column-header-text {
    margin: 50px 0 15px;
    line-height: 2.5;
}

.top-project-members {
    font-size: 24px;
    font-weight: bold;
    margin-top: 80px;
    letter-spacing: 4px;
}

.line-it-button {
    margin-right: 40px;
}

.column-index-nomal-box {
    width: 304px;
    margin: 0;
    display: inline-block;
    color: black;
    border-right: 1px solid #009b3c;
    border-bottom: 1px solid #009b3c;
}

.column-index-nomal-box:hover {
    color: white;
    background-color: #009b3c;
    transition: 0.35S;
}

.column_banner {
    width: 306px;
    margin-bottom: 30px;
}

.column2-background {
    background-image: url('../images/columun/col2_bg.jpg');
    background-size: cover;
    background-position: center center;
}

.column1-background {
    background-image: url('../images/columun/col1_bg.jpg');
    background-size: cover;
    background-position: center center;
}

.columnNav__content {
    width: 100%;
    display: table-cell;
    text-align: justify;
    vertical-align: middle;
    padding:30px;
}

.color-pt2 {
    color: #B3B3B3;
}

.column-header-number-pt2 {
    font-size: 14px;
    font-weight: bold;
    color: #B3B3B3;
    line-height: 1;
    margin-top: 0;
}

.column-header-title-pt2 {
    font-size: 32px;
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: 20px;
    color: white;
    font-weight: normal;
}

.column-header-description-pt2 {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 20px;
    color: white;
}

.column-header-person-pt2 {
    font-size: 12px;
    font-weight: bold;
    color: #B3B3B3;
    margin-top: 40px;
}
.column-contents-sentence-sub {
    font-size: 12px;
    color: #808080;
    text-align: right;
    margin: -10px 26px 40px 0;
}

.column-contents-sentence-first {
    font-size: 16px;
    color: #000000;
    text-align: left;
    margin-top: 0;
}

.column-contents-list {
    font-size: 16px;
    color: #000000;
    text-align: left;
    padding-left: 2em;
    text-indent: -2.4em;
}

.column-contents-ol {
    font-size: 16px;
    color: #000000;
    text-align: left;
    margin-top: 30px;
    counter-reset:number; /* 名前を付けたカウンターをリセット */
    list-style:none; /* olが数字を付けることをキャンセル */
    padding-left:1em;
    list-style-position: inside;
}

.column-contents-ol li:before {
    counter-increment: number;
            content: counter(number);
            background: #b3b3b3;
            display: inline-block;
            width: 1.8em;
            height: 1.8em;
            text-align: center;
            border-radius: 50%;
            color: #fff;
                margin-right: 0.6em;
    margin-top: 0.8em;
    text-indent: 0;
    line-height: 1.8em;
    
}

.column3-background {
    background-image: url('../images/columun/col3_bg.jpg');
    background-size: cover;
    background-position: center center;
}

.column4-background {
    background-image: url('../images/columun/col4_bg.jpg');
    background-size: cover;
    background-position: center center;
}

.event-end-message {
    font-size: 14px;
    color: #000000;
    text-align: center;
    margin-top: 30px;
}

.event-end-message-link:link {
    color: #009b3c ;
    font-weight: bold;
    text-decoration: underline;
}

.event-end-message-link:visited {
    color: #009b3c ;
    font-weight: bold;
    text-decoration: underline;
}

.event-end-message-link:hover {
    color: #006828 ;
    font-weight: bold;
    text-decoration: underline;
}

.event-end-message-link:active {
    color: #006828 ;
    font-weight: bold;
    text-decoration: underline;
}
.column5-background {
    background-image: url('../images/columun/col5_bg.jpg');
    background-size: cover;
    background-position: center center;
}
.column-contents-sentence-link:link {
     color: #009b3c ;
     font-weight: bold;
     text-decoration: underline;
 }
.column-contents-sentence-link:visited {
     color: #009b3c ;
     font-weight: bold;
     text-decoration: underline;
 }
.column-contents-sentence-link:hover {
     color: #006828 ;
     font-weight: bold;
     text-decoration: underline;
 }

.column-contents-sentence-link:active {
     color: #006828 ;
     font-weight: bold;
     text-decoration: underline;
}

.top-event-end-message {
    color: #d82002;
    margin-top: 54px;
    font-size: 20px;
}

.top-event-report {
    font-size: 24px;
    font-weight: bold;
    margin-top: 50px;
    letter-spacing: 4px;
}

.coming-soon-2cell {
    height: 349px;
    width: 620px;
    padding-top: 25%;
    margin: 0;
    background-color: lightgray;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: bold;
}

.columns-2cell-image {
    float: left;
}

.event-report-1cell {
    float: left;
    width: 330px;
    padding-left: 10px;
    padding-right: 20px;
    margin-top: 50px;
}

.event-report-wrapper {
    width: 960px;
    margin: 10px auto 80px;
}

.event-report-mini-wrapper {
    display: table;
    table-layout: fixed;
    width: 960px;
    margin: 10px auto 10px;
}

.event-report-box {
    display: table-cell;
    position: relative;
    padding: 10px 10px 10px;
    vertical-align: top;
}

.event-report {
    padding: 40px 120px 120px 120px;
    min-width: 1140px;
}

.eventpage-event-report-mini-wrapper {
    display: table;
    table-layout: fixed;
    width: 960px;
    margin: 50px auto 10px;
}

.column6-background {
    background-image: url('../images/columun/col6_bg.jpg');
    background-size: cover;
    background-position: center center;
}

.column-contents-background {
    background-color: #ebebeb;
    border-radius: 4px;
    padding: 10px 15px;
    margin-top: 40px;
}

.column-contents-sentence-background {
    font-size: 14px;
    color: #000000;
    text-align: left;
    margin-top: 0;
    text-align: justify;
    text-justify: inter-ideograph;
}

.column-contents-h-background {
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    color: black;
    margin-top: 0;
}

.report1-background {
    background-image: url('../images/report/repo1_bg.jpg');
    background-size: cover;
    background-position: center center;

}

.column-contents-video {
    margin-top: 30px;
}

.report-index-bottom-box {
    display: table-cell;
    padding: 20px 0;
    min-width: 490px;

}

.top-column-2cell-image {
    height: 349px;
    width: 620px;
}

.contact-text-kome {
    margin: 0 0 20px;
    line-height: 2.5;
    color: darkgray;
}

.report2-background {
    background-image: url('../images/report/repo2_bg.jpg');
    background-size: cover;
    background-position: center center;
}

.column-contents-sentence-green {
    font-size: 16px;
    text-align: left;
    margin-top: 30px;
}

.column-contents-h-black {
    font-size: 16px;
    text-align: left;
    font-weight: bold;
    margin-top: 40px;
    color: black;
}

.column-contents-sentence-right {
    font-size: 16px;
    color: #000000;
    text-align: right;
    margin-top: 30px;

}

.report3-background {
    background-image: url('../images/report/repo3_bg.jpg');
    background-size: cover;
    background-position: center center;
}

.report4-background {
    background-image: url('../images/report/repo4_bg.jpg');
    background-size: cover;
    background-position: center center;
}

.interview-banner {
    width: 970px;
    margin-bottom: 60px;
}

.column-contents-list-bold {
    font-size: 16px;
    color: #000000;
    text-align: left;
    padding-left: 2em;
    text-indent: -2.4em;
    font-weight: bold;
}

.contents-bold {
    font-weight: bold;
}