@charset "UTF-8";

/* 全体設定 */
/* #328439  midori 
*/


@media(max-width:967px){


  body {
  font-size: 16px;
  line-height: 1.7;}
  p {
  line-height: 1.7;
}

/*********** ヘッダー*******************/
.header {
  display: grid;
  grid-template-columns: 4fr  3fr  3fr; 
 column-gap: 5px;
 padding-top: 5px;
}


/* flow */
.flow ul {
  display: grid;
  grid-template-columns: 1fr;
  column-gap: 0px;
  row-gap: 15px;
  
}

.flow ul li .wrap h4{
  text-align: center;

  border-radius: 20px 20px  0 0;
 border-top:5px solid #5fa234;
 border-left:5px solid #5fa234;
 border-right:5px solid #5fa234;
padding: .5em 0 .5em;
font-size: 1.5rem;
}

.flow ul li .wrap .body{
  background-color: #ffffed;
  border-bottom:5px solid #5fa234;
  border-left:5px solid #5fa234;
  border-right:5px solid #5fa234;
  padding: .5em .5em;
  min-height: auto;
}

.h3_ttl{
  margin-bottom: 2rem;
}
.h3_ttl h3{
font-size: 7.5vw;
}

.voice .box .fukidashi:after{
top:auto;
bottom:-20px;
left:calc( 50% - 10px);
transform: rotate(-90deg);
}

.voice .box .fukidashi h4{
  font-size: 7.5vw;
text-align: center;
}
.voice .box .fukidashi p{
  font-size: 5vw;
}


.voice .box .fukidashi.right:after{
  content: "";
  position: absolute;
  bottom:-17.5px;
  top:auto;
  left:auto;
  right:calc( 50% - 10px);
   border-width: 17.5px 10px 0 10px;
border-color: #ff7b00 transparent transparent transparent;
transform: none;
}


.reason .box .ttl h4 {
  font-size: 5.2vw;
}



table.fee.table-striped tr {
  background-color: #e3f7e1;
}

table.fee.table-striped tbody tr:nth-of-type(odd) {
  background-color: #fffde4;
}

table.fee{
 
  margin-bottom: 2rem;
}

table.fee thead th{
  font-size: 4vw;
  padding: .3em .3em;
  
}

table.fee tbody th{
  font-weight: bold;
  font-size: 4vw;
  padding: .3em .3em;
}

table.fee tbody td{
  font-size: 4vw;
  padding: .3em .3em;
}

table.fee tbody td.fee{
   font-size: 4vw;
 
}





.voice .box{
  display: grid;
  grid-template-columns: 1fr ;
  column-gap: 20px;
  row-gap: 20px;
  margin-bottom: 0rem;
  grid-template-areas:
  "order2"
  "order1"
  "order3"
  "order4"
 ;

}




form table.table th,form table.table td{
  display: block;
}


form table.table input[type="text"],form table.table input[type="email"],
form table.table input[type="tel"]{
width:90%;
padding: .4em;
}

textarea{
  width:90%;
}
.form {
     width: 100%;
 
}







}
/* end */