@charset "utf-8";
/* ____　No02　____ */
.No02-container {
  display: flex;
  background-color: #fff;
  flex-direction: column;
  margin: 0 auto;
  width: 95%;
}
.No02-item {
  margin: 0 auto;
  padding: 15px 15px;
  align-items: center;
}
.item01,.item02,.item03 {
  flex-grow: 1;
  flex-shrink 1; 
  flex-basis: auto;
  text-align: center;
}
.item01 img,.item02 img,.item03 img {
  width: 100%;
  max-width: 340px;
}

/* ____　No02 PC　____ */
@media screen and (min-width: 768px) {
.No02-container {
  display: flex;
  background-color: #fff;
  flex-direction: row;
  width: 78%;
}
.No02-item {
  margin: 0 auto;
  padding: 15px 15px;
  align-items: center;
}
.item01,.item02,.item03 {
  flex-grow: 1;
  flex-shrink 1; 
  flex-basis: auto;
  text-align: center;
}
.item01 img,.item02 img,.item03 img {
  width: 100%;
  max-width: 300px;
}
}

/* ____　BOX-006 料金表テーブル　____ */
.box-006 {
  width: 100%;
  margin: 0 auto;
}
.ogbox{
  width: 100%;
  margin: 0 auto;
  padding: 0 20px 0 20px;
}
.caption {
  padding-bottom: 10px;
  font-size: 1.1rem;
  font-weight: 500;
  border-left: 19px solid #89d285;
  padding: 0px 5px 0px 5px;
  margin-top: 0;
  margin-bottom: 10px;
  color: #00913a;
}
.table01 , .table02 {
  width: 100%;
  border-collapse: collapse;
  border: 2px solid rgb(140 140 140);
  font-family: sans-serif;
}
.table02 {
  margin: 20px 0 5px 0;
}
.category1 , .category2 , .category3 , .category4 {
  width: 25%;
}
.category5 {
  width: 33%;
}
.category6 {
  width: 33%;
}
th {
  font-weight: 500;
  font-size: 0.9rem;
  line-height: 1.4;
}
td{
  font-weight: 400;
  font-size: 0.9rem;
  line-height: 1.5;
}
th {
  border: 1px solid rgb(160 160 160);
  padding: 3px 5px;
  vertical-align: middle;
}
td {
  border: 1px solid rgb(160 160 160);
  padding: 13px 5px;
  vertical-align: middle;
}

th {
  background-color: rgb(230 230 230);
}

td {
  text-align: center;
  background-color: rgb(250 250 250);
}
.kometxt{
  font-size: 0.9rem;
  line-height: 1.4;
  padding-top: 0;
  padding-bottom: 30px;
}
.cap-sab {
  font-size: 1.1rem;
  font-weight: 400;
  color: #000;
}
/* ____　BOX-006 料金表テーブル PC　____ */
@media screen and (min-width: 768px) {
.ogbox{
  width: 70%;
  margin: 0 auto;
  padding: 0 0 0 0;
}
.caption {
  padding-bottom: 10px;
  font-size: 1.2rem;
  font-weight: 500;
  border-left: 20px solid #89d285;
  padding: 0px 5px 0px 5px;
  margin-top: 0;
  margin-bottom: 18px;
  color: #00913a;
}
.table02 {
  margin: 40px 0 10px 0;
}
.table01 , .table02 {
  width: 100%;
}
.category5 , .category6 {
  width: 25%;
}
th {
  padding: 5px 20px;
  font-size: 1.0rem;
}
td {
  padding: 12px 20px;
  font-size: 1.1rem;
}
.kometxt{
  font-size: 0.9rem;
  line-height: 1.5;
  padding-top: 8px;
  padding-bottom: 20px;
}
.cap-sab {
  font-size: 1.0rem;
}
}  
/* ____　BOX-006 料金表テーブル　end____ */

/* ____　3つのポリシー____ */
.policybox {
  width: 100%;
  margin: 0 auto;
  background-color: #eee;
}
.policyinner {
  width: 90%;
  margin: 0 auto;
  padding-top: 50px;
  padding-bottom: 30px; 
}
.policyinner2 {
  width: 90%;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 30px; 
}
.policytitle {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #00913a;
}
.subtitle{
  font-size: 1.1rem;
}
.policytxt{
  font-size: 1.0rem;
  line-height: 1.7;
  padding-top: 10px;
}
.number-maru {
  color: #00913a;
}
.indent{
  padding-left: 1em;
  text-indent: -1em;
}
/* ____　3つのポリシー PC ____ */
@media screen and (min-width: 768px) {
.policyinner {
  width: 70%;
  padding-top: 50px;
  padding-bottom: 30px; 
}
.policyinner2 {
  width: 70%;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 30px; 
}
.policytitle {
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 1.5;
  color: #00913a;
}
.subtitle{
  font-size: 1.3rem;
}
.policytxt{
  font-size: 1.0rem;
  line-height: 1.8;
  padding-top: 20px;
}
}


/* ____　3つのポリシー end____ */

/* ____　資料請求____ */
.request{
  width: 100%;
  text-align: right;
}
.request-in{
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}
.request-in img{
  max-width: 90px;
  height: auto;
}
/* ____　資料請求 PC ____ */
@media screen and (min-width: 768px) {
.request{
  width: 100%;
  text-align: right;
}
.request-in{
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}
.request-in img{
  max-width: 100px;
  height: auto;
}  
}
/* ____　資料請求 end____ */


.t-sp{margin-top: 120px;}
.b-sp{margin-bottom: 60px;}


/* ____　ボタンType-A____ */
.button_TypeA a{
    background: #eeede3;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 55%;
    max-width: 350px;
    padding: 15px 35px 15px 35px;
    color: #f3772c;
    transition: 0.3s ease-in-out;
    font-size: 1.1rem;
    font-weight: 500;
}
.button_TypeA a::before {
  content: '';
  position: absolute;
  bottom: -8px;
  right: -8px;
  width: 100%;
  height: 2px;
  background-color: #f2dca1;
  transition: 0.2s ease 0s;
}
.button_TypeA a::after {
  content: '';
  position: absolute;
  top: 8px;
  right: -8px;
  width: 1px;
  height: 100%;
  background-color: #f2dca1;
  transition: 0.2s ease 0.2s;
}
.button_TypeA a:hover::before {
  width: 0%;
}
.button_TypeA a:hover::after {
  height: 0%;
}
.button_TypeA a:hover {
  text-decoration: none;
  background-color: #ddd;
}
/* ____　ボタンType-A end____ */

/* ____　ボタンのスペース____ */
.btn_TypeA_sp1 {
  margin-bottom: 45px;
}
.btn_TypeA_sp2 {
  padding-bottom: 45px;
}
.btn_TypeA_sp3 {
  margin-bottom: 45px;
}
.btn_TypeA_sp4 {
  padding-bottom: 60px;
}
.sp-addition {
  padding-top: 45px;
  padding-bottom: 7px;
}
@media screen and (min-width: 768px) {
.btn_TypeA_sp1 {
  margin-bottom: 60px;
}
.btn_TypeA_sp2 {
  padding-bottom: 60px;
}
.btn_TypeA_sp3 {
  margin-bottom: 60px;
}
.btn_TypeA_sp4 {
  padding-bottom: 80px;
}
.sp-addition {
  padding-top: 60px;
  margin-bottom: 1px;
}
}
/* ____　ボタンのスペース end____ */

/* ____　ボタンType-B　____ */
.button_TypeB {
    margin: 0 auto;
    width: 80%;
}
.button_TypeB a {
    background: #97d792;
    border-radius: 3px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 12px 15px 12px 15px;
    color: #40220f;
    transition: 0.3s ease-in-out;
    font-size: 1.0rem;
    font-weight: 500;
}
.button_TypeB a::before {
  content: '';
  position: absolute;
  bottom: -8px;
  right: -8px;
  width: 100%;
  height: 2px;
  background-color: #f2dca1;
  transition: 0.2s ease 0s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-style: solid;
}
.button_TypeB a::after {
  content: '';
  position: absolute;
  top: 8px;
  right: -8px;
  width: 1px;
  height: 100%;
  background-color: #f2dca1;
  transition: 0.2s ease 0.2s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-style: solid;
}
.button_TypeB a:hover::before {
  width: 0%;
}
.button_TypeB a:hover::after {
  height: 0%;
}
.button_TypeB a:hover {
  text-decoration: none;
  background-color: #ddd;
}
@media screen and (min-width: 768px) {
.button_TypeB {
    width: 40%;
}
.button_TypeB a{
    padding: 12px 30px 12px 30px;
    font-size: 1.0rem;
}
}
/* ____　ボタンType-B end____ */

/* ____　フッター上のボタン4つ　____ */
.fbp-btn4-container {
  display: flex;
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  align-items: center;
}
.fbp-btn4-item {
  margin: 0 auto;
}
.fbp-btn4-item {
  flex-grow: 1;
  flex-shrink: 1; 
  flex-basis: auto;
  text-align: center;
}
.footbtn-item {
  width: 100%;
  max-width: 320px;
  margin-top: 25px;
  font-size: 1.1rem;
  color: #00913a;
  padding: 15px 30px;
  background-color: #d5f4de;
  border: 1px solid #00913a;
}
.footbtn-item a:hover {
  opacity: 0.5;
}
/* ____　フッター上のボタン4つ PC　____ */
@media screen and (min-width: 768px) {
.fbp-btn4-container {
  display: flex;
  background-color: #fff;
  flex-direction: row;
  width: 90%;
  margin: 0 auto;
  justify-content: center;
}
.fbp-btn4-item {
  margin: 0 auto;
  padding: 15px 15px;
}
.fbp-btn4-item {
  flex-grow: 1;
  flex-shrink: 1; 
  flex-basis: auto;
  text-align: center;
}
.footbtn-item {
  width: 100%;
  max-width: 320px;
  font-size: 1.0rem;
  color: #00913a;
  margin: 15px 10px;
  padding: 12px 15px;
  background-color: #d5f4de;
  border: 1px solid #00913a;
}
}

.fadein {
    opacity: 0;
    transform: translate(0,-30px);
    transition: all 1.5s;
  &.scrollin-farst{
    opacity: 0;
    transform: translate(-30px,0);
    transition: all 0.5s;
    }
  &.scrollin{
    opacity: 1 !important;
    transform: translate(0, 0) !important;
  }
}