@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%; }

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; }

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%;
}

/*
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
 }
 
}



/*  //  -------------------------------------- */

/*------------------------------------------
header
------------------------------------------*/
header {
 position: fixed;
 width: 100%;
 z-index: 9999;
 background: #ffffff;
}

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

header .header_inner {
 display: flex;
 justify-content: space-between;
}

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

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

header .header_inner .header_btn ul {
 display: flex;
 justify-content: flex-end;
}

header .header_inner .header_btn li a {
 position: relative;
 display: inline-block;
 width: 270px;
 padding: 20px 0;
 color: #ffffff;
 text-align: center;
 vertical-align: middle;
 text-decoration: none;
 background: #ff6867;
 font-size: 18px;
 font-weight: 500;
 transition: .3s;
}

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

header .header_inner .header_btn li a::before {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: -1;
 content: '';
 background: #4aac73;
 transform-origin: left bottom;
 transform: scale(1, 0);
 transition: transform .3s;
}

header .header_inner .header_btn li a:hover::before {
 transform-origin: left top;
 transform: scale(1, 1);
}


@media screen and (max-width: 812px) {
 header .header_btn {
  display: none;
 }
 
 header .header_inner .header_lpgo {
  width: 50%;
  height: auto;
  padding: 10px 0 10px 0;
  margin: 0 auto;
 }
}

@media screen and (max-width: 480px) {
 header .header_inner .header_lpgo {
  width: 80%;
 }
}


/*------------------------------------------
//　header
------------------------------------------*/


/*------------------------------------------
main visual
------------------------------------------*/
#mv .mv_wrap {
 position: relative;
 width: 100%;
 background: #04cc98;
}

#mv .mv_wrap {
 width: 100%;
 background-color: #c2e9ed;;
 padding: 140px 0 90px 0;
}

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

#mv .mv_wrap .series_box p.series {
  width: 40px;
}

#mv .mv_inner {
 position: relative;
 width: 1180px;
/* height: 458px;*/
 margin: 0 auto;
 padding: 0;
}

#mv .mv_inner:after {
 content: "";
 background-image: url(../images/img-kv.svg);
 background-size: 610px 510px;
 background-repeat: no-repeat;
 background-position: center center;
 width: 610px;
 height: 510px;
 display: block;
 position: absolute;
 top: 0%;
 right: 0%;
}

#mv .title_inner h1 {
 position: relative;
 font-size: 60px;
 font-weight: 600;
 line-height: 1.4;
 padding: 0 0 30px 0;
 color: #3f3f3f;
}

#mv .title_inner h1:after {
 content: "";
 background-image: url(../images/icon-kv_txt.svg);
 background-size: 266px 58px;
 background-repeat: no-repeat;
 background-position: center center;
 width: 266px;
 height: 58px;
 display: block;
 position: absolute;
 top: -20%;
 left: -4%;
}


#mv .title_inner p.day {
 position: relative;
 font-family: 'Oswald', sans-serif;
 font-weight: 600;
 font-size: 54px;
 color: #3f3f3f;
 padding: 0 0 100px 0;
}

#mv .title_inner p.day:after {
 content: "終了しました";
 font-size: 22px;
 color: #ffffff;
 position: absolute;
 bottom: 81%;
 left: 20%;
 display: block;
 font-weight: 500;
 padding: 8px 50px;
 background: rgba(0,76,161,0.9);
 z-index: 99;
 transform: translateX(-50%) translateY(50%);
}

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

#mv .title_inner p.day span.week {
 font-size: 32px;
 font-weight: 500;
}

#mv .speaker_inner {
 position: relative;
 width: 265px;
 border-top: solid 4px #3f3f3f;
 border-bottom: solid 4px #3f3f3f;
 padding: 20px 0 20px 20px;
}

#mv .speaker_inner p.speaker-txt {
 text-align: left;
 font-size: 24px;
 font-weight: 600;
 line-height: 1.4;
}

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

#mv .speaker_inner:after {
 content: "";
 background-image: url(../images/mv_dyk.png);
 background-size: 280px 252px;
 background-repeat: no-repeat;
 background-position: center center;
 width: 280px;
 height: 252px;
 display: block;
 position: absolute;
 bottom: -50%;
 right: -104%;
/*
 -webkit-transform: translateY(50%) translateX(50%); 
 transform: translateY(50%) translateX(50%);
*/
}

#mv .btn-archive_box .archive-link {
 display: block;
 width: 360px;
 font-size: 22px;
 font-weight: 500;
 text-align: center;
 text-decoration: none;
 background: url(../images/ico-arrow_right-white.png) #ff6867 no-repeat 92% center;
 background-size: 7px 10px;
 color: #ffffff;
 padding: 16px 20px;
 margin: 0 auto 68px 0;
 transition: all .3s;
}

#mv .btn-archive_box .archive-link:hover {
 background: #4ab473;
 background-image: url(../images/ico-arrow_right-white.png);
 background-position: 96% center;
 background-repeat: no-repeat;
 background-size: 7px 10px;
 color: #ffffff;
 opacity: 1;
}




@media screen and (max-width: 812px) {
 #mv .mv_wrap {
  position: relative;
  padding: 76px 0 6.166vw 0;
 }
 
 #mv .mv_wrap .series_box {
  position: relative;
  top: -4px;
  left: 0;
  /* transform: translateY(50%) translateX(50%); */
 }
 
 #mv .mv_wrap .series_box p.series {
  width: 270px;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  height: 40px;
 }
 
 #mv .mv_inner {
  width: 90%;
 }
 
 #mv .mv_inner:after {
  display: none;
 }
 
 #mv .mv_inner_inner {
  flex-direction: column;
 }
 
 #mv .title_inner {
  width: 100%;
 }
 
 #mv .title_inner h1 {
  font-size: 6.96667vw;
  text-align: center;
 }
 
 #mv .title_inner h1:after {
  top: -9%;
 }
 
 #mv .title_inner p.sub_tit {
  font-size: 18px;
  padding: 0 0 20px 0;
  text-align: center;
 }
 
 #mv .title_inner p.day {
  font-size: 50px;
  text-align: center;
  padding: 0 0 60px 0;
 }
 
 #mv .title_inner p.day:after {
  content: "終了しました";
  font-size: 18px;
  color: #ffffff;
  position: absolute;
  bottom: 76%;
  left: 48%;
  display: block;
  font-weight: 500;
  padding: 8px 20px;
  background: rgba(0,76,161,0.9);
  z-index: 99;
  transform: translateX(-50%) translateY(50%);
 }
 
 #mv .title_inner p.day span.year, #mv .title_inner p.day span.week {
  font-size: 32px;
 }
 
 #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%;
  /* -webkit-transform: translateY(50%); */
  /* transform: translateY(50%); */
 }
 
 #mv .speaker_inner {
  width: 100%;
  margin: 0 auto;
 }
 
 #mv .speaker_inner p.speaker-txt {
  font-size: 3.666vw;
  text-align: center;
 }
 
 #mv .speaker_inner:after {
  background-size: 260px 234px;
  background-repeat: no-repeat;
  background-position: center center;
  width: 260px;
  height: 234px;
  display: block;
  position: absolute;
  top: -60%;
  right: 0%;
  top: 62%;
  left: 50%;
  transform: translateY(-124%) translateX(-40%);
  -webkit- transform: translateY(-124%) translateX(-40%);
 }
 
 #mv .btn-archive_box .archive-link {
  margin: 0 auto 246px auto;
 }
}

@media screen and (max-width: 480px) {
 #mv .mv_wrap .series_box {
  top: -3px;
 }
 
 #mv .mv_inner_inner {
  padding: 5%;
 }
 
 #mv .title_inner h1 {
  font-size: 36px;
  padding: 0 0 20px 0;
 }
 
 #mv .title_inner h1:after {
  top: -20%;
 }
 
 #mv .speaker_inner {
  width: 100%;
  padding: 10px 0 10px 0;
 }
 
 #mv .speaker_inner p.speaker-txt {
  text-align: center;
  font-size: 18px;
 }
 
 #mv .title_inner p.day:after {
  content: "終了しました";
  font-size: 18px;
  color: #ffffff;
  position: absolute;
  bottom: 82%;
  left: 50%;
  display: block;
  font-weight: 500;
  padding: 12px 28px;
  background: rgba(0,76,161,0.9);
  z-index: 99;
  transform: translateX(-50%) translateY(50%);
 }
 
 #mv .title_inner p.day {
  padding: 0 0 200px 0;
 }
 
 #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%);
 }
 
 #mv .btn-archive_box .archive-link {
  width: 90%;
  font-size: 18px;
  margin: 0 auto 200px auto;
 }
 

}


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

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

#online .online_wrap, #recommend .recommend_wrap, #program .program_wrap, #speaker .speaker_wrap, #webinar .webinar_wrap, #day .day_wrap, #archive .archive_wrap, #wp .wp_wrap {
 width: 960px;
 margin: 0 auto;
 padding: 0 0 100px 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 {
 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-bottom: 40px;
 margin-bottom: 60px;
 font-size: 28px;
 font-weight: 600;
 text-align: center;
}

#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 {
 content: "";
 position: absolute;
 width: 100px;
 height: 4px;
 background-color: #4ab473;
 bottom: 2px;
 right: 50%;
 -webkit-transform: translateX(50%);
 transform: translateX(50%);
}

@media screen and (max-width: 812px) {
/*
 main .main_wrap {
  width: 90%;
 }
*/
 
 #online .online_wrap, #recommend .recommend_wrap, #program .program_wrap, #speaker .speaker_wrap, #webinar .webinar_wrap, #day .day_wrap, #wp .wp_wrap, #archive .archive_wrap {
  width: 90%;
  margin: 0 auto;
  padding: 0 0 60px 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 {
  padding-bottom: 30px;
  margin-bottom: 50px;
  font-size: 4.16667vw;
 }
}


@media screen and (max-width: 480px) {
 #online .online_wrap h2, #recommend .recommend_wrap h2, #program .program_wrap h2, #speaker .speaker_wrap h2, #webinar .webinar_wrap h2, #day .day_wrap h2 {
  padding-bottom: 26px;
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 1.4;
 }
}



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


/*------------------------------------------
id="online" 自社にふさわしい「オンライン採用」
------------------------------------------*/
#online .online_wrap {
 padding: 100px 0;
}

#online .online_inner p.txt {
 text-align: center;
 font-size: 18px;
 line-height: 1.6;
 padding: 0 0 30px 0;
}

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

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

@media screen and (max-width: 812px) {
 #online .online_wrap {
  padding: 60px 0;
 }
 
 #online .online_inner p.txt {
  font-size: 18px;
  padding: 0 0 20px 0;
 }
}

@media screen and (max-width: 480px) {
 #online .online_wrap {
  padding: 40px 0;
 }
 
 #online .online_inner p.txt {
  text-align: left;
 }
 
 #online .online_inner p.annotation {
  text-align: center;
 }
}
/*------------------------------------------
//   id="online" 自社にふさわしい「オンライン採用」
------------------------------------------*/

/*------------------------------------------
id="recommend" このような方におすすめです
------------------------------------------*/
#recommend ul {
 width: 770px;
 margin: 0 auto;
}

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

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

#recommend ul.list li:nth-child(1):after {
 content: "";
 background-image: url(../images/icon_no01.svg);
 background-size: 46px 42px;
 background-repeat: no-repeat;
 background-position: center center;
 width: 46px;
 height: 42px;
 display: block;
 position: absolute;
 bottom: 50%;
 left: 0;
 -webkit-transform: translateY(50%);
 transform: translateY(50%);
}

#recommend ul.list li:nth-child(2):after {
 content: "";
 background-image: url(../images/icon_no02.svg);
 background-size: 57px 44px;
 background-repeat: no-repeat;
 background-position: center center;
 width: 57px;
 height: 44px;
 display: block;
 position: absolute;
 bottom: 50%;
 left: 0;
 -webkit-transform: translateY(50%);
 transform: translateY(50%);
}

#recommend ul.list li:nth-child(3):after {
 content: "";
 background-image: url(../images/icon_no03.svg);
 background-size: 57px 44px;
 background-repeat: no-repeat;
 background-position: center center;
 width: 57px;
 height: 44px;
 display: block;
 position: absolute;
 bottom: 50%;
 left: 0;
 -webkit-transform: translateY(50%);
 transform: translateY(50%);
}

@media screen and (max-width: 812px) {
 #recommend ul {
  width: 100%;
 }
 
 #recommend ul.list li {
  padding: 20px;
  font-size: 18px;
  margin: 0 0 16px 0;
  line-height: 1.4;
 }
}

@media screen and (max-width: 480px) {
 #recommend ul.list li:nth-child(1):after {
  content: "";
  background-image: url(../images/icon_no01.svg);
  background-size: 80px 58px;
  background-repeat: no-repeat;
  background-position: center left;
  width: 80px;
  height: 58px;
  display: block;
  position: absolute;
  bottom: 50%;
  left: -7px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
 }
 
 #recommend ul.list li:nth-child(2):after {
  content: "";
  background-image: url(../images/icon_no02.svg);
  background-size: 80px 58px;
  background-repeat: no-repeat;
  background-position: center left;
  width: 80px;
  height: 58px;
  display: block;
  position: absolute;
  bottom: 50%;
  left: -1px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
 }
 
 #recommend ul.list li:nth-child(3):after {
  content: "";
  background-image: url(../images/icon_no03.svg);
  background-size: 80px 58px;
  background-repeat: no-repeat;
  background-position: center left;
  width: 80px;
  height: 58px;
  display: block;
  position: absolute;
  bottom: 50%;
  left: -1px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
 } 
}

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


/*------------------------------------------
id="program" プログラム
------------------------------------------*/
#program .program_inner .program_inner_box {
 padding: 0 0 0 200px;
}

#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 40px 0;
}

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

#program .program_inner li.number {
 width: 150px;
 height: auto;
 padding: 0 60px 0 0;
}

#program .program_inner li.txt_box p.tit {
 font-size: 22px;
 font-weight: 500;
 padding: 20px 0 30px 0;;
}

#program .program_inner ul.list li {
 font-size: 16px;
 padding: 0 0 20px 0;
}

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

#program .program_inner p.annotation {
 font-size: 14px;
 padding: 0 0 0 145px;
}

@media screen and (max-width: 812px) {
 #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 30px 0;
 }
 
 #program .program_inner li.number {
  width: 60px;
  height: auto;
  padding: 0;
  margin: 0 auto;
 }
 
 #program .program_inner li.txt_box p.tit {
  text-align: center;
  font-size: 20px;
  padding: 20px 0 20px 0;
 }
 
 #program .program_inner ul.list li {
  font-size: 18px;
  text-align: center;
  padding: 0 0 11px 0;
 }
 
 #program .program_inner p.annotation {
  padding: 0;
  text-align: center;
 }
}

@media screen and (max-width: 480px) {
 #program .program_inner li.number {
  width: 40px;
 }
 
 #program .program_inner li.txt_box p.tit {
  padding: 18px 0 18px 0;
 }
}
/*------------------------------------------
//   id="program" プログラム
------------------------------------------*/

/*------------------------------------------
id="speaker" スピーカー
------------------------------------------*/
#speaker .speaker_wrap {
 width: 100%;
 background: url(../images/img_bg-speaker.svg) right top no-repeat;
 background-size: 43% 100%;
 padding: 0 0 140px 0;
}

#speaker .speaker_inner {
 width: 960px;
 margin: 0 auto;
}

#speaker .speaker_inner_inner {
 position: relative;
 display: block;
 width: 100%;
 height: 480px;
}

#speaker .speaker_inner_inner ul.speaker_box {
 position: relative;
 width: 96%;
 display: flex;
 justify-content: space-between;
 margin: 0 auto 0 0;
}

#speaker .speaker_inner_inner ul.speaker_box li.profile_inner {
 position: relative;
 width: 470px;
 height: 450px;
}

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

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

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

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

#speaker .speaker_inner_inner li.profile_inner .profile_inner_inner p.college {
 font-size: 16px;
 font-weight: 500;
 padding: 0 0 26px 0;
}

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

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

#speaker .speaker_inner_inner ul.speaker_box li.img img {
 border-radius: 16px;
}


@media screen and (max-width: 812px) {
 #speaker .speaker_wrap {
  width: 100%;
  background: url(../images/img_bg-speaker-sp.svg) center bottom 100px no-repeat;
  background-size: 100% 100%;
  margin: 0 auto;
  padding: 0 0 70px 0;
 }
 
 #speaker .speaker_inner {
  width: 90%;
 }
 
 #speaker .speaker_inner_inner {
  height: auto;
 }
 
 #speaker .speaker_inner_inner ul.speaker_box {
  flex-direction: column;
  width: 92%;
  margin: 0 auto;
 }
 
 #speaker .speaker_inner_inner ul.speaker_box li.img {
  width: 400px;
  height: 450px;
  margin: 0 auto;
 }
 
 #speaker .speaker_inner_inner ul.speaker_box li.profile_inner {
  position: relative;
  width: 100%;
  height: auto;
  padding: 30px 0 0 0;
  order: 2;
 }
 
 #speaker .speaker_inner_inner li.profile_inner .profile_inner_inner {
  position: relative;
  top: 0;
  transform: translateY(0%);
  -webkit- transform: translateY(0%);
 }
 
 #speaker .speaker_inner_inner li.profile_inner .profile_inner_inner h5 {
  font-size: 24px;
  text-align: center;
  padding: 20px 0 8px 0;
 }
 
 #speaker .speaker_inner_inner li.profile_inner .profile_inner_inner p.ruby {
  font-size: 14px;
  text-align: center;
  padding: 0 0 24px 0;
 }
 
 #speaker .speaker_inner_inner li.profile_inner .profile_inner_inner p.college {
  text-align: center;
 }
}

@media screen and (max-width: 480px) {
 #speaker .speaker_inner_inner ul.speaker_box li.img {
  width: 90%;
  height: 100%;
 }
 
 #speaker .speaker_inner_inner li.profile_inner .profile_inner_inner p.college {
  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 40px 0;
}

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

#webinar ul.list li {
 position: relative;
 font-size: 16px;
 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 {
 display: block;
 width: 800px;
 margin: 0 auto;
 padding: 50px 0 50px 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;
}

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

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

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

@media screen and (max-width: 812px) {
 #webinar p.webinar_txt {
  line-height: 1.5;
  margin: 0 0 30px 0;
 }
 
 #webinar ul.list {
  padding: 0;
  margin: 0 0 40px 0;
 }
 
 #webinar ul.list li:before {
  top: -3px
 }
 
 #webinar .zoom_inner {
  width: 100%;
  padding: 30px;
 }
 
 #webinar .zoom_inner a {
  width: 100%;
  line-height: 1.4;
  padding: 18px 10px;
 }
 
 #webinar .zoom_inner p.zoom_txt {
  text-align: center;
  line-height: 1.6;
 }
 
 #webinar ul.list li {
  font-size: 16px;
  margin: 0 0 14px 0;
 }
}

@media screen and (max-width: 480px) {
 #webinar .webinar_wrap {
  padding: 20px 0 60px 0;
 }
 
 
 #webinar p.webinar_txt {
  text-align: left;
  font-size: 18px;
 }
 
 #webinar .zoom_inner p.zoom_txt {
  font-size: 16px;
 }
 
 #webinar .zoom_inner a {
  width: 100%;
  margin: 0 auto;
  padding: 18px 10px 18px 10px;
  line-height: 1.4;
 }
}



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


/*------------------------------------------
id="day" 開催日
------------------------------------------*/
#day .day_inner_box {
 padding: 0 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 40px 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: 20px;
 font-weight: 600;
 color: #004ea1;
}

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




@media screen and (max-width: 812px) {
 #day .day_inner_box {
  padding: 0;
 }
 
 #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;
 }
 
 #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;
 }
}

@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.4;
 }
}


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

/*------------------------------------------
書籍について ※一部お役立ちコンテンツ
------------------------------------------*/
.book_wrap, .content_wrap {
 display: block;
 width: 960px;
 padding: 50px 40px 50px 40px;
 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;
 margin: 0 auto 100px;
}

.book_inner h3, .content_inner h3 {
 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-bottom: 40px;
 margin-bottom: 60px;
 font-size: 28px;
 font-weight: 600;
 text-align: center;
}

.book_inner h3:after, .content_inner h3:after {
 content: "";
 position: absolute;
 width: 100px;
 height: 4px;
 background-color: #4ab473;
 bottom: 2px;
 right: 50%;
 -webkit-transform: translateX(50%);
 transform: translateX(50%);
}

.book_inner ul.book_inner_inner {
 width: 100%;
 display: flex;
 justify-content: space-between;
 padding: 0 0 50px 0;
}

.book_inner ul.book_inner_inner li.book_img {
 width: 300px;
 height: 100%;
}

.book_inner ul.book_inner_inner li.txt_inner {
 width: 540px;
}

.book_inner ul.book_inner_inner li.txt_inner h4 {
 font-size: 32px;
 font-weight: 600;
 line-height: 1;
 padding: 0 0 40px 0;
}

.book_inner ul.book_inner_inner li.txt_inner h4 span {
 font-size: 17px;
}

.book_inner ul.book_inner_inner li.txt_inner p.lead {
 font-size: 16px;
 line-height: 1.4;
 padding: 0 0 14px;
}

.book_inner ul.book_inner_inner li.txt_inner p.lead.last {
 padding: 0 0 50px 0;
}

.book_inner .chapter_inner_inner p.contents {
 font-size: 16px;
 font-weight: 600;
 padding: 0 0 14px 0;
}

.book_inner .chapter_inner_inner ul.list {
 display: flex;
 justify-content: space-between;
 padding: 0 0 10px 0;
}

book_inner .chapter_inner_inner ul.list:nth-child(6) {
 padding: 0;
}

.book_inner .chapter_inner_inner ul.list li.number {
 width: 90px;
 font-size: 16px;
}

.book_inner .chapter_inner_inner ul.list li.txt {
 width: 500px;
 font-size: 16px;
 line-height: 1.2;
}

.btn_book_box{
 width: 500px;
 margin: auto auto 0 auto;
 padding: 0;
}

.btn_book_box .button02 {
 position: relative;
 display: inline-block;
 width: 500px;
 padding: 16px 0;
 color: #ffffff;
 text-align: center;
 font-weight: 500;
 text-decoration: none;
 line-height: 1.2;
 background: #4ab473;
 font-size: 22px;
 transition: .3s;
}


.btn_book_box .button02:hover {
 color: #ffffff;
}

.btn_book_box .button02::before {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: -1;
 content: '';
 background: #333333;
 transform-origin: left bottom;
 transform: scale(1, 0);
 transition: transform .3s;
}

.btn_book_box .button02:hover::before {
 transform-origin: left top;
 transform: scale(1, 1);
}

@media screen and (max-width: 812px) {
 .book_wrap, .content_wrap {
  width: 90%;
  padding: 30px 20px 40px 20px;
  margin: 0 auto 60px auto;
 }
 
 .book_inner h3, .content_inner h3 {
  font-size: 24px;
  padding: 0 0 30px 0;
  margin-bottom: 40px;
}
 
 .book_inner ul.book_inner_inner {
  flex-direction: column;
  padding: 0 0 40px 0;
}
 
 .book_inner ul.book_inner_inner li.book_img {
  margin: 0 auto;
  padding: 0 0 30px 0;
 } 
 
 .book_inner ul.book_inner_inner li.txt_inner {
  width: 100%;
 }
 
 .book_inner ul.book_inner_inner li.txt_inner h4 {
  font-size: 24px;
  padding: 0 0 24px 0;
  text-align: center;
 }
 
 .book_inner ul.book_inner_inner li.txt_inner h4 span {
  font-size: 16px;
 }
 
 .book_inner ul.book_inner_inner li.txt_inner p.subtit {
  font-size: 16px;
  padding: 0 0 18px 0;
 }
 
 .book_inner ul.book_inner_inner ul.number {
  padding: 0 0 20px 0;
 }
 
 .btn_book_box {
  width: 80%;
 }
 
 .btn_book_box .button02 {
  width: 100%;
 }
 
 
}

@media screen and (max-width: 480px) {
 .book_inner h3 {
  font-size: 20px;
  padding: 0 0 22px 0;
  margin-bottom: 30px;
 }
 
 .book_inner ul.book_inner_inner li.book_img {
  width: 80%;
 }
 
 .book_inner ul.book_inner_inner li.txt_inner {
  width: 100%;
 }
 
 .book_inner ul.book_inner_inner li.txt_inner h4 {
  line-height: 1.2;
 }
 
 .book_inner .chapter_inner_inner ul.list {
  flex-direction: column;
  padding: 0 0 16px 0;
 }
 
 .book_inner .chapter_inner_inner ul.list li.txt {
  width: 100%;
 }
 
 .book_inner ul.book_inner_inner li.txt_inner p.lead.last {
  padding: 0 0 30px 0;
 }
 
 .book_inner ul.book_inner_inner {
  padding: 0 0 20px 0;
 }

 
 .book_inner .chapter_inner_inner ul.list li.number {
  width: 100%;
  padding: 0 0 6px 0;
 }
 
 .btn_book_box {
  width: 90%;
 }
 
 .btn_book_box .button02 {
  font-size: 18px;
  padding: 16px 10px 16px 10px;
 }
 

}
/*------------------------------------------
//　　書籍について
------------------------------------------*/

/*------------------------------------------
  お役立ちコンテンツ
------------------------------------------*/
.content_inner p.lead {
 text-align: center;
 padding: 0 0 60px 0;
}

.content_inner h4 {
 font-size: 32px;
 text-align: center;
 font-weight: 600;
 line-height: 1.2;
 padding: 0 0 40px 0;
}

.content_inner h4 span {
 font-size: 22px;
}

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

.content_inner_inner .img_box {
 width: 400px;
 height: 100%;
 box-shadow: 2px 2px 4px rgb(0,0,0,0.2);
}

.content_inner_inner .cont_box {
 position: relative;
 width: 420px;
}

.content_inner_inner .cont_box h5 {
 text-align: left;
 font-size: 20px;
 font-weight: 600;
 padding: 0 0 8px 10px;
 margin: 0 0 20px 0;
 border-bottom: 2px solid #000000;
}

.content_inner_inner .cont_box p {
 text-align: left;
 padding: 0 0 12px 0;
 margin: 0 0 0 0.5em;
}

.content_inner_inner .cont_box p span {
 font-family: 'Roboto Condensed', sans-serif;
}

/* ボタン */
.content_inner_inner .btn_dl_wrap {
 position: absolute;
 left: 0;
 bottom: 0;
}

.content_inner_inner .btn_dl_wrap a.btn-dl {
 position: relative;
 display: block;
 width: 420px;
 padding: 26px 0;
 margin: 0 auto;
 background: #4ab473;
 color: #ffffff;
 font-size: 22px;
 font-weight: 500;
 line-height: 0;
 text-align: center;
 text-decoration: none;
 transition: .3s;
}

.content_inner_inner .btn_dl_wrap a.btn-dl::before {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: -1;
 content: '';
 background: #333333;
 transform-origin: left bottom;
 transform: scale(1, 0);
 transition: transform .3s;
 opacity: 1;
}

.content_inner_inner .btn_dl_wrap a.btn-dl:hover {
 color: #ffffff;
}

.content_inner_inner .btn_dl_wrap a.btn-dl:hover::before {
 transform-origin: left top;
 transform: scale(1, 1);
}

@media screen and (max-width: 812px) {
 .content_inner p.lead {
  line-height: 1.4;
  padding: 0 0 40px 0;
 }
 
 .content_inner h4 {
  font-size: 4.46667vw;
  line-height: 1.4;
  padding: 0 0 30px 0;
 }
 
 .content_inner h4 span {
  font-size: 2.86667vw;
 }
 
 .content_inner_inner {
  flex-direction: column;
 }
 
 .content_inner_inner .img_box {
  width: 80%;
  margin: 0 auto 30px;
 }
 
 .content_inner_inner .cont_box {
  position: relative;
  width: 100%;
 }
 
 .content_inner_inner .cont_box h5 {
  text-align: center;
  padding: 0 0 8px 0;
  line-height: 1.4;
 }
 
 .content_inner_inner .btn_dl_wrap {
  position: relative;
  padding: 30px 0 0 0;
 }
 
 .content_inner_inner .btn_dl_wrap a.btn-dl {
  width: 80%;
 }
}

@media screen and (max-width: 480px) {
}
/*------------------------------------------
//　　お役立ちコンテンツ
------------------------------------------*/


/*------------------------------------------------------------------------------
フローティングバナー ここから
------------------------------------------------------------------------------*/
.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: #ff6867;
  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: #ded41a;     
  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: #4aac73;
  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: 120px;
 /* display: none; */
 z-index: 2;
}
#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: 20px 0 0 0;
}

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

#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% 0% 5%;
 }
}
/*------------------------------------------
//　　　footer ここまで
-------------------------------------------*/


/*------------------------------------------
セミナーアーカイブ映像・レジュメ配信 ここから
-------------------------------------------*/
#archive {
 padding: 70px 0 0 0;
}

#archive .archive_wrap {
 position: relative;
 background: #ffffff;
 text-align: center;
 padding: 0 50px 50px 50px;
 border-top: solid 10px #4ab473;
 z-index: 1;
 -webkit-filter: drop-shadow(0px 0px 4px rgb(181 181 181 / 50%));
 -moz-filter: drop-shadow(0px 0px 4px rgb(181 181 181 / 50%));
 filter: drop-shadow(0px 0px 4px rgb(181 181 181 / 50%));
}

#archive h3 {
 position: relative;
 top: -1px;
 display: inline-block;
 font-size: 26px;
 font-weight: 600;
 padding: 2px 20px 10px;
 margin: 0 0 40px 0;
 background: #4ab473;
 color: #ffffff;
}

#archive .archive_inner_inner {
 position: relative;
 width: 100%;
 display: flex;
 justify-content: space-between;
 padding: 0 0 40px 0;
}

#archive .archive_inner_inner .img_box {
 width: 50%;
 height: 100%;
}

#archive .archive_inner_inner .tit_box {
 position: relative;
 width: 44%;
 text-align: left;
}

#archive p.day {
 font-size: 22px;
 font-weight: 600;
 padding: 0 0 20px 0;
}

#archive ul li:nth-child(1) {
 font-size: 20px;
 font-weight: 500;
 padding: 0 0 14px;
}

#archive ul li:nth-of-type(n+2) {
 font-size: 16px;
 font-weight: 500;
 padding: 0 0 8px 0;
}


#archive .btn-ac {
 display: block;
 width: 340px;
 font-size: 22px;
 font-weight: 500;
 text-align: center;
 text-decoration: none;
 background: url(../images/ico-arrow_right-white.png) #ff6867 no-repeat 92% center;
 background-size: 7px 10px;
 color: #ffffff;
 padding: 16px 20px;
 margin: 0 auto;
 transition: all .3s;
}

#archive .btn-ac:hover {
 background: #4ab473;
 background-image: url(../images/ico-arrow_right-white.png);
 background-position: 96% center;
 background-repeat: no-repeat;
 background-size: 7px 10px;
 color: #ffffff;
 opacity: 1;
}

@media screen and (max-width: 812px) {
 #archive {
  padding: 50px 0 0 0;
 }
 
 #archive .archive_wrap {
  padding: 0 20px 30px 20px;
 }

 #archive h3 {
  font-size: 4.155vw;
  line-height: 1.4;
  padding: 0 10px 10px;
  margin: 0 0 30px 0;
 }
 
 #archive .archive_inner_inner {
  flex-direction: column;
 }
 
 #archive .archive_inner_inner .img_box {
  width: 90%;
  margin: 0 auto 20px;
 }
 
 #archive .archive_inner_inner .tit_box {
  width: 100%;
  text-align: center;
 }
 
 #archive ul li:nth-of-type(n+2) {
  text-align: left;
  padding: 0 0 8px 10%;
 }
}

@media screen and (max-width: 480px) {
 #archive .btn-ac {
  width: 100%;
  font-size: 20px;
  background-image: none;
  padding: 14px 20px;
 }
 
 #archive .btn-ac:hover {
  background-image: none;
 }
}

/*------------------------------------------
//　　　セミナーアーカイブ映像・レジュメ配信 ここまで
-------------------------------------------*/


/*------------------------------------------
id="wp" お役立ち情報
------------------------------------------*/
#wp .wp_wrap {
 position: relative;
}

#wp .wp_inner {
 position: relative;
 text-align: center;
 background: url(../images/img-left.png), url(../images/img-right.png) #ffffff;
 background-repeat: no-repeat, no-repeat;
 background-size: 160px 160px, 160px 160px;
 background-position: bottom left, bottom right;
 padding: 0 0 50px 0;
 z-index: 1;
 -webkit-filter: drop-shadow(0px 0px 4px rgb(181 181 181 / 50%));
 -moz-filter: drop-shadow(0px 0px 4px rgb(181 181 181 / 50%));
 filter: drop-shadow(0px 0px 4px rgb(181 181 181 / 50%));
}

#wp p.txt {
 display: inline-block;
 font-size: 22px;
 font-weight: 500;
 color: #ffffff;
 background: #60a3b4;
 padding: 9px 28px;
 border-radius: 0 0 16px 16px;
 margin: 0 0 30px 0;
}

#wp p.target {
 text-align: center;
 font-size: 26px;
 padding: 0 0 40px 0;
}

#wp p.target span {
 font-size: 26px;
 font-weight: 600;
 background: linear-gradient(transparent 60%, #c6dee4 60%);
 padding: 0 10px;
 margin: 0 0 30px 0;
}

#wp h3 {
 font-size: 28px;
 font-weight: 600;
 padding: 0 0 16px 0;
}

#wp p.sub-tit {
 padding: 0 0 30px 0;
 letter-spacing: 0.05rem;
}

#wp img {
 display: block;
 width: 600px;
 margin: 0 auto 40px;
 -webkit-filter: drop-shadow(0px 0px 2px rgb(135, 135, 1353, 0.3));
 -moz-filter: drop-shadow(0px 0px 2px rgb(135, 135, 1353, 0.3));
 filter: drop-shadow(0px 0px 2px rgb(135, 135, 1353, 0.3));
}

#wp .btn_dl_wrap a.btn-dl {
 position: relative;
 display: block;
 width: 300px;
 padding: 24px 0;
 margin: 0 auto 0;
 background: #60a3b4;
 color: #ffffff;
 font-size: 22px;
 font-weight: 500;
 line-height: 0;
 text-align: center;
 text-decoration: none;
 transition: .3s;
}

#wp .btn_dl_wrap a.btn-dl:after {
 content: "";
 background-image: url(../images/ico-arrow_right-white.png);
 background-size: 6px 10px;
 background-repeat: no-repeat;
 background-position: center top;
 width: 6px;
 height: 10px;
 display: block;
 position: relative;
 position: absolute;
 top: 20px;
 right: 18px;
}

#wp .btn_dl_wrap a.btn-dl::before {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: -1;
 content: '';
 background: #ff6867;
 transform-origin: left bottom;
 transform: scale(1, 0);
 transition: transform .3s;
 opacity: 1;
}

#wp .btn_dl_wrap a.btn-dl:hover {
 color: #ffffff;
 opacity: 1;
}

#wp .btn_dl_wrap a.btn-dl:hover::before {
 transform-origin: left top;
 transform: scale(1, 1);
}

#wp .btn_dl_wrap a.btn-dl:hover::after {
 background-image: url(../images/ico-arrow_right-white.png);
}

@media screen and (max-width: 812px) {
 #wp .wp_wrap {
  width: 90%;
  padding: 0 0 60px 0;
 }

 #wp .wp_inner {
  flex-direction: column;
  padding: 0 20px 40px 20px;
 }
 
 #wp p.target {
  padding: 0 0 20px 0;
 }
 
 #wp h3 {
  line-height: 1.4;
 }
 
 #wp p.sub-tit {
  line-height: 1.4;
 }

 #wp .wp_inner .img_box {
  width: 70%;
  height: 100%;
  margin: 0 auto;
  padding: 0 0 20px 0;
 }

 #wp .wp_inner .img_box:after {
  right: 50%;
 }
 
 #wp .btn_dl_wrap a.btn-dl {
  -webkit-filter: drop-shadow(0px 0px 4px rgb(95 95 95 / 70%));
  -moz-filter: drop-shadow(0px 0px 4px rgb(95 95 95 / 70%));
  filter: drop-shadow(0px 0px 4px rgb(95 95 95 / 70%));
 }
}

@media screen and (max-width: 480px) {
 #wp .wp_inner {
  background-size: 120px 120px, 120px 120px;
 }
 
 #archive h3 {
  font-size: 5.355vw;
 }
 
 #wp p.txt {
  font-size: 18px;
  margin: 0 0 20px 0;
 }
 
 #wp p.target span {
  font-size: 20px;
 }
 
 #wp .wp_inner .img_box {
  width: 100%;
 }

 #wp h3 {
  font-size: 24px;
  width: 100%;
 }
 
 #archive .archive_inner_inner {
  padding: 0 0 20px 0;
 }
 
 #archive ul li:nth-of-type(n+2) {
  padding: 0 0 8px 0;
 }
 
 #wp .btn_dl_wrap {
  padding: 0;
 }
 
 #wp .btn_dl_wrap a.btn-dl {
  font-size: 20px;
  width: 260px;
 }

 #wp .wp_inner .tit_box .btn_dl_wrap a.btn-dl {
  width: 100%;
 }

 #wp .wp_inner .tit_box .btn_dl_wrap a.btn-dl:after {
  display: none;
 }
 
 #wp .btn_dl_wrap a.btn-dl:after {
  background-image: none;
 }
 
 #wp .btn_dl_wrap a.btn-dl:hover::after {
  background-image: none;
 }
}


/*------------------------------------------
id="wp" お役立ち情報
------------------------------------------*/