/*
 Theme Name: blankslate_child
 Template: blankslate
  Version:4.1.4
 */
 /* コピペ用コード */

.font-size-dummy {
   font-size: .75rem;   /* 12px */
   font-size: .8125rem; /* 13px */
   font-size: .875rem;  /* 14px */
   font-size: 1rem;     /* 16px */
   font-size: 1.25rem;  /* 20px */
   font-size: 1.75rem;  /* 28px */
}
html{
   font-size:62.5% !important;
}
 body{
   font-size:1.6rem;
    line-height: 1.7;
    font-family: "Oswald","Noto Sans JP", sans-serif !important;
    font-family: 'Roboto','Noto Sans JP', sans-serif;
    font-weight: 300;
 box-sizing: border-box;
 }
 
 .l-inner{
   width: 88.8%;
   margin: 0 auto;
   max-width: 1000px;
 }
 .l-inner2{
   width: 88.8% !important;
   margin: 0 auto;
 }
 .m-10{
   margin: 10px;
 }
 .m-20{
   margin: 20px !important;
 }
.mb-10{
   margin-bottom: 10px;
}

.mb-30{
   margin-bottom: 30px !important;
}
.mb-50{
   margin-bottom: 50px !important;
}
.mb-80{
   margin-bottom: 80px;
}
.mb-100{
   margin-bottom: 100px !important;
}
.mb-500{
   margin-bottom: 500px;
}
.mb-700{
   margin-bottom: 700px;
}
.mb-800{
   margin-bottom: 800px;
}
.mt-100{
   margin-top: 100px !important;
}

.mt-500{
   margin-top: 500px !important;
}
.p-20{
   padding: 20px;
}
.p-40{
   padding: 40px;
}

img{
   width: 100%;
}
h2{
   font-size: 2.4rem;
}
p{
   font-size: 1.6rem;     /* 16px */
   line-height: 1.7;
}
.p_right{
   text-align: right;
   float: right;
}
.p_tate{
   display: inline-block;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
section{
   margin-bottom: 80px;
   position: relative;
   margin-top: 80px;
}
.center{
   display: flex;
justify-content: center;
align-items: center;
flex-direction:column;
}
.grid-center{
  
      display: grid;
      justify-items: center;
      align-items: center;
    
}
.flexbox{
   display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
   
}
.flexbox_top{
   display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    justify-content: space-between;
    align-items: top;
  
}
.col-1{
   width: calc(10% - 5px);
}
.col-2{
   width: calc(20% - 5px);
}
.col-3{
   width: calc(30% - 5px);
}
.col-4{
   width: calc(40% - 5px);
}
.col-5{
   width: calc(50% - 5px);
}
.col-6{
   width: calc(60% - 5px);
}
.col-7{
   width: calc(70% - 5px);
}
.col-8{
   width: calc(80% - 5px);
}
.col-9{
   width: calc(90% - 5px);
}
.col-10{
   width: calc(100% - 5px);
}
.p-24{
   padding: 24px;
}
/* テーブル */
/* table01 */
#table01 tr {
   border-bottom: 1px solid #b5b1b1;
 }
 
 #table01 th,
 #table01 td {
   padding: 24px 0;
   border: none;
 }
 
 #table01 th {
   width: 30%;
 }
 
 #table01{
   margin-top: 80px;
   width: 100%;
 }
 /* sp */
 @media only screen and (max-width: 480px) {
   #table01 th,
   #table01 td {
     width: 100%;
     display: block;
   }
 
   #table01 th {
     width: 100%;
   }
 
   #table01 td {
     padding-top: 0;
   }
 }
/* テーブル ここまで*/
.sub-ttl{
   font-size: 2.4rem;
   font-weight: 500;
   margin-bottom: 24px;
   position: relative;

}
.sub-ttl:before{
   content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 5%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #52A746;
  border-radius: 2px;
}