/*
 Theme Name: original_child
 Template: original
 Version:4.1.4
 */

 


 /*PC スマホ切り替え*/
 /* パソコンで見たときは"pc"のclassがついた画像が表示される */
 @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Petit+Formal+Script&display=swap');
  
 *{
  font-family: "Noto Sans JP", sans-serif;

font-size:12px;
  word-break: break-all;
  box-sizing: border-box;
 }
 :root {
    --wp--preset--font-size--normal: 16px;
    --wp--preset--font-size--huge: 42px;
  
}
 body{
  
   font-size:clamp(0.8rem, calc(0.75rem + 0.19999999999999996vw), 0.9rem);
  
 }
 .pc {
   display: block !important;
 }
 
 .sp {
   display: none !important;
 }
  /* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
  @media only screen and (max-width: 750px) {
    .pc {
      display: none !important;
    }
  
    .sp {
      display: block !important;
    }
  }
  section{
   
    padding-top: 32px;
    padding-bottom: 64px;
    position: relative;
  }
/* 文字 */
.wht{
  color: #fff;
}
.orange{
  color: #FFC500;;
}
span{

}
 p{
  font-size: 1.6rem !important;
  word-break: auto-phrase;
 }
span{
   font-size: 1.6rem !important;
   word-break: auto-phrase;
  }
h2{
  font-size:2.4rem !important;
  word-break: auto-phrase;
}
/* flexここまで */
/* 余白関係 */
.p32{
    padding: 32px;
}
.pt32{
    padding-top: 32px;
}
.pb32{
    padding-bottom: 32px;
}
.pt64{
    padding-top: 64px;
}
.mb64{
  margin-bottom: 64px;
}
/* 余白関係ここまで */

/* center */
.flex-center{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction:column;
}
.grid-center{
 
    display: grid;
    justify-items: center;
    align-items: center;
  
}
.text-center{
text-align: center;

}

a{
  text-decoration: none;
  word-break: auto-phrase;
}
.heading03 {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 26px;
	text-align: center;
  word-break: auto-phrase;
  
}

.heading03::before,
.heading03::after {
	content: '';
	width: 70px;
	height: 3px;
	background-color: #e3bf00;

}

.heading03::before {
	margin-right: 20px;
}
.heading03::after {
	margin-left: 20px;
}
.br-sp {
    display: none;
}

@media (max-width: 800px) {
    .br-sp {
        display: block;
    }
    .l-inner{
      width: 94% !important;
    }
    .l-inner50{
      width: 100% !important;
    }
    .l-inner50_2{
      width: 94% !important;
    }
}
/* ボタン */


.button a {
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: auto;
  width: 300px;
  max-width: 400px;
  padding: 10px 25px;
  color: #333;
  font-family: "Noto Sans Japanese";
  text-decoration: none;
  color: #333;
  line-height: 1.8;
  transition: 0.3s ease-in-out;
  font-weight: 500;
  background: #fff;
  border-radius: 9999px;
  border-bottom: 2px solid #999;
  box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
  -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
  font-size: 2.4rem !important;
}
.button a:hover {
  color: #fff;
  background: #999;
  border-bottom: 2px solid #fff;
  transform: translateY(3px);
}
.grid-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 960px;
  margin: 0 auto;
  padding-right: 1rem;
  padding-left: 1rem;
  width: 100%;
  overflow: hidden;
}
.between-sm {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.row{
  -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -1rem;
    margin-left: -1rem;
}
.col-sm-4{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 1rem;
  padding-left: 1rem;
  -webkit-flex-basis: 33.3333333333%;
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%; 
  max-width: 33.3333333333%;
}

.parent {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 1px;
  grid-row-gap: 1px;

  }
  @media screen and (max-width: 650px){
    .parent {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      grid-template-rows: repeat(1, 1fr);
      grid-column-gap: 0px;
      grid-row-gap: 16px;
      }
      
      .div1 { grid-area: 3 / 2 / 4 / 4 !important; }
      .div2 { grid-area: 1 / 1 / 2 / 5  !important; }
      .div3 { grid-area: 2 / 1 / 3 / 5 !important; }
      .div4 { grid-area: 4 / 1 / 5 / 5 !important; }
      .div5 { grid-area: 5 / 1 / 6 / 5 !important; }
    }
  .div1 { grid-area: 1 / 1 / 2 / 2; }
  .div2 { grid-area: 1 / 2 / 3 / 3; }
  .div3 { grid-area: 1 / 3 / 2 / 4; }
  .div4 { grid-area: 2 / 1 / 3 / 2; }
  .div5 { grid-area: 2 / 3 / 3 / 4; }

  /* flex */
  .flex{
  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;
    
  }
  .flex-point{
  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;
    
  }
  .align-center{
    align-items: center;
  }
  .justify-center{
    justify-content:center;
  }
  .item-30 {
    width: 30%;
    margin: 1%;
    display: flex;
    flex-direction: column;
    position: relative; /* 要素の位置を相対的に設定 */
    overflow: hidden;   /* 内容がはみ出ないように */
  }
  .item-30_point {
    width: 30%;
    margin: 1%;
    display: flex;
    flex-direction: column;
    position: relative; /* 要素の位置を相対的に設定 */
    overflow: hidden;   /* 内容がはみ出ないように */
     background-color: #ffffff;
         border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
  
  .item-50{
    width: 50%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    
  }
  @media screen and (max-width: 800px){
 .flex-point{
  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;
  flex-direction: column;
  
 }   
 .item-30_point {
  width: 100%;
  margin: 1%;
  display: flex;
  flex-direction: column;
  position: relative; /* 要素の位置を相対的に設定 */
  overflow: hidden;   /* 内容がはみ出ないように */
}
.item-50{
  width: 100%;
}
.item1{
  order:1;
}
.item2{
  order:2;
}
.item3{
  order:3;
}
.item4{
  order:4;
}
  }