/* **************************************************************

/asset/kumihimo-tech-camp/contactform/css/guideline.css

************************************************************** */
.ktc #wrap{
    background: #f2f2f2;
  }
  .mod-inner{
      width: 74.68%;
      margin: 0 auto 0;
  }
  @media screen and (max-width: 768px){
    .mod-inner{
      width: 100%;
      padding:0 5.33%;
      box-sizing: border-box;
  }
  
  }
  .section img {
    width: 100%;
}
section .ttl-sub01{
    display: flex;
    font-size: 2.8rem;
    font-weight: bold;
    margin-bottom: 40px;
}
section .ttl-sub01 .num {
    background: #ea002a;
    color: #FFFFFF;
    width: 70px;
    height: 70px;
    text-align: center;
    font-size: 4.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
section .ttl-sub01 .ttl-txt {
    background: #f2f2f2;
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 20px;
}
@media screen and (max-width: 768px){
    section .ttl-sub01 {
        font-size: 2.0rem;
        margin-bottom: 20px;
    }
    section .ttl-sub01 .num {
        height: inherit;
        font-size: 3.0rem;
        padding: 5px 10px;
    }
    section .ttl-sub01 .ttl-txt {
        padding-left: 15px;
    }
}
  /* link blank */
.ico-blank{
  color: #ea002a;
  transition: 0.7s;
}
.ico-blank .icon{
  width: 1em;
  height: 1em;
  vertical-align: baseline;
  margin-left: 5px;
}

.ico-blank:hover{
  color:#525B5C;
  }


  /* **************************************************************
  
  コンテンツ部分
  
  ************************************************************** */
  
  /* main-vs */
  #main-vs{
    height:330px;
    position: relative;
    /* margin-top: 80px; */
    background: url(../../themes/img/bg-main.jpg)no-repeat;
    background-size: cover;
    background-position: center 80%;
  }
  #main-vs::before{
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  #main-vs .txt-box{
    position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      width: 100%;
      text-align: center;
      z-index: 2;
  }
  #main-vs .txt-box .mv-title{
    color: #FFFFFF;
    font-size: 4.6rem;
    font-weight: bold;
    line-height: 1.7;
    font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#main-vs .txt-box img{
  max-width: 350px;
  margin-bottom:10px;
}
@media screen and (max-width: 768px){
    #main-vs{
      height:180px;
      /* margin-top: 60px; */
    }
    #main-vs .txt-box{
      display: block;
      width: 100%;
    }
    #main-vs .txt-box img{
      max-width:50%;
      margin-bottom:0;
    }
    #main-vs .txt-box .mv-title{
      font-size: 2.5rem;
    }
  }

  #guideline{
    padding:120px 0;
    background: #FFFFFF;
  }
  #guideline .sec-box{
    margin: 0 auto 50px;
  }
  #guideline .sec-box .txt-box .txt{
    line-height: 1.8;
  }
  #guideline .tab-sk{
    width: 100%;
    margin-bottom:10px;
    box-sizing: border-box;
  }
  #guideline .tab-sk th,
  #guideline .guideline-tab th{
    width:33%;
    background:#f2f2f2;
    font-weight: bold;
  }
  #guideline th,#guideline td{
    padding: 20px 20px;
  }
  #guideline table,#guideline th,#guideline td{
    border:1px solid #e3e3e3;
  }

  #guideline .txt-list{
    margin-top: 1em;
  }
  #guideline .txt-list li{
    padding-left:1em;
    text-indent: -1em;
    line-height: 1.8;
    margin-bottom:5px;
  }
  #guideline .num-list li{
    padding-left:1rem;
    text-indent: -1rem;
    line-height: 1.8;
    margin-bottom:5px;
  }
  
  ol.ol-parent > li {
    padding-left:1.9rem;
    text-indent: -1.9rem;
    line-height: 1.8;
    margin-bottom: 30px;
  }
  ol.ol-parent ul{
    margin:10px 0 0 20px;
  }
  ol.ol-parent ul li{
    margin-bottom:5px;
  
  }
  #guideline .guideline-tab{
    table-layout: fixed;
    margin: 20px auto;
  }
  #guideline .guideline-tab .item-main{
    text-align: center;
  }
  #guideline .guideline-tab .item{
    width: 230px;
    vertical-align: middle;

  }
  #guideline .guideline-tab .tab-txt-list li{
    list-style-type: disc;
   
  }
  #guideline .guideline-tab .tab-txt-list li::marker{
    font-size: 0.5em;
  }
  #guideline .ex-link {
    display: inline;
    font-size:1.6rem;
    color:#F5002F;
    font-weight: normal;
    margin-top:0;
    text-indent:0;
    padding-left: 0;
}
#guideline .ex-link .icon {
  margin-left:10px;
  margin-right: 5px;
  vertical-align: baseline;
}

  @media screen and (max-width: 768px){
    #guideline{
      padding:70px 0;
    }
    #guideline .sec-box .txt-box .txt{
      font-size: 1.4rem;
    }
    #guideline .tab-sk,#guideline .tab-sk th,#guideline .tab-sk td{
      border:1px solid #efefef;
    }
    #guideline .tab-sk th,#guideline .tab-sk td{
      display: block;
      width: 100%;
      box-sizing: border-box;
      text-align: center;
    }
    #guideline .tab-sk th{
      padding: 10px 20px;
      font-size: 1.4rem;
    }
    #guideline .tab-sk td{
      font-size: 1.3rem;
    }
    #guideline .tab-sk td .txt-link{
      font-size: 1.3rem;
    }
    #guideline .txt-list li{
      padding-left: 3.5rem;
      text-indent: -3.5rem;
      font-size: 1.4rem;
    }
    ol.ol-parent > li {
      padding-left: 1.9rem;
      text-indent: -1.9rem;
      font-size: 1.4rem;
    }
    #guideline .guideline-tab{
      table-layout: inherit;
      width: 800px;
      margin:0 auto;
    }
    #guideline .guideline-tab .item{
      width:20%;
    }
    #guideline .ex-link {
      display: inline;
			font-size: 1.3rem;
      
  }
  #guideline .ex-link .icon{
    vertical-align: baseline;

  }

  }



#guideline .btn-type02{
  max-width: 350px;
  margin: 30px auto 70px;
}
#guideline .btn-type02 a {
  padding: 5% 5% 5% 5%;
  font-size: 1.6rem;
}

#guideline .btn-type02 a{
  background: #ea002a;
  color: #FFFFFF;
  border: 1px solid #ea002a;
}
#guideline .btn-type02 a:hover{
  background:  #FFFFFF;
  color:#ea002a;
  border: 1
}

#guideline .btn-type02.reverse a{
  background: #FFFFFF!important;
  color: #ea002a!important;
  border: 1px solid #ea002a!important;
}
#guideline .btn-type02.reverse a:hover{
  background: #ea002a!important;
  color: #FFFFFF!important;
}

.note-txt{
    color: #F5002F;
      font-weight: bold;
      margin-top: 10px;
  }
  @media screen and (max-width: 768px){
  .note-txt{
    font-size: 1.5rem;
  }
}