@charset "UTF-8";
/*各ページ独自のcss設定*/


/*以下に指定を記述する*/

body{
   background-color: #fffbf8;
   font-family: "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
   color: #3e3a39;
}

p{
   text-align: justify;
}


.title{
   color: #333333;
   font-size: 28px;
   font-weight: bold;
   text-align: center;
   margin: 0 auto;
   margin-top: 40px;
}





.linebox {
  position: relative;
  width: 265px;
  height: 4px;
  margin: 0 auto 40px;

}

.line {
  position: absolute;
  height: 4px;
}

.line1 {
  width: 120px;
  background: #edaa0b;
  border-radius: 10px;
  z-index: 3;
  left: 0;
}

.line2 {
  width: 100px;
  background: #f3c759;
  border-radius: 0 10px 10px 0;
  z-index: 2;
  left: 105px;
}

.line3 {
  width: 80px;
  background: #f9e3aa;
  border-radius: 0 10px 10px 0;
  z-index: 1;
  right: 0;
}

.tab{
   width: 335px;
   margin: 0 auto;
   margin-top: 20px;
   margin-bottom: 30px;
}

.tab h2{
   text-align: center;
   font-size: 17px;
   border: 2px solid #f3c759;
   padding: 5px;
   margin: auto;
   background-color: white;
   width: 314px;
}

.tab p{  
   font-size: 12px;
   margin: 10px; 
   text-align-last: left;
}



@media screen and (min-width:1024px) {
   .title{
      font-size: 31px;
   }

   .linebox{
      width: 280px;
   }
   
   .tab{
      width: auto;
      margin: 0 15%;
      margin-bottom: 60px;
   }

   .tab h2{
      font-size: 20px;
      width: 50%;
   }

   .tab p{
      font-size: 17px;
   }

}