.phone-number {
    color: red;
}
















/* Jetpack Contact Form - compact modern */
.contact-form{
  max-width:820px !important;
  margin:0 auto !important;
  padding:40px 20px !important;
}

.contact-form label{
  display:block !important;
  margin:0 0 22px !important;
  font-size:20px !important;
  font-weight:700 !important;
  color:#111 !important;
  letter-spacing:.02em !important;
}

.contact-form label span,
.contact-form label .required{
  font-size:14px !important;
  font-weight:400 !important;
  color:#777 !important;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea{
  width:100% !important;
  min-height:58px !important;
  margin-top:12px !important;
  padding:14px 18px !important;
  border:none !important;
  border-radius:18px !important;
  background:#aaa !important;
  font-size:16px !important;
  box-sizing:border-box !important;
  box-shadow:0 10px 30px rgba(0,0,0,.035) !important;
}

.contact-form textarea{
  min-height:160px !important;
  resize:vertical !important;
}

.contact-form input:focus,
.contact-form textarea:focus{
  outline:none !important;
  background:#fff !important;
  box-shadow:0 0 0 2px #508a95, 0 12px 35px rgba(80,138,149,.14) !important;
}

.contact-form input[type="submit"],
.contact-form button[type="submit"]{
  display:block !important;
  width:260px !important;
  margin:36px auto 0 !important;
  padding:16px 20px !important;
  border:none !important;
  border-radius:999px !important;
  background:#508a95 !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:700 !important;
  cursor:pointer !important;
}

@media screen and (max-width:768px){
  .contact-form{
    max-width:100% !important;
    padding:30px 18px !important;
  }

  .contact-form label{
    font-size:17px !important;
    margin-bottom:18px !important;
  }

  .contact-form input[type="submit"],
  .contact-form button[type="submit"]{
    width:100% !important;
  }
}






.contact-form > div,
.contact-form > p,
.contact-form .grunion-field-wrap{
  margin-top:45px !important;
}

.contact-form > div:first-child,
.contact-form > p:first-child,
.contact-form .grunion-field-wrap:first-child{
  margin-top:0 !important;
}




































.button-5 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: .9em 2em;
    border: 1px solid #000;
    border-radius: 5px;
    background-color: #fff;
    color: #000;
    font-size: 1em;
}







.button-6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: .9em 2em;
    border: 1px solid #000;
    border-radius: 5px;
    background-color: #ffffff00;
    color: #000;
    font-size: 1em;
}










.tab02{
  display: flex;
  flex-wrap: wrap;
}
.tab02 {
  width: auto;
  margin: 0 auto 50px;
}

/*タブのスタイル*/
.tab_menu2 {
  width: calc(33.333335%);
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  border-bottom: 3px solid #1f71b5;
  background-color: #6b7888;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_menu2:hover {
  opacity: 0.75;
}
/*ラジオボタンを全て消す*/
input[name="tab_menu2"] {
  display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_contents2 {
  display: none;
	 width : 100%;
		 height: auto;
  padding: 20px;
  clear: both;
  overflow: hidden;
  transition: .5s opacity;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
}
/*選択されているタブを表示*/
#menu04:checked ~ #menu04,
#menu05:checked ~ #menu05,
#menu06:checked ~ #menu06 {
  display: block;
}
/*選択されているタブのスタイル*/
.tab02 input:checked + .tab_menu {
  background-color: #d38d94;
  color: #fff;
}















.tab01{
  display: flex;
  flex-wrap: wrap;
}
.tab01 {
  width: auto;
  margin: 0 auto 50px;
}

/*タブのスタイル*/
.tab_menu1 {
  width: calc(33.333335%);
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  border-bottom: 3px solid #1f71b5;
  background-color: #6b7888;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_menu1:hover {
  opacity: 0.75;
}
/*ラジオボタンを全て消す*/
input[name="tab_menu1"] {
  display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_contents1 {
  display: none;
	 width : 100%;
		 height: auto;
  padding: 20px;
  clear: both;
  overflow: hidden;
  transition: .5s opacity;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
}
/*選択されているタブを表示*/
#menu01:checked ~ #menu01,
#menu02:checked ~ #menu02,
#menu03:checked ~ #menu03 {
  display: block;
}
/*選択されているタブのスタイル*/
.tab01 input:checked + .tab_menu {
  background-color: #d38d94;
  color: #fff;
}














.option-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px 24px;
  max-width: 1100px;
  margin: 0 auto;
}

.option-item {
  text-align: center;
}

.option-item img {
  width: 100%;
  height: auto;
  display: block;
}

.option-item .styled_h5 {
  margin-top: 12px;
  font-size: 16px;
  text-align: center;
}

/* スマホ */
@media screen and (max-width: 768px) {
  .option-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 14px;
  }

  .option-item .styled_h5 {
    font-size: 13px;
  }
}








@media screen and (max-width: 1301px){
  #drawer_menu { background: #6b7888; }






body:not(.hide_global_menu) #header{
border: #ffffff00;