@charset "UTF-8";

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

main {
    overflow: hidden;
}

audio,
canvas,
progress,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

template,
[hidden] {
    display: none;
}

*,
::before,
::after {
    background-repeat: no-repeat;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

::before,
::after {
    text-decoration: inherit;
    vertical-align: inherit;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    font-family: 'Montserrat', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    line-height: 1.5;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

h1 {
    font-size: 2em;
    margin: .67em 0;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

hr {
    height: 0;
    overflow: visible;
}

nav ol,
nav ul {
    list-style: none;
}

abbr[title] {
    border-bottom: 1px dotted;
    text-decoration: none;
}

b,
strong {
    font-weight: inherit;
}

b,
strong {
    font-weight: bolder;
}

dfn {
    font-style: italic;
}

mark {
    background-color: #ff0;
    color: #000;
}

progress {
    vertical-align: baseline;
}

small {
    font-size: 83.3333%;
}

sub,
sup {
    font-size: 83.3333%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

::-moz-selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none;
}

::selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

img {
    border-style: none;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
}

svg {
    fill: currentColor;
}

svg:not(:root) {
    overflow: hidden;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:hover {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

@media screen and (min-width: 350px) {
    a:hover {
        filter: alpha(opacity=90);
        -moz-opacity: 0.9;
        opacity: 0.9;
    }
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

button,
input,
select,
textarea {
    background-color: transparent;
    border-style: none;
    color: inherit;
    font-size: 1em;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button;
}

::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em;
}

legend {
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

textarea {
    overflow: auto;
    resize: vertical;
}

[type='checkbox'],
[type='radio'] {
    padding: 0;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}

[type='search'] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

::-webkit-search-cancel-button,
::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

[aria-busy='true'] {
    cursor: progress;
}

[aria-controls] {
    cursor: pointer;
}

[aria-disabled] {
    cursor: default;
}

a,
area,
button,
input,
label,
select,
textarea,
[tabindex] {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

[hidden][aria-hidden='false'] {
    clip: rect(0, 0, 0, 0);
    display: inherit;
    position: absolute;
}

[hidden][aria-hidden='false']:focus {
    clip: auto;
}

html {
    font-size: 100%;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl {
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

ul,
ol {
    padding-left: 0;
}

li {
    list-style-type: none;
}

dd {
    margin-left: 0;
}

a {
    text-decoration: none;
    color: #8da4c5;
    color: #000000;
}

figure {
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
    vertical-align: middle;
    /* background: #000; */
}

table {
    border-collapse: collapse;
}

input,
button {
    padding: 0;
    border: 0;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mt50 {
    margin-top: 50px
}

/*------------------------------------------ */
body {
    color: #2f1812;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 1px;
    -webkit-text-size-adjust: 100%;
    font-family: 'Noto Sans JP', sans-serif;
    background: #ffffff;
}

img {
    width: 100%;
    -webkit-backface-visibility: hidden;
    image-rendering: -webkit-optimize-contrast;
}

/*
a {
}
*/
.pc_br {
    display: block;
}



.tab_br {
    display: none;
}

.sp_br {
    display: none;
}

.pc_img {
    display: block;
}

.tab_img {
    display: none;
}

.sp_img {
    display: none;
}


@media screen and (max-width: 768px) {
    body {
        min-width: 100%;
    }

    .pc_br {
        display: none;
    }



    .tab_br {
        display: block;
    }

    .pc_img {
        display: none;
    }

    .sp_img {
        display: block;
    }
}

@media screen and (max-width: 480px) {
    .pc_img {
        display: none;
    }

    .tab_img {
        display: none;
    }

    .sp_img {
        display: block;
    }

    .sp_br {
        display: block;
    }

    .tab_br {
        display: none
    }
}

/*  //  -------------------------------------- */
/*------------------------------------------
header
------------------------------------------*/
.header {
    position: fixed;
    -webkit-transition: all .5s;
    transition: all .5s;
    width: 100%;
    z-index: 9999;
    background-color: #2f1812;
}

.header.change-color {
    background-color: #2f1812;
}

.header .header_wrap {
    width: 100%;
    position: relative;
}

.header .header_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header .header_inner .header_lpgo {
    width: 384px;
    height: 90px;
    padding: 30px 0 10px 30px;
}

.header .header_inner .header_lpgo img {
    width: 40%;
}

.header .header_inner .header_btn ul {

    background-color: rgba(0, 168, 155, 1);

}

.header .header_inner .header_btn li a {
    position: relative;
    display: inline-block;
    padding: 2.6vw 5.6vw 2.6vw 2.8vw;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    background-color: rgba(0, 168, 155, 1);
    background-color: -moz-rgba(0, 168, 155, 1);
    font-size: 2.4vw;
    font-weight: 500;
    -webkit-transition: .3s;
    transition: .3s;
    /*pointer*/
    cursor: pointer;
    -ms-cursor: hand;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.header_inner .header_btn li a::after {
    content: "";
    position: absolute;
    top: calc(50% - 0.28vw);
    right: 6px;
    width: 3vw;
    height: 12px;
    background: url(../images/arrow-white.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    padding-left: 3vw;
}

.header_inner .header_btn li a:hover {

    color: #ffffff;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-filter: brightness(110%) contrast(110%) saturate(110%);
    filter: brightness(110%) contrast(110%) saturate(110%);
}

.header_inner .header_btn li a:hover:after {
    right: 12px;
    color: #ffffff;
}

.header .header_inner .header_btn li a:hover {
    color: #ffffff;
    opacity: 0.6;
}




/*header_IEのみ*/
@media all and (-ms-high-contrast: none) {}

/*header_Retina*/
@media screen and (min-width: 1280px) {


    .header .header_inner .header_btn li a {
        position: relative;
        display: inline-block;
        padding: 33px 72px 33px 36px;
        color: #ffffff;
        text-align: center;
        vertical-align: middle;
        text-decoration: none;
        background-color: rgba(0, 168, 155, 1);
        background-color: -moz-rgba(0, 168, 155, 1);
        font-size: 28px;
        font-weight: 500;
        -webkit-transition: .3s;
        transition: .3s;
    }


    .header_inner .header_btn li a::after {
        content: "";
        position: absolute;
        top: calc(50% - 0.28vw);
        right: 12px;
        width: 2vw;
        /*        */
        background: url(../images/arrow-white.png) no-repeat;
        image-rendering: -webkit-optimize-contrast;
        -webkit-filter: saturate(100%);
        filter: saturate(100%);
        background-size: contain;
        vertical-align: middle;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        padding-left: 28px;
    }



}

/*header_PCsmall*/
@media screen and (max-width: 980px) {
    .header .header_inner .header_lpgo {
        width: 384px;
        height: 58px;
        padding: 10px 0 10px 30px;
    }
}

/*header_tab*/
@media screen and (max-width: 768px) {

    .header .header_inner {
        /*        */
    }

    .header .header_inner .header_btn li a {
        /*       */
        margin: 10px 0;
        display: table-cell;
        padding: 10px 10px;
        font-size: 3vw;
    }

    .header .header_btn {
        width: 36vw;
        background-color: background-color: rgba(0, 168, 155, 1);
        background-color: -moz-rgba(0, 168, 155, 1);
        font-size: 18px;
    }

    .header_btn li {
        list-style-type: none;
        width: 100%;
    }

    .header .header_inner .header_btn li a {
        position: relative;
        display: inline-block;
        padding: 4.2vw 4.6vw 4.2vw 2.8vw;
        color: #ffffff;
        text-align: center;
        vertical-align: middle;
        text-decoration: none;
        background-color: rgba(0, 168, 155, 1);
        background-color: -moz-rgba(0, 168, 155, 1);
        font-size: 2.6vw;
        font-weight: 500;
        transition: .3s;
        white-space: nowrap;

    }

    .header_inner .header_btn li a::after {
        content: "";
        position: absolute;
        top: calc(50% - 0.28vw);
        right: 6px;
        width: 30vw;
        height: 12px;
        background: url(../images/arrow-white.png) no-repeat;
        image-rendering: -webkit-optimize-contrast;
        background-size: contain;
        transform: scale(1.0);
        vertical-align: middle;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        padding-left: 3vw;
        right: 3%;
        width: 3vw;
        height: 12px;
        filter: brightness(2000%);
    }


    .header .header_inner .header_lpgo {
        width: 100%;
        height: auto;
        padding: 2vw 0;
        margin: 0 auto;
    }

    .header .header_inner .header_lpgo img {
        width: 120px;
        display: block;
        margin: 0 auto;
    }

}

/*header_SP*/
@media screen and (max-width: 539px) {
    .header .header_inner .header_lpgo {
        width: 80%;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .header .header_btn {
        width: 48vw;
        background-color: background-color: rgba(0, 168, 155, 1);
        background-color: -moz-rgba(0, 168, 155, 1);
        font-size: 18px;
    }
}

.heading {
    /*    */
    /*    */
    width: 100%;
    z-index: 9999;
    background-color: #2f1812;
}

.heading.change-color {
    /*    */
}

.heading .heading_wrap {
    width: 100%;
    position: relative;
}

.heading .heading_inner {
    display: flex;
    justify-content: space-between;
}

.heading .heading_inner .heading_lpgo {
    width: 384px;
    height: 58px;
    padding: 30px 0 10px 30px;
}

.heading .heading_inner .heading_lpgo img {
    width: 40%;
}

.heading .heading_inner .heading_btn ul {
    display: flex;
    justify-content: flex-end;
    background-color: rgba(0, 168, 155, 1);
}

.heading .heading_inner .heading_btn li a {
    position: relative;
    display: inline-block;
    padding: 20px 20px;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    /*    */
    margin-top: 10px;
    margin-bottom: 10px;
    /*    */
    background-color: rgba(0, 168, 155, 1);
    background-color: -moz-rgba(0, 168, 155, 1);
    font-size: 18px;
    font-weight: 500;
    transition: .3s;
}

.heading .heading_inner .heading_btn li a:hover {
    color: #ffffff;
}

.heading .heading_inner .heading_btn li a::before {}

.heading .heading_inner .heading_btn li a:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
}

@media screen and (max-width: 768px) {
    .heading .heading_btn {
        width: 100%;
    }

    .heading .heading_inner .heading_lpgo img {
        width: 60%;
    }

    .heading .heading_inner .heading_lpgo {
        width: 50%;
        height: auto;
        padding: 5px 0 10px 0;
        margin: 0 auto;
    }
}

@media screen and (max-width: 480px) {
    .heading .heading_inner .heading_lpgo {
        width: 80%;
        top: 0;
        bottom: 0;
        margin: auto;
    }
}


/*------------------------------------------
//　header
------------------------------------------*/
/*------------------------------------------
main visual
------------------------------------------*/
#mv {
    background: rgb(255, 239, 149);
    background: url(../images/top_pc_left.svg),
        linear-gradient(to right, rgba(255, 239, 149, 1) 0%, rgba(255, 211, 113, 1) 52%, rgba(255, 161, 49, 1) 100%);
    background-repeat: no-repeat, no-repeat;
    background-position: left bottom;
    background-size: 45%, 100%;
}



#mv .mv_wrap {
    /*    */
    padding-bottom: 4vh;
    padding-top: 7.936vw;
    width: 100%;
    background-image: url(../images/top_pc_right.svg);
    /*    padding: 100px 0 80px 0;*/
    background-size: 52%;
    background-repeat: no-repeat;
    background-position: right 0.2% top 20%;
    /*    */
}

/*IE時のみ*/
@media all and (-ms-high-contrast: none) {

    #mv {
        background: rgb(255, 239, 149);
        background: url(../images/top_pc_left.png),
            linear-gradient(to right, rgba(255, 239, 149, 1) 0%, rgba(255, 211, 113, 1) 52%, rgba(255, 161, 49, 1) 100%);
        background-repeat: no-repeat, no-repeat;
        background-position: left bottom;
        background-size: 45%, 100%;

    }

    #mv .mv_wrap {
        padding: 10vh 0 4vh 0;
        width: 100%;
        background-image: url(../images/top_pc_right.png);
        background-size: 52%;
        background-repeat: no-repeat;
        background-position: right 1% top 20%;
    }


}



#mv .mv_wrap .series_box {
    content: "";
    position: absolute;
    top: 20%;
    left: 0;
    transform: translateY(-50%) translateX(0%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    z-index: 999;
}

#mv .mv_wrap .series_box p.series {
    width: 1vw;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

#mv .mv_inner {
    width: 75%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.title_inner {
    margin-top: 2vw;
    margin-left: 2vw;
}

#mv .title_inner h1 {
    position: relative;
    font-size: 4.4vw;
    font-weight: 500;
    letter-spacing: 0.00em;
    line-height: 1.4;
    color: #FF8C00;
    background-color: #2f1812;
    /*  */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/*IE時設定*/
@media all and (-ms-high-contrast: none) {

    /* IE10,11用 */
    #mv .title_inner h1 {
        background: none;
        color: #2f1812;
    }
}

/*#mv .title_inner h1:after {
   
} */


.mv_wrap .title_inner p.day {
    position: relative;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    font-size: 3.2vw;
    color: #FF8C00;
    /*    */
    background-color: rgba(47, 24, 18, 1.0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /*    */
}

.mv_wrap .title_inner p.dayday {
 position: relative;
}

.mv_wrap .title_inner p.dayday:after {
 content: "";
 display: block;
 position: absolute;
 bottom: 17.5%;
 left: 30%;
 width: 146px;
 height: 32px;
 background: url(../images/icon-fix.png) no-repeat center center;
 background-size: 146px 32px;
 z-index: 99;
 transform: translateXs(-50%) translateY(50%);
}





.mv_wrap .title_inner .nocharge {
    /*   */
    display: inline-block;
    font-family: 'Oswald', sans-serif;
    font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    font-size: 2vw;
    font-weight: 500;
    background-color: rgba(47, 24, 18, 1.0);
    color: rgba(255, 239, 149, 1.0);
    padding: 0.7vw 1.2vw;
}

.tsume {
    font-feature-settings: "palt";
    -webkit-font-feature-settings: "palt";
    font-size: 2vw;
    font-weight: 500;
}


/*メインビジュアル日付時間*/
#mv .title_inner p.mt70 {
    display: inline-block;
    margin: 1.8vw 0;
}

/*IE時設定*/
@media all and (-ms-high-contrast: none) {

    /* IE10,11用 */
    #mv .title_inner p.day {
        background: none;
        color: #222;
    }
}

#mv .title_inner p.day span.year {
    font-size: 40px;
}

#mv .title_inner span.week {
    font-size: 2vw;
    font-weight: 500;

}

.mv_wrap .title_inner p.day span.nocharge {}


.exsesaku {
    display: inline-block;
    margin: 2.2vw 0;
}

#mv .speaker_inner001 {
    content: "";
    width: 46%;
    color: #ffffff;
    padding: 20px 0 20px 20px;
    position: absolute;
    bottom: 10%;
    right: 0%;
    z-index: 999;
    display: block;
}

#mv .speaker_inner002 {
    display: none;
}

#mv .speaker_inner02 {
    content: "";
    width: 20%;
    color: #ffffff;
    padding: 20px 0 20px 20px;
    position: absolute;
    top: 10%;
    right: 22%;
    z-index: 99;
    opacity: 0;
}

#mv .speaker_inner p.speaker-txt {
    margin-top: -25px;
    text-align: left;
    font-size: 20px;
    line-height: 1.4;
}

#mv .speaker_inner p.speaker-txt span {
    font-size: 16px;
}

#mv .speaker_inner02 {
    content: "";
    width: 20%;
    color: #ffffff;
    padding: 20px 0 20px 20px;
    position: absolute;
    top: 20%;
    right: 0%;
    z-index: 99;
    opacity: 0;
}

#mv .speaker_inner02 p.speaker-txt {
    margin-top: -25px;
    text-align: left;
    font-size: 20px;
    line-height: 1.4;
}

#mv .speaker_inner02 p.speaker-txt span {
    font-size: 16px;
}

/*mv_Retina*/
@media screen and (min-width:1280px) {
    #mv .mv_wrap {
        padding-top: 98px;
        width: 100%;
    }

    #mv .title_inner h1 {
        font-size: 3.8vw;
    }

    .title_inner {
        margin-top: 2vw;
        margin-left: 1.6vw;
    }

    p.mt70 {
        display: inline-block;
        margin: 1.8vw 0;
    }

    .speaker_inner001 {
        content: "";
        /*        */
        color: #ffffff;
        padding: 20px 0 20px 20px;
        position: absolute;
        /*  */
        /*        */
        /*        */
        z-index: 999;
        display: block;
    }

}


/*mv_tab*/
@media screen and (max-width: 768px) {

    #mv {
        background: rgb(255, 239, 149);
        background: url(../images/top_sp_bottom.svg),
            linear-gradient(to bottom, rgba(255, 239, 149, 1) 0%, rgba(255, 211, 113, 1) 52%, rgba(255, 161, 49, 1) 100%);
        background-repeat: no-repeat, no-repeat;
        background-position: left bottom;
        background-size: 90%, 100%;

    }

    #mv .mv_wrap {
        width: 100%;
        background-image: url(../images/top_sp_top.svg);
        background-size: 90%;
        background-repeat: no-repeat;
        background-position: right top;
    }

    #mv .mv_wrap {
        padding-top: 8vh;
    }

    #mv .title_inner p.day {
        background: #2f1812;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        padding: 0;
    }

    #mv .speaker_inner p.speaker-txt,
    #mv .speaker_inner02 p.speaker-txt {
        font-size: 4.2vw;
        margin-top: -15px;
    }

    #mv .speaker_inner p.speaker-txt span,
    #mv .speaker_inner02 p.speaker-txt span {
        font-size: 3.2vw;
    }

    @media all and (-ms-high-contrast: none) {
        #mv .mv_wrap {
            background-image: url(../images/img-kv_sp.png);
            position: relative;
            background-position: right top;
            background-size: 60%;
            padding: 76px 0 60px 0;
        }
    }

    .webin .zoom_inner a {
        width: 100%;
    }

    #mv .mv_wrap .series_box {
        position: relative;
        top: -4px;
        left: 0;
        /*  */
    }

    #mv .mv_wrap .series_box p.series {
        width: 35%;
        text-align: center;
        margin: 30px 0 0;
        padding: 0;
    }

    #mv .mv_inner {
        width: 90%;
        text-align: left;
    }

    #mv .mv_inner:after {
        display: none;
    }

    #mv .mv_inner_inner {
        flex-direction: column;
        margin-top: 1vw;
        padding-top: 3vw;
    }

    #mv .title_inner {
        width: 100%;
        /*  */
        margin-top: 3vw;

    }

    #mv .title_inner h1 {
        /*       */
        font-size: 9.602vw;
    }


    #mv .title_inner p.sub_tit {
        font-size: 18px;
        padding: 0 0 20px 0;
    }

    #mv .title_inner p.day {
        font-size: 10.2vw;
        padding: 0;
        margin-top: 0px;
    }

    #mv .title_inner p.day span.year,
    #mv .title_inner p.day span.week {
        font-size: 5.5vw;
    }

    #mv .speaker_inner001 {
        display: none;
    }

    #mv .speaker_inner002 {
        display: block;
    }

    .sp_wrap {
        display: flex;
        gap: 0px 40px;
        margin-top: 16px;
    }

    #mv .speaker_img_inner {
        width: 100%;
        padding: 24px 0 0 0;
    }

    #mv .speaker_img_inner p {
        width: 200px;
        margin: 0 auto;
    }

    #mv .speaker_img_inner:after {
        content: "";
        background-image: url(../images/mv_book_sp.svg);
        background-size: 142px 142px;
        background-repeat: no-repeat;
        background-position: center center;
        width: 142px;
        height: 142px;
        display: block;
        position: absolute;
        top: 30px;
        right: 13%;
        /*  */
        /*  */
    }

    #mv .speaker_inner {
        width: 100%;
        margin: 0 auto;
        padding: 0;
        display: block;
        position: inherit;
    }

    #mv .speaker_inner img {
        /* */
    }

    #mv .speaker_inner:after {
        width: 240px;
        height: 216px;
    }

    #mv .speaker_inner02 {
        width: 100%;
        padding: 0px;
        position: inherit;
    }

    #mv .speaker_inner02 img {
        /**/
    }

    #mv .speaker_inner02:after {
        width: 240px;
        height: 216px;
    }

    .mv_wrap .title_inner .nocharge {
        /*    */
        display: inline-block;
        font-family: 'Oswald', sans-serif;
        font-feature-settings: "palt";
        -webkit-font-feature-settings: "palt";
        font-size: 4.8vw;
        font-weight: 500;
        background-color: rgba(47, 24, 18, 1.0);
        color: rgba(255, 239, 149, 1.0);
        padding: 0.7vw 1.2vw;
        line-height: 1.2;
    }

    .tsume {
        font-feature-settings: "palt";
        -webkit-font-feature-settings: "palt";
        font-size: 3.8vw;
        font-weight: 400;
        line-height: 1.6;
    }



}


/*mv_SP*/
@media screen and (max-width: 480px) {
    #mv {
        background: rgb(255, 239, 149);
        background: url(../images/top_sp_bottom.svg),
            linear-gradient(to bottom, rgba(255, 239, 149, 1) 0%, rgba(255, 211, 113, 1) 52%, rgba(255, 161, 49, 1) 100%);
        background-repeat: no-repeat, no-repeat;
        background-position: left bottom;
        background-size: 90%, 100%;
    }

    #mv .mv_wrap {
        width: 100%;
        /* */
        background-image: url(../images/top_sp_top.svg);
        /*  */
        background-size: 90%;
        background-repeat: no-repeat;
        background-position: right top;
        /*    */
    }

    .mv_inner_inner {
        flex-direction: column;
        margin-top: 1vw;
        padding-top: 1vw;
    }

    #mv .title_inner h1 {
        /*  */
        font-size: 9vw;
    }


    #mv .mv_wrap .series_box {
        top: -3px;
    }

    #mv .speaker_inner {
        width: 100%;
    }

    #mv .speaker_inner001 {
        display: none;
    }



    #mv .speaker_inner:after {
        background-size: 200px 180px;
        background-repeat: no-repeat;
        background-position: center center;
        width: 200px;
        height: 180px;
        display: block;
        position: absolute;
        top: -60%;
        right: 0%;
        top: 50%;
        left: 50%;
        transform: translateY(-124%) translateX(-40%);
        -webkit- transform: translateY(-124%) translateX(-40%);
    }

    header .header_inner {
        padding: 0 0 0 10px;
    }

    header .header_inner .header_btn li a {
        padding: 4.5vw;
        /*        */
    }
 
 .mv_wrap .title_inner p.dayday:after {
  width: 110px;
  height: 24px;
  background-size: 110px 24px;
 }
}

/*------------------------------------------
　//　main visual
------------------------------------------

/*------------------------------------------
main内 共通_content
------------------------------------------*/
/*
main .main_wrap {
 width: 960px;
 margin: 0 auto;
 background: #ffffff;
}
*/

/*section*/
section:nth-child(even) {
    background-color: #fff;
}

section:nth-child(odd) {
    background-color: #fff8eb;
}

section:first-child {
    background-color: #fff;
}

section:last-child {
    background-color: #fff;
}


.online_inner {
    margin-bottom: 120px;
}

.bg_01 {
    padding: 0 0 120px 0;
    /*    */
}

#online .online_wrap,
#recommend .recommend_wrap,
#program .program_wrap,
#webinar .webinar_wrap,
#day .day_wrap {
    width: 90%;
    max-width: 1020px;
    margin: 0 auto;
}

#online .online_wrap h2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding-top: 120px;
    line-height: 1.5;
    padding-bottom: 40px;
    margin-bottom: 10px;
    font-size: 28px;
    font-weight: 600;
}

#recommend .recommend_wrap h2,
#program .program_wrap h2,
.presenter > .speaker_wrap h2,
.webin > .webinar_wrap h2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding-top: 120px;
    line-height: 1.5;
    padding-bottom: 60px;
    margin-bottom: 0;
    font-size: 28px;
    font-weight: 600;
}


#day .day_wrap h2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    /*    */
    line-height: 1.5;
    padding-bottom: 40px;
    margin-bottom: 60px;
    font-size: 28px;
    font-weight: 600;
}

.lecturer > .speaker_wrap h2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding-top: 120px;
    line-height: 1.5;
    padding-bottom: 40px;
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 600;
}

.subtitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.78vw;
    color: #ff821a;
}

#recommend .recommend_wrap h2::after,
#program .program_wrap h2::after,
#speaker .speaks h2::after,
#webinar .webinar_wrap h2::after,
#day .day_wrap h2::after {
    content: "";
    position: absolute;
    /*  */
    height: 4vw;
    width: 1.2vw;
    /*  */
    background-image: url(../images/arroworange.png);
    background-size: contain;
    image-rendering: -webkit-optimize-contrast;
    vertical-align: middle;
    /*  */
    background-repeat: no-repeat;
    top: 90%;
    left: 50%;
    /*  */
    /*    */
    margin: auto;
    /*  */
    /*  */
}


.recommend_wrap .list,
.program_wrap .program_inner_box,
.speaks .speaker_box,
.day_wrap .day_inner_box {
    padding-top: 90px;
}



/*#online .online_wrap h2::after {
}*/

/*main共通_Retina*/
@media screen and (min-width: 1025px) {
    .subtitle {
        font-family: 'Montserrat', sans-serif;
        font-size: 18px;
        color: #ff821a;
    }
}

/*main共通_tab*/
@media screen and (max-width: 768px) {

    /*
 main .main_wrap {
  width: 90%;
 }
*/
    #online .online_wrap,
    #recommend .recommend_wrap,
    #program .program_wrap,
    #speaker .speaker_wrap,
    #speaker .speaker_wrap02,
    #webinar .webinar_wrap,
    #day .day_wrap,
    #journal .flyer {
        width: 90%;
        margin: 0 auto;
        padding: 0;
    }

    #online .online_wrap h2,
    #recommend .recommend_wrap h2,
    #program .program_wrap h2,
    #speaker .speaker_wrap h2,
    #webinar .webinar_wrap h2,
    #day .day_wrap h2,
    #journal .flyer h2 {
        padding-bottom: 30px;
        margin-bottom: 50px;
        padding-top: 40px;
        font-size: 6.16667vw;
        line-height: 1.5;
        margin-top: 40px;
    }

    #online .online_wrap h2::after,
    #recommend .recommend_wrap h2::after,
    #program .program_wrap h2::after,
    #speaker .speaker_wrap h2::after,
    #webinar .webinar_wrap h2::after,
    #day .day_wrap h2::after {
        top: 94%;
        /*        right: 50%;*/
        height: 50px;
        width: 2.2vw;
    }

    #jounal .flyer h2::after {
        top: 94%;
        /*        */
        height: 50px;
        width: 2.2vw;
    }

    .subtitle {
        font-family: 'Montserrat', sans-serif;
        font-size: 4vw;
        color: #ff821a;
    }

    .recommend_wrap .list,
    .program_wrap .program_inner_box,
    .speaks .speaker_box,
    .day_wrap .day_inner_box {
        padding-top: 10px;
    }

}

/*main共通_SP*/
@media screen and (max-width: 480px) {

    .recommend_wrap .list,
    .program_wrap .program_inner_box,
    .speaks .speaker_box,
    .day_wrap .day_inner_box {
        padding-top: 10px;
    }
}

/*------------------------------------------
//　main共通_content
------------------------------------------*/
/*------------------------------------------
id="online" キャリア開発を経営戦略・人事戦略の中に位置づけるためには
------------------------------------------*/
#online .online_inner p.txt {
    text-align: center;
    font-size: 16px;
    line-height: 1.7;
    /*    */
}

#online .online_inner p.txt span {
    font-size: 20px;
    font-weight: 600;
    padding-top: 35px;
    color: #ff6867;
}

#online .online_inner p.txt.txt_last {
    padding: 0;
}

/*online_IEのみ*/
@media all and (-ms-high-contrast: none) {}

/*online_Retina*/
@media screen and (min-width: 1280px) {}

/*online_tab*/
@media screen and (max-width: 768px) {
    #online .online_wrap {
        padding: 0 0 60px 0;
    }

    #online .online_inner p.txt {
        margin-top: 60px;
        font-size: 4.2vw;
        padding: 0 0 20px 0;
        text-align: left;
    }

    .online_inner {
        margin-bottom: 0;
    }
}

/*online共通_SP*/
@media screen and (max-width: 480px) {}

/*------------------------------------------
//   id="online" キャリア開発を経営戦略・人事戦略の中に位置づけるためには
------------------------------------------*/
/*------------------------------------------
id="recommend" このような方におすすめです
------------------------------------------*/
#recommend ul {
    width: 770px;
    margin: 0 auto;
}

#recommend ul.list li {
    position: relative;
    width: 100%;
    background: #ffffff;
    padding: 30px 20px 30px 20px;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    margin: 0 0 20px 0;
    line-height: 1.6;
    box-shadow: 1px 1px #969696;
}

#recommend ul.list li:nth-child(4) {
    margin: 0;
}



#recommend ul.list li:after {
    content: "";
    width: 18px;
    height: 18px;
    /*   */
    background: #ff821a;
    border-radius: 50%;
    position: absolute;
    top: -15%;
    left: 50%;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}

#recommend ul.list li:nth-child(1):after {
    top: -20%;
}

/*recommend_IEのみ*/
@media all and (-ms-high-contrast: none) {}

/*recommend_Retina*/
@media screen and (min-width: 1280px) {}

/*recommend_tab*/
@media screen and (max-width: 768px) {
    #recommend ul {
        width: 100%;
    }

    #recommend ul.list li:nth-child(1) {
        margin-top: 70px;
    }

    #recommend ul.list li {
        padding: 20px 20px 20px 30px;
        font-size: 4.2vw;
        margin: 0 0 16px 0;
        line-height: 1.4;
        text-align: left;
    }

    .bg_01 {
        padding: 0 0 60px 0;
        /*       */
    }

    #recommend ul.list li:after {
        top: -10%;
    }

    #recommend ul.list li:nth-child(1):after {
        top: -15%;
    }

}

/*recommend_SP*/
@media screen and (max-width: 480px) {

    #recommend ul.list li:nth-child(1) {
        margin-top: 10px;
    }

    #recommend ul.list li:after {
        top: -15%;
    }

    #recommend ul.list li:nth-child(1):after {
        top: -20%;
    }
}

/*------------------------------------------
//   id="recommend" このような方におすすめです
------------------------------------------*/
/*------------------------------------------
id="program" プログラム
------------------------------------------*/
#program .program_inner .program_inner_box {
    /*    padding: 20px 20px 20px 30px;*/
    padding: 2vw 2vw 6vw 3vw;
    padding-top: 60px;
}

#program .program_inner ul.first,
#program .program_inner ul.second {
    position: relative;
    display: flex;
    justify-content: flex-start;
    width: 100%;
}

#program .program_inner ul.first {
    padding: 0 0 20px 0;
}

#program .program_inner ul.second {
    padding: 0 0 30px 0;
}

#program .program_inner li.number {
    position: relative;
    padding-top: 25px;
    width: 150px;
    height: auto;
    font-weight: 600;
}

#program .program_inner li.tite02 {
    width: 80vw;
}

#program .program_inner li.number:before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 4px 0px 0 -22px;
    background-color: #ff821a;
    /*    background-size: contain;*/
}

#program .program_inner li.txt_box p.tit {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    padding: 20px 0 30px 0;
    ;
}

#program .program_inner li.txt_box p.tit span {
    font-size: 16px;
    font-weight: 500;
}

#program .program_inner ul.list li {
    font-size: 16px;
    padding: 0 0 20px 0;
    list-style-type: disc;
    margin-left: 20px;
}

#program .program_inner ul.list li:nth-child(7) {
    padding: 0;
}

#program .program_inner p.annotation {
    font-size: 14px;
    text-align: right;
}

/*program_IEのみ*/
@media all and (-ms-high-contrast: none) {}

/*program_Retina*/
@media screen and (min-width: 1280px) {}

/*program_tab*/
@media screen and (max-width: 768px) {

    .program_inner li.number {
        font-size: 30px;
    }

    #program .program_inner li.number:before {
        /*       */
        content: "";
        position: absolute;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        /*  丸位置調整*/
        margin: 10px 0px 0 -30px;
        background-color: #ff821a;
        background-size: contain;
    }

    #program .program_inner li.number:before {}

    #program .program_inner .program_inner_box {
        padding: 0;
    }

    #program .program_inner ul.first,
    #program .program_inner ul.second {
        flex-direction: column;
    }

    #program .program_inner ul.first {
        padding: 0 0 8px 0;
    }

    #program .program_inner li.number {
        width: 100%;
        text-align: center;
        height: auto;
        padding: 0;
        margin: 0 auto;
    }

    #program .program_inner li.number:after {
        left: 127px;
        top: 8px;
    }

    #program .program_inner li.tite02:after {
        left: 100px;
        top: 8px;
    }

    #program .program_inner li.number:nth-child(1) {
        margin: 20px 0 0 0;
        line-height: 1.5;
    }

    #program .program_inner li.txt_box p.tit {
        text-align: left;
        font-size: 3.6vw;
        padding: 20px 0 20px 0;
        letter-spacing: 0.6vw;
    }

    #program .program_inner ul.list li {
        font-size: 4.2vw;
        text-align: left;
        line-height: 1.5;
        padding: 0 0 11px 0;
        margin: 0 23px;
    }

    #program .program_inner p.annotation {
        padding: 0;
        text-align: center;
        font-size: 3.8vw;
        padding: 4vw 0;
    }


    #program .program_inner li.txt_box p.tit span {
        font-size: 3.4vw;
    }


}

/*program_SP*/
@media screen and (max-width: 480px) {

    .program_inner li.number {
        font-size: 5.0vw;
    }

    #program .program_inner li.number:before {
        /*       */
        content: "";
        position: absolute;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        /*  丸位置調整*/
        margin: 6px 0px 0 -18px;
        background-color: #ff821a;
        background-size: contain;
    }

    #program .program_inner li.number:nth-child(1) {
        margin: 2vw 2vw;
        line-height: 1.5;
    }

    #program .program_inner li.txt_box p.tit span {
        font-size: 3.4vw;
    }
}

/*------------------------------------------
//   id="program" プログラム
------------------------------------------*/
/*------------------------------------------
id="speaker" スピーカー
------------------------------------------*/
.presenter {
    /*    */
}

.presenter .speaker_wrap {
    width: 100%;
    /*    */
    padding-bottom: 50px;
}

.presenter .speaker_wrap02 {
    width: 100%;
    /*    */
    margin: 40px 0 120px;
}

.presenter .speaker_inner {
    width: 90%;
    max-width: 960px;
    margin: 0 auto;
}

.presenter .speaker_inner_inner {
    position: relative;
    display: block;
    width: 100%;
    height: 50%
}

.presenter .speaker_inner_inner ul.speaker_box {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 4vw;
}

.presenter .speaker_inner_inner ul.speaker_box li.profile_inner {
    position: relative;
    width: 50%;
    height: 450px;
}

.presenter .speaker_inner_inner li.profile_inner .profile_inner_inner {
    position: absolute;
    top: 50%;
    /*  */
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}

.presenter .speaker_inner_inner li.profile_inner .profile_inner_inner h5 {
    font-size: 26px;
    font-weight: 500;
    padding: 0 0 12px 0;
}

.presenter .speaker_inner_inner li.profile_inner .profile_inner_inner h5 span,
.program_inner li.txt_box p.tit span {
    /*    line-height: 1.4;*/
    font-size: 18px;
}

.presenter .speaker_inner_inner li.profile_inner .profile_inner_inner p.ruby {
    font-size: 14px;
    padding: 0 0 30px 0;
}

.presenter .speaker_inner_inner li.profile_inner .profile_inner_inner p.college {
    font-size: 16px;
    line-height: 1.8;
    font-weight: 500;
    padding: 0 0 26px 0;
}

.presenter .speaker_inner_inner li.profile_inner .profile_inner_inner p.profile {
    font-size: 15px;
    line-height: 1.5;
}

.presenter .speaker_inner_inner ul.speaker_box li.img {
    width: 36vw;
    /*   */
    /*    */
}

.presenter .speaker_inner_inner ul.speaker_box li.img img {
    margin-left: 50px;
    /*    width: 80%;*/
    width: 36vw;
}

.presenter .speaker_inner_inner02 {
    position: relative;
    display: block;
    width: 100%;
    height: 500px;
}

#webinar .zoom_inner p.zoom_txt span {
    color: #ff821a;
    font-weight: bold;
}

.presenter .speaker_inner_inner02 ul.speaker_box {
    position: relative;
    width: 96%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 0 0;
    padding-bottom: 40px;
}

.presenter .speaker_inner_inner02 ul.speaker_box li.profile_inner {
    position: relative;
    width: 50%;
    height: 450px;
}

.presenter .speaker_inner_inner02 li.profile_inner .profile_inner_inner {
    position: absolute;
    top: 50%;
    /*  */
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}

.presenter .speaker_inner_inner02 li.profile_inner .profile_inner_inner h5 {
    font-size: 26px;
    font-weight: 500;
    padding: 0 0 12px 0;
}

.presenter .speaker_inner_inner02 li.profile_inner .profile_inner_inner h5 span {
    font-size: 18px;
}

.presenter .speaker_inner_inner02 li.profile_inner .profile_inner_inner p.ruby {
    font-size: 14px;
    padding: 0 0 30px 0;
}

.presenter .speaker_inner_inner02 li.profile_inner .profile_inner_inner p.college {
    font-size: 16px;
    line-height: 1.8;
    font-weight: 500;
    padding: 0 0 26px 0;
}

.presenter .speaker_inner_inner02 li.profile_inner .profile_inner_inner p.profile {
    font-size: 15px;
    line-height: 1.5;
}

.presenter .speaker_inner_inner02 ul.speaker_box li.img {
    width: 36vw;
    /*    */
    /*    */
}

.presenter .speaker_inner_inner02 ul.speaker_box li.img img {
    margin-right: 50px;
    width: 36vw;
    /*    */
}

/*presenter_IEのみ*/
@media all and (-ms-high-contrast: none) {}

/*presenter_Retina*/
@media screen and (min-width: 1025px) {

    .presenter .speaker_inner_inner ul.speaker_box li.img {
        width: 380px;
        height: 380px;
        /*    */
        /*    */
    }

    .presenter .speaker_inner_inner ul.speaker_box li.img img {
        margin-left: 50px;
        /*    */
        width: 90%;
    }

    .presenter .speaker_inner_inner02 ul.speaker_box li.img {
        width: 380px;
        height: 380px
            /*    */
            /*    */
    }

    .presenter .speaker_inner_inner02 ul.speaker_box li.img img {
        margin-right: 50px;
        width: 90%;
        /*    */
    }
}

/*presenter_tab*/
@media screen and (max-width: 768px) {
    .presenter .speaker_wrap {
        background: none;
    }

    .presenter .speaker_inner {
        width: 100%;
        margin: 0 auto;
    }

    .presenter .speaker_inner_inner {
        height: auto;
    }

    .presenter .speaker_inner_inner ul.speaker_box {
        flex-direction: column;
        width: 100%;
        margin-top: 0;
    }

    .presenter .speaker_inner_inner ul.speaker_box li.img img {
        width: 90%;
    }

    .presenter .speaker_inner_inner ul.speaker_box li.img {
        width: 100%;
        text-align: center;
        margin-top: 15px;
        height: auto;
    }

    .presenter .speaker_inner_inner ul.speaker_box li.profile_inner {
        width: 90%;
        margin: 20px auto;
        height: auto;
        order: 2;
    }

    .presenter .speaker_inner_inner li.profile_inner .profile_inner_inner {
        position: relative;
        top: 0;
        transform: translateY(0%);
        -webkit- transform: translateY(0%);
    }

    .presenter .speaker_inner_inner li.profile_inner .profile_inner_inner h5 {
        font-size: 24px;
        text-align: center;
        padding: 0 0 8px 0;
    }



    .presenter .speaker_inner_inner li.profile_inner .profile_inner_inner p.ruby {
        font-size: 14px;
        text-align: center;
        padding: 0 0 24px 0;
    }

    .presenter .speaker_inner_inner li.profile_inner .profile_inner_inner p.college {
        text-align: center;
    }

    .presenter .speaker_wrap02 {
        background: none;
        margin: -20px 0 50px;
    }

    .presenter .speaker_inner02 {
        width: 100%;
        margin: 0 auto;
    }

    .presenter .speaker_inner_inner02 {
        height: auto;
    }

    .presenter .speaker_inner_inner02 ul.speaker_box {
        flex-direction: column;
        width: 100%;
    }

    .presenter .speaker_inner_inner02 ul.speaker_box li.img img {
        width: 90%;
    }

    .presenter .speaker_inner_inner02 ul.speaker_box li.img {
        width: 100%;
        text-align: center;
        margin-top: 20px;
        height: auto;
    }

    .presenter .speaker_inner_inner02 ul.speaker_box li.profile_inner {
        width: 90%;
        margin: 20px auto;
        height: auto;
        order: 2;
    }

    .presenter .speaker_inner_inner02 li.profile_inner .profile_inner_inner {
        position: relative;
        top: 0;
        transform: translateY(0%);
        -webkit- transform: translateY(0%);
    }

    .presenter .speaker_inner_inner02 li.profile_inner .profile_inner_inner h5 {
        font-size: 24px;
        text-align: center;
        padding: 0 0 8px 0;
    }

    .presenter .speaker_inner_inner02 li.profile_inner .profile_inner_inner p.ruby {
        font-size: 14px;
        text-align: center;
        padding: 0 0 24px 0;
    }

    .presenter .speaker_inner_inner02 li.profile_inner .profile_inner_inner p.college {
        text-align: center;
    }

    .presenter .speaker_inner_inner02 li.profile_inner .profile_inner_inner h5 span {
        font-size: 16px;
    }

}

/*presenter_SP*/
@media screen and (max-width: 480px) {
    .presenter .speaker_inner_inner02 ul.speaker_box li.img img {
        margin-right: 0;
    }

    .presenter .speaker_inner_inner ul.speaker_box li.img img {
        margin-left: 0;
    }

    #program .program_inner li.txt_box p.tit {
        text-align: left;
        font-size: 4.6vw;
        padding: 2vw 1vw;
    }
}

/*------------------------------------------
//   id="speaker" スピーカー
------------------------------------------*/
/*------------------------------------------
id="webinar"
------------------------------------------*/
.webin p.webinar_txt {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    margin: 20px 0 16px 0;
}

.webin p.webinar_txt span {
    font-weight: 100;
}

.webin p.memo_txt {
    text-align: center;
    font-size: 16px;
    margin-top: 30px;
    line-height: 1.8;
}

.webin ul.list {
    padding: 0 0 0 120px;
    margin: 0 0 60px 0;
}

.webin ul.list li {
    position: relative;
    font-size: 16px;
    margin: 0 0 20px 0;
    padding: 0 0 0 20px;
}

.webin ul.list li:before {
    content: "";
    background-image: url(../images/icon_square.svg);
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    bottom: 6px;
    left: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}

.webin .zoom_inner {
    display: block;
    margin: 0 auto;
    padding: 90px 0 0 0;
    background: url(../images/icon_top_left.svg), url(../images/icon_bottom_left.svg), url(../images/icon_top_right.svg), url(../images/icon_bottom_right.svg);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: top left, bottom left, right top, right bottom;
    background-size: 40px 40px;
}

.webin .zoom_inner p.zoom_txt {
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 2vw 0;
}

.webin .zoom_inner p.icon {
    content: "";
    position: absolute;
    top: -24%;
    left: 40%;
    width: 180px;
    padding: 11px 0;
    color: #ffffff;
    text-align: center;
    background: #2f1812;
    font-size: 15px;
    z-index: 99;
}

.ban_worp {
    position: relative;
}

.webin .zoom_inner p {
 width: 650px;
 margin: 0.6vw auto 0;
 padding: 25px 0;
 background: #6d6d6d;
 text-align: center;
 font-weight: 600;
 font-size: 1.7vw;
 border-radius: 6px;
 border-bottom: 8px solid #4d4d4d;
 color: #a0a0a0;
}




.webin .zoom_inner a {
    display: block;
    position: relative;
    width: 650px;
    margin: 0.6vw auto 0;
    padding: 25px 0;
    background: #fbfdfc;
    box-sizing: border-box;
    text-align: center;
    font-weight: 600;
    font-size: 1.7vw;
    /*  */
    background-color: rgba(0, 168, 155, 0.9);
    border: 4px solid #00a89b;
    border-image-slice: 1;
    text-decoration: none;
    transition: all .3s;
    /* */
    display: block;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    /*     */
    padding: 0.5em 1em;
    text-decoration: none;
    background: #00a89b;
    /*ボタン色*/
    color: #FFF;
    border-bottom: solid 8px #007c70;
    border-radius: 6px;
    line-height: 2.0;
    cursor: pointer;
    -ms-cursor: hand;
    transition-duration: 0.5s;
}

.webin .zoom_inner a:hover {
    /*    */
    color: #ffffff;
    transition: .3s;
    filter: brightness(110%) contrast(110%) saturate(110%);
}

.webin .zoom_inner a img {
    width: 60%;
}

.webin .zoom_inner a:hover {
    fill: #ffffff;
}

.webin .zoom_inner a:hover {
    color: #ffffff;
}

.webin .zoom_inner a::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: '';
    /*    */
    background-color: rgba(0, 168, 155, 0.3);
    transform-origin: left bottom;
    transform: scale(1, 0);
    transition: transform .3s;
}

.webin .zoom_inner a::after {
    content: "";
    position: absolute;
    top: calc(50% - 0.52vw);
    right: 20px;
    width: 8%;
    height: 12px;
    background: url(../images/arrow-white.png) no-repeat;
    background-size: contain;
    vertical-align: middle;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;

}

.webin .zoom_inner a:hover {
    color: #ffffff;
    opacity: 0.9;
    transition: .3s;
}

.webin .zoom_inner a:hover:after {
    right: 12px;
}


.webin .zoom_inner a:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
}

/*開催日_IEのみ*/
@media all and (-ms-high-contrast: none) {}

/*開催日_Retina*/
@media screen and (min-width: 1280px) {}

/*開催日_tab*/
@media screen and (max-width: 768px) {
    .webin p.webinar_txt {
        line-height: 1.5;
        margin: 24px 0 20px 0;
        font-size: 4.2vw;
    }

    .webin .zoom_inner a img {
        width: 80%;
    }

    .webin ul.list {
        padding: 0;
        margin: 0 0 40px 0;
    }

    .webin p.memo_txt {
        font-size: 3.8vw;
        text-align: center;
    }

    .webin ul.list li:before {
        top: -3px
    }

    .webin .zoom_inner {
        width: 100%;
        padding: 40px 0 0 0;
    }

    .webin .zoom_inner p.zoom_txt {
        text-align: center;
        font-size: 4.2vw;
        line-height: 1.6;
    }

    .webin ul.list li {
        font-size: 16px;
        margin: 0 0 14px 0;
    }

    .webin .zoom_inner a {
        width: 100%;
        font-size: 5.3vw;
    }

    .webin .zoom_inner p.icon {
        left: 24%;
        width: 180px;
    }
 
   .webin .zoom_inner p {
    width: 100%;
    font-size: 3.9vw;
   }
}

@media screen and (max-width: 768px) {
  .webin .zoom_inner p {
   font-size: 5.4vw;
  }
}

/*------------------------------------------
//   id="webinar"
------------------------------------------*/
/*------------------------------------------
id="day" 開催日
------------------------------------------*/
.bg_01 {
    padding-bottom: 8vw;
}

#day .day_inner_box {
    padding: 50px 0 0 160px;
}

#day ul.day_inner_box_inner {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding: 0 0 26px 0;
}

#day ul.day_inner_box_inner:nth-child(5) {
    padding: 0 0 0 0;
}

#day ul.day_inner_box_inner li {
    font-size: 18px;
}

#day ul.day_inner_box_inner li.list {
    width: 80px;
}

#day ul.day_inner_box_inner li.ten {
    width: 20px;
    text-align: center;
}

#day ul.day_inner_box_inner li.txt {
    width: 680px;
    padding: 0 0 0 6px;
}

#day ul.day_inner_box_inner li.txt span {
 font-size: 18px;
 font-weight: 600;
 color: #ff821a;
}

#day ul.day_inner_box_inner li.txt .kome {
    font-size: 18px;
}

#day .benefits ul.benefits_inner {
    display: flex;
    justify-content: space-between;
    padding: 0 0 60px 0;
}

#day .benefits ul.benefits_inner li.tit {
    width: 170px;
    height: 36px;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    padding: 8px 0;
    color: #ffffff;
    background: #4ab473;
    box-sizing: border-box;
    margin: 0 16px 0 0;
}

#day .benefits ul.benefits_inner li.txt_inner {
    width: auto;
}

#day .benefits ul.benefits_inner li.txt_inner h5 {
    text-align: left;
    font-size: 20px;
    font-weight: 600;
    padding: 8px 0 20px 0;
}

#day .benefits ul.benefits_inner li.txt_inner p {
    font-size: 16px;
    line-height: 1.6;
}

#day .btn_wrap {
    position: relative;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    z-index: 10;
}

#day .btn_wrap .button {
    position: relative;
    display: inline-block;
    width: 600px;
    padding: 20px 0;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    background: #ff6867;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.4;
    transition: .3s;
}

#day .btn_wrap .button:hover {
    color: #ffffff;
}

#day .btn_wrap .button::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: '';
    background: #4ab473;
    transform-origin: left bottom;
    transform: scale(1, 0);
    transition: transform .3s;
}

#day .btn_wrap .button:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
}

/*開催日_Tab*/
@media screen and (max-width: 768px) {
    #day .day_inner_box {
        padding: 0;
        margin-top: 75px;
    }

    #day ul.day_inner_box_inner {
        flex-direction: column;
        padding: 0 0 30px 0;
    }

    #day ul.day_inner_box_inner li.list {
        width: 100%;
        text-align: center;
        padding: 0 0 14px 0;
        font-weight: 600;
    }

    #day ul.day_inner_box_inner li.ten {
        display: none;
    }

    #day ul.day_inner_box_inner li.txt {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    #day ul.day_inner_box_inner li.txt p {
        text-indent: 0;
        padding-left: 0;
        text-align: left;
    }

    #day .benefits ul.benefits_inner {
        flex-direction: column;
        padding: 0 0 40px 0;
    }

    #day .benefits ul.benefits_inner li.tit {
        margin: 0 auto 10px;
    }

    #day .benefits ul.benefits_inner li.txt_inner h5 {
        text-align: center;
    }

    #day .btn_wrap {
        width: 80%;
        padding: 18px 0;
        font-size: 24px;
    }

    #day .btn_wrap .button {
        width: 80%;
        padding: 18px 0;
        font-size: 24px;
    }
}

/*開催日_SP*/
@media screen and (max-width: 480px) {
    #day .btn_wrap {
        width: 90%;
        font-size: 20px;
    }

    #day .btn_wrap .button {
        width: 90%;
        font-size: 20px;
    }
 
    #day ul.day_inner_box_inner li.txt {
     line-height: 1.6;
    }
}

/*------------------------------------------
//   id="day" 開催日
------------------------------------------*/



/*------------------------------------------
//   id="note"登壇者の記事募集中
------------------------------------------*/
.lecturer .speaker_wrap {
    width: 100%;
    /*  */
}

.lecturer .periodical {
    width: 100%;
}

.lecturer .speaker_inner {
    width: 90%;
    max-width: 1080px;
    margin: 0 auto;
}

.lecturer .speaker_inner_inner {
    position: relative;
    display: block;
    width: 100%;
    height: 50%
}

.lecturer .speaker_inner_inner ul.speaker_box {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 100px;
}

.lecturer .speaker_inner_inner ul.speaker_box li.profile_inner {
    position: relative;
    width: 50%;
    height: 450px;
}

.lecturer .speaker_inner_inner li.profile_inner .profile_inner_inner {
    position: absolute;
    top: 50%;
    /*  */
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
}

.lecturer .speaker_inner_inner li.profile_inner .profile_inner_inner h5 {
    font-size: 26px;
    font-weight: 500;
    padding: 0 0 12px 0;
}

.lecturer .speaker_inner_inner li.profile_inner .profile_inner_inner h5 span {
    font-size: 16px;
}

.lecturer .speaker_inner_inner li.profile_inner .profile_inner_inner p.ruby {
    font-size: 14px;
    padding: 0 0 30px 0;
}

.lecturer .speaker_inner_inner li.profile_inner .profile_inner_inner p.college {
    font-size: 16px;
    line-height: 1.8;
    font-weight: 500;
    padding: 0 0 26px 0;
}

.lecturer .speaker_inner_inner li.profile_inner .profile_inner_inner p.profile {
    font-size: 15px;
    line-height: 1.5;
}

.lecturer .speaker_inner_inner ul.speaker_box li.img {
    width: 400px;
    height: 450px;
}

.lecturer .speaker_inner_inner ul.speaker_box li.img img {
    margin-left: 50px;
    width: 80%;

}

.lecturer .speaker_inner_inner02 {
    position: relative;
    display: block;
    width: 100%;
    /*    */
}

.webar .zoom_inner p.zoom_txt span {
    color: #387fff;
    font-weight: bold;
}

.lecturer .speaker_inner_inner02 ul.speaker_box {
    position: relative;
    width: 96%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto 0 0;
    align-items: flex-start;
    align-content: flex-start;
}

.lecturer .speaker_inner_inner02 ul.speaker_box li.profile_inner {
    /*    */
    width: 80%;
    /*    */
}

.lecturer .speaker_inner_inner02 li.profile_inner .profile_inner_inner {
    margin-left: 30px;
}

.lecturer .profile_inner_inner h5 {
    font-size: 1.76vw;
    line-height: 1.8;
    font-weight: 700;
    padding: 0;
}

.lecturer .profile_inner_inner h5 span {
    font-size: 1vw;
}

.lecturer .speaker_inner_inner02 li.profile_inner .profile_inner_inner p.ruby {
    font-size: 14px;
    padding: 0 0 30px 0;
}

.lecturer .speaker_inner_inner02 li.profile_inner .profile_inner_inner p.college {
    font-size: 16px;
    line-height: 1.8;
    font-weight: 500;
    padding: 0 0 26px 0;
}

.lecturer .speaker_inner_inner02 li.profile_inner .profile_inner_inner p.profile {
    /*  */
    line-height: 1.5;
}

.lecturer .speaker_inner_inner02 ul.speaker_box li.img {
    /*   */
    /*   */
    width: auto;
}

.lecturer .speaker_inner_inner02 ul.speaker_box li.img img {
    margin-right: 50px;
    width: 90%;
    border: 1px solid #666;
    /*    */
    /*    */
}




.webar p.webinar_txt {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.8;
    margin: 20px 0 16px 0;
}

.webar p.webinar_txt span {
    font-weight: 100;
}

.webar p.memo_txt {
    text-align: left;
    font-size: 16px;
    margin-top: 30px;
    padding-bottom: 4vw;
    line-height: 1.8;
    text-indent: -1em;
    padding-left: 2em;
}

.webar ul.list {
    padding: 0 0 0 120px;
    margin: 0 0 60px 0;
}

.webar ul.list li {
    position: relative;
    font-size: 16px;
    margin: 0 0 20px 0;
    padding: 0 0 0 20px;
}

.webar ul.list li:before {
    content: "";
    background-image: url(../images/icon_square.svg);
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    bottom: 6px;
    left: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}

.webar .zoom_inner {
    display: block;
    margin: 0 auto;
    /*  */
    background: url(../images/icon_top_left.svg), url(../images/icon_bottom_left.svg), url(../images/icon_top_right.svg), url(../images/icon_bottom_right.svg);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: top left, bottom left, right top, right bottom;
    background-size: 40px 40px;
}

.webar .zoom_inner p.zoom_txt {
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 30px 0;
}

.webar .zoom_inner p.icon {
    content: "";
    position: absolute;
    top: -14px;
    left: 32%;
    /*  */
    /*    */
    padding: 0.2vw 2.0vw;
    color: #ffffff;
    text-align: center;
    background: #ff860e;
    font-size: 15px;
    line-height: 1.5;
    z-index: 99;
    border-radius: 8px;
    left: 0;
    right: 0;
    margin: auto;
    /*  */
    /*  */
    width: fit-content;
}

.ban_worp {
    position: relative;
}

.webar .zoom_inner a {
    display: block;
    position: relative;
    width: 650px;
    margin: 55px auto 0;
    padding: 25px 0;
    /*  */
    box-sizing: border-box;
    text-align: center;
    font-weight: 600;
    font-size: 25px;
    border-image-slice: 1;
    text-decoration: none;
    transition: all .3s;
    box-shadow: 0 0 15px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 15px rgb(0 0 0 / 30%);
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    /*    */
    display: block;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    /*   */
    -o-transition: all .3s ease;
    padding: 1.6vw 3.2vw;
    text-decoration: none;
    background: #fff;
    color: #ff860e;
    border-radius: 10px;
    border: solid 5px #FF860e;
    /*pointer    */
    cursor: pointer;
    -ms-cursor: hand;
    transition-duration: 0.5s;
}

.webar .zoom_inner a:hover {
    /*    */
    /*    */
    fill: #FFF8EB;
    background: #FFF8EB;
    opacity: 0.8;
    transition: .3s;
    filter: brightness(110%) contrast(110%) saturate(110%);
}


.webar .zoom_inner a img {
    width: 60%;
}

.webar .zoom_inner a:hover {}



.webar .zoom_inner a:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
}

.lecturer .speaker_inner_inner02 li.profile_inner .profile_inner_inner h5 span {
    display: inline-block;
    padding: 1.8vw 0 1.2vw 0;
    font-size: 1.3vw;
    font-weight: 500;
    line-height: 1.4;
}


.notice {
    background: repeating-linear-gradient(90deg,
            #e5f6f1,
            #e5f6f1 18px,
            #d4f1e8 0,
            #d4f1e8 20px);
}

.flyer {
    padding-top: 10px;
}



.promotitle {
    font-size: 1.54em;
    display: block !important;
}

.promotitle .mark {
    font-family: Arial, Meiryo, sans-serif;
    font-weight: 300;
}


.hosoku {
    font-size: 0.6em;
}

.menber {}

.caution {
    text-align: left;
    text-indent: -1em;
    padding-left: 2em;
    font-weight: 600;
}

.caution > span {
    font-weight: 400;
}


.interview {
    list-style: disc;
    color: #ff821a;
    line-height: 1.0;
    margin-left: 2.4vw;
    font-size: 2.4vw;
    /*    */
}

.interview > .account {
    color: #2f1812;
    text-decoration: underline;
    line-height: 1.0;
    font-size: 1.4vw;
}

.span02 {
    text-decoration: underline;
}


.magazinepc {
    display: block;
    opacity: 1.0;
}

.magazinesp {
    display: none;
    opacity: 0;
}


/*IE時設定*/
@media all and (-ms-high-contrast:none) {


    .webar .zoom_inner a {
        display: block;
        position: relative;
        width: 650px;
        margin: 55px auto 0;
        padding: 25px 0;
        /*  */
        box-sizing: border-box;
        text-align: center;
        font-weight: 600;
        font-size: 25px;
        border-image-slice: 1;
        text-decoration: none;
        transition: all .3s;
        display: block;
        padding: 1.6vw 3.2vw;
        text-decoration: none;
        background: #fff;
        color: #ff860e;
        border-radius: 10px;
        border: solid 5px #FF860e;
    }

}

/*書籍_Retina*/
@media screen and (min-width: 1280px) {

    .lecturer .profile_inner_inner h5 {
        font-size: 24px;
        font-weight: 500;
        padding: 0;
    }

    .lecturer .speaker_inner_inner02 li.profile_inner .profile_inner_inner h5 span {
        display: inline-block;
        padding: 30px 0 20px 0;
        font-size: 18px;
    }

    .lecturer .profile_inner_inner h5 span,
    .program_inner li.txt_box p.tit span {
        font-size: 16px;
    }

    .interview {
        list-style: disc;
        color: #ff821a;
        line-height: 1.3;
        margin-left: 22px;
        font-size: 22px;
    }

    .interview > .account {
        color: #2f1812;
        text-decoration: underline;
        line-height: 1.2;
        font-size: 18px;
    }


}

/*書籍_PCsmall*/
@media screen and (max-width: 980px) {

    .lecturer .profile_inner_inner h5 {
        font-size: 2.1vw;
        letter-spacing: -0.0002vw;
    }

    .lecturer .speaker_inner_inner02 li.profile_inner .profile_inner_inner h5 span {
        display: inline-block;
        font-size: 1.9vw;
    }

    .lecturer .profile_inner_inner h5 span {
        font-size: 1.9vw;
    }

    .lecturer .speaker_inner_inner02 ul.speaker_box li.profile_inner {
        width: 100%;
    }

    .webar p.memo_txt {
        text-align: left;
        font-size: 1.5vw;
        margin-top: 30px;
        padding-bottom: 4vw;
        line-height: 1.8;
        text-indent: -1em;
        padding-left: 2em;
    }



}


/*書籍_Tab*/
@media screen and (max-width: 780px) {

    .lecturer .speaker_wrap {
        background: none;
    }

    .lecturer .speaker_inner {
        width: 100%;
        margin: 0 auto;
    }

    .lecturer .speaker_inner_inner {
        height: auto;
    }

    .lecturer .speaker_inner_inner ul.speaker_box {
        flex-direction: column;
        width: 100%;
        margin-top: 0;
    }

    .lecturer .speaker_inner_inner ul.speaker_box li.img img {
        width: 90%;
    }

    .lecturer .speaker_inner_inner ul.speaker_box li.img {
        width: 100%;
        text-align: center;
        margin-top: 15px;
        height: auto;
    }

    .lecturer .speaker_inner_inner ul.speaker_box li.profile_inner {
        width: 90%;
        margin: 20px auto;
        height: auto;
        order: 2;
    }

    .lecturer .speaker_inner_inner li.profile_inner .profile_inner_inner {
        position: relative;
        top: 0;
        transform: translateY(0%);
        -webkit- transform: translateY(0%);
    }

    .lecturer .speaker_inner_inner li.profile_inner .profile_inner_inner h5 {
        font-size: 24px;
        text-align: center;
        padding: 0 0 8px 0;
    }

    .lecturer .speaker_inner_inner li.profile_inner .profile_inner_inner p.ruby {
        font-size: 14px;
        text-align: center;
        padding: 0 0 24px 0;
    }

    .lecturer .speaker_inner_inner li.profile_inner .profile_inner_inner p.college {
        text-align: left;
    }

    .lecturer .periodical {
        background: none;
        margin: -20px 0 50px;
    }

    .lecturer .speaker_inner02 {
        width: 100%;
        margin: 0 auto;
    }

    .lecturer .speaker_inner_inner02 {
        height: auto;
    }

    .lecturer .speaker_inner_inner02 ul.speaker_box {
        flex-direction: column;
        width: 100%;
    }

    .lecturer .speaker_inner_inner02 ul.speaker_box li.img img {
        width: 90%;
    }

    .lecturer .speaker_inner_inner02 ul.speaker_box li.img {
        width: 100%;
        text-align: center;
        margin-top: 20px;
        height: auto;
    }

    .lecturer .speaker_inner_inner02 ul.speaker_box li.profile_inner {
        width: 90%;
        margin: 20px auto;
        height: auto;
        order: 2;
    }

    .lecturer .profile_inner_inner h5 span {
        font-size: 2.6vw;
    }

    .lecturer .speaker_inner_inner02 li.profile_inner .profile_inner_inner {
        position: relative;
        top: 0;
        transform: translateY(0%);
        -webkit- transform: translateY(0%);
        line-height: 1.6;
        margin-left: 0px;
    }

    .lecturer .speaker_inner_inner02 li.profile_inner .profile_inner_inner h5 {
        font-size: 24px;
        text-align: center;
        padding: 0 0 1vw 0;
    }

    .lecturer .speaker_inner_inner02 li.profile_inner .profile_inner_inner p.ruby {
        font-size: 14px;
        text-align: center;
        padding: 0 0 24px 0;
    }

    .lecturer .speaker_inner_inner02 li.profile_inner .profile_inner_inner p.college {
        text-align: left;
    }

    .webar p.webinar_txt {
        line-height: 1.5;
        margin: 24px 0 20px 0;
        font-size: 4.2vw;
    }

    .webar .zoom_inner a img {
        width: 80%;
    }

    .webar ul.list {
        padding: 0;
        margin: 0 0 40px 0;
    }

    .webar p.memo_txt {
        font-size: 2.4vw;
        text-align: center;
    }

    .webar ul.list li:before {
        top: -3px
    }

    .webar .zoom_inner {
        width: 100%;
        /*     */
        padding: 3vw 0 0 0;
    }

    .webar .zoom_inner p.zoom_txt {
        text-align: center;
        font-size: 4.2vw;
        line-height: 1.6;
    }

    .webar ul.list li {
        font-size: 16px;
        margin: 0 0 14px 0;
    }

    .webar .zoom_inner a {
        width: 100%;
        font-size: 3.3vw;
        padding: 4vw 3.8vw;
    }

    .webar .zoom_inner p.icon {
        left: 0;
        right: 0;
        margin: auto;
        width: fit-content;
    }

    .interview > .account {
        color: #2f1812;
        text-decoration: underline;
        line-height: 1.4;
        font-size: 2.4vw;
    }

    .lecturer .speaker_inner_inner02 ul.speaker_box li.img img {
        margin-right: 0px;
        width: 50%;
        border: 1px solid #666;
    }

    .lecturer .speaker_inner_inner02 li.profile_inner .profile_inner_inner h5 span {
        display: inline-block;
        font-size: 2.6vw;
    }

    .magazinesp {
        display: block;
        opacity: 1.0;
    }

    .magazinepc {
        display: none;
        opacity: 0;
    }
}


/*書籍_SP*/
@media screen and (max-width: 480px) {

    .lecturer .speaker_inner_inner02 ul.speaker_box li.img img {
        margin-right: 0;
    }

    .lecturer .speaker_inner_inner ul.speaker_box li.img img {
        margin-left: 0;
    }

    #journal .speaker_inner_inner02 ul.speaker_box li.img .book {
        margin-right: 0;
    }

    .intro {
        font-size: 1.0vw;
    }

    .intro > span {
        font-size: 1.0vw;
        text-decoration: underline;
    }

    .webar .zoom_inner a {
        padding: 5vw 3.8vw;
        font-size: 5vw;
    }

    .interview {
        list-style: disc;
        color: #ff821a;
        line-height: 1.6;
        font-size: 3.4vw;
        margin-left: 3vw;
    }

    .interview > .account {
        color: #2f1812;
        text-decoration: underline;
        font-size: 3.0vw;
    }

    .webar .zoom_inner {
        width: 100%;
        /*     */
        padding: 0.2vw 0 0 0;
    }


    .webar .zoom_inner p.icon {
        content: "";
        position: absolute;
        /*  */
        padding: 0.6vw 2vw;
        color: #ffffff;
        text-align: center;
        background: #ff860e;
        font-size: 3.6vw;
        line-height: 1.5;
        z-index: 99;
        border-radius: 8px;
    }

    .webar .zoom_inner p.icon {
        left: 0;
        right: 0;
        margin: auto;
        /*    */
        /*      */
        width: fit-content;
    }

    .lecturer .speaker_inner_inner02 ul.speaker_box li.profile_inner {
        width: 90%;
        margin: 20px auto;
        height: auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .lecturer .speaker_inner_inner02 li.profile_inner .profile_inner_inner h5 {
        font-size: 16px;
        text-align: left;
        padding: 0 0 1vw 0;
    }

    .lecturer .speaker_inner_inner02 li.profile_inner .profile_inner_inner h5 span {
        display: block;
        font-size: 2.8vw;
        text-align: center;
        line-height: 1.6;
    }

    .lecturer .periodical {
        background: none;
        margin: -20px 0 10px;
    }

}

/*------------------------------------------
ページのトップへ戻る ここから
------------------------------------------*/
#toTop {
    position: fixed;
    right: 0;
    bottom: 1vh;
    /*  */
    z-index: 999;
}

#toTop a {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    display: block;
    /*   */
    /* */
    /*  */
}

#toTop a:hover {
    /*pointer    */
    opacity: 0.8;
}



.pagetop {
    height: 100px;
    width: 50px;
    position: fixed;
    /*  */
    right: 20px;
    bottom: 120px;
    /*pointer*/
    cursor: pointer;
    -ms-cursor: hand;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.ptpc {
    /*   */
    display: block;
    width: 10px;
    -o-object-fit: contain;
    object-fit: contain;
    opacity: 1;
}

.ptsp {
    display: none;
    opacity: 0;
    /*  */
    /*    */
}

/*Tab_SP*/
@media screen and (max-width: 768px) {

    .pagetop {
        /*  */
        position: fixed;
        /*   */
        right: 2px;
        bottom: 60px;
    }

    .ptpc {
        display: none;
        opacity: 0;
        /*       */
        /*        */
    }

    .ptsp {
        z-index: 1200;
        opacity: 1;
        /*  */
        display: block;
        width: 10vw;
        height: auto;
    }

}






/*------------------------------------------
// ページのトップへ戻る ここまで
------------------------------------------*/
/*------------------------------------------
　　footer ここから
-------------------------------------------*/
.flex_bet {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    /*     justify-content: space-between;*/
    justify-content: center;
    flex-wrap: wrap;
}

#footer2 {
    border-top: 2px solid #ccc;
    padding: 30px 0 4px 0;
}

#footer2 .footer-logo {
    width: 1150px;
    width: 120px;
    height: 100%;
    margin: 0 auto 30px;
}

#footer2 > .flex_bet {
    width: 100%;
    max-width: 1150px;
    margin: 0 auto;
    padding-bottom: 0.6vw;
}

#footer2 > .flex_bet ul {
    letter-spacing: -.40em;
    margin-bottom: 0;
}

#footer2 > .flex_bet ul li {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    font-size: 12px;
    margin-right: 15px;
}

#footer2 > .flex_bet ul li a {
    color: #333;
}

#footer2 > .flex_bet ul li a:after {
    content: '>';
    display: inline-block;
    margin-left: 5px;
}

#footer2 > .flex_bet ul li a:hover {
    opacity: 0.75;
}


/*footer_Retina*/
@media screen and (min-width: 1180px) {
    #footer2 > .flex_bet {
        width: 1150px;
        margin: 0 auto;
    }

}

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

    .flex_bet {
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: center;
        flex-wrap: wrap;
    }

    #footer2 > .flex_bet ul {
        letter-spacing: -.50em;
        margin-bottom: 0;
    }

    #footer2 > .flex_bet ul li {
        display: inline-block;
        vertical-align: top;
        letter-spacing: normal;
        font-size: 10.1px;
        margin-right: 11px;
    }

    #footer2 > .flex_bet {
        width: 100%;
        margin: 0 auto;
        padding-bottom: 1.0vw;
    }

}

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


    #footer2 > .flex_bet ul li {
        width: 47%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    #footer2 > .flex_bet ul li:nth-child(even) {
        width: 53%;
    }


    #footer2 > .flex_bet #copyright {
        color: #333;
        font-size: 14px;
    }

    #footer2 > .flex_bet #copyright {
        display: block;
        text-align: center;
        font-size: 10px;
        width: 100%;
        padding: 10px 0 15px;
        color: #666;
    }

    #footer2 {
        /*  border-top: none;*/
        padding: 20px 4% 10% 4%;
    }

}


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

    #footer2 > .flex_bet ul {
        letter-spacing: -.40em;
        margin-bottom: 0;
    }

    #footer2 > .flex_bet ul li {
        display: inline-block;
        vertical-align: top;
        letter-spacing: normal;
        font-size: 12px;
        margin-right: 14px;
    }

}

@media screen and (max-width: 418px) {
    #footer2 {
        padding: 20px 5% 15% 5%;
    }
}

/*------------------------------------------
//　　　footer ここまで
-------------------------------------------*/