/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

html{
	font-size:62.5%;
	font-family:'Noto Sans JP',"ヒラギノ角ゴ ProN W4","Hiragino Kaku Gothic ProN","游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height:1.8;
	-webkit-text-size-adjust:100%;
	overflow-x: hidden;
}

body{
	position:relative;
}

p,a,li,td,th,div,figure,figcaption,dl{
	font-size:1.8rem;
	font-weight:500;
/*   line-height:2.0; */
  line-height:1.6;
  color: #111111;
}


section{
  width:100%;
}

section.common{
  padding:3rem 1.4rem 3rem;
  background:#fff;
}

section.common.gray{
  background:#EFEDE9;
}

.sectionInner{
  width:94%;
  margin:0 auto;
  max-width:83rem;
}
  

main#main{
  width:100%;
  position:relative;
}

#hero{
/*   margin-top:9.8rem;  */
}

header#headerPc{
  width:100%;
  background:#fff;
  transition:all .3s ease;
  z-index:9999;
  visibility:hidden;
  height:0;
}

header#headerPc.active{
  position:fixed;
  top:-10rem;
  left:0;
  visibility:visible;
  height:auto;
}

@media(max-width:480px){
  header#headerPc.active{
    top:-15rem;
  }
}

header#headerPc.fixed{
  box-shadow:0 .3rem 1rem rgba(0,0,0,.16);
  position:fixed;
  top:0;
  left:0;
/*   opacity:0; */
}

.headerInner{
  width:94%;
  margin:0 auto;
  max-width:1160px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:1.2rem;
}

.headerInner > figure{
  display:flex;
  justify-content:center;
  align-items:center;
}

figure#headerLogoF{
  width:auto;
  height:auto;
  max-height:7.4rem;
}

figure#headerLogoM{
  width:auto;
  height:auto;
  max-height:7.4rem;
}

.headerInner > figure > img{
  width:auto;
  max-width:none;
  height:auto;
  max-height:7.4rem;
}

.headerCta > div{
  font-size:2rem;
  font-weight:600;
  text-align:center;
}

#headerButton{
  display:block;
  text-align:center;
  margin:.2rem auto 0;
  font-size:2rem;
  font-weight:600;
  color:#fff;
  width: 21.53vw;
  padding:0px;
  background: #FC7E2A;
  border-radius: 5rem;
  box-shadow:0 .3rem 1rem rgba(0,0,0,.16);
  text-decoration:none;
  border: .5rem solid #FC7E2A;
  transition:all .3s ease;
}

#headerButton:hover{
  color:#FC7E2A;
  background: #fff;
  border: .5rem solid #FC7E2A;
}

section#hero #pcHero{
  display:block;
  width:100%;
  height:auto;
}

section#hero #spHero{
  display:none;
}

h2.commonH2, h2.commonH2 *{
  font-size:3.2rem;
  font-weight:600;
  text-align:center;
  position:relative;
  margin-bottom:6rem;
  color: #111111;
}

h2.commonH2:before, h2.commonH2 *:before{
  position:absolute;
  content:"";
  width:19.4rem;
  height:1.5rem;
  background: linear-gradient(90deg, #008CDA 0%, #0F9E32 30%, #FF7805 70%);
/*   opacity: 0.3; */
  opacity: 0.2;
  bottom:-1.5rem;
  left:0;
  right:0;
  margin:auto;
  border-radius:5rem;
}

#about{
  padding-top:5.4rem;
}

.mainTheme{
  display:flex;
  align-items:center;
  background:#fff;
  border:solid .5rem #FF7805;
  border-radius:.8rem;
}

.mainTheme > p:nth-of-type(1){
  width:12.62%;
  text-align:center;
  color:#fff;
  background:#FF7805;
  font-size:1.8rem;
  font-weight:600;
  padding:6px 0;
}

.mainTheme > p:nth-of-type(2),.mainTheme > div{
  width:calc(100% - 12.62%);
}

.mainTheme > div > p{
  text-align:center;
  color:#111111;
  font-weight:600;
  background:#fff;
  font-size:2rem;
  padding:6px 0;
}

ul.mainThemeLists{
  margin:2.5rem auto 0;
/*   padding:2.5rem 1.6rem 2.5rem 24.0rem; */
  padding:2.5rem 1.6rem 2.5rem 21.5rem;
}

ul.mainThemeLists>li div{
  position:relative;
  line-height:2.4;
}

ul.mainThemeLists>li div:before{
  position:absolute;
  content:"●";
  font-size:1.8rem;
  color:#FF7805;
  top:-1rem;
  bottom:0;
  left:-3.6rem;
  margin:auto 0;
  width:1.8rem;
  height:1.8rem;
  line-height:1.6;
}

.mirairoIdFlex{
  display:flex;
  justify-content:space-between;
/*   align-items:center; */
}
.miLeft{
  width:36.37%;
}
.miRight{
  width:58.96%;
}

.tableContainer{
  width:100%;
}

.tableContainer > table{
  width:100%;
  border-collapse:collapse;
}

.tableContainer > table th{
  background:#EFEDE9;
  font-weight:600;
  width:20%;
  border:solid 1px #605F5C;
  padding:1.2rem;
}

.tableContainer > table td{
  background:#fff;
  width:80%;
  border:solid 1px #605F5C;
  padding:1.2rem 1.2rem 1.2rem 3.3rem;
}

#speakers .sectionInner{
  max-width:95rem;
}

.speakersBox{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  flex-wrap:wrap;
}

.sbLeft{
  width:calc(32.56% - 2.16rem);
  position:relative;
}
/* .sbLeft:before{
  width:100%;
  height:100%;
  background: linear-gradient(90deg, #008CDA 0%, #0F9E32 50%);
  position:absolute;
  content:"";
  right:-1.2rem;
  bottom:-1.6rem;
} */

/* .speakersBox:nth-of-type(2) .sbLeft:before,.sbLeft.k:before{
  background: linear-gradient(90deg, #FF7805 0%, #FF5805 50%);
} */
  
.sbLeft img{
  position:relative;
  z-index:10;
  display:block;
  width:100%;
  height:auto;
}



.sbRight{
  width:66.07%;
}

.memberRole{
  font-size:1.6rem;
  font-weight:600;
}

.name{
  font-size:2.4rem;
  font-weight:600;
/*   margin-bottom:3.4rem; */
  margin-bottom:2.4rem;
}

.name > span{
  font-size:1.8rem;
}

.sContent{
/*   font-size:1.6rem; */
  font-size:1.5rem;
  font-weight:400;
}

/* .speakersBox:nth-of-type(1){
  margin-bottom:5rem;
} */

.speakersBox{
  margin-bottom:5rem;
}

.formContainer{
  background:#EFEDE9;
}

footer#footer{
  background:#4b4b53;
}

.footerInner{
  width:94%;
  max-width:960px;
  margin:0 auto;
  padding:8rem 0 2.2rem;
  text-align:center;
  border-bottom:.3rem solid #fff;
}

#footerButton{
  display:block;
  text-align:center;
  margin:.2rem auto 2rem;
  font-size:2rem;
  font-weight:600;
  color:#FF7805;
  width: 21.53vw;
  padding:2px;
  background: #fff;
  border:.5rem solid #FF7805;
  border-radius: 5rem;
  box-shadow:0 .3rem 1rem rgba(0,0,0,.16);
/*   text-decoration:underline; */
  text-decoration:none;
}

.footerInner > a:nth-of-type(2){
  color:#fff;
  font-size:1.8rem;
  font-weight:600;
  text-decoration:none;
}
  
p.cr{
  font-size:1.8rem;
  font-weight:600;
  color:#fff;
  padding:1.7rem 0 5.3rem;
  text-align:center;
}







/* slick */
.miLeft{
  position:relative;
}

.sliderBox{
  width:36.4%;
  margin:0 auto !important;
}

.slickFrame{
  position: absolute;
  top: -3px;
  left: 29.4%;
  width: 41.2%;
}

.frameLogo{
  position:absolute;
  width:21rem;
  height:auto;
  bottom:-2rem;
  left:0;
  right:0;
  margin:auto;
}

#mirairoId .sectionInner{
  max-width:96.5rem;
}

#mirairoId{
  padding-top:6rem;
}

#detail{
  padding:11rem 1.4rem 6rem;
}

#speakers{
  padding:6rem 1.4rem;
}



/* .slick-next{ right:0!important; }
    .slick-prev{ left:0!important; } */
    .slick-arrow{ z-index:2!important; }
.slick-prev, .slick-next{
  top:0;
  bottom:0;
  margin:auto;
  transform: translate(0, 0) !important;
}
.slick-next:before{
  display:none;
}
.slick-prev:before{
  display:none;
}
.slick-next, .slick-next:hover, .slick-next:focus{
  background:center / contain no-repeat url(//6635779.fs1.hubspotusercontent-na1.net/hubfs/6635779/raw_assets/public/Theme-familymart_seminar/img/arrow.png);
  width:4rem;
  height:2.9rem;
  right:-70%;
}

.slick-prev, .slick-prev:hover, .slick-prev:focus{
  background:center / contain no-repeat url(//6635779.fs1.hubspotusercontent-na1.net/hubfs/6635779/raw_assets/public/Theme-familymart_seminar/img/arrow.png);
  transform:rotate(180deg) !important;
  width:4rem;
  height:2.9rem;
  left:-70%;
}



/* form */
input{
  width:100%;
}
#form .sectionInner{
  max-width:96rem;
}
.formContainer{
  padding:3rem 17.31% 4rem;
  border-radius:.8rem;
}
.formContainer > p{
  color:#000;
  margin-bottom:2.6rem;
}
#form fieldset{
  max-width:none !important;
}
fieldset.form-columns-1 .hs-input{
  width:100% !important;
}
#form fieldset label{
  position:relative;
  display: inline-block;
  margin-bottom: 1.2rem;
}
#form fieldset div.input{
  margin-bottom: 2.6rem;
}
.hs-form-required{
  display:none;
}
.require{
  padding:.3rem 1.3rem;
  border-radius:.4rem;
  background:#FF7805;
  color:#fff;
  margin-right:1.6rem;
}
.any{
  padding:.3rem 1.3rem;
  border-radius:.4rem;
  background:#6D6E6F;
  color:#fff;
  margin-right:1.6rem;
}

.hs-input{
  height:3rem;
}

textarea.hs-input{
  height:6rem;
  resize:vertical;
}

.form-columns-2{
  display:flex;
  justify-content:space-between;
}

fieldset.form-columns-2 .hs-form-field{
/*   width:22% !important; */
  width:49% !important;
/*   margin-right:1.6rem; */
  margin-right:0;
}

.formPlease {
    width: 100%;
    padding: 20px;
    border: 2px solid #9c9f9e;
    background-color: #fff;
    margin-bottom: 20px;
    max-height: 280px;
    overflow-y: scroll;
}

.pLabel{
  margin-bottom:2.6rem;
}

li.hs-form-booleancheckbox{
  margin-top:-3.8rem;
}

li.hs-form-booleancheckbox label{
  display:inline-flex !important;
  align-items:center;
}

li.hs-form-booleancheckbox .hs-input{
  width:2rem !important;
  margin-right:1rem;
}

.hs-button{
  display:block;
  text-align:center;
  margin:.2rem auto 0;
  font-size:2rem;
  font-weight:600;
  color:#fff;
  width: 21.53vw;
/*   padding:6px 2px; */
  background: #FC7E2A;
  border-radius: 5rem;
  box-shadow:0 .3rem 1rem rgba(0,0,0,.16);
  text-decoration:none;
/*   border:none; */
  border: .5rem solid #FC7E2A;
  transition:all .3s ease;
}

.hs-button:hover{
  cursor:pointer;
  color:#FC7E2A;
  background: #fff;
  border: .5rem solid #FC7E2A;
}

#form{
  padding:6rem 1.4rem 3.8rem;
}

#form .hs-form-checkbox label.hs-form-checkbox-display{
  display:flex;
}

#form .hs-form-checkbox label.hs-form-checkbox-display > input{
  width:3rem !important;
  margin-right:1.2rem;
}

#form .hs-form-checkbox label.hs-form-checkbox-display > span{
  width:auto;
  line-height:1.8;
}

@media(max-width:480px){
  #form .hs-form-checkbox label.hs-form-checkbox-display > span{
    line-height:3.2rem;
  }
  





@media(max-width:768px){
  .headerInner>figure>img, figure#headerLogoF, figure#headerLogoM{
    max-height:4rem;
  }
  #headerButton, .headerCta>div{
    font-size:1.4rem;
  }
  .mainTheme{
    display:block;
  }
  .mainTheme > p:nth-of-type(1){
    display:block;
    width:100%;
    text-align:center;
    padding:.3rem 0;
  }
  .pcBrake{
    display:none;
  }
  .mainTheme > p:nth-of-type(2),.mainTheme > div{
    width:100%;
    text-align:center;
  }
  ul.mainThemeLists {
    margin: 1.6rem auto;
    padding: 1.2rem 5.2rem;
  }
  .mirairoIdFlex{
    flex-direction:column;
  }
  .miLeft{
    width:100%;
  }
  .miRight{
    width:100%;
  }
  .sliderBox{
    width:25.3%;
  }
  .slickFrame {
    position: absolute;
    top: -4px;
    left: 35.8%;
    width: 28.3% ;
  }
  .frameLogo{
    margin-bottom:-6rem;
  }
  .miRight{
    margin-top:10rem;
  }
  .formContainer{
    padding:1.6rem;
  }
  .hs-button{
    width:50vw;
  }
  #footerButton{
    width:50vw;
  }
}

@media(max-width:480px){
  p, a, li, td, th, div, figure, figcaption, dl{
    font-size:1.6rem;
  }
  section#hero #pcHero{
    display:none;
  }
  section#hero #spHero{
    display:block;
  }
  figure#headerLogoF{
    order:1;
  }
  .headerCta{
    order:3;
    width:100%;
    margin-top:1rem;
  }
  figure#headerLogoM{
    order:2;
  }
  .headerInner{
    width:100%;
    flex-wrap:wrap;
  }
  #headerButton{
    font-size:4vw;
     width:100%;
  }
  .headerCta>div{
    font-size:3.2vw;
  }
  .sectionInner{
    width:100%;
  }
  h2.commonH2, h2.commonH2 *{
    font-size:2.6rem;
  }
  .mainTheme > p:nth-of-type(1){
    padding-top:0;
  }
  .mainTheme > p:nth-of-type(2),.mainTheme > div{
    font-size:1.8rem;
  }
  ul.mainThemeLists{
    padding:1rem 1rem 1rem 3.2rem;
  }
  ul.mainThemeLists>li div:before {
    position: absolute;
    content: "●";
    font-size: 1.2rem;
    color: #ff7805;
    top: .4rem;
    bottom: initial;
    left: -2.2rem;
    margin: auto 0;
    width: 1.8rem;
    height: 1.8rem;
    line-height: 1.6;
  }
  ul.mainThemeLists > li > div{
    line-height:1.8;
  }
  .sliderBox{
    width: 35vw;
  }
  .slickFrame{
    width:40vw;
  }
  .slickFrame{
    left:0;
    right:0;
    margin:0 auto;
  }
  #detail{
    padding-top:6rem;
  }
  .tableContainer > table td{
    padding:1.2rem;
    width:72%;
  }
  .tableContainer > table th{
    width:28%;
  }
  .sbLeft{
    width:calc(100% - 1.4rem);
  }
  .sbLeft:before{
    right: -1.4rem;
  }
  .sbRight{
    width:100%;
    margin-top:2.8rem;
  }
  .name{
    margin-bottom:2.4rem;
  }
  #form{
    padding-top:3rem;
  }
  .form-columns-2{
    display:flex;
    justify-content:space-between;
  }
  fieldset.form-columns-2 .hs-form-field{
    width:49% !important;
    margin-right:0;
  }
  #form fieldset div.input{
    margin-right:0 !important;
  }
  .form-columns-2 .hs-form-field .hs-input{
    width:100% !important;
  }
  .hs-button{
    width:100%;
    font-size:1.8rem;
  }
  #footerButton{
    font-size:1.8rem;
    width:calc(100% - 3.2rem);
  }
  p.cr{
    font-size:1.6rem;
    padding-bottom:1.7rem;
  }
  .footerInner{
    padding-top:2.2rem;
  }
  h2.commonH2:before, h2.commonH2 *:before{
    height:.8rem;
  }
  h2.commonH2, h2.commonH2 *{
    margin-bottom:4rem;
  }
}

@media(min-width:769px) and (max-width:1080px){
  #headerButton, .headerCta>div{
    font-size:2vw;
  }
  .headerInner>figure>img, figure#headerLogoF, figure#headerLogoM{
    max-height:5vw;
  }
  .headerInner{
    width:100%;
  }
  h2.commonH2 :before, h2.commonH2:before{
    width:15.3vw;
  }
}


.barContainer:nth-of-type(1){
  position:fixed;
  width:3rem;
  height:100%;
  top:0;
  left:0;
  z-index:9998;
}

.barContainer:nth-of-type(2){
  position:fixed;
  width:3rem;
  height:100%;
  top:0;
  right:0;
  z-index:9998;
}

.barContainer #bar1{
  position:absolute;
  width:3rem;
/*   height:48vh;
  top:0; */
  height:100vh;
  bottom:0;
  left:-3rem;
/*   background:#009e41; */
  background:#fc7e2a;
  transition:all .3s ease;
}

.barContainer #bar2{
  position:absolute;
  width:3rem;
/*   height:48vh; */
  bottom:0;
  left:-3rem;
  background:#008bd5;
  transition:all .3s ease;
}

.barContainer #bar3{
  position:absolute;
  width:3rem;
  height:100vh;
  bottom:0;
  right:-3rem;
  background:#fc7e2a;
  transition:all .3s ease;
}

.barContainer.fixed #bar1{
  left:0;
}

.barContainer.fixed #bar2{
  left:0;
}

.barContainer.fixed #bar3{
  right:0;
}

@media(max-width:768px){
  .barContainer:nth-of-type(1){
    width:2vw;
  }
  .barContainer:nth-of-type(2){
    width:2vw;
  }
  .barContainer #bar1{
    width:2vw;
  }
  .barContainer #bar2{
    width:2vw;
  }
  .barContainer #bar3{
    width:2vw;
  }
}

@media(max-width:480px){
  .barContainer:nth-of-type(1){
    width:2vw;
  }
  .barContainer:nth-of-type(2){
    width:2vw;
  }
  .barContainer #bar1{
    width:1vw;
  }
  .barContainer #bar2{
    width:1vw;
  }
  .barContainer #bar3{
    width:1vw;
  }
}

.hs-error-msgs,.hs-error-msg{
  color:#f22029;
  font-size:1.5rem;
  margin-bottom:1.6rem !important;
  margin-top:-2.2rem;
  display:block !important;
}

.hs_error_rollup label{
  color:#f22029;
  font-size:1.5rem;
  margin-bottom:1.6rem !important;
  display:block !important;
}