/* ************************************************ */
/**** 共通タグ設定 ****/
/* ************************************************ */
* {
box-sizing:border-box;
vertical-align:top;
}

html {
overflow: auto;
height: 100%;
font-size: 62.5%;
}

body {
font-family: "Oswald", "Noto Sans JP", serif;
padding: 0px;
margin: 0px;
font-size:1.6rem;
line-height:1.5;
letter-spacing: .04em;
color:#fff;
background:#fff;
text-align:left;
height:100%;
/*overflow-y:auto;*/
word-wrap: break-word;
-webkit-text-size-adjust: 100%;
}

section {
text-align:center;
padding: 0;
}

p {
padding: 0;
margin:0 0 1.5em 0;
}

img{
max-width: 100%;
height: auto;
width :auto;
vertical-align:top;
}
video {
max-width: 100%;
height: auto;
width :auto;
vertical-align:top;
}

h1,h2,h3,h4,h5,h6 {
padding:0;
margin:0;
font-weight: inherit;
}

a {
color:#fff;
text-decoration:underline;
text-decoration-skip-ink: none;
transition: all 0.5s ease;
}
a:hover {
color:#fff;
text-decoration:none;
text-decoration-skip-ink: none;
transition: all 0.5s ease;
}

ul {
padding:0;
margin:0 0 1.5em 0;
list-style: none;
list-style-type: disc;
}
ul li {
padding: 0;
margin:0;
list-style: none;
}

ol {
padding:0;
margin:0 0 1.5em 0;
list-style: decimal outside;
}
ol li {
padding:0;
margin:0 0 0 1.5em;
}

dl {
padding: 0;
margin:0 0 1.5em 0;
}
dt {
margin:0;
padding:0;
}
dd {
margin:0;
padding:0;
}


/* ************************************************ */
/**** 共通クラス定義 ****/
/* ************************************************ */

/***** clearfix *****/
.clearfix:after { 
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

/***** inner *****/
.inner {
/*width:1280px;*/
max-width:100%;
margin:auto;
}
.inner > *:last-child {
margin-bottom:0;
}

/***** PCのみ/SPのみ *****/
.pc_only {
display:inline-block!important;
}
.sp_only {
display:none!important;
}

/***** 改行無し *****/
.nobr {
display:inline-block;
}

/***** フォントカラー *****/
.clr_orange {
color:#FF560F;
}
.clr_purple {
color:#9747FF;
}
.clr_black {
color:#000;
}
.clr_gray {
color:#28272E;
}


/***** 参加申し込みはこちらから *****/
.entry {
margin:0 auto;
text-align:center;
}
.entry a {
font-family: "Noto Sans JP", serif!important;
font-size:2rem;
font-weight:900;
line-height:54px;
padding:0 20px 0 74px;
margin:0;
background:#9747FF;
color:#fff;
text-decoration:none;
border:1px solid #9747FF!important;
position:relative;
display: inline-block;
transition: background 0.5s ease!important;
}
.entry a:before {
content:'';
background:url(../images/ic_circle_allow_down.svg) no-repeat center center;
background-size:20px 20px;
width:54px;
height:54px;
display:block;
position:absolute;
left:0;
top:0;
border-right:1px dotted #fff;
transition: background 0.5s ease!important;
}
.entry a:hover {
color:#9747FF!important;
background:#fff;
opacity:1!important;
transition: background 0.5s ease!important;
}
.entry a:hover:before {
content:'';
background:url(../images/ic_circle_allow_down_purple.svg) no-repeat center center;
border-right:1px dotted #9747FF;
transition: background 0.5s ease!important;
}


/* ****************************************************************************** */
/**** wrapper ****/
/* ****************************************************************************** */
.wrapper{
width:100%;
min-width:100%;
max-width:100%;
position:relative;
overflow: hidden;
padding: 0;
}

/* ******************************************************************** */
/**** header ****/
/* ******************************************************************** */
.header {
text-align:left;
width:100%;
height:100px;
position:fixed;
top:0;
bottom:auto;
left:0;
right:0;
margin:auto;
z-index:10;
transition: all 0.5s ease;
}
.header:after {
content:"";
background: linear-gradient(rgba(0,0,0,.5),rgba(102,102,102,.5));
width:100%;
height:100%;
display:block;
position:absolute;
top:0;
left:0;
z-index:-1;
opacity:0;
transition: all 0.5s ease;
}
.header.header_floating {
height:84px;
}
.header.header_floating:after {
opacity:1;
transition: all 0.5s ease;
}

.header .inner {
display:flex;
justify-content:space-between;
align-items: center;
position:relative;
max-width:1420px;
padding:0 50px;
height:100px;
transition: all 0.5s ease;
}
.header.header_floating .inner {
height:84px;
transition: all 0.5s ease;
}
/***** logo *****/
.header .logo {
display:block;
padding:0 ;
margin:0 ;
width:280px;
height:auto;
z-index: 1;
}
.header .logo a {
display:block;
text-decoration:none;
}
.header .logo img {
width:280px;
height:auto;
}

/***** グロナビ *****/
.header .globalnavi {
width:calc(100% - 280px);
}

.header .globalnavi #navToggle {
display:none;
}

/*** sitenavi ***/
.header .sitenavi {
display:block;
margin: 0 ;
}

.header .sitenavi ul {
text-align:center;
position:relative;
display:flex;
align-items: center;
justify-content: right;
margin:0;
}
.header .sitenavi ul > li {
vertical-align: top;
margin:0 0 0 1.5em;
position:relative;
}
.header .sitenavi ul > li a {
font-family: "Oswald", serif;
text-decoration:none;
padding: 5px 0 4px 0;
margin:5px 0;
font-size:2rem;
line-height:34px;
font-weight: 600;
color:#fff;
border-bottom:1px solid transparent;
display: flex;
align-items: center;
justify-content: center;
}
.header .sitenavi ul > li a:hover {
color:#fff;
border-bottom:1px solid #fff;
opacity:1;
transition: all 0.5s ease;
}

/* 参加はこちらから */
.header .sitenavi ul > li.entry {
margin:0 0 0 2em;
}
.header .sitenavi ul > li.entry a {
font-size:1.6rem;
line-height:44px;
padding:0 16px 0 60px;
}
.header .sitenavi ul > li.entry a:before {
width:44px;
height:44px;
}

/* ******************************************************************** */
/**** container ****/
/* ******************************************************************** */

/* ************************************************ */
/**** main ****/
/* ************************************************ */

/******************** 共通 ********************/
/***** タイトル *****/
/* section_title */
.section_title {
font-family: "Oswald", serif;
font-size:6.4rem;
font-weight:500;
letter-spacing: 0em;
color:#ff560f;
margin:0 auto 50px auto;
padding:0;
text-align:left;
}


/***** モーダル *****/
.modalstage {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
/*width: 100%;*/
width: 100vw;
height: 100%;
overscroll-behavior: contain;
/*overflow: hidden;*/
overflow-y: scroll;
margin: 0;
padding: 0;
background: #000;
box-sizing: border-box;
z-index: 9998;

background:rgba(115,113,128,.32);
display:block;
backdrop-filter: blur(5px);

visibility: hidden;
opacity: 0;
transition: 500ms;

}
.modalstage:after {
content:"";
display:block;
height:calc(100vh + 1px) ;
width: 1px;
}
.is-fadein {
visibility: visible;
opacity: 1;
}
.modalinnr {
background:#fff;
width:calc(100% - 100px);
/*height: max-content;*/
height:548px;
max-width:1008px;
max-height: calc(100% - 100px);
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
padding:0;
/*overflow: auto;*/
box-sizing: border-box;

display:flex;
flex-wrap:wrap;
}
.modal_close {
text-align:center;
display:block;
line-height:60px;
width:calc(100% - 100px);
max-width: 1008px;
/*height:60px;*/
margin:0px auto;
position:fixed;
/*right:0;
top:0;*/
}
.modal_close a {
font-family: "Noto Sans JP", serif;
font-weight:400;
color:#fff;
text-decoration:none;
font-size:3rem;
line-height:60px;
width: 60px;
height: 60px;
display: block;
background:none;
margin-right: 15px;
float: right;
}


/*** modal_session ***/
.modal_session {
width:65%;
padding:50px;
text-align:left;
height:100%;
overflow: auto;
background:url(../images/bg_white_grid.jpg) repeat center center;
}
.modal_session .time {
color:#000;
font-size:2.4rem;
font-weight:bold;
letter-spacing:.1em;
margin-bottom:1em;
}
.modal_session .title {
color:#FF560F;
font-size:2.8rem;
font-weight:bold;
margin-bottom:1em;
}
.modal_session .description {
color:#28272E;
font-size:1.4rem;
line-height:1.75;
margin-bottom:3em;

min-height: 15rem;
}

/*** modal_speaker ***/
.modal_speaker {
width:35%;
padding:50px 30px;
text-align:left;
border-left: 2px dotted #fff;
background:url(../images/bg_purple.jpg) repeat center center;
height:100%;
overflow: auto;
}
.modal_speaker .speaker_title {
color:#fff;
font-size:2.4rem;
font-weight:bold;
margin-bottom:1em;
}
.modal_speaker .modal_speaker_flex {
}
.modal_speaker .modal_speaker_flex .speaker_set {
margin:0 0 40px 0!important;
max-width:none!important;
}

.modal_speaker .people {
display:flex!important;
align-items: center!important;
margin-bottom:1em!important;
width:100%!important;
}
.modal_speaker .people .people_img {
width:120px!important;
height:120px!important;
padding-top:0!important;
display:block;
overflow: hidden;
position:relative;
}
.modal_speaker .people .people_img img {
position:absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
width: 100%;
height: 100%;
object-fit: cover;
}
.modal_speaker .people .people_txt {
width:calc(100% - 120px)!important;
padding:0 0 0 1em!important;
}
.modal_speaker .people .people_txt .name {
color:#fff!important;
font-size:2.4rem;
font-weight:bold;
margin-bottom:.2em;
}
.modal_speaker .people .people_txt .name small {
font-size:2rem;
}
.modal_speaker .people .people_txt .position {
font-family: "Noto Sans JP", serif;
color:#fff!important;
font-size:1.2rem;
font-weight:bold;
letter-spacing: 0em;
}

.modal_speaker .profile {
font-family: "Noto Sans JP", serif;
color:#fff!important;
font-size:1.4rem;
line-height:1.75;
}

/******************** 参加はこちらから フローティングボタン ********************/
.entry_floating {
position:fixed;
right:50px;
bottom:50px;
z-index:1;
}
.entry_floating a {
font-size:2rem;
text-decoration:none;
border:2px solid #FF560F;
background:#FF560F;
color:#fff;
font-weight:500;
border-radius:50%;
width:150px;
height:150px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
flex-direction:column;
box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.3);
}
.entry_floating a:after {
font-family: "Font Awesome 5 Free";
content:'\f078';
font-weight:bold;
font-size:1.6rem;
margin-top: .25em;
}
.entry_floating a:hover {
background:#fff;
color:#FF560F;
}
.entry_floating a:active {
box-shadow: 0 0 10px rgba(0,0,0,.2);
}

/******************** メインビジュアル ********************/
.mainvisual {
width:100%;
min-height:100vh;
height:calc(531px + 130px + (100vw * 12 / 107) + 95px);
position:relative;
background:url(../images/bg_orange_grid.jpg) repeat center center;
background-size:100%;
padding: 0 ;
}

.mainvisual .inner {
width:100%;
min-height: calc(531px + 130px);
text-align: center;
padding:130px 50px 1px 50px;
margin: 0 auto;
position: relative;
}
/*** mv_txt ***/
.mainvisual .mv_txt {
width:1080px;
max-width:100%;
margin:0 auto 35px auto;
}
.mainvisual .mv_txt .site_title {
font-weight:bold;
letter-spacing: .01em;
margin-bottom:35px;
}
.mainvisual .mv_txt .site_title big {
font-size: 3.2rem;
line-height:1.5;
text-shadow: 3px 3px #9747ff;
display:block;
margin:0 auto 20px auto;
}
.mainvisual .mv_txt .site_title .logo {
width: 800px;
max-width:100%;
display:block;
margin:0 auto 20px auto;
}
.mainvisual .mv_txt .site_title small {
display:block;
font-size: 2rem;
}

.mainvisual .mv_txt ul.schedule {
display:flex;
justify-content: center;
margin:0 auto 25px auto;
}
.mainvisual .mv_txt ul.schedule li {
flex: 1;
text-align:center;
padding:0 5px;
}
.mainvisual .mv_txt ul.schedule li .date {
font-size:2.8rem;
font-weight:700;
margin-bottom:10px;
}
.mainvisual .mv_txt ul.schedule li .title {
font-size:2.4rem;
font-weight:500;
}

/* 参加申し込みはこちらから */
.mainvisual .mv_txt .entry {
}
.mainvisual .mv_txt .entry a {
font-size:2.4rem;
line-height:62px;
padding:0 23px 0 85px;
}
.mainvisual .mv_txt .entry a:before {
width:62px;
height:62px;
}

/* Scroll Down */
.mainvisual .scroll_down {
position: absolute;
top: 50%;
left: 0;
transform: translateY(calc(-50% + 50px));
}
.mainvisual .scroll_down .scroll_down_txt {
writing-mode: vertical-lr;
font-size: 2.4rem;
line-height:64px;
margin:0 auto 20px auto;
font-family: "Oswald", serif;
}
.mainvisual .scroll_down img {
width:64px;
height:64px;
display:block;
padding:21px;
background:url(../images/bg_purple.jpg) repeat center center;
}

/*** mv_img ***/
.mainvisual .mv_img {
width:100%;
position:relative;
background:url(../images/bg_purple_grid.jpg) repeat center center;
background-size:100%;
padding:30px .7% 65px .7%;
}
.mainvisual .mv_img ul {
display:flex;
margin:0 auto;
}
.mainvisual .mv_img ul li {
margin:0 .7%;
}

/***** mv_speakers_slider *****/
.mv_speakers_slider {
display:none;
}


/************************************************ 高さ header+mv inner+mv_img以上 ************************************************/
@media screen and (min-height: calc(531px + 130px + (100vw * 12 / 107) + 95px)){
.mainvisual .inner {
min-height: calc(100vh - ((100vw * 12 / 107) + 95px));
display: flex;
align-items: center;
}
.mainvisual .mv_img {
position: absolute;
bottom: 0;
}
}

/******************** CONCEPT ********************/
.concept {
}
.concept .inner {
width: 1180px;
max-width:100%;
padding:0 50px;
margin:0 auto ;
position:relative;
}

/* コンセプト */
.concept .concept_cont {
background:url(../images/bg_orange_grid.jpg) repeat center center;
background-size:100%;
padding:100px 0 130px 0;
text-align:left;
position:relative;
letter-spacing: 0em;
}
.concept .concept_cont .concept_dodo {
position: absolute;
bottom: -80px;
right: -40px;
width: 360px;
}
.concept .concept_cont .section_title {
color:#fff;
}
.concept .concept_cont .concept_cont_title {
font-size: 2.8rem;
font-weight:900;

margin-bottom: 50px;
}
.concept .concept_cont .concept_cont_title strong {
background:#9747ff;
padding:.1em .25em .2em .25em;
}
.concept .concept_cont .concept_cont_txt {
font-family: "Noto Sans JP", serif;
font-size: 2rem;
line-height:1.84;
font-weight:700;
position: relative;
}
.concept .concept_cont .concept_cont_txt strong {
background:#fff;
color:#9747ff;
padding:.1em .25em .2em .25em;
margin:0 .25em;
}

.concept .concept_cont .concept_cont_txt .concept_logo {
padding:20px 0 0 0;
display:flex;
align-items:center;
}
.concept .concept_cont .concept_cont_txt .concept_logo img {
width:100px;
height:26px;
margin: 0 0 0 .75em;
}

/* 組織開発の領域 */
.concept .orgdev {
background:url(../images/bg_purple_grid.jpg) repeat center center;
background-size:100%;
padding:100px 0 75px 0;
}
.concept .orgdev .orgdev_title {
font-size: 4.8rem;
font-weight:700;
margin-bottom:50px;
}
.concept .orgdev .orgdev_img {
margin-bottom:20px;
}

/******************** VIDEO ********************/
.movie {
background:url(../images/bg_white_grid.jpg) repeat center center;
background-size:100%;
padding:200px 0;
}
.movie .inner {
width: 1180px;
max-width:100%;
padding:0 50px;
margin:0 auto ;
position:relative;
}

.movie .movie_stage {
background:#fafdff;
}


/******************** TIMETABLE ********************/
.timetable {
background:url(../images/bg_orange_grid.jpg) repeat center center;
background-size:100%;
padding:100px 0;
}
.timetable .inner {
/*width: 1440px;*/
width:1360px;
max-width:100%;
/*padding:0 0 0 calc((100% - 1080px) / 2);*/
padding:0 50px;
margin:0 auto ;
position:relative;
}

.timetable .section_title {
color:#fff;
}

.timetable .timetable_wrapper {
background:url(../images/bg_white.jpg) repeat center center;
padding:50px;
}

/***** 開催日TAB *****/
.timetable .schedule_select {
display:flex;
justify-content: space-between;
}
.timetable .schedule_select li {
width:calc((100% - 74px) / 2);
background:#FAFDFF;
padding:.75em 1em;
color:#28272E;
display:block;
}
.timetable .schedule_select li .date {
font-size:2.4rem;
font-weight:900;
color:#28272e;
}
.timetable .schedule_select li .title {
font-family: "Noto Sans JP", serif;
font-size:2.4rem;
font-weight:900;
color:#9747ff;
}
.timetable .schedule_select li .title:before {
content:"- ";
}
.timetable .schedule_select li .title:after {
content:" -";
}

/***** スケジュール *****/
.timetable .schedule {
}
.timetable .schedule .schedule_block {
display:flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom:1em;
position:relative;
}
.timetable .schedule .schedule_block:after {
content:"";
width:44px;
border-bottom:1px solid #000;
margin: 1em auto 0 auto;
}
.timetable .schedule .schedule_block .day1 ,
.timetable .schedule .schedule_block .day2 {
width:calc((100% - 74px) / 2);
/*height: 100%;*/
margin-bottom: 4em;
background:#FAFAFF;
box-shadow: 0 0 5px rgba(0,0,0,.1);
transition: all 0.5s ease;
}
.timetable .schedule .schedule_block .day1:hover ,
.timetable .schedule .schedule_block .day2:hover {
box-shadow: 0 0 5px rgba(0,0,0,.2);
transition: all 0.5s ease;
}
.timetable .schedule .schedule_block .day1 a ,
.timetable .schedule .schedule_block .day2 a {
text-decoration:none;
display:block;
padding:30px 30px 0 30px;
transition: all 0.5s ease;
}

.timetable .schedule .schedule_block .time {
color:#000;
font-size:2rem;
font-weight:400;
letter-spacing:.1em;
margin-bottom:.5em;
text-align:left;
}
.timetable .schedule .schedule_block .title {
font-family: "Noto Sans JP", serif;
color:#FF560F;
font-size:2.4rem;
font-weight:700;
margin-bottom:1em;
text-align:left;
transition: all 0.5s ease;
}
.timetable .schedule .schedule_block a:hover .title {
text-decoration:underline;
text-underline-offset: .25em;
transition: all 0.5s ease;
}
.timetable .schedule .schedule_block .title small {
font-size:1.4rem;
display: inline-block;
margin-top:.25em;
}

.timetable .schedule .schedule_block .speaker_flex {
display:flex;
justify-content: center;
flex-wrap: wrap;
border-top: 1px dashed #000;
margin: 0 -30px;
padding: 10px;
}

.timetable .schedule .schedule_block .speaker_set {
margin:10px ;
width: auto;
max-width: 130px;
}
.timetable .schedule .schedule_block .speaker_set .people {
display:block;
margin-bottom:0;
}
.timetable .schedule .schedule_block .speaker_set .people .people_img {
width:100px;
height:100px;
display:block;
overflow: hidden;
position:relative;
margin:auto;
}
.timetable .schedule .schedule_block .speaker_set .people .people_img img {
position:absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
width: 100%;
height: 100%;
object-fit: cover;
}
.timetable .schedule .schedule_block .speaker_set .people .people_txt {
width:fit-content;
padding:1em 0 0 0;
text-align:left;
margin: auto;
}
.timetable .schedule .schedule_block .speaker_set .people .people_txt .name {
color:#28272E;
font-size:1.6rem;
font-weight:700;
margin-bottom:.2em;
}
.timetable .schedule .schedule_block .speaker_set .people .people_txt .name small {
font-size:1.4rem;
}
.timetable .schedule .schedule_block .speaker_set .people .people_txt .position {
font-family: "Noto Sans JP", serif;
color:#28272E;
font-size:1rem;
font-weight:500;
letter-spacing: 0em;
}

.timetable .schedule .schedule_block .timeline {
width:44px;
margin: 0 15px;
}
.timetable .schedule .schedule_block .timeline span {
width:44px;
height:100%;
background:#9747ff;
font-size:2.4rem;
font-weight:bold;
margin:auto;
display:flex;
align-items: center;
justify-content: center;
}


.timetable .schedule .schedule_block.pm1 .day1 ,
.timetable .schedule .schedule_block.pm1 .day2 {
transform: translateY(-4em);
}
.timetable .schedule .schedule_block.pm2 .day1 ,
.timetable .schedule .schedule_block.pm2 .day2 {
transform: translateY(-6em);
}
.timetable .schedule .schedule_block.pm3 .day1 ,
.timetable .schedule .schedule_block.pm3 .day2 {
transform: translateY(-8em);
}
.timetable .schedule .schedule_block.pm4 .day1 ,
.timetable .schedule .schedule_block.pm4 .day2 {
transform: translateY(-10em);
}
.timetable .schedule .schedule_block.pm5 .day1 ,
.timetable .schedule .schedule_block.pm5 .day2 {
transform: translateY(-12em);
}
.timetable .schedule .schedule_block.pm5:after {
display:none;
}
.timetable .schedule .schedule_block.pm5 {
margin-bottom: -13em;
}
.timetable .schedule .schedule_block.pm5 .timeline span {
height:calc(100% - 9em);
}

/******************** SPEAKER ********************/
.speaker {
background:url(../images/bg_white_grid.jpg) repeat center center;
background-size:100%;
padding:100px 0 25px 0;
}
.speaker .inner {
width: 1180px;
max-width:100%;
padding:0 50px;
margin:0 auto ;
position:relative;
}


/***** speaker_card *****/
.speaker_card {
}
.speaker_card ul {
display:flex;
flex-wrap: wrap;
justify-content: center;
}
.speaker_card ul li {
width:calc((100% / 3) - 40px);
margin: 40px 20px;
padding:0;
background:url(../images/bg_purple.jpg) repeat center center;

transition: all 0.5s ease;
box-shadow: 0 0 5px rgba(0,0,0,.1);
}
.speaker_card ul li a {
text-decoration:none;
}
.speaker_card ul li a .speaker_txt {
display:block;
padding: 7% 14% ;
text-align:left;
}
.speaker_card ul li a .speaker_txt .name {
font-size:2rem;
font-weight:700;
color:#fff;
border-bottom:1px solid transparent;
display: inline-block;
margin-bottom:.5em;
}
.speaker_card ul li a .speaker_txt .name small {
font-size:1.6rem;
}
.speaker_card ul li a .speaker_txt .position {
font-family: "Noto Sans JP", serif;
font-size:1.4rem;
font-weight:500;
letter-spacing: 0em;
color:#fff;
}
.speaker_card ul li a .speaker_img {
position:relative;
width:100%;
margin:0 ;
padding: 7% 14% 0 14%;
transition: all 0.5s ease;
}
.speaker_card ul li a .speaker_img .photo {
display:block;
width:100%;
height:0;
padding-top:100%;
/*padding-top:calc(9/16 * 100%);*/
position:relative;
overflow:hidden;
transition: all 0.5s ease;
}
.speaker_card ul li a .speaker_img .photo img {
position:absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%) scale(1,1);
width: 100%;
height: 100%;
object-fit: cover;
transition: all 0.5s ease;
}
.speaker_card ul li a .speaker_img .logo {
position:absolute;
bottom:10px;
left:3px;
width: 60%;
text-align:left;
/*background:#fff;
padding:4% 8%;*/
}
.speaker_card ul li a .speaker_img .logo img {
max-height:90px;
background: #fff;
padding: 8% 15%;
}
/* Hover */
.speaker_card ul li:hover {
box-shadow: 0 0 5px rgba(0,0,0,.2);
transition: all 0.5s ease;
}
.speaker_card ul li a:hover .speaker_txt {
}
.speaker_card ul li a:hover .speaker_txt .name {
border-bottom:1px solid #fff;
transition: all 0.5s ease;
}
.speaker_card ul li a:hover .speaker_img .photo img {
transform: translate(-50%,-50%) scale(1.1,1.1);
transition: all 0.5s ease;
}

/******************** FORM ********************/
.entryform {
background:url(../images/bg_orange_grid.jpg) repeat center center;
background-size:100%;
padding:100px 0;
position:relative;
}
.entryform .inner {
width: 1180px;
max-width:100%;
padding:0 50px;
margin:0 auto ;
position:relative;
}

.entryform .section_title {
color:#fff;
}

.entryform .entryform_wrapper {
background:url(../images/bg_white.jpg) repeat center center;
padding:100px;
}

.entryform_wrapper iframe.hs-form-iframe {
min-height: 102px;
}

/******************** OUTLINE ********************/
.outline {
background:url(../images/bg_white_grid.jpg) repeat center center;
background-size:100%;
padding:100px 0;
}
.outline .inner {
width: 1180px;
max-width:100%;
padding:0 50px;
margin:0 auto ;
position:relative;
}

.outline dl {
display:flex;
flex-wrap:wrap;

font-family: "Noto Sans JP", serif;
font-size:2rem;
color:#fff;
text-align:left;
background:url(../images/bg_purple.jpg) repeat center center;
}
.outline dl dt {
font-weight:700;
width:12em;
border-bottom:1px solid #fff;
border-right:1px dotted #fff;
padding: 2.5em;
text-align:center;
}
.outline dl dd {
font-weight:500;
width:calc(100% - 12em);
border-bottom:1px solid #fff;
padding: 2.5em;
}
.outline dl dd .al_right {
text-align:right;
display: inline-block;
}

/******************** Q&A ********************/
.faq {
background:url(../images/bg_orange_grid.jpg) repeat center center;
background-size:100%;
padding:100px 0;
}
.faq .inner {
width: 1180px;
max-width:100%;
padding:0 50px;
margin:0 auto ;
position:relative;
}

.faq .section_title {
color:#fff;
}

.faq .faq_wrapper {
background:url(../images/bg_white.jpg) repeat center center;
padding:50px;
}

.faq dl {
text-align:left;
}
.faq dl .qa {
color:#fff;
background:url(../images/bg_purple.jpg) repeat center center;
font-weight:700;
padding: 20px;
margin-bottom: 20px;
cursor:pointer;
box-shadow: 0 0 5px rgba(0,0,0,.1);
position:relative;
transition: all 0.5s ease;
}
.faq dl .qa:hover {
transition: all 0.5s ease;
box-shadow: 0 0 5px rgba(0,0,0,.2);
}
.faq dl .qa:after {
font-family: "Font Awesome 5 Free";
content: "\f078";
font-size:2rem;
line-height:60px;
width:60px;
height:60px;
text-align:center;
position:absolute;
top:20px;
right:20px;
}
.faq dl .qa.faq_open:after {
font-family: "Font Awesome 5 Free";
content: "\f077";
font-size:2rem;
line-height:60px;
}
.faq dl .qa dt {
font-size:2.4rem;
position:relative;
padding:0 60px 0 calc(68px + 1em);
min-height:68px;
display: flex;
align-items: center;
}
.faq dl .qa dt span {
text-decoration: underline;
text-decoration-color: transparent;
text-underline-offset: .5em;
transition: all 0.5s ease;
}
.faq dl .qa:hover dt span {
text-decoration-color: #fff;
transition: all 0.5s ease;
}
.faq dl .qa dt:before {
font-family: "Oswald", serif;
content:"Q";
color:#fff;
font-size:3.2rem;
font-weight:700;
width:68px;
height:68px;
display:flex;
justify-content: center;
align-items: center;
background:url(../images/bg_orange.jpg) repeat center center;
position:absolute;
left: 0;
}
.faq dl .qa dd {
display:none;

font-size:2rem;
position:relative;
margin-top: 30px;
padding-left:calc(68px + 1em);
min-height:68px;
align-items: center;
}
.faq dl .qa.faq_open dd {
display: flex;
align-items: flex-start;
}
.faq dl .qa dd:before {
font-family: "Oswald", serif;
content:"A";
color:#ff560f;
font-size:3.2rem;
font-weight:700;
width:68px;
height:68px;
display:flex;
justify-content: center;
align-items: center;
background:url(../images/bg_white.jpg) repeat center center;
position:absolute;
left: 0;
}
.faq dl .qa dd span {
padding:.25em 0 0 0;
}



/* ******************************************************************** */
/**** footer ****/
/* ******************************************************************** */
.footer {
background:url(../images/bg_purple.jpg) repeat center center;
padding:100px 0 50px 0;
}

.footer .inner {
max-width: 100%;
padding: 0 50px;
}

/* footer_logo */
.footer .footer_logo {
color:#fff;
text-align:center;
margin:0 auto 30px auto;
border-bottom: 1px dotted #fff;
padding: 0 0 100px 0;
letter-spacing: .01em;
}
.footer .footer_logo big {
display:block;
font-family: "Noto Sans JP", serif;
font-size:3.2rem;
font-weight:900;
margin:0 auto 20px auto;
}

/* footer_navi */
.footer .footer_navi ul{
margin:0 auto 100px auto;
display:flex;
justify-content: center;
}
.footer .footer_navi ul li {
margin: 0 1em;
}
.footer .footer_navi ul li a {
font-size:1.6rem;
}

.footer .footer_navi .copyright {
font-family: "Noto Sans JP", serif;
color:#fff;
font-size:1.6rem;
line-height:1;
text-align:center;
}


/************************************************ 1440px以上 ************************************************/
@media screen and (min-width: 1440px){
/* ******************************************************************** */
/**** container ****/
/* ******************************************************************** */

/* ************************************************ */
/**** main ****/
/* ************************************************ */

/******************** TIMETABLE ********************/
/*.timetable .inner {
padding:0 0 0 180px;
}*/

}


/************************************************ 1180px以下 ************************************************/
@media screen and (max-width: 1180px){
/* ******************************************************************** */
/**** container ****/
/* ******************************************************************** */

/* ************************************************ */
/**** main ****/
/* ************************************************ */

/******************** CONCEPT ********************/
/* コンセプト */
.concept .concept_cont .concept_dodo {
bottom: -120px;
right: 20px;
width:240px;
}
.concept .concept_cont .concept_cont_txt br.pc_br {
display:none
}

/******************** TIMETABLE ********************/
/*.timetable .inner {
padding:0 0 0 50px;
}*/

}

/************************************************ 1100px以下 ************************************************/
@media screen and (max-width: 1100px){
/* ****************************************************************************** */
/**** wrapper ****/
/* ****************************************************************************** */

/* ******************************************************************** */
/**** header ****/
/* ******************************************************************** */
/***** グロナビ *****/
.header.openNav {
}
.header .globalnavi {
display:none;

margin:0;
padding: 100px 0 0 0;
position:fixed;
width: 100%;
height:100%;
top:0;
left: 0;
right:0;
transform: none;
background:url(../images/bg_orange.jpg) repeat center center;
}
.header.openNav .globalnavi {
display:block;
overflow-y: auto;
height: 100% ;
}
.header #navToggle {
display:block;
text-align:center;
width:40px;
height:40px;
cursor:pointer;
margin: 0 ;
padding: 0;
z-index:10;
position: absolute;
right: 40px;
top: 50%;
transform: translateY(-50%);
transition: all 0.5s ease;
}
.header #navToggle:after {
content:"";
width:40px;
height:40px;
display:block;
vertical-align:middle;
background:url(../images/hamburger.svg) no-repeat center center;
background-size:30px 30px;
}
.header.openNav #navToggle:after {
content:"";
width:40px;
height:40px;
display:block;
vertical-align:middle;
background:url(../images/close.svg) no-repeat center center;
background-size:30px 30px;
}

/*** sitenavi ***/
.header .sitenavi {
}

.header .sitenavi ul {
text-align:left;
display:block;
margin:20px 50px;
}
.header .sitenavi ul > li {
margin:0;
}
.header .sitenavi ul > li a {
padding: 0 0 1em 0;
margin: 0 0 1em 0;
display:block;
font-size:1.6rem;
line-height: 2;
border-bottom:1.5px solid #fff;
}
.header .sitenavi ul > li a:hover {
opacity:.5;
border-bottom:1.5px solid #fff;
}
/* 参加はこちらから */
.header .sitenavi ul > li.entry {
margin:0 auto;
width:100%;
}
.header .sitenavi ul > li.entry a {
display: flex;
width: fit-content;
margin: auto;
}

/* ******************************************************************** */
/**** container ****/
/* ******************************************************************** */

/* ************************************************ */
/**** main ****/
/* ************************************************ */
/***** モーダル *****/

/*** modal_session ***/
.modal_session {
width:60%;
padding:40px;
}
/*** modal_speaker ***/
.modal_speaker {
width:40%;
padding:40px 20px;
}

.modal_speaker .people .people_img {
width:80px!important;
height:80px!important;
}
.modal_speaker .people .people_txt {
width:calc(100% - 80px)!important;
}

/******************** 参加はこちらから フローティングボタン ********************/
.entry_floating {
right:30px;
bottom:30px;
}

.entry_floating a {
font-size:1.8rem;
width:120px;
height:120px;
}
.entry_floating a:after {
font-size:1.4rem;
margin-top: .25em;
}


/******************** メインビジュアル ********************/
/*** mv_txt ***/
.mainvisual .mv_txt ul.schedule li .date {
font-size: 2.6vw;
}
.mainvisual .mv_txt ul.schedule li .title {
font-size: 2.1vw;
}


/*** mv_img ***/
.mainvisual .mv_img {
padding:15px 0 30px 0;
}
.mainvisual .mv_img ul {
display:none;
}

/* mv_speakers_slider */
.mainvisual .mv_img .mv_speakers_slider {
display:block;
animation: bg-slider 40s linear infinite;
background: url("../images/mv_speakers.png") repeat-x 50%;
background-size: auto 136px;
height: 136px;
width: 100%;
}
@keyframes bg-slider {
0% { background-position:0 0 }
to { background-position:-1124px 0 }
}




}
/************************************************ 768px以下 ************************************************/
@media screen and (max-width: 768px){
/* ************************************************ */
/**** 共通タグ設定 ****/
/* ************************************************ */


/* ************************************************ */
/**** 共通クラス定義 ****/
/* ************************************************ */

/***** PCのみ/SPのみ *****/
.pc_only {
display:none!important;
}
.sp_only {
display:inline-block!important;
}

/***** 参加申し込みはこちらから *****/
.entry {
}
.entry a {
font-size:1.4rem;
line-height:50px;
padding:0 17px 0 67px;
}
.entry a:before {
width:50px;
height:50px;
}


/* ****************************************************************************** */
/**** wrapper ****/
/* ****************************************************************************** */
.wrapper {
padding: 0 0;
}

/* ******************************************************************** */
/**** header ****/
/* ******************************************************************** */
.header {
height:60px;
}
.header.header_floating {
height:60px;
}

.header .inner {
padding:0 20px;
height:60px;
}
.header.header_floating .inner {
height:60px;
transition: all 0.5s ease;
}
/***** logo *****/
.header .logo {
width:200px;
}
.header .logo img {
width:200px;
}
/***** グロナビ *****/
.header .globalnavi {
top:0;
padding:60px 0 0 0;
}
.header.openNav .globalnavi {
height:100%;
}

.header #navToggle {
right: 20px;
}

/*** sitenavi ***/
.header .sitenavi ul {
margin:20px ;
}

/* ******************************************************************** */
/**** container ****/
/* ******************************************************************** */

/* ************************************************ */
/**** main ****/
/* ************************************************ */


/******************** 共通 ********************/
/***** タイトル *****/
/* section_title */
.section_title {
font-size:4rem;
margin: 0 auto 30px auto;
}


/***** モーダル *****/
.modalinnr {
width:calc(100% - 40px);
/*height: max-content;*/
height:calc(100% - 100px);
overflow: auto;
}
.modal_close {
width:calc(100% - 40px);
}
.modal_close a {
color:#000;
}

/*** modal_session ***/
.modal_session {
width:100%;
height: auto;
padding:20px;
overflow:inherit;
}
.modal_session .description {
min-height: 5rem;
}

/*** modal_speaker ***/
.modal_speaker {
width:100%;
height: auto;
padding:20px 20px;
overflow:inherit;
border:0;
border-top: 2px dotted #fff;
}
.modal_speaker .modal_speaker_flex {
display:flex;
justify-content: center;
flex-wrap:wrap;
}
.modal_speaker .modal_speaker_flex .speaker_set {
margin:10px!important;
max-width:120px!important;
}

.modal_speaker .people {
display:block!important;
margin-bottom:0!important;
}
.modal_speaker .people .people_img {
width:100px!important;
height:100px!important;
}
.modal_speaker .people .people_txt {
width:100%!important;
padding:1em 0 0 0!important;
}
.modal_speaker .people .people_txt .name {
font-size:2rem;
margin-bottom:.2em;
}
.modal_speaker .people .people_txt .name small {
font-size:1.6rem;
}
.modal_speaker .people .people_txt .position {
font-size:1.2rem;
}

.modal_speaker .profile {
display:none;
}


/******************** メインビジュアル ********************/
.mainvisual {
min-height:auto;
height:auto;
background-size:1440px 840px;
}

.mainvisual .inner {
height: auto;
min-height: auto;
padding:80px 20px 1px 20px;
}
/*** mv_txt ***/
.mainvisual .mv_txt {
margin:0 auto 35px auto;
}
.mainvisual .mv_txt .site_title {
margin-bottom: 30px;
padding: 0 20px;
}
.mainvisual .mv_txt .site_title big {
font-size: 4.5vw;
text-shadow: 3px 3px #9747ff;
margin:0 auto 20px auto;
}
.mainvisual .mv_txt .site_title .logo {
margin:0 auto 20px auto;
}
.mainvisual .mv_txt .site_title small {
font-size: 3.5vw;
}

.mainvisual .mv_txt ul.schedule {
display:block;
margin:0 auto 30px auto;
}
.mainvisual .mv_txt ul.schedule li {
padding:10px 0 ;
}
.mainvisual .mv_txt ul.schedule li .date {
font-size:1.8rem;
margin-bottom:5px;
}
.mainvisual .mv_txt ul.schedule li .title {
font-size:1.6rem;
}

/* 参加申し込みはこちらから*/
.mainvisual .mv_txt .entry {
}
.mainvisual .mv_txt .entry a {
font-size:1.6rem;
line-height:50px;
padding:0 20px 0 70px;
}
.mainvisual .mv_txt .entry a:before {
background-size:20px 20px;
width:50px;
height:50px;
}

/* Scroll Down */
.mainvisual .scroll_down {
}
.mainvisual .scroll_down .scroll_down_txt {
font-size: 1.6rem;
line-height:30px;
margin:0 auto 10px auto;
font-family: "Oswald", serif;
}
.mainvisual .scroll_down img {
width:30px;
height:30px;
display:block;
padding:8px;
background:url(../images/bg_purple.jpg) repeat center center;
}

/*** mv_img ***/
.mainvisual .mv_img {
position: relative;
}
/*
.mainvisual .mv_img {
background-size:1440px 840px;
padding:10px;
}
.mainvisual .mv_img ul {
flex-wrap: wrap;
}
.mainvisual .mv_img ul li {
margin: .5%;
width: 19%;
}*/

/* mv_speakers_slider */
.mainvisual .mv_img .mv_speakers_slider {
background-size: auto 100px;
height: 100px;
}
@keyframes bg-slider {
0% { background-position:0 0 }
to { background-position:-910px 0 }
}


/******************** 参加はこちらから フローティングボタン ********************/
.entry_floating {
right:10px;
bottom:10px;
}
.entry_floating a {
font-size:1.2rem;
line-height: 1.25;
width:80px;
height:80px;
}
.entry_floating a:after {
font-size:1rem;
margin-top: .45em;
}

/******************** CONCEPT ********************/
.concept {
}
.concept .inner {
padding:0 20px;
}

.concept .concept_copy {
font-size: 2.4rem;
}
.concept .concept_text {
font-size: 1.8rem;
}

/* コンセプト */
.concept .concept_cont {
background-size:1440px 840px;
padding:50px 0 80px 0;
}
.concept .concept_cont .concept_dodo {
bottom: -110px;
right: 10px;
width: 180px;
}
.concept .concept_cont .concept_cont_title {
font-size: 2rem;

margin-bottom: 30px;
}
.concept .concept_cont .concept_cont_txt {
font-size: 1.6rem;
line-height:1.83;
}

.concept .concept_cont .concept_cont_txt .concept_logo {
padding:20px 0 0 0;
/*width:150px;*/
}

/* 組織開発の領域 */
.concept .orgdev {
background-size:1440px 840px;
padding:50px 0;
}
.concept .orgdev .orgdev_title {
font-size: 2.4rem;
margin-bottom:30px;
}
.concept .orgdev .orgdev_img {
max-width: 400px;
margin: 0 auto 10px auto;
}

/******************** VIDEO ********************/
.movie {
background-size:1440px 840px;
padding:50px 0;
}
.movie .inner {
padding:0 20px;
}

/******************** TIMETABLE ********************/
.timetable {
background-size:1440px 840px;
padding:50px 0;
}
.timetable .inner {
padding:0 20px;
}

.timetable .timetable_wrapper {
padding: 20px;
}

/***** 開催日TAB *****/
.timetable .schedule_select {
display:flex;
justify-content: space-between;
}
.timetable .schedule_select li {
width:calc((100% - 10px) / 2);
padding: .75em .75em;
cursor:pointer;
position:relative;
border:1px solid #FAFDFF;
}
.timetable .schedule_select li.active {
color:#FF560F;
border:1px solid #9747ff;
}
.timetable .schedule_select li.active:before {
content: "";
position: absolute;
bottom: -16px;
left: 50%;
border: 8px solid transparent;
border-top: 8px solid #FAFDFF;
z-index: 2;
transform: translateX(-50%);
}
.timetable .schedule_select li.active:after {
content: "";
position: absolute;
bottom: -20px;
left: 50%;
border: 10px solid transparent;
border-top: 10px solid #9747ff;
z-index: 1;
transform: translateX(-50%);
}
.timetable .schedule_select li .date {
font-size:1.4rem;
margin-bottom:.5em;
}
.timetable .schedule_select li .title {
font-size:1.1rem;
}
.timetable .schedule_select li .title:before ,
.timetable .schedule_select li .title:after {
display:none;
}

/***** スケジュール *****/
.timetable .schedule {
}
.timetable .schedule .schedule_block {
}
.timetable .schedule .schedule_block:after {
display:none;
}
.timetable .schedule .schedule_block .hide {
display:none;
}
.timetable .schedule .schedule_block .day1 ,
.timetable .schedule .schedule_block .day2 {
width:100%;
margin-bottom: 1em;
}
.timetable .schedule .schedule_block .day1 a ,
.timetable .schedule .schedule_block .day2 a {
padding:20px 20px 0 20px;
}

.timetable .schedule .schedule_block .time {
font-size:1.6rem;
}
.timetable .schedule .schedule_block .title {
font-size:2rem;
}
.timetable .schedule .schedule_block .title small {
font-size:1.4rem;
}

.timetable .schedule .schedule_block .speaker_flex {
flex-wrap:wrap;
margin: 0px -20px;
}
.timetable .schedule .schedule_block .speaker_set {
}
.timetable .schedule .schedule_block .speaker_set .people .people_txt .position {
font-size:1rem;
}

.timetable .schedule .schedule_block .timeline {
display:none;
}

.timetable .schedule .schedule_block.pm1 .day1 ,
.timetable .schedule .schedule_block.pm1 .day2 {
transform: translateY(0);
}
.timetable .schedule .schedule_block.pm2 .day1 ,
.timetable .schedule .schedule_block.pm2 .day2 {
transform: translateY(0);
}
.timetable .schedule .schedule_block.pm3 .day1 ,
.timetable .schedule .schedule_block.pm3 .day2 {
transform: translateY(0);
}
.timetable .schedule .schedule_block.pm4 .day1 ,
.timetable .schedule .schedule_block.pm4 .day2 {
transform: translateY(0);
}
.timetable .schedule .schedule_block.pm5 .day1 ,
.timetable .schedule .schedule_block.pm5 .day2 {
transform: translateY(0);
}
.timetable .schedule .schedule_block.pm5:after {
display:none;
}
.timetable .schedule .schedule_block.pm5 {
margin-bottom: 0;
}
.timetable .schedule .schedule_block.pm5 .timeline span {
height:100%;
}

/******************** SPEAKER ********************/
.speaker {
padding:50px 0;
}
.speaker .inner {
padding:0 20px;
}

/***** speaker_card *****/
.speaker_card {
}
.speaker_card ul {
max-width: 100%;
margin:auto;
justify-content: center;
}
.speaker_card ul li {
width:100%;
margin: 20px 20px;
max-width: 300px;
}

/******************** FORM ********************/
.entryform {
background-size:1440px 840px;
padding:50px 0;
}
.entryform .inner {
padding:0 20px;
}
.entryform .entryform_wrapper {
padding:20px;
}


/******************** OUTLINE ********************/
.outline {
padding:50px 0;
}
.outline .inner {
padding:0 20px;
}

.outline dl {
font-size:1.8rem;
}
.outline dl dt {
width:100%;
border:0;
/*border-bottom:1px dotted #fff;*/
padding:1em 1em 0 1em;
text-align:left;
}
.outline dl dd {
width:100%;
border-bottom:1px solid #fff;
padding:1em ;
font-size: 1.6rem;
}

/******************** Q&A ********************/
.faq {
padding:50px 0;
}
.faq .inner {
padding:0 20px;
}

.faq .faq_wrapper {
padding:20px;
}

.faq dl {
}
.faq dl .qa {
padding: 15px;
}
.faq dl .qa:after {
font-size:1.6rem;
line-height:30px;
width:30px;
height:30px;
top:15px;
right:15px;
}
.faq dl .qa.faq_open:after {
font-size:1.6rem;
line-height:30px;
}
.faq dl .qa dt {
font-size:1.6rem;
padding:0 30px 0 calc(30px + 1em);
min-height:30px;
align-items: flex-start;
}
.faq dl .qa dt:before {
font-size:2rem;
width:30px;
height:30px;
background-size:20px 20px;
}
.faq dl .qa dt span {
padding:.15em 0 0 0;
text-underline-offset: .25em;
}
.faq dl .qa dd {

font-size:1.4rem;
margin-top: 20px;
padding-left:calc(30px + 1em);
min-height:30px;
}
.faq dl .qa dd:before {
font-size:2rem;
width:30px;
height:30px;
background-size:20px 20px;
}
.faq dl .qa dd span {
padding:0 0;
}




/* ******************************************************************** */
/**** footer ****/
/* ******************************************************************** */
.footer {
padding:50px 0 130px 0 ;
}

.footer .inner {
padding: 0 20px;
}
/* footer_logo */
.footer .footer_logo {
margin:0 auto 20px auto;
padding: 0 20px 50px 20px;
}
.footer .footer_logo big {
font-size:4.2vw;
margin:0 auto 20px auto;
}
/* footer_navi */
.footer .footer_navi ul {
margin:0 auto 50px auto;
}
.footer .footer_navi ul li a {
font-size:1.4rem;
}

.footer .footer_navi .copyright {
font-size:1.2rem;
}

}
