@charset "UTF-8";

 .box {
  margin: 0 auto 30px !important;
  overflow: hidden;
  /* background: #ccc; */
}

.box-inner {
}
.more span{display:none;}
.more {
  height: 55px;
  line-height: 55px;
  margin-top: -55px;
  text-align: center;
  color: #2e9ce5;
  cursor: pointer;
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, white 31%, white 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(0%, rgba(255, 255, 255, 0)), color-stop(31%, white), color-stop(100%, white));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, white 31%, white 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, white 31%, white 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 0%, white 31%, white 100%);
  position: relative;
  display: flex;
  padding: 0 0 0 16px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 15px;
  transition: 0.3s;
  top: -30px;
}
.more:after {
  content: "";
  display: inline-block;
  font-weight: bold;
  font-size: 18px;
  -webkit-transition: 0.3s;
  transition: 0.1s;
  left: 3px;
  width: 15px;
  height: 15px;
  border-top: 4px solid #333;
  border-right: 4px solid #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(135deg);
  /* position: absolute; */
  top: 0;
  bottom: 0;
  left: 50%;
  margin: auto;
  vertical-align: middle;
}
.more.is-active:after {
  transform: rotate(-45deg);
  /* left: 28%; */
  /* position: absolute; */
  /* top: 10px; */
}
.more.is-active span{/* display:block; */text-align:center;width: 100%;font-weight: bold;font-family: "游ゴシック","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;}
.more.is-active{top: 20px;background: none;}

.free_space{width:100%;padding: 0;}
.free_space h3{    font-weight: bold;
    font-size: 22px;
    line-height: 1.5em;
    background: #EEE;
    padding: 0.4em 1em;}
.free_space h4{font-weight: bold;
    font-size: 18px;border-bottom:3px solid #333;
              margin-bottom:1em;margin-top:1em;}
.free_space p{margin:1em 0}
.free_space ul,.free_space ol{background: #eee;padding: 20px 30px 20px 40px;font-weight: bold;margin: 1em 0;font-size: 14px;}
.free_space li{}
.free_space ul li{list-style: disc;}
.free_space ol li{
    list-style: decimal;
}
.free_space th,.free_space td{padding:1em;border:1px solid #999;font-size: 14px;}
.free_space th{background:#eee;font-weight: bold;}







/*セミナー詳細*/
#page_seminar.page_seminar_detail #detail_block{margin-top:0;}
#page_seminar.page_seminar_detail #detail_block .inner .detail_box h1{    margin-bottom: 0;}
#page_seminar.page_seminar_detail #detail_block .inner .detail_box .detail_table{padding-bottom:0;margin-bottom: 20px;}

#page_seminar.page_seminar_detail #detail_block .inner .detail_box .detail_table tr:last-child td,#page_seminar.page_seminar_detail #detail_block .inner .detail_box .detail_table tr:last-child th{border-bottom:none;}
.detail_table{
    margin: 0;
    padding: 0 10px;
}

@media all and (max-width: 820px) {
    .detail_table{
        padding: 0;
    }
    #page_seminar.page_seminar_detail #detail_block .inner .detail_box .detail_table table th {
        width: 6.0rem;
    }
}

#page_seminar.page_seminar_detail #detail_block .inner .detail_box .detail_table .gmap iframe {
    max-width: 460px;
    height: 280px;
}
#page_seminar.page_seminar_detail #detail_block .inner .detail_box .detail_table .gmap_wrap {
    height: 280px;
}

#page_seminar.page_seminar_detail #detail_block .inner .detail_box .detail_table table th, #page_seminar.page_seminar_detail #detail_block .inner .detail_box .detail_table table td {
    padding: 15px 0;
}

@media all and (max-width: 820px) {
    #page_seminar.page_seminar_detail #detail_block .inner .detail_box .detail_table .gmap_wrap {
        height: 220px;
    }
    #page_seminar.page_seminar_detail #detail_block .inner .detail_box .detail_table .gmap iframe {
        height: 200px;
    }
    #page_seminar.page_seminar_detail #detail_block .inner .detail_box .detail_table table th, #page_seminar.page_seminar_detail #detail_block .inner .detail_box .detail_table table td {
        padding: 12px 0;
    }
}

#page_seminar.page_seminar_detail #detail_block .inner .detail_box .form_block {
    padding: 60px 0 0;
}
#page_seminar.page_seminar_detail #detail_block .inner .detail_box .form_block h2 {
    padding-bottom: 0;
}
@media all and (max-width: 820px) {
    #page_seminar.page_seminar_detail #detail_block .inner .detail_box .form_block h2 {
        padding-bottom: 10px;;
    }
}

#page_seminar.page_seminar_detail #detail_block .inner .detail_box .form_block .btn_submit input {
    background: #007dd1;
    border-radius: 50px;}

#page_seminar.page_seminar_detail #detail_block .inner .detail_box .free_space {
    margin-top: 30px;
    margin-bottom: 0px;
}
#page_seminar.page_seminar_detail #detail_block .inner .detail_box .fin_text {
    margin-top: 20px;
}

/*セミナー一覧*/
p{font-size:16px;}
.flex{display:flex;}
.center{text-align: center;}
.mv img{width:100%;}
#sub_nav li.current a:after{display:none;}
#main a{transition:.2s;text-decoration: none;}
#main a:hover{opacity:.8;}
h2{font-size:40px;line-height: 1em;letter-spacing: 0.1em;font-weight: bold;margin-bottom: .6em;}
#main h2 span{font-size: 20px;display:block;font-weight:normal;margin-left: .3em;margin-top: 10px;}
.intro{
    margin-top: -7px;
}
.intro .bg-tri{
    background-image: url(/assets/images/seminar/bg_t1.png);
    background-position: -43% 89%;
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    padding-top: 50px;
    position: relative;
    background-size: 37%;
}
.bg-bl{background:#ECF5FC;padding: 50px 0;}
.int-copy{background:#017dd1;padding: 50px 0;}
br.sp{display:none;}
.int-copy p{color:#fff;position:relative;text-align:center;font-size: 26px;font-weight: 500;max-width: max-content;line-height: 1.6em !important;margin: 0 auto;}
.int-copy p:before,.int-copy p:after{
  content:'';
  width: 3em;
  height:2px;
  display:block;
  background:#fff;
  position: absolute;
  top: 48%;
  }
.int-copy p:before{transform: rotate(70deg);left: -12%;}
.int-copy p:after{transform: rotate(-70deg);right: -12%;}
.int-industry{display:flex;flex-wrap:wrap;max-width: 716px;width: 100%;margin: 50px auto 40px;justify-content: center;}
.int-industry li{background:#fff;border:1px solid #017dd1;display:flex;align-items:center;padding: 14px 30px;border-radius: 3px;margin: 0 2% 3%;}
.int-industry p{color:#017dd1;font-size: 17px;line-height: 1em !important;}
.int-industry li img{width:20px;margin-right: 8px;}
.int-logo img{border-radius:15px;width: 100%;}
.int-logo{text-align:center;padding: 0 5%;}


#page_seminar .schedule_list ul{margin-bottom:0}
#page_seminar .schedule_list ul li .date{
    width: 17%;
    padding-left: 15px;
}
@media all and (max-width: 1024px) {
.intro .bg-tri{
    background-image: url(/assets/images/seminar/bg_t1.png);
    background-position: -43% -10%;
    background-size: 41%;
}
  .int-copy p:before, .int-copy p:after{
    width: 6em;
}
  .int-copy p:before{transform: rotate(70deg);left: -20%;}
.int-copy p:after{transform: rotate(-70deg);right: -22%;}
}

@media all and (max-width: 820px) {
    #page_seminar .schedule_list ul li .date{
        padding-left: 0px;
    }
}

#page_seminar .schedule_list ul li .details {
    border-left:none;
    background-image:linear-gradient(to bottom, #ccc 2px, transparent 2px);
    background-size: 2px 7px;
    background-repeat: repeat-y;
    padding: 0 10px 0 30px;
    margin-left: 0;
    width: 100%;
}
#seminar-search .inner{
    box-shadow: 0 0 8px rgba(0,0,0,.16);
    border-radius: 20px;
    border: 1px solid #017ccf;
    background: #fff;
    padding: 25px 0;
    margin-bottom: 30px;
    max-width: 1024px;
}
@media all and (max-width: 820px) {
    #seminar-search .inner {
        padding: 10px 0;
    }
}
.intro .bg-tri:after{content:'';background: url(/assets/images/seminar/bg_t2.png) no-repeat;display:block;width: 561px;height: 351px;position: absolute;right: -15%;bottom: -21%;}
.intro .bg-bl a{
    background: #2481CE !important;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 50px;
    padding: 15px 20px;
    font-size: 20px;
    max-width: 400px;
    width: 90%;
    display: block;
    text-align: center;
    margin: 0 auto 50px;
}
.intro .bg-bl a:before{display:none;}
.intro a img{
    position: relative;
    width: 26px;
    top: 10px;
    left: 10px;
}
.intro .inner{max-width: 900px;position: relative;z-index: 1;margin-top: 20px;box-sizing: border-box;margin-bottom: 50px;}
.intro h2{}
.intro h2 span{}
.intro p{
    line-height: 1.8em;
}
.seminar-search{
    background-image: radial-gradient(circle 5px at bottom right, rgba(30, 30, 30,0.1) 0%, rgba(30, 30, 30,0.1) 50%,rgba(162, 162, 162,0.1) 50%, rgba(162, 162, 162,0.1) 30%,transparent 30%, transparent 50%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
    background-size: 14px 14px;
    padding: 40px 4%;
}
.seminar-search h2{
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
}
.seminar-search h3{
    color: #017dd1;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
}
@media all and (max-width: 820px) {
    .seminar-search h3 {
        margin-bottom: 0px;
    }
}

.seminar-search .inner div{width:33%;}
.seminar-search .inner div:nth-child(2){
     background-image: linear-gradient(to right, #fff 2px, transparent 2px),linear-gradient(to bottom, #017dd1 2px, transparent 2px),linear-gradient(to left, #fff 2px, transparent 2px),linear-gradient(to top, #017dd1 2px, transparent 2px);
     background-size: 10px 2px,2px 7px,10px 2px,2px 7px;
     background-repeat: repeat-x,repeat-y,repeat-x,repeat-y;
     background-position:left top,right top,right bottom,left bottom;
}
.seminar-search li{margin: 6px 3px;}

#seminar-search ul.flex{flex-wrap:wrap;padding: 0 20px;}
@media all and (max-width: 820px) {
    #seminar-search ul.flex{padding: 0 10px;}
}


#seminar-search label {
    margin-right: 5px; /* ボタン同士の間隔 */
    cursor:pointer;
    transition: .3s;
}
#seminar-search input {
    cursor:pointer;
}
#seminar-search label input {
    display: none; 
}
#seminar-search label span {
    color: #2481CE;
    border: 1px solid #2481CE;
    border-radius: 20px;
    padding: 5px 18px;
    transition: .3s;
    display: inline-block;
    font-size: 13px;
    /* font-weight: bold; */
}
@media all and (max-width: 820px) {
    #seminar-search label span {
        padding: 7px 18px;
    }
}

#seminar-search label input:checked + span {
    color: #FFF;
    background: #2481CE;
    border: 1px solid #2481CE;
}
#seminar-search label:hover {opacity: .8;}
#seminar-search label:hover span{   color: #FFF; 
    background: #2481CE;
    border: 1px solid #2481CE;}
#seminar-search .submit{
        background: #2481CE;
        color: #fff;
        border-radius: 50px;
        transition: .3s;
        border: none;
        width: 250px;
        margin: 0 auto;
        display: block;
        position: relative;
}
#main .details li{background: #9F9F9F;color: #fff;border-radius: 50px;padding: 0 10px !important;display: inline-block !important;font-size: 12px;margin: 5px 5px 0 0;border-bottom: none !important;}

#page_seminar .schedule_list ul li .date .date_time{font-weight:bold;font-size: 17px;}


#seminar-search .submit:after{content:'';background: url(/assets/images/seminar/ico_search.png) no-repeat;width: 26px;height: 27px;display: inline-block;background-size: contain;position: absolute;right: 25px;top: 15px;cursor: pointer;}
    #seminar-search input[type='submit'] {
        display: block;
        font-size: 18px;
        padding: 13px;
        font-weight: bold;
        letter-spacing: 1px;
        margin-bottom: 25px;
    }
    #seminar-search input[type='submit']:hover {
        opacity: .8;
    }
    #seminar-search input[type='reset'] {
        background:none;
        border:none;
        text-align: center;
        margin: 10px auto 0;
        display: inherit;
        font-size: 16px;
    }

#seminar_list{
    background: #EFEFEF;
    padding: 80px 3%;
}
@media all and (max-width: 820px) {
  br.sp{display:block;}
    #seminar_list {
        padding: 20px 3%;
    }
    #seminar_list .inner {
        padding: 0 2%;
    }
}

#page_seminar .schedule_list{
    padding: 20px 30px;
    border: 1px solid #BABABA;
}
#seminar_list li{
    padding: 20px 0 !important;
    border-bottom: 1px solid #ccc !important;
}
#seminar_list li.full {
    background-color: #e0e0e0;
}
#seminar_list li:last-child {
    border-bottom: none !important;
}

#seminar_list .inner .history_link {
    margin-top: 50px;
}
@media all and (max-width: 820px) {
    #seminar_list .inner .history_link {
        margin-top: 50px;
        margin-bottom: 30px;
    }
}

#page_seminar .schedule_list ul li a{width: 60%;}
#page_seminar .schedule_list ul li .btn_more a{width:90%;color: #fff;border: none;background: url(/assets/images/seminar/ico_arww.png) no-repeat #007dd1;background-position: 92% 43%;font-size: 14px;padding: 20px 20px;text-align: center;}
#page_seminar .schedule_list ul li .btn_more{width: 25%;}
.pages,.first,.last{display:none;}
.wp-pagenavi a{background:#fff;padding: 9px;border-radius: 20px;margin: 5px;color: #666666;}
.extend{color:#666;}
.wp-pagenavi .current{
    background: #fff;
    padding: 13px 15px;
    border-radius: 20px;
    box-shadow: 0 0 8px rgba(0,0,0,.4);
    color: #666666;
}
a.previouspostslink{padding: 9px 20px;}
.wp-pagenavi{font-weight:bold;width:100%;text-align:center;line-height: 4em;}
a.nextpostslink{background: url(/assets/images/seminar/ico_arwl.png) no-repeat #fff;padding: 9px 22px 9px 15px;background-size: 7px;background-position: 85%;}
.solution{background: url(/assets/images/seminar/bg_web.jpg) no-repeat ;background-size: cover;}
.solution .inner{max-width: 1024px;padding: 80px 3% 160px;}
.detail{box-shadow:0 0 8px rgba(0,0,0,.16);padding: 0;max-width: 1024px;position: relative;top: -110px; border-radius: 0 30px 0 30px;}

@media all and (max-width: 820px) {
    .detail {
        border-radius: 0 20px 0 20px;
    }
}

.solution h2{}
.solution ul{
    background: #fff;
    padding: 15px 20px 15px 60px;
    box-shadow: 0 0 8px rgba(0,0,0,.16);
}
.solution li{position:relative;margin: 10px;font-weight: bold;font-size: 16px;}
.solution li:before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -3rem;
    width: 25px;
    height: 25px;
    background: url(/assets/images/common/icon_chekbox.svg) no-repeat;
    background-position: center;
}
.detail h3{
    color: #fff;
    background-image: linear-gradient(328deg, rgba(29, 29, 29, 0.05) 0%, rgba(29, 29, 29, 0.05) 25%,rgba(226, 226, 226, 0.05) 25%, rgba(226, 226, 226, 0.05) 50%,rgba(21, 21, 21, 0.05) 50%, rgba(21, 21, 21, 0.05) 75%,rgba(216, 216, 216, 0.05) 75%, rgba(216, 216, 216, 0.05) 100%),linear-gradient(172deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.05) 25%,rgba(108, 108, 108, 0.05) 25%, rgba(108, 108, 108, 0.05) 50%,rgba(21, 21, 21, 0.05) 50%, rgba(21, 21, 21, 0.05) 75%,rgba(236, 236, 236, 0.05) 75%, rgba(236, 236, 236, 0.05) 100%),linear-gradient(207deg, rgba(153, 153, 153, 0.05) 0%, rgba(153, 153, 153, 0.05) 25%,rgba(83, 83, 83, 0.05) 25%, rgba(83, 83, 83, 0.05) 50%,rgba(5, 5, 5, 0.05) 50%, rgba(5, 5, 5, 0.05) 75%,rgba(82, 82, 82, 0.05) 75%, rgba(82, 82, 82, 0.05) 100%),linear-gradient(297deg, rgba(26, 26, 26, 0.05) 0%, rgba(26, 26, 26, 0.05) 25%,rgba(223, 223, 223, 0.05) 25%, rgba(223, 223, 223, 0.05) 50%,rgba(232, 232, 232, 0.05) 50%, rgba(232, 232, 232, 0.05) 75%,rgba(153, 153, 153, 0.05) 75%, rgba(153, 153, 153, 0.05) 100%),linear-gradient(204deg, rgba(120, 120, 120, 0.05) 0%, rgba(120, 120, 120, 0.05) 25%,rgba(191, 191, 191, 0.05) 25%, rgba(191, 191, 191, 0.05) 50%,rgba(246, 246, 246, 0.05) 50%, rgba(246, 246, 246, 0.05) 75%,rgba(123, 123, 123, 0.05) 75%, rgba(123, 123, 123, 0.05) 100%),linear-gradient(90deg, rgb(32,234,255),rgb(37,116,255));
    font-weight: bold;
    font-size: 30px;
    text-align: center;
    padding: 15px 0;
    border-radius: 0 20px 0 0;
}
.detail dl{
    padding: 50px;
    background: #fff;
}
.detail dt{
    border-left: #333333 solid 6px;
    border-bottom: #333 solid 1px;
    background: #eee;
    font-weight: bold;
    padding: 5px 10px;
    font-size: 20px;
    letter-spacing: 2px;
}
.detail dd{
    padding: 10px 0px 20px;
    font-size: 16px;
}

.recommend{
    background: #EFEFEF;
    padding: 60px 0;
}
.recommend .inner{max-width:1024px;}
.recommend ul{
    margin-right: 4%;
    width: 50%;
}
.recommend li{
    position:relative;
    font-size: 20px;
    font-weight: bold;
    background: #fff;
    text-indent: 40px;
    margin: 0 0 15px;
    padding: 5px 13px;
}
.recommend li:before {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 33px;
    background: url(/assets/images/seminar/ico_check.png) no-repeat;
    background-position: center;
    background-size: contain;
}
.recommend .flex{
    align-items: flex-start;
    margin-top: 3%;
}

.scene{
    background: #262626;
    padding: 70px 0;
}
.scene p{color:#fff;line-height: 1.5em;text-align: left;}
.scene h2{color:#fff;max-width: 924px;margin: 0 auto 30px;}
.scene ul{
    justify-content: space-between;
    flex-wrap: wrap;
}
.scene li{
    width: 30%;
    text-align: center;
    margin: 1%;
}
.scene li img{width:100%;}

@media all and (max-width: 820px) {
    .scene li {
        margin: 0;
    }
    .scene ul.inner {
        padding: 0;
    }
}

.speaker{
    background: #efefef;
    padding: 80px 0;
}
.speaker .inner{
    background:#fff;
    padding: 50px;
    max-width: 1200px;
    border-radius: 0 30px 0 30px;
    align-items: flex-start;
}

@media all and (max-width: 820px) {
    .speaker .inner{
        border-radius: 0 20px 0 20px;
    }
  .book div{flex-wrap:wrap;flex-direction: column-reverse;}
  .book div p{flex-wrap:wrap;justify-content:center;max-width:500px;margin:0 auto;}
  .book div>img{margin:20px auto 0;}
  .book div p img{width: 27%;margin: 2% !important;}
}

.speaker .inner div strong{font-size:20px;line-height: 1.3em;padding: 1.2em 0 .5em;}

.speaker .inner div strong small{padding-left:10px;}
.speaker .flex{align-items:flex-start;margin: 45px auto 0;}
.speaker .flex img{width: 46%;margin-right: 4%;}
.speaker .flex div{width: 50%;}
.speaker .flex div small{
    padding-bottom: 10px;
    display: block;
}
.speaker .flex div span{
    font-size: 13px;
    margin-left: 20px;
    letter-spacing: 1px;
}
.speaker .flex div p:not(.msg){border-bottom:1px solid #ccc;padding-bottom: 12px;margin-bottom: 17px;}
.speaker h2{
    text-align: center;
    font-size: 32px;
    margin-bottom: -10px;
}.speaker h2 span{font-size: 16px !important;margin-top: 0 !important;}
.speaker .inner p.msg {
    font-size: 14px;
}
.book{background:#262626;text-align: center;}
.book div{max-width:1200px;margin:0 auto;display: flex;align-items: flex-end;position: relative;top: -40px;justify-content: center;}
.book div p img{margin: 10px 10px 0;max-width: 124px;}


.voice h2{text-align:center;}
.voice{padding: 80px 0 120px;background-image: repeating-linear-gradient(90deg, hsla(196,0%,79%,0.06) 0px, hsla(196,0%,79%,0.06) 1px,transparent 1px, transparent 96px),repeating-linear-gradient(0deg, hsla(196,0%,79%,0.06) 0px, hsla(196,0%,79%,0.06) 1px,transparent 1px, transparent 96px),repeating-linear-gradient(0deg, hsla(196,0%,79%,0.09) 0px, hsla(196,0%,79%,0.09) 1px,transparent 1px, transparent 12px),repeating-linear-gradient(90deg, hsla(196,0%,79%,0.09) 0px, hsla(196,0%,79%,0.09) 1px,transparent 1px, transparent 12px),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));}
.voice ul{
    display: flex;
    flex-wrap: wrap;
}
.voice li{
    width: 30%;
    box-shadow: 0 0 8px rgba(0,0,0,.16);
    background: #fff;
    border-radius: 0 20px;
    margin: 15px;
    padding: 2%;
}
.voice li div img{
    width: 60px;
    margin-right: 20px;
}
.voice li div{
    align-items: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.voice li div p{
    font-weight: bold;
}


.tokuten .inner{max-width: 1024px;padding: 50px 0;}
.tokuten ul{display:flex;justify-content: center;}
.tokuten ul li{
    border: 1px solid #007dd1;
    border-radius: 20px;
    width: 34%;
    margin: 0 1%;
    text-align: center;
    padding: 0 18px 16px;
}
.tokuten h2{
    margin-bottom: 40px;
}
.tokuten h2 strong{color:#00abda}
.tokuten h2 i{display:inline-block;width:1em;}
.tokuten h3{
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 10px;
}
.tokuten h3:before{content:'特典1';color:#fff;font-weight:bold;border-radius:5px;display:block;width:3em;background:#00a9d6;padding: 2px 8px;margin: 0 auto;position: relative;top: -1em;font-size: 16px;}
.tokuten li:nth-child(2) h3:before{content:'特典2';}
.tokuten li:nth-child(3) h3:before{content:'特典3';}
.tokuten li p{line-height:1.5;font-size:15px;}

@media (max-width: 1024px){
.intro {
    background-image: url(/assets/images/seminar/bg_t1.png);
    background-position: -120% -200px;
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    position: relative;
}
.intro:after {
    content: '';
    background: url(/assets/images/seminar/bg_t2.png) no-repeat;
    display: block;
    width: 561px;
    height: 351px;
    position: absolute;
    right: -35%;
    bottom: -10%;
}

}

.intro .inner dl {
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
}
.intro .inner dl dt {
    font-weight: bold;
    width: 11%;
}
.intro .inner dl dd {
    font-weight: bold;
    width: 89%;
}
@media all and (max-width: 820px) {
    .intro .inner dl {
        font-size: 14px;
    }
    .intro .inner dl dt {
        width: 21%;
    }
    .intro .inner dl dd {
        width: 79%;
    }
}

@media all and (max-width: 820px) {
h2{font-size: 28px;line-height: 1.2em;}
.intro {
    background-image: url(/assets/images/seminar/bg_t1.png);
    background-position: 190% -200px;
    /* background-attachment: fixed; */
    background-repeat: no-repeat;
    position: relative;
}

    .intro .inner{
    /* margin-top: 130px; */
}

.intro:after{
     content: '';
     background: url(/assets/images/seminar/bg_t2.png) no-repeat;
     display: block;
     width: 561px;
     height: 351px;
     position: absolute;
     right: -100%;
     bottom: -8%;
}
#seminar-search .inner{flex-wrap:wrap;}
#seminar-search .inner div{width:100%} 
.seminar-search .inner div:nth-child(2){
    background-image: linear-gradient(to right, #017dd1 2px, transparent 2px),linear-gradient(to bottom, #fff 2px, transparent 2px),linear-gradient(to left, #017dd1 2px, transparent 2px),linear-gradient(to top, #fff 2px, transparent 2px);
    background-size: 10px 2px,2px 7px,10px 2px,2px 7px;
    background-repeat: repeat-x,repeat-y,repeat-x,repeat-y;
    background-position: left top,right top,right bottom,left bottom;
    margin: 10px 0px;
    padding: 30px 0;
}
@media all and (max-width: 820px) {
  .speaker .flex div {
    width: 100%;
}
    .seminar-search .inner div:nth-child(2) {
        padding: 15px 0;
    }
}
#page_seminar .schedule_list ul li .date{width:100%;text-align: center;}

   #page_seminar .schedule_list ul li .details{
       width: 100%;
       background-image: none;
       padding: 20px 10px;
   } 
#page_seminar .schedule_list ul li a{width:100%;}
    #page_seminar .schedule_list ul li .date .date_time{
    padding-bottom: 1em;
}
#page_seminar .schedule_list{padding:10px;margin-bottom: 30px;}
#page_seminar .schedule_list ul li .btn_more{width:80%;}
    .detail h3{
    font-size: 20px;
}
    p{font-size:14px;}
    .detail{margin: 0 4%;}
    .detail dl{
    padding: 20px;
}

    .detail dd{font-size:14px;}
    .recommend .flex{flex-wrap:wrap;}
.recommend .flex ul{width:100%;}
    .recommend .flex img{width:100%;}

.scene h2{text-align:center;}
    .scene ul{flex-wrap:wrap;}
    .scene li{width:100%;margin-bottom:20px;}
.speaker .inner{margin:0 4%;flex-wrap: wrap;padding: 30px 20px;}
  .speaker .flex{flex-wrap: wrap;justify-content: center;}
  .speaker .flex img{width:100%;margin-bottom:20px;max-width: 500px;}
.speaker .inner figure{width:100%;margin-top:20px}
    .voice li{width:100%;padding: 20px;margin: 15px 0;}
    
    .tokuten h2 i{display:block}

    .tokuten ul{flex-wrap:wrap;}
.tokuten ul li{width: 95%;display: flex;flex-wrap: wrap;align-items: center;margin-bottom: 30px;padding: 0 18px 6px;}

.tokuten h3{width:100%;margin-bottom: 0;}
  .tokuten li p{width:calc(100% - 100px);text-align:left;}
  .tokuten li img{margin:10px;}
  .tokuten h2{margin: 0 20px 30px;}
  
  
}

@media all and (max-width: 820px) {
	.tokuten h2 {
		font-size: 28px;
	}
}

@media all and (max-width: 500px) {
.int-copy{padding:30px 0;}
  .int-copy p{font-size: 20px;}
.int-copy p:before,.int-copy p:after{display:none;}
  .int-industry li {padding:10px 20px;}
.int-industry li img {
    width: 14px;
    margin-right: 3px;
}
  .intro .bg-tri:after{display:none;}
  

  




}

#page_seminar #pager .next a {
    padding-right: 60px ;
}