@charset "UTF-8";
/*! sanitize.css v4.1.0 | CC0 License | github.com/jonathantneal/sanitize.css */
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: sans-serif;
  line-height: 1.5;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  margin: 0;
}
section {
 color: #231815;
 text-align: center;
}
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;
}
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;
}
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;
}

/*------------------------------------------ */
body {
  color: #333333;
  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;
}
/*
a {
 display: block;
}
*/
.pc_br {
  display: block;
}
.tab_br {
  display: none;
}
.sp_br {
  display: none;
}
.pc_img {
  display: block;
}
.tab_img {
  display: none;
}
.sp_img {
  display: none;
}
span.tsume {
  font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
}
@media screen and (max-width: 812px) {
  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
  }
}
/*  //  -------------------------------------- */

/*------------------------------------------
id="head_wrap"
------------------------------------------*/



/*------------------------------------------
//　id="head_wrap"
------------------------------------------*/

/*------------------------------------------
header CVボタン
------------------------------------------*/
#head_wrap .btn-wrap .btn-wrap {
 width: 100%;
 margin-bottom: 20px;
 padding: 30px 10px;
 text-align: center;
 border-radius: 10px;
 background: #f8f8f8;
 box-sizing: border-box;
}

#head_wrap .btn-wrap .btn,
#head_wrap .btn-wrap a.btn {
 position: relative;
 display: inline-block;
 width: 310px;
 text-align: center;
 font-size: 18px;
 font-weight: 600;
 line-height: 1.5;
 vertical-align: middle;
 text-decoration: none;
 letter-spacing: 0.1em;
 color: #ffffff;
 border-radius: 0.5rem;

 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
}

#head_wrap .btn-wrap a.btn-custom01 {
 margin-bottom: 0.5rem;
 padding: 0;
 border-radius: 0.75rem;
}

#head_wrap .btn-wrap a.btn-custom01:before {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 100%;
 content: "";
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
 -webkit-transform: translate3d(0, 8px, -1rem);
 transform: translate3d(0, 8px, -1rem);
 border-radius: inherit;
 background: #170c66;
}

#head_wrap .btn-wrap .btn-custom01-front {
 position: relative;
 display: block;
 padding: 14px 0;
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
 border-radius: inherit;
 background: #004bbe;
 background-image: url(../images/icon-btn-arrow_white.png);
 background-repeat: no-repeat;
 background-position: 93% center;
 background-size: 2% 24%;
}

#head_wrap .btn-wrap a.btn-custom01:hover {
 -webkit-transform: translate(0, 2px);
 transform: translate(0, 2px);
 background: #fff100;
}

#head_wrap .btn-wrap a.btn-custom01:hover:before {
 -webkit-transform: translate3d(0, 6px, -1rem);
 transform: translate3d(0, 6px, -1rem);
 -webkit-box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.2);
 box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.2);
}

#head_wrap btn-wrap a.btn-custom01:active {
 -webkit-transform: translate(0rem, 10px);
 transform: translate(0rem, 10px);
}

#head_wrap .btn-wrap a.btn-custom01:active:before {
 -webkit-transform: translate3d(0, 0, -1rem);
 transform: translate3d(0, 0, -1rem);
 -webkit-box-shadow: 0 10px 0 0 rgba(0, 0, 0, 0.2);
 box-shadow: 0 10px 0 0 rgba(0, 0, 0, 0.2);
}


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

}


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

}



/*------------------------------------------
//　header CVボタン
------------------------------------------*/


/*------------------------------------------
content 共通
------------------------------------------*/
main {
 overflow: hidden;
 padding: 0;
 background: #fffbdd;
}

main.white-light {
 color: #ffffff !important;
}

main.bg-cream {
 background-color: #fffbdd !important;
}

main.pattern-dots-xl {
 background-image: radial-gradient(currentColor 2px, transparent 2px);
 background-size: calc(10 * 2px) calc(10 * 2px);
}

#overview .overview_wrap,
#recommend .recommend_wrap,
#program .program_wrap, 
#speaker .speaker_wrap, 
#webinar .webinar_wrap,
#date .date_wrap {
 position: relative;
 width: 86.66667vw;
 max-width: 960px;
 margin: 0 auto;
 padding: 140px 0 0 0;
}

#overview .overview_inner,
#recommend .recommend_inner,
#program .program_inner, 
#speaker .speaker_inner, 
#webinar .webinar_inner,
#date .date_inner {
 position: relative;
 width: 100%;
 background: #ffffff;
 -webkit-filter: drop-shadow(0px 0px 4px rgb(186, 160, 2, 0.5));
 -moz-filter: drop-shadow(0px 0px 4px rgb(186, 160, 2, 0.5));
 filter: drop-shadow(0px 0px 4px rgb(186, 160, 2, 0.5));
 padding: 0 20px 60px 20px;
}

#overview h2, 
#recommend h2, 
#program h2,  
#speaker h2,  
#webinar h2, 
#date h2 {
 position: relative;
 top: -30px;
 display: grid;
 justify-items: center;
 width: 90%;
 font-size: 28px;
 font-weight: 600;
 color: #ffffff;
 background: #231815;
 padding: 14px 0 14px 0;
 margin: 0 auto 20px;
}

#overview h2:before,
#recommend h2:before,
#program h2:before,
#speaker h2:before,
#webinar h2:before, 
#date h2:before {
 content: "";
 background-image: url(../images/parts-title.png);
 background-size: 10px 45px;
 background-repeat: no-repeat;
 background-position: center center;
 width: 10px;
 height: 44px;
 display: block;
 position: absolute;
 top: -44px;
 left: 14px;
 -webkit-transform: translateY(50%);
 transform: translateY(50%);
}
 
#overview h2:after,
#recommend h2:after,
#program h2:after,
#speaker h2:after,
#webinar h2:after,
#date h2:after {
 content: "";
 background-image: url(../images/parts-title.png);
 background-size: 10px 45px;
 background-repeat: no-repeat;
 background-position: center center;
 width: 10px;
 height: 44px;
 display: block;
 position: absolute;
 top: -44px;
 right: 14px;
 -webkit-transform: translateY(50%);
 transform: translateY(50%);
}


@media screen and (max-width: 812px) {
 #overview .overview_wrap, #recommend .recommend_wrap, #program .program_wrap, #speaker .speaker_wrap, #webinar .webinar_wrap, #date .date_wrap {
  padding: 16.555vw 0 0 0;
 }
 
 #overview .overview_inner, #recommend .recommend_inner, #program .program_inner, #speaker .speaker_inner, #webinar .webinar_inner, #date .date_inner {
  padding: 0 3.5vw 40px 3.5vw;
 }
 
 #overview h2, #recommend h2, #program h2, #speaker h2, #webinar h2, #date h2 {
  width: 100%;
  font-size: 3.85vw;
  margin: 0;
 }
}


@media screen and (max-width:480px) {
 #overview h2, #recommend h2, #program h2, #speaker h2, #webinar h2, #date h2 {
  font-size: 5.95vw;
 }
}



/*------------------------------------------
//　content 共通
------------------------------------------*/


/*------------------------------------------
FV
------------------------------------------*/
#mv {
 position: relative;
 display: block;
}

#mv .mv_wrap {
 display: block !important;
 position: relative;
 width: 100%;
 height: 732px;
 background: url(../images/bottom-left.png), url(../images/top-right.png) #ffe100;
 background-repeat: no-repeat, no-repeat, no-repeat;
 background-position: left bottom,  right top;
 background-size: 20%, 17%;
 margin: 0;
 padding: 90px 0 0 0;
}

#mv .mv_inner {
 position: relative;
 max-width: 1240px;
 width: 100%;
 height: 100%;
 background: url(../images/mv-img.png);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: 1240px 641px;
 margin: 0 auto;
 padding: 70px 0 50px 0;
}

#mv p.txt-event {
 display: inline-block;
 font-size: 24px;
 font-weight: 500;
 color: #ffffff;
 background: #231815;
 padding: 9px 28px;
 border-radius: 22px;
 margin: 0 0 20px 0;
}

#mv p.sub-tit {
 font-size: 28px;
 font-weight: 600;
 line-height: 1.4;
 padding: 0 0 20px 0;
}

#mv p.sub-tit span.txt-small {
 font-size: 80%;
 color: #231815;
}

#mv p.sub-tit span {
 color: #00c2db;
}

#mv h1 {
 font-size: 62px;
 font-weight: 900;
 line-height: 1.4;
 padding: 0 0 30px 0;
}

#mv h1 span {
 font-size: 42px;
}

#mv p.txt-day {
 font-family: 'Roboto', sans-serif;
 font-weight: 600;
 font-size: 50px;
 padding: 0 0 16px 0;
}

#mv p.txt-day span.year {
 font-size: 30px;
}

#mv p.txt-day span.week {
 font-size: 24px;
}

#mv p.txt-day span.time {
 font-size: 36px;
}

#mv p.txt-free {
 display: inline-block;
 font-size: 24px;
 font-weight: 600;
 padding: 10px 30px;
 border-top: 4px solid #231815;
 border-bottom: 4px solid #231815;
}

#mv ul.mv-speaker_box {
 display: none;
}

@media screen and (max-width: 1239px) {
 #mv .mv_wrap {
  height: 100%;
 }
 
 #mv .mv_inner {
  background-size: contain;
  padding: 5.05vw 0 0 0;
 }
 
 #mv p.txt-event {
  font-size: 1.55vw;
  border-radius: 2vw;
  margin: 0 0 1.85vw 0;
 }
 
 #mv p.sub-tit {
  font-size: 2.15vw;
  padding: 0 0 1.35vw 0;
 }
 
 #mv h1 {
  font-size: 4.85vw;
  padding: 0 0 1.65vw 0;
 }
 
 #mv p.txt-day {
  font-size: 3.55vw;
 }
 
 #mv p.txt-day span.time {
  font-size: 2.45vw;
 }
 
 #mv p.txt-free {
  font-size: 2.05vw;
  padding: 0.67vw 2.3vw;
  margin: 0 0 6.35vw 0;
 }
 
}



@media screen and (max-width: 812px) {
 #mv .mv_wrap {
  padding: 50px 0 4.95vw 0;
  background-size: 36%, 37%;
 }
 
 #mv .mv_inner {
  width: 86.66667vw;
  /* background-image: none; */
  background: #ffffff;
  border-radius: 4.5vw;
  margin: 4.85vw auto 0;
  padding: 4.05vw 0;
 }
 
 #mv p.txt-event {
  font-size: 2.45vw;
  border-radius: 2.5vw;
 }
 
 #mv p.sub-tit {
  font-size: 3.15vw;
 }
 
 #mv h1 {
  font-size: 7.00vw;
 }
 
 #mv h1 span {
  font-size: 4.85vw;
 }
 
 #mv p.txt-day {
  font-size: 6.65vw;
 }
 
 #mv p.txt-day span.year, #mv p.txt-day span.week {
  font-size: 4.05vw;
 }
 
 #mv p.txt-day span.time {
  font-size: 4.85vw;
 }
 
 #mv p.txt-free {
  font-size: 3.45vw;
  padding: 1.07vw 3vw;
  margin: 0 0 4.85vw 0;
 }
 
 #mv ul.mv-speaker_box {
  display: flex;
  justify-content: center;
  width: 90%;
  margin: 0 auto;
 }
 
 #mv ul.mv-speaker_box li {
  position: relative;
  width: 50%;
 }
 
 #mv ul.mv-speaker_box li:nth-child(1):after {
  content: "";
  background-image: url(../images/mv-fukidashi.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center left;
  width: 46%;
  height: 100%;
  display: block;
  position: absolute;
  top: -50%;
  left: 0%;
  z-index: 1;
 }
 
 .btn-wrap .cp_link::after {
  content: "";
  background-image: url(../images/icon_cp_link_yellow.png);
  background-size: 24px 24px;
  background-repeat: no-repeat;
  background-position: center left;
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: 12%;
  right: -7%;
  opacity: 1;
  z-index: 1;
  transition: all .5s;
 }
 
 #mv ul.mv-speaker_box li img {
  display: block;
  width: 70%;
  height: auto;
  margin: 0 auto;
 }
 
 #mv ul.mv-speaker_box li p.name {
  color: #ffffff;
  font-weight: 500;
  line-height: 1.4;
  padding: 8px 12px;
 }
 
 #mv ul.mv-speaker_box li p.name span.mr {
  font-size: 90%;
 }
 
 #mv ul.mv-speaker_box li p.name span.bg-color {
  background: linear-gradient(transparent 0%, #231815 0%);
  padding: 0px 2px 0 5px;
 }
}


@media screen and (max-width:480px) {
 #mv .mv_inner {
  padding: 4.05vw 2.0vw;
 }
 
 #mv p.sub-tit {
  font-size: 16px;
 }
 
 #mv h1 {
  font-size: 6.6vw;
  padding: 0 0 5.65vw 0;
 }
 
 #mv p.txt-event {
  font-size: 3.25vw;
  border-radius: 4.5vw;
  padding: 10px 20px;
 }
 
 #mv p.txt-day {
  font-size: 8.35vw;
 }
 
 #mv p.txt-day span.year, #mv p.txt-day span.week, #mv p.txt-day span.time {
  font-size: 5.95vw;
 }
 
 #mv p.txt-free {
  font-size: 16px;
  padding: 1.47vw 3vw;
 }
 
 #mv ul.mv-speaker_box li img {
  width: 90%;
 }
 
 #mv ul.mv-speaker_box li:nth-child(1):after {
  width: 64%;
  top: -56%;
  left: -8%;
 }
 
 #mv ul.mv-speaker_box li p.name {
  font-size: 16px;
 }
}

/*------------------------------------------
//　FV
------------------------------------------*/

/*------------------------------------------
id="overview"　あなたの悩み〜
------------------------------------------*/
#overview .overview_wrap {
 padding: 120px 0 100px 0;
}

#overview p {
 text-align: center;
 font-size: 18px;
 line-height: 1.6;
 font-weight: 500;
}

#overview p span {
 display: block;
 padding: 0 0 20px 0;
}

#overview p span:last-child {
 padding: 0;
}

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

@media screen and (max-width: 812px) { 
 #overview .overview_wrap {
  padding: 15.155vw 0 10.555vw 0;
 }
 
 #overview h2 {
  line-height: 1.3;
 }
 
 #overview p {
  text-align: left;
 }
}


@media screen and (max-width: 480px) {
 #overview p {
  font-size: 16px;
 }
}



/*------------------------------------------
//  id="overview"　あなたの悩み〜
------------------------------------------*/

/*------------------------------------------
class="btn-cv_wrap"　申し込み
------------------------------------------*/
.btn-cv_wrap {
 position: relative;;
 background: #ffffff;
 padding: 60px 0 60px 0;
}

.btn-cv_wrap.yellow-light {
 color: #fffbdd !important;
}

.btn-cv_wrap.bg-white {
 background-color: #ffffff !important;
}

.btn-cv_wrap.pattern-dots-xl {
 background-image: radial-gradient(currentColor 2px, transparent 2px);
 background-size: calc(10 * 2px) calc(10 * 2px);
}


.btn-cv_wrap .btn-cv_inner {
 width: 86.66667vw;
 max-width: 960px;
 margin: 0 auto;
}

.btn-cv_wrap .register {
 display: inline-block;
 font-size: 24px;
 font-weight: 600;
 color: #231815;
 border-bottom: 4px solid #231815;
 padding: 0 10px 10px 10px;
 margin: 0 0 60px 0;
}

.btn-cv_wrap .btn-box {
 position: relative;
 padding: 0 0 30px 0;
}

.btn-cv_wrap .btn,
.btn-cv_wrap a.btn {
 position: relative;
 display: inline-block;
 width: 700px;
 text-align: center;
 font-size: 28px;
 font-weight: 600;
 line-height: 1.5;
 vertical-align: middle;
 text-decoration: none;
 letter-spacing: 0.1em;
 color: #ffffff;
 border-radius: 0.5rem;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
}

.btn-cv_wrap .btn-box a.btn::after {
 content: "";
 width: 160px;
 height: 42px;
 position: absolute;
 top: 0;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 z-index: 10;
 background: url(../images/icon-free.svg)  no-repeat center center;
}

.btn-cv_wrap a.btn-custom01 {
 margin-bottom: 0.5rem;
 padding: 0;
 border-radius: 0.75rem;
}

.btn-cv_wrap a.btn-custom01:before {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 100%;
 content: "";
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
 -webkit-transform: translate3d(0, 8px, -1rem);
 transform: translate3d(0, 8px, -1rem);
 border: 2px solid #000;
 border-radius: inherit;
 background: #170c66;
 -webkit-box-shadow: 0 0.6rem 0 0 rgba(0, 0, 0, 0.2);
 box-shadow: 0 0.6rem 0 0 rgba(0, 0, 0, 0.2);
}

.btn-cv_wrap .btn-custom01-front {
 position: relative;
 display: block;
 padding: 20px 0;
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
 border-radius: inherit;
 background: #004bbe;
/*
 background-image: url(../images/icon-btn-arrow_white.png);
 background-repeat: no-repeat;
 background-position: 93% center;
 background-size: 2% 24%;
*/
}

.btn-cv_wrap a.btn-custom01:hover {
 -webkit-transform: translate(0, 2px);
 transform: translate(0, 2px);
 background: #fff100;
}

.btn-cv_wrap a.btn-custom01:hover:before {
 -webkit-transform: translate3d(0, 6px, -1rem);
 transform: translate3d(0, 6px, -1rem);
 -webkit-box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.2);
 box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.2);
}

.btn-cv_wrap a.btn-custom01:active {
 -webkit-transform: translate(0rem, 10px);
 transform: translate(0rem, 10px);
}

.btn-cv_wrap a.btn-custom01:active:before {
 -webkit-transform: translate3d(0, 0, -1rem);
 transform: translate3d(0, 0, -1rem);
 -webkit-box-shadow: 0 10px 0 0 rgba(0, 0, 0, 0.2);
 box-shadow: 0 10px 0 0 rgba(0, 0, 0, 0.2);
}

.btn-cv_wrap p.target {
 text-align: center;
 font-size: 16px;
 font-weight: 600;
 color: #231815;
 line-height: 1.4;
 padding: 0 0 20px 0;
}

.btn-cv_wrap p.target > span {
 font-weight: 400;
}

.btn-cv_wrap ul.annotation-list {
 padding: 0 0 40px 150px;
}

.btn-cv_wrap ul.annotation-list li {
 text-align: left;
 font-size: 16px;
 font-weight: 500;
 color: #231815;
 padding: 0 0 10px 0;
}

.btn-cv_wrap ul.annotation-list li:last-child {
 color: #e61912;
 line-height: 1.3;
}

.btn-cv_wrap ul.annotation-list li.indentback {
 text-indent: -1em;
 padding-left: 2em;
}

.btn-cv_wrap .btn-jh_box {
 position: relative;
 margin: 20px auto 0;
 text-align: center;
 text-decoration: none;
 transition: .3s;
 z-index: 10;
}

.btn-cv_wrap .btn-jh_box .button {
 position: relative;
 display: inline-block;
 width: 400px;
 padding: 12px 0;
 margin: 0 auto;
 color: #00c2db;
 text-align: center;
 text-decoration: none;
 background: #ffffff;
 border: solid #00c2db 4px;
 border-radius: 12px;
 font-size: 22px;
 font-weight: 600;
 line-height: 1.4;
 letter-spacing: 0.1em;
 box-sizing: border-box;
 transition: .3s;
}

.btn-cv_wrap .btn-jh_box .button::after {
 content: "";
 width: 200px;
 height: 38px;
 position: absolute;
 top: -5px;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 z-index: 999;
 background: url(../images/icon-jh.svg)  no-repeat center center;
}

.btn-cv_wrap .btn-jh_box .button:hover {
 color: #ffe100;
 border: solid #231815 4px;
}

.btn-cv_wrap .btn-jh_box .button::before {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: -1;
 content: '';
 background: #231815;
 border: solid #231815 4px;
 transform-origin: left bottom;
 transform: scale(1, 0);
 transition: transform .3s;
}

.btn-cv_wrap .btn-jh_box .button:hover::before {
 transform-origin: left top;
 transform: scale(1, 1);
}



@media screen and (max-width: 812px) {
 .btn-cv_wrap {
  padding: 6.2555vw 0;
 }
 
 .btn-cv_wrap .register {
  font-size: 3.45vw;
  line-height: 1.4;
  margin: 0 0 9.755vw 0;
 }
 
 .btn-cv_wrap .btn, .btn-cv_wrap a.btn {
  width: 100%;
  font-size: 4.555vw;
 }
 
 .btn-cv_wrap p.target {
  text-align: left;
 }
 
 .btn-cv_wrap ul.annotation-list {
  padding: 0 0 30px 0;
 }
 
 .btn-cv_wrap ul.annotation-list li.indentback {
  text-indent: -2em;
  padding-left: 2em;
 }
 
 .btn-cv_wrap .btn-jh_box .button {
  width: 340px;
 }
}


@media screen and (max-width: 480px) {
 .btn-cv_wrap .register {
  font-size: 18px;
 }
 
 .btn-cv_wrap .btn-jh_box .button {
  width: 80%;
  font-size: 16px;
 }
 
 
}

/*------------------------------------------
//  class="btn-cv_wrap"　申し込み
------------------------------------------*/


/*------------------------------------------
id="recommend"　このような方におすすめです
------------------------------------------*/
#recommend ul {
 display: flex;
 justify-content: space-between;
 width: 92%;
 margin: 0 auto;
 padding: 30px 0 0 0;
}

#recommend ul li {
 position: relative;
 width: 260px;
 text-align: left;
 font-size: 20px;
 color: #231815;
 padding: 40px 0 0 0;
 line-height: 1.6;
}

#recommend ul li:after {
 content: "";
 height: 40px;
 width: 40px;
 position: absolute;
 top: -3px;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 z-index: 90;
 background: url(../images/icon-check.svg) no-repeat center center;
 background-size: 40px 40px;
 background-position: top;
 filter: none;
}

@media screen and (max-width: 812px) { 
 #recommend ul {
  width: 100%;
  flex-direction: column;
  padding: 24px 0 0 0;
 }
 
 #recommend ul li {
  width: 100%;
  font-size: 18px;
  padding: 30px 0 57px 0;
 }
 
 #recommend ul li:last-child {
  padding: 30px 0 0 0;
 }
}


@media screen and (max-width: 480px) {
 #recommend h2 {
  line-height: 1.2;
 }
 
 #recommend ul {
  padding: 0;
 }
 
 #recommend ul li {
  padding: 30px 0 30px 0;
 }
 
 #recommend ul li:after {
  top: 10px;
  height: 30px;
  width: 30px;
  background-size: 30px 30px;
 }
}

/*------------------------------------------
//  id="recommend"　このような方におすすめです
------------------------------------------*/

/*------------------------------------------
id="program"　プログラム
------------------------------------------*/
#program p.txt {
 font-size: 18px;
 font-weight: 600;
 color: #231815;
 padding: 0 0 30px 0;
}

#program p.coment {
 width: 436px;
 margin: 0 auto 30px;
}

#program .btn-box {
 position: relative;
 padding: 0 0 18px 0;
}

#program .btn-box, #program .btn-box a.btn {
 position: relative;
 display: inline-block;
 width: 360px;
 text-align: center;
 font-size: 20px;
 font-weight: 600;
 line-height: 1.5;
 vertical-align: middle;
 text-decoration: none;
 letter-spacing: 0.1em;
 color: #ffffff;
 border-radius: 0.5rem;
 cursor: pointer;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
}

#program .btn-box a.btn-custom01 {
 margin-bottom: 0.5rem;
 padding: 0;
 border-radius: 0.75rem;
}

#program .btn-box a.btn-custom01:before {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 100%;
 content: "";
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
 -webkit-transform: translate3d(0, 8px, -1rem);
 transform: translate3d(0, 8px, -1rem);
 border-radius: inherit;
 background: #db7f00;
}

#program .btn-box .btn-custom01-front {
 position: relative;
 display: block;
 padding: 14px 0;
 -webkit-transition: all 0.3s;
 transition: all 0.3s;
 border-radius: inherit;
 background: #ffaf00;
}

#program .btn-box a.btn-custom01:hover {
 -webkit-transform: translate(0, 2px);
 transform: translate(0, 2px);
 background: #fff100;
}

#program .btn-box a.btn-custom01:hover:before {
 -webkit-transform: translate3d(0, 6px, -1rem);
 transform: translate3d(0, 6px, -1rem);
 -webkit-box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.2);
 box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.2);
}

#program .btn-box a.btn-custom01:active {
 -webkit-transform: translate(0rem, 10px);
 transform: translate(0rem, 10px);
}

#program .btn-box a.btn-custom01:active:before {
 -webkit-transform: translate3d(0, 0, -1rem);
 transform: translate3d(0, 0, -1rem);
 -webkit-box-shadow: 0 10px 0 0 rgba(0, 0, 0, 0.2);
 box-shadow: 0 10px 0 0 rgba(0, 0, 0, 0.2);
}

#program p.deadline {
 font-size: 16px;
 font-weight: 600;
 color: #231815;
 padding: 0 0 30px 0;
}

#program ul.annotation-list {
 padding: 0 0 0 120px;
}

#program ul.annotation-list li {
 text-align: left;
 font-size: 16px;
 color: #231815;
 line-height: 1.2;
 padding: 0 0 10px 0;
}

#program ul.annotation-list li.indentback {
 text-indent: -1em;
 padding-left: 2em;
}

#program ul.annotation-list li:last-child {
 padding: 0 0 0 2em;
}

@media screen and (max-width: 812px) { 
 #program p.txt {
  line-height: 1.4;
 }
 
 #program ul.annotation-list {
  padding: 0;
 }
 
 #program p.coment {
  width: 80%;
 }
}


@media screen and (max-width: 480px) {
 #program p.coment {
  width: 90%;
 }
 
 #program .btn-box, #program .btn-box a.btn {
  width: 90%;
 }
}

/*------------------------------------------
//  id="program"　プログラム
------------------------------------------*/

/*------------------------------------------
id="speaker"　スピーカー
------------------------------------------*/
#speaker .speaker_inner {
 padding: 0;
}

#speaker ul {
 text-align: left;
}


#speaker ul.nhj_box {
 display: flex;
 justify-content: flex-start;
 padding: 0 50px 60px 0;
}

#speaker ul li .img-pc {
  display: block;
}

#speaker ul li .img-tab {
 display: none;
}

#speaker ul.nhj_box li:nth-child(1) {
 width: 376px;
 margin: 0 40px 0 0;
}

#speaker ul.nhj_box li:nth-child(2) {
 display: flex;
 align-items: center;
 width: 480px;
 text-align: left;
}

#speaker ul.akm_box {
 display: flex;
 justify-content: flex-end;
 padding: 0 0 0 50px;
}

#speaker ul.akm_box li:nth-child(1) {
 display: flex;
 align-items: center;
 width: 480px;
 text-align: left;
 margin: 0 0 0 40px;
}

#speaker ul.akm_box li:nth-child(2) {
 width: 376px;
}

#speaker ul.akm_box h3,#speaker ul.akm_box h3 span.ruby, #speaker ul.akm_box p.belongs  {
 text-align: right;
}

#speaker ul h3 {
 font-size: 26px;
 font-weight: 600;
 color: #ffaf00;
 padding: 0 0 16px 0;
 line-height: 1.4;
}

#speaker ul h3 span {
 font-size: 16px;
}

#speaker ul h3 span.ruby {
 display: block;
 font-size: 12px;
 font-weight: 400;
 color: #231815;
}

#speaker ul p.belongs {
 font-size: 16px;
 font-weight: 600;
 padding: 0 0 30px 0;
}

#speaker ul p.txt {
 font-size: 15px;
 font-weight: 400;
 line-height: 1.5;
}

@media screen and (max-width: 812px) { 
 #speaker .speaker_inner {
  padding: 0 3.5vw 40px 3.5vw;
 }
 
 #speaker ul {
  flex-direction: column;
 }
 
 #speaker ul li {
  width: 100%;
  margin: 0 40px 0 0;
 }
 
 #speaker ul li .img-pc {
  display: none;
 }

 #speaker ul li .img-tab {
  display: block;
 }
 
 #speaker ul.nhj_box {
  padding: 0 0 6.655vw 0;
 }
 
 #speaker ul.nhj_box li:nth-child(1) {
  width: 80%;
  margin: 0 auto;
  padding: 0 0 4.6vw 0;
 }
 
 #speaker ul.nhj_box li:nth-child(2) {
  width: 100%;
  margin: 0;
 }
 
 #speaker ul.akm_box {
  padding: 0;
 }
 
 #speaker ul.akm_box li:nth-child(1) {
  width: 100%;
  margin: 0 ; 
  order: 2;
 }
 
 #speaker ul.akm_box li:nth-child(2) {
  width: 80%;
  margin: 0 auto;
  padding: 0 0 4.6vw 0;
  order: 1;
 }
 
 #speaker ul h3, #speaker ul.akm_box h3, #speaker ul.akm_box h3 span.ruby, #speaker ul.akm_box p.belongs {
  text-align: center;
 }
 
 #speaker ul p.belongs {
  text-align: center;
  padding: 0 0 3.555vw 0;
 }
}


@media screen and (max-width: 480px) {
 #speaker ul.akm_box p.belongs {
  line-height: 1.4;
 }
}


/*------------------------------------------
//  id="speaker"　スピーカー
------------------------------------------*/

/*------------------------------------------
id="webinar"　ウェビナー参加に関して
------------------------------------------*/
#webinar p.webinar_txt {
 text-align: center;
 font-size: 20px;
 font-weight: 600;
 line-height: 1.8;
 margin: 0 0 30px 0;
}

#webinar ul.list {
 padding: 0 0 0 8.8vw;
 margin: 0 0 60px 0;
}

#webinar ul.list li {
 position: relative;
 font-size: 16px;
 text-align: left;
 margin: 0 0 20px 0;
 padding: 0 0 0 20px;
}

#webinar 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%);
}

#webinar .zoom_inner {
 padding: 0;
}

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

#webinar .zoom_inner a {
 display: block;
 position: relative;
 width: 500px;
 margin: 0 auto;
 padding: 18px 0;
 background: #fffae3;
 box-sizing: border-box;
 text-align: center;
 font-weight: 600;
 font-size: 18px;
 color: #333333;
 border: 2px solid #ffe100;
 text-decoration: none;
 transition: all .3s;
}

#webinar .zoom_inner a:hover {
 background: #231815;
 color: #ffffff;
 border: 2px solid  #231815;
}

@media screen and (max-width: 812px) { 
 #webinar p.webinar_txt {
  font-size: 18px;
  text-align: left;
  line-height: 1.6;
 }
 
 #webinar ul.list {
  padding: 0;
  margin: 0 0 5.055vw 0;
 }
 
 #webinar ul.list li {
  line-height: 1.3;
  margin: 0 0 10px 0;
 }
 
 #webinar ul.list li:before {
  bottom: 0;
  top: 0;
 }
 
 #webinar .zoom_inner p.zoom_txt {
  font-size: 16px;
  line-height: 1.4;
 }
 
 #webinar .zoom_inner a {
  width: 90%;
  font-size: 16px;
 }
}


@media screen and (max-width: 480px) {
 #webinar h2 {
  line-height: 1.2;
 }
}


/*------------------------------------------
//  id="webinar"　ウェビナー参加に関して
------------------------------------------*/

/*------------------------------------------
id="date"　開催日
------------------------------------------*/
#date .date_wrap {
 padding: 120px 0 100px 0;
}

#date .date_inner_box {
 padding: 0 0 0 160px;
}

#date ul.date_inner_box_inner {
 width: 100%;
 display: flex;
 justify-content: flex-start;
 text-align: left;
 font-weight: 500;
 padding: 0 0 26px 0;
}

#date ul.date_inner_box_inner li.list {
 width: 80px;
}

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

#date ul.date_inner_box_inner li.txt {
 width: 650px;
 padding: 0 0 0 6px;
}

#date p.archive {
 text-align: left;
 font-size: 20px;
 font-weight: 600;
 color: #231815;
}

#date p.archive span {
 background: linear-gradient(transparent 0%, #ffe100 0%);
 padding: 0px 2px 0 5px;
}

@media screen and (max-width: 812px) { 
 #date .date_wrap {
  padding: 15.155vw 0 10.555vw 0;
 }
 
 #date .date_inner_box {
  padding: 0;
 }
 
 #date ul.date_inner_box_inner {
  flex-direction: column;
  text-align: center;
 }
 
 #date ul.date_inner_box_inner li.list, #date ul.date_inner_box_inner li.txt {
  width: 100%;
  padding: 0;
 }
 
 #date ul.date_inner_box_inner li.ten {
  display: none;
 }
 
 #date ul.date_inner_box_inner li.list {
  font-weight: 600;
  padding: 0 0 10px 0;
 }
 
 #date p.archive {
  text-align: center;
  line-height: 1.4;
  margin: 10px 0 0 0;
 }
 
}


@media screen and (max-width: 480px) {
 #date ul.date_inner_box_inner li.txt.last {
  line-height: 1.4;
 }
}
/*------------------------------------------
//  id="date"　開催日
------------------------------------------*/


/*------------------------------------------
id="LD"　
------------------------------------------*/
#LD .bg-pattern {
 position: relative;
 width: 100%;
 background: repeating-linear-gradient(90deg, #e5f6f1, #e5f6f1 18px, #dff1f3 0, #dff1f3 30px);
 padding: 60px 0 100px 0;
}

#LD .ld_inner {
 color: #231815;
 width: 86.66667vw;
 max-width: 960px;
 margin: 0 auto;
}

#LD h3 {
 width: 268px;
 font-size: 28px;
 font-weight: 600;
 text-align: center;
 color: #ffffff;
 background: #231815;
 border-radius: 30px;
 padding: 12px 30px;
 margin: 0 auto 40px;
}

#LD .ld_box {
 display: flex;
 justify-content: space-between;
 flex-direction: row;
 padding: 0 0 90px 0;
}

#LD .ld_box .ld_img {
 width: 280px;
 height: auto;
}

#LD .ld_box .ld_img img {
 display: block;
 box-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

#LD .ld_box .ld_list_inner {
 width: 85%;
 text-align: left;
 padding: 0 0 0 50px;
}

#LD .ld_list_inner p.sub-tit {
 position: relative;
 font-size: 20px;
 font-weight: 600;
 padding: 0 0 16px 0;
}

#LD .ld_list_inner p.sub-tit:after {
 content: "";
 position: absolute;
 width: 60%;
 height: 1px;
 background-color: #231815;
 top: 22%;
 left: 100px;
}

#LD .ld_list_inner h4 {
 font-size: 24px;
 font-weight: 600;
 line-height: 1.4;
 padding: 0 0 30px 0;
}

#LD .ld_list_inner p.lead {
 font-size: 17px;
 line-height: 1.4;
 padding: 0 0 50px 0;
}

#LD .rensai-box h5 {
 display: inline-block;
 font-size: 18px;
 font-weight: 600;
 color: #231815;
 background: #ffe100;
 border-radius: 20px;
 padding: 6px 20px;
 margin: 0 0 10px 0;
}

#LD .rensai-box ul {
 width: 100%;
}

#LD .rensai-box ul li a {
 display: flex;
 justify-content: space-between;
 background: #ffffff;
 border-left: 6px solid #ffe100;
 padding: 14px 20px 14px 0;
 margin: 0 0 14px 0;
 transition: all 0.3s;
}

#LD .rensai-box ul li a:hover {
 background: #f7f4dc;
 opacity: 0.8;
}

#LD .rensai-box ul li p.rensai-tit {
 font-size: 18px;
 font-weight: 500;
 padding: 0 0 0 20px;
}

#LD .rensai-box ul li p.lead-more {
 font-size: 12px;
 font-weight: 500;
 line-height: 1.5; 
}

#LD .rensai-box p.annotation {
 font-size: 15px;
 font-weight: 600;
}

#LD .btn-cv_wrap {
 background: none;
 padding: 0;
}

#LD .btn-cv_wrap .btn-box {
 position: relative;
 padding: 0 0 30px 0;
 width: 700px;
 margin: 0 auto;
}

#LD .btn-cv_wrap p.target {
 padding: 0;
}



 
@media screen and (max-width: 812px) { 
 #LD .bg-pattern {
  padding: 10.55vw 0;
 }
 
 #LD h3 {
  width: 300px;
  font-size: 24px;
  margin: 0 auto 30px;
 }
 
 #LD .ld_box {
  flex-direction: column;
  padding: 0 0 8.955vw 0;
 }
 
 #LD .ld_box .ld_img {
  width: 60%;
  margin: 0 auto;
 }
 
 #LD .ld_box .ld_list_inner {
  width: 100%;
  text-align: center;
  padding: 8.055vw 0 0 0;
 }
 
 #LD .ld_list_inner p.sub-tit:before {
  content: "";
  position: absolute;
  width: 12%;
  height: 1px;
  background-color: #231815;
  top: 28%;
  left: 22%;
 }
 
 #LD .ld_list_inner p.sub-tit:after {
  width: 12%;
  top: 28%;
  left: 64%;
 }
 
 #LD .ld_list_inner h4 {
  font-size: 3.755vw;
  padding: 0 0 20px 0;
 }
 
 #LD .ld_list_inner p.lead {
  padding: 0 0 5.35vw 0;
  text-align: left;
 }
 
 #LD .rensai-box ul li a {
  flex-direction: column;
 }
 
 #LD .rensai-box ul li p.rensai-tit {
  padding: 0 0 10px 20px;
  text-align: left;
  line-height: 1.4;
 }
 
 #LD .rensai-box ul li p.lead-more {
  text-align: right;
 }
 
 .btn-cv_wrap .btn, .btn-cv_wrap a.btn {
  width: 100%;
  font-size: 4.555vw;
 }
 
 #LD .btn-cv_wrap .btn-box {
  width: 100%;
 }
}


@media screen and (max-width: 480px) {
 #LD .ld_list_inner p.sub-tit {
  font-size: 18px;
 }
 
 #LD .ld_list_inner h4 {
  font-size: 4.055vw;
 }
}

/*------------------------------------------
//  id="LD"　
------------------------------------------*/


/*----------------------------------------------------------
フローティングバナー ここから
----------------------------------------------------------*/
.Bnr {
 position: relative;
 margin: 0 auto;
 width: 1200px;
 display: none;
 font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, sans-serif !important;

}

.Bnr .Bnr__img {
 display: none;
}


@media only screen and (max-width: 812px) {
 .Bnr .Bnr__img {
  display: block;
  width: 100%;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 100;
 }

 .Bnr .Bnr__img__inner {
  display: flex;
  justify-content: space-between;
  width: 100%;
 }

 .Bnr .Bnr__img__inner a.f_banner01 {
  display: block;
  width: 100%;
  bottom: 0;
  z-index: 100;
  padding: 24px 14px 24px;
  color: #ffffff;
  background: #004bbe;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
 }

 .Bnr .Bnr__img__inner a.f_banner02 {
  display: block;
  width: 50%;
  bottom: 0;
  z-index: 100;
  padding: 24px 14px 24px;
  color: #ffffff;
  background: #004bbe;     
  font-size: 20px;
  font-weight: 500;
  text-align: center;
 }


 .Bnr .Bnr__img__inner a.f_banner01:hover,
 .Bnr .Bnr__img__inner a.f_banner02:hover {
  background: #0f3877;
  color: #ffffff;
  opacity: 1;
  -webkit-transition: all 0.6s cubic-bezier(.645, .045, .355, 1);
  -moz-transition: all 0.6s cubic-bezier(.645, .045, .355, 1);
  -o-transition: all 0.6s cubic-bezier(.645, .045, .355, 1);
  transition: all 0.6s cubic-bezier(.645, .045, .355, 1);
 }
}

@media only screen and (max-width: 480px) {
 .Bnr .Bnr__img__inner a.f_banner01 {
  font-size: 18px;
  line-height: 1.4;
  padding: 18px 14px 18px;
 }
}

/*----------------------------------------------------------
//   フローティングバナー ここまで
----------------------------------------------------------*/



/*------------------------------------------
ページのトップへ戻る ここから
------------------------------------------*/
#toTop {
  position: fixed;
  right: 0;
  bottom: 30px;
  /* display: none; */
  z-index: 999;
}
#toTop a {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  display: block;
  width: 70px;
  height: 70px;
}
#toTop a:hover {
  opacity: 0.8;
}
@media screen and (max-width: 1240px) {
  #toTop img {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 0;
    bottom: 100px;
  }
}
/*------------------------------------------
// ページのトップへ戻る ここまで
------------------------------------------*/


/*------------------------------------------
　　footer ここから
-------------------------------------------*/
.flex_bet {
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
}
#footer2 {
  border-top: 2px solid #ccc;
  padding: 30px 0 0 0;
}
#footer2 .footer-logo {
  width: 1150px;
  width: 120px;
  height: 100%;
  margin: 0 auto 30px;
}
#footer2 > .flex_bet {
  width: 1150px;
  margin: 0 auto;
}
#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;
}
@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;
}
@media screen and (max-width: 812px) {
  #footer2 > .flex_bet #copyright {
    display: block;
    text-align: center;
    font-size: 10px;
    width: 100%;
    padding: 10px 0 15px;
    color: #666;
  }
}
@media screen and (max-width: 812px) {
  #footer2 > .flex_bet {
    width: 100%;
  }
}
@media screen and (max-width: 812px) {
  #footer2 {
    /*  border-top: none;*/
    padding: 20px 5% 2% 5%;
  }
}
@media screen and (max-width: 418px) {
  #footer2 {
    padding: 20px 5% 15% 5%;
  }
}
/*------------------------------------------
//　　　footer ここまで
-------------------------------------------*/


/*------------------------------------------
 申し込みは終了しました関係　ここから
-------------------------------------------*/
.btn_container {
 position: relative;
 width: 100%;
 text-align: center;
 box-sizing: border-box;
}

.btn_container p {
 width: 600px;
 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;
}

#date ul.date_inner_box_inner li.txt span {
 font-weight: 600;
 color: #d70127;
}

@media screen and (max-width: 812px) {
 .btn_container p {
  width: 100%;
  font-size: 20px;
 }
}


/*------------------------------------------
//　　　 申し込みは終了しました関係 ここまで
-------------------------------------------*/