@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*スライドインメニューを右から出す*/
.author-info {
  display: none;
}
.menu-drawer li {
  display: block;
  border-bottom: 1px dashed #857f7f;
  padding: 6px 0;
  font-size: 0.9em;
}
.navi-menu-content{
	left: auto;
	right: 0;
	background-color: #dadadae2;
	transform: translateX(101%);
}

.mobile-header-menu-buttons .site-logo-image {
  max-width: 150px;
}
.mobile-header-menu-buttons .logo-menu-button {

}
.est_images_txt {
  text-align: center;
}
.est_images {
  padding: 0 0 0 0 !important;
  margin: 0;
}
.est_images li {
  list-style: none;
}
.est_toi {
  text-align: center;
}
.est_toi a {
  display: inline;
  color: #FFF;
  background: #cc3550;
  padding: 20px 30px;
  text-decoration: none;
  border-radius: 8px;
}
footer.article-footer.entry-footer {
  margin-top: 4em;
}
.est_info_tit {
  text-align: center;
  font-size: 1.3em;
  font-weight: 700;
  margin-bottom: 1em;
  background: #c6d9c6;
}
.est_info table th {
  white-space: nowrap;
  text-align: left;
}
.est_info table th,
.est_info table td {
  background: none;
  border-bottom: 1px solid #EEE;
}
.sidebar h2,
.sidebar h3.est_info_tit {
    text-align: center;
    font-size: 1.3em;
    font-weight: 700;
}
{
  color: #217318;
}

.index_main_txt {
  position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   z-index: 1;
   width: 90%;
   max-width: 700px;
}
@media (max-width: 648px) {
  .header-container-in.hlt-top-menu .logo-header img {
    margin-top: 18px;
  }
}
.hvn-mask {
  background-color: rgb(255 255 255 / 5%);
  background-image: url(zengo_img/1.gif);
}
.hvn-mask {
  background-size: 2px 2px;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.dari-mask {
  background-color: rgb(255 255 255 / 30%);
}
.appeal {
  position: relative;
  height: 500px;
}


.Gridbox {
	display: grid;
	gap: 20px;
}
.Grid_Gap0 {
gap:0;
}
.Grid_Gap10 {
gap:10px;
}
.Grid_col2 {
grid-template-columns: 1fr 1fr;
}
.Grid_col3 {
	grid-template-columns: repeat(3, 1fr);
}
.Grid_col4 {
	grid-template-columns: repeat(4, 1fr);
}
.Grid_1-2 {
	grid-template-columns: 1fr 2fr;
}
.Grid_2-1 {
	grid-template-columns: 1fr 2fr;
}
.Grid_1-3 {
	grid-template-columns: 1fr 3fr;
}
.Grid_3-1 {
	grid-template-columns: 3fr 1fr;
}
.Grid_1-4 {
	grid-template-columns: 1fr 4fr;
}
.Grid_4-1 {
	grid-template-columns: 4fr 1fr;
}
@media screen and (min-width: 783px) {
.Grid_pc1{
	grid-template-columns: 1fr;
}
.Grid_pc2{
	grid-template-columns: 1fr 1fr;
}
.Grid_pc3 {
	grid-template-columns: repeat(3, 1fr);
}
.Grid_pc4 {
	grid-template-columns: repeat(4, 1fr);
}
.Grid_pc1-2 {
	grid-template-columns: 1fr 2fr;
}
.Grid_pc2-1 {
	grid-template-columns: 2fr 1fr;
}
.Grid_pc1-3 {
	grid-template-columns: 1fr 3fr;
}
.Grid_pc3-1 {
	grid-template-columns: 3fr 1fr;
}
.Grid_pc1-4 {
	grid-template-columns: 1fr 4fr;
}
.Grid_pc4-1 {
	grid-template-columns: 4fr 1fr;
}
}
@media screen and (max-width: 784px) {
.Gridbox_sp {
	display: grid;
	gap: 20px;
}
.Grid_sp1{
	grid-template-columns: 1fr;
}
.Grid_sp2{
	grid-template-columns: 1fr 1fr;
}
.Grid_sp3 {
	grid-template-columns: repeat(3, 1fr);
}
.Grid_sp4 {
	grid-template-columns: repeat(4, 1fr);
}
.Grid_sp1-2 {
	grid-template-columns: 1fr 2fr;
}
.Grid_sp2-1 {
	grid-template-columns: 2fr 1fr;
}
.Grid_sp1-3 {
	grid-template-columns: 1fr 3fr;
}
.Grid_sp3-1 {
	grid-template-columns: 3fr 1fr;
}
.Grid_sp1-4 {
	grid-template-columns: 1fr 4fr;
}
.Grid_sp4-1 {
	grid-template-columns: 4fr 1fr;
}
}
.cocoon-child-master 

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
#menu-item-305 .item-label {
  background: url('https://offisite.jp/img/inquiry/icon-freedial.png') no-repeat 0px;
  background-size: 30px;

}
.menu-item-305 a {
  padding-left: 39px;
  background: url('https://offisite.jp/img/inquiry/icon-freedial.png') no-repeat 6px 7px;
  background-size: 30px;

}
.menu-drawer i {
  margin-right: 3px;
}
.menu-item-77 a {
  position: relative;
  padding-left: 40px;

}
.menu-item-77 i {
  position: absolute;
  color: #1aad1a;
  font-size: 1.7em;
  left: 8px;
  top: 3px;
}

#menu-item-77 .item-label {
  position: relative;

}
#menu-item-77 .item-label i {
  position: absolute;
  color: #1aad1a;
  font-size: 1.7em;
  left: 8px;
  top: 0px;
}

.navi-menu-content {
  background-color: #fef7f7f2 !important;
}