/* common */
#contentsArea.soptec2023_lp {background: #fff;}
#contentsArea.soptec2023_lp,
#contentsArea.soptec2023_lp p {font-size: 16px !important;line-height: 1.8 !important;}
/* hero_wrapper */
@media only screen and (min-width: 971px){
#hero_section {margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);}
}

#hero_wrapper {position: relative;max-width: 1600px;height:auto;margin: auto;}
#hero_wrapper img {width: 100%;height: auto;}
.hero_wrapper_cnt {position: relative;width: 100%;height: 100%;}

a.hero_wrapper_btn {line-height:1; font-weight: bold;width: 100%;height: 100%;border-radius: 50px;border: 1px solid #fff; position: absolute;top:0;left: 0;color:#fff !important;background: rgba(16, 40, 75, 0.50)}

@media screen and (max-width: 599px){
#hero_wrapper {margin-right: -15px;margin-left: -15px;}
.hero_wrapper_btn_wrap {height:auto;width:43%;height:8.5%;position: absolute;top:85.5%;right:5%;margin: auto;text-align: center}
a.hero_wrapper_btn {padding-top:6%;font-size:3.8vw;}
}
@media screen and (min-width: 600px){
.hero_wrapper_btn_wrap {height:auto;width:10.6%;height:9.3%;position: absolute;top:79%;left:68%;margin: auto;text-align: center}
a.hero_wrapper_btn {padding-top:7%;font-size:1.1vw;}
}
@media (min-width: 1280px) {
a.hero_wrapper_btn {padding-top:8%;font-size: 16px;}
}

/* soptec2023_nav */
.soptec2023_nav {display:flex;justify-content: space-between;margin:25px auto 50px;}
.soptec2023_nav a {padding:5px 0;border-left: 1px solid #BDC1C4;background: none;display: inline-block;text-align: center;font-weight: bold;position: relative;width: 100%;line-height: 1.4;}
.soptec2023_nav a:last-child{border-right: 1px solid #BDC1C4;}
.soptec2023_nav a::after {content: "";display: inline-block;position: absolute;top:0.7rem;margin-left:0.5em; border-right: 6px solid transparent;
  border-top: 9px solid #0062C2;
  border-left: 6px solid transparent;}
.soptec2023_nav a {color:#0062C2 !important;}

@media screen and (min-width: 600px){
#contentsArea.soptec2023_lp br.sp,
#contentsArea.soptec2023_lp .sp{display:none !important}
.soptec2023_nav a {letter-spacing: 0.2rem;}
}

@media screen and (max-width: 599px){
.soptec2023_nav {display:flex;justify-content: space-between;margin-right: -15px;margin-left: -15px;}
.soptec2023_nav a {padding:5px 3px 5px;width: 25%;height:4.5em;font-size: 0.875rem}
.soptec2023_nav a:hover:before {display: none}
.soptec2023_nav a::after {position: absolute;top:80%;right:46%;}
.soptec2023_nav a:nth-child(-n+3) span {position: absolute;top:1em;right:0;left:0;}
#contentsArea.soptec2023_lp br.pc,
#contentsArea.soptec2023_lp .pc{display:none !important}
}

/* read */
#contentsArea.soptec2023_lp .read {text-align: center;line-height:2 !important;margin-bottom:40px;}
@media screen and (max-width: 599px){
#contentsArea.soptec2023_lp .read {text-align: left;}
}
#contentsArea.soptec2023_lp .read strong {border-bottom: 1px solid #0062C2;padding-bottom: 2px;}

/* kadai_section */

@media only screen and (min-width: 1000px){
#kadai_section {margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);}
#kadai_wrap {width: 100vw;}
}
#kadai_section {text-align: center;}
#kadai_wrap {background: linear-gradient(90deg, #FFFCEF 0%, #FFFCEF 50%, #ECF9FF 50%, #ECF9FF 100%);height:auto;padding-bottom: 60px;}

@media only screen and (max-width: 999px){
#kadai_wrap {margin-right: -15px;margin-left: -15px;}
}
.kadai_title {display: flex;justify-content: space-around;width: 100%;max-width:970px;padding-top:50px;margin:0 auto 20px}
.kadai_title > div {width: 50%;font-size: 1.375rem;font-weight: bold;padding: 0.4rem 0.4rem 0.1rem}
.kadai_title_clr1 {background:#FFF1B8;color: #787400;}
.kadai_title_clr2 {background:#B6E4F2;color: #005F8B;}
#kadai_wrap img {max-width: 677px;width: 100%}

@media only screen and (max-width: 599px){
#kadai_wrap {padding-right: 15px;padding-left: 15px;padding-bottom:20px;}
.kadai_title {padding-top:20px;}
}


h2.soptec2023-h2 {border: none !important;text-align: center !important;font-size: 2.5rem !important;line-height: 1.3; margin-bottom:10px !important;}

@media only screen and (max-width: 599px){
h2.soptec2023-h2 {font-size: 2.125rem !important;}
}
@media only screen and (max-width: 400px){
h2.soptec2023-h2 {font-size: 1.8rem !important;}
}


/* exhibit_section */
@media only screen and (min-width: 1000px){
#exhibit_section_wrap {margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);}
#exhibit_section {width: 100vw;}
}

#exhibit_section_wrap {position: relative;overflow: hidden;background: #D9EFFC;padding-bottom:120px;}

@media only screen and (max-width: 999px){
#exhibit_section_wrap {margin-right: -15px;margin-left: -15px;}
}

#exhibit_section {transform: skewY(-40deg);display: table;background-color: #EBF6FF;position: relative;z-index:1;}
#exhibit_section > * {transform: skewY(40deg);}

.sub-title {font-weight: bold;font-size: 1rem;}
#exhibit_section h3.soptec2023-h3 {font-size: 1.75rem !important;line-height: 1.3; margin-bottom:0.5rem;color: #0062C2 !important;}
#exhibit_section h3.soptec2023-h3 a {padding-right:30px;background: url(../img/icon_window_01.png) no-repeat right center;background-size: 20px 16px;margin-bottom: 5px;color: #0062C2 !important;text-decoration: none;border-bottom: 2px solid #0062C2;}
#exhibit_section h3.soptec2023-h3 a:hover {text-decoration: none;border-bottom: 2px solid #0062C2;}

@media only screen and (min-width: 600px){
#exhibit_section {margin-top: -100px;}
#exhibit_wrap {padding-top:200px;}
.exhibit_item_wrap {background: #fff;padding: 50px;margin-top:40px}
.exhibit_item {display: flex;justify-content:space-between;margin-bottom: 40px}
.exhibit_item2 {display: flex;justify-content:space-between;margin-top: 40px}
.exhibit_item_2_1 {display: flex;justify-content:space-between;margin-bottom: 40px}
.exhibit_item > div:first-child {width: 50%}
.exhibit_item > div:nth-child(2) {width: 46%}
.exhibit_item_2_1 > div:first-child {width: 62%}
.exhibit_item_2_1 > div:nth-child(2) {width: 30%}
.exhibit_item2 > div {width: 46%}
}
@media only screen and (max-width: 599px){
#exhibit_wrap {padding-top:50px;}
#exhibit_section_wrap {padding-bottom:50px;}
#exhibit_section h3.soptec2023-h3 {font-size: 1.5rem !important;}
.exhibit_item_wrap {background: #fff;padding: 30px 20px}
.exhibit_item {display: flex;flex-direction: column; margin-bottom: 40px}
.exhibit_item_2_1 {display: flex;flex-direction: column; margin-bottom: 40px}
.exhibit_item2 {display: flex;flex-direction: column;margin-top:0}
.exhibit_item > div:first-child,
.exhibit_item > div:nth-child(2),
.exhibit_item_2_1 > div:first-child,
.exhibit_item_2_1 > div:nth-child(2),
.exhibit_item2 > div {width: 100%}
.exhibit_item2 > div {width: 100%;margin-top:20px;}
.exhibit_item3 {display: flex;flex-direction: column;}
.exhibit_item3 > div:first-child,
.exhibit_item3 > div:nth-child(2) {width: 100%;margin-top:20px;}
.exhibit_item4 {display: flex;flex-direction: column;}
.exhibit_item4 > div:first-child,
.exhibit_item4 > div:last-child {width: 100%;margin-bottom: 40px;}

.exhibit_item4 > div:last-child img {width: 60%!important;display: block;margin: auto; margin-top: -20px!important}
}


/* seminar_section */
#seminar_section {position: relative;overflow: hidden;margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);background:linear-gradient(-40deg, #fff 0%, #fff 50%, #F7F7F8 50%, #F7F7F8 100%);}

@media only screen and (min-width: 1000px){
#seminar_wrap {width: 100vw;}
}
@media only screen and (max-width: 999px){
#seminar_section {margin-right: -15px;margin-left: -15px;}
}
#seminar_wrap {
  display: table;
  background-color:#fff;
  transform: skewY(-40deg);
  margin-top: -120px;
  position: relative;
  padding: 100px 0;
}

#seminar_wrap > * {transform: skewY(40deg);padding-top: 120px;}

@media only screen and (max-width: 599px){
#seminar_wrap {
  margin-top: -50px;
  padding: 0 0 50px;
}
}

#seminar_wrap h3 {margin-bottom:0.5rem;}
.sub-title-obi {display: inline-block;color: #fff;font-weight: bold;padding: 0.2rem 0.6rem 0.1rem;font-size: 0.875rem;margin-bottom: 0.5rem;}
.obi-clr1 {background: #826FB0;}
.obi-clr2 {background: #009CDB;}

.seminar_item {padding: 40px 0 10px;}
.seminar_item_junbi {background: #deebf7;text-align: center;color: #0062C2;font-size: 1.25rem;padding: 3rem 0.5rem;}

/* soptec2023_overview_section */
#soptec2023_overview_section{position: relative;overflow: hidden;margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);background: url(../img/overview_img.jpg) no-repeat left center;background-size: cover;padding: 130px 0 100px;}
@media only screen and (min-width: 1000px){
#soptec2023_overview_section {width: 100vw;}
}
@media only screen and (max-width: 999px){
#soptec2023_overview_section {margin-right: -15px;margin-left: -15px;}
}
#soptec2023_overview_wrap {max-width: 970px;margin:40px auto 0;background: rgba(255, 255, 255, 0.7);width: 100%;}
.soptec2023_overview_Inr {max-width: 650px;margin: auto;}
.soptec2023_overview_h3 {font-size: 1.375rem;font-weight: bold;margin-bottom:1rem;}
.soptec2023_overview_schedule dt {font-weight: bold !important;margin-bottom:0.75rem !important;margin-right:10px !important;clear: left;float: left;width:4em;}
.soptec2023_overview_schedule dd {margin-bottom:0.75rem !important;}
.soptec2023_overview_entry {border: 1px solid #E73134;color: #E73134;max-width: 264px;font-size: 1.374rem;font-weight: bold;text-align: center;padding: 0.3rem 0 0.2rem;margin:20px auto;}

@media only screen and (min-width: 600px){
#soptec2023_overview_wrap {border-radius: 20px;}
.soptec2023_overview_Inr {padding: 40px;}
}
@media only screen and (max-width: 599px){
#soptec2023_overview_section{padding: 50px 0;}
.soptec2023_overview_Inr {padding: 30px 20px;}
.soptec2023_overview_h3 {text-align: center}
}

/* douga_section */
#douga_section {position: relative;overflow: hidden;margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);background:linear-gradient(-40deg, #D9EFFC 0%, #D9EFFC 50%, #EBF6FF 50%, #EBF6FF 100%);}

@media only screen and (min-width: 1000px){
#douga_wrap {width: 100vw;}
}
@media only screen and (max-width: 999px){
#douga_section {margin-right: -15px;margin-left: -15px;}
}

#douga_wrap {
  display: table;
  width: 100%;
  background-color: #EBF6FF;
  transform: skewY(-40deg);
  padding: 100px 0;
}
/*
#douga_wrap > div {
  transform: skewY(40deg) !important;
}*/
#douga_wrap div.km-container {
  transform: skewY(40deg);
}

#douga_wrap div.prl-auto {
  transform: skewY(40deg) !important;
  -webkit-transform: skewY(40deg) !important;
}

.douga_waku {max-width: 970px;margin:40px auto 0;background:#fff;width: 100%;}

.douga_waku .avatar_box{display: flex;justify-content:flex-start;width: 100%;margin: 0;padding-top:15px;margin-top: 2rem}
.douga_waku .avatar_box .avatar_ph {width:86px;margin-right:10px;}
.douga_waku .avatar_box .avatar_profile{text-align: left;width: calc(100% - 96px)}
.douga_waku .avatar_box .avatar_profile dd{font-size: 0.75rem;padding-top:0.2rem !important}
.douga_waku .avatar_box .avatar_profile dd.avatar_name{font-weight: bold;font-size: 1rem;}

@media only screen and (min-width: 600px){
.douga_waku {border-radius: 20px;padding: 40px;}
.avatar_wrap {display: flex;justify-content:flex-start;}
.avatar_wrap .avatar_box:first-child {width: 45%}
.avatar_wrap .avatar_box:nth-child(2) {width: 55%}
.douga_h3 {font-size: 1.75rem !important;line-height: 1.3}
}
@media only screen and (max-width: 599px){
#douga_wrap {padding: 50px 0;}
.douga_waku {margin:20px auto 0;padding: 30px 20px;}
.avatar_wrap {display: flex;flex-direction: column;}
.avatar_wrap .avatar_box {width: 100%}
.douga_h3 {font-size: 1.5rem !important;line-height: 1.3}
}
@media only screen and (max-width: 400px){
.douga_h3 {font-size: 1.25rem !important;line-height: 1.6}
}

/* kanren_section */
#kanren_section {position: relative;overflow: hidden;margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);background:linear-gradient(-40deg, #fff 0%, #fff 50%, #F7F7F8 50%, #F7F7F8 100%);}

@media only screen and (min-width: 1000px){
#kanren_wrap {width: 100vw;}
}
@media only screen and (max-width: 999px){
#kanren_section {margin-right: -15px;margin-left: -15px;}
}

#kanren_wrap {
  display: table;
  width: 100%;
  background-color: #fff;
  transform: skewY(-40deg);
  padding: 100px 0;
}
#kanren_wrap > * {
  transform: skewY(40deg) !important;
}

@media only screen and (min-width: 600px){
.kanren_item {display: flex;justify-content:space-between;margin-top: 50px}
.kanren_item > div {width: 47%}
.kanren_h3 {font-size: 1.75rem !important;line-height: 1.3;margin-bottom: 1rem !important;}
.exhibit_item3 {display: flex;justify-content:space-between;}
.exhibit_item3 > div:first-child {width: 64%}
.exhibit_item3 > div:nth-child(2) {width: 33.33%}
.exhibit_item4 {display: flex;justify-content:space-between;}
.exhibit_item4 > div:first-child {width: 50%}
.exhibit_item4 > div:last-child {width: 46%}

.exhibit_item4 > div:last-child img {height: 135px;}
.soptec2023 #exhibit_section_wrap.hightlight-section .exhibit_item3 > div:first-child {
  width: 64%;
}
}
@media only screen and (max-width: 599px){
#kanren_wrap {padding: 50px 0;}
.kanren_item {display: flex;flex-direction: column; margin-top: 20px}
.kanren_item > div {width: 100%}
.kanren_h3 {font-size: 1.5rem !important;line-height: 1.3; margin-top: 1rem !important;margin-bottom: 1rem !important;}
}

.kanren_h3 span {font-size: 1.125rem}

/* useful_section */
/*#useful_section img {width: 100%}*/

/* button */
#contentsArea.soptec2023_lp .btn {
  color: #fff !important;
  display: block;
  text-align: center;
  position: relative;
  z-index: 2;
  will-change: transform, filter;
  transform-style: preserve-3d;
  transition: all .3s ease-out;
  max-width: 500px;
  margin: auto;
  /*height: 74px;*/
  height: auto;
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: bold;
}
#contentsArea.soptec2023_lp .btn:hover::before {bottom: 0;filter: blur(8px);}
#contentsArea.soptec2023_lp .gradient {
  background:#0062C2;
}

#contentsArea.soptec2023_lp .text-333333{
  color: #333333 !important;
}

#contentsArea.soptec2023_lp .gradient3{
  background:#B3B3B3 !important;
}
@media only screen and (max-width: 599px){
#contentsArea.soptec2023_lp .btn {
  font-size: 1.1rem;
}
}

/* btnshine */
.btnshine,.btnshine3{
  position: relative;display:inline-block;outline: none;overflow: hidden;width: 100%;height: 100%;padding:1.4rem 0.8em 1rem;
}
.btnshine2{
  position: relative;display:inline-block;outline: none;overflow: hidden;width: 100%;height: 100%;padding:0.5rem 0.5em 0.2rem; line-height: 1.5;
}
.btnshine2 span{font-size: 1rem;}
.btnshine::before,.btnshine2::before {
  content: '';position: absolute;top: 0;left: -75%;
  width: 50%;height: 100%;background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);transform: skewX(-25deg);
}
.btnshine:hover::before,.btnshine2:hover::before {animation: shine 1s;}

@keyframes shine {
  100% {
    left: 125%;
  }
}


/* common */
#contentsArea.soptec2023_lp .center {text-align: center}
#contentsArea.soptec2023_lp a, a:hover {text-decoration: none !important;}

.mtb50 {margin:50px auto !important}
.mt20 {margin-top:20px !important}
.mt50 {margin-top:50px !important}
.prl-auto {padding-right:15px;padding-left:15px;}
.f-blue {color: #0062C2 !important}
.link_blue {font-weight: bold;color: #0062C2 !important;border-bottom: 2px solid #0062C2;}
.link_blank {padding-right:1.5em;background: url(../img/icon_window_01.png) no-repeat right center;background-size: 20px 16px;}
.line_dotted {border-top: 1px dotted #C4C4C4;width: 100%}
.text-75757c {color: #75757c !important;}

/* fadeUp */
.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-delay: 0.5s;
animation-fill-mode:forwards;
opacity:0;
}
.fadeUp_top{
animation-name:fadeUpAnime;
animation-duration:1s;
animation-delay: 0.5s;
animation-fill-mode:forwards;
opacity:0;
}
.fadeUp_top_btn{
animation-name:fadeUpAnime;
animation-duration:1s;
animation-delay: 1.2s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(150px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.fadeUpTrigger{
    opacity: 0;
}

#exhibit_section_wrap.hightlight-section {
  background: linear-gradient(-40deg, #EBF6FF 0%, #EBF6FF 50%, #D9EFFC 50%, #D9EFFC 100%);
}

.soptec2023_lp #soptec-related-article .km-container{
  padding-left: 0!important;
  padding-right: 0!important;
}

.soptec2023_lp #soptec-related-article .km-container .aem-GridColumn--default--12{
  padding-left: 0!important;
  padding-right: 0!important;
}

@media only screen and (min-width: 600px){
  #contentsArea .km-article-list__content {
    padding-right: 22px!important;
  }
}

.d-flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.text-right {
  text-align: right !important;
}


.soptec2023_overview_schedule {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-left: 26px;
}


@media screen and (max-width: 599px){
  .soptec2023_overview_schedule {
    margin: 0;
  }
}

.soptec2023_overview_schedule > p, .soptec2023_overview_schedule > div {
  width: calc(100% - 80px);
}

.soptec2023_overview_schedule > h3 {
  font-size: 1rem!important;
  font-weight: bold !important;
  width: 70px;
}

.soptec2023_overview_entry-bottom {
  text-align: center;
  margin-top: 20px;
}
.soptec2023_overview_entry-bottom > a {
  font-size: 1.374rem;
  font-weight: bold;
  padding-bottom: 3px;
  border-bottom: 2px solid;
}
.soptec2023_overview_entry-bottom > a:hover {
  text-decoration: none!important;
  border-bottom: 0;
}

#contentsArea .text-blue{
  color: #0062C2;
}


#contentsArea p .text-decoration-blue {
  border-bottom: 2px solid #0062C2!important;
}

#contentsArea .km-btn-cta, 
#contentsArea .km-btn-cta-blank {
  background-image: url(/business/products/graphic/printlab/img/arrow.svg) !important;
  background-position: right 15px center;
  background-size: 15px 12px;
  background-origin: padding-box;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  box-shadow: 0px 4px 7px #b5bcc3;
}

#hero_wrapper .hero_wrapper__text {
  font-size: 16px;
  color: #75757C;
  text-align: center;
  margin-top: 30px;
}

.seminar_item__desc, 
.soptec2023-ttl__desc {
  font-size: 16px !important;
  color: #75757C !important;
  text-align: center !important;
  margin-top: 30px !important;
}