/*コメント*/
.white, .white a, .white a:hover, .white a:hover:after{color:#fff;text-decoration:none;}

.black, .black a, .black a:hover, .black a:hover:after{color:#151515;text-decoration:none;}


@media screen and ( max-width: 768px ) {
.between-right{margin:0 0% 0 0;}
.between-left{margin:0 0 0 0%;}
.between-left-wide{margin:0 0 0 0%;}

/*Google Map*/
.map {
  position: relative;
  width: 100%;
  height: 300px;
  /*padding-top: 75%;*/ /* 比率を4:3に固定 */
}

/* Google Mapのiframe */
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.no-line a, .no-line a:hover, .no-line a:hover:after{text-decoration:none;color:#151515;}

.pc{display:none;}

.sp{display:block;}

.sld {
	display: flex;flex-direction:column;align-items:center;
}

.sld__images,
.sld__box,.sld__images2,.sld__images3,.sld__images4,.sld__images5
	 {
	width: 100%;
	min-width: 0;
}

.sld__box {
	box-sizing: border-box;
	padding: 10px;
}

.slick-dots {
	position: static !important;
}

.space-top-bottom{margin:8% 0;}

.post-loop-wrap article {color:#151515;
width: 100%;
height:auto;
overflow-y:hidden;
margin: 0px 0% 30px 0%;
padding:0px;
float:none;}

.wrap-flex{
	display:flex;
	flex-direction:column;
	align-items:center;
}

.item-flex{
	padding:30px;
	width:100%;
	background-color:#e8e2ca;
	border-radius:10px;
}
.item-flex p{text-align:center;padding:5px;}

.wrap-flex-next{
	display:flex;
	flex-direction:column;
	align-items:center;
}

.white-wall{
        position: relative;
  	margin-top: 1em;
  	padding: 1em 2em;
  	/*border: 1px solid black;*/
	padding:30px;
	width:100%;
	background: #c1c5c1;
	border-radius:30px;
}
.white-wall p{text-align:left;padding:5px;line-height:1.5;}

.brown-wall{text-align:left;line-height:1.5;}

/*.brown-wall span{text-align:left;padding:5px;line-height:1.5;}*/

.brown-wall{display:flex;flex-direction:column;align-items:start;
        
  	margin-top: 1em;
  	padding: 5px;
  	/*border: 1px solid black;*/
	/*padding:0px;*/
	width:100%;margin:0 2%;
	background: #c0c0c0;
	border-radius:15px;
}


.item-flex-second{
	padding:0px;
	width:80vw;margin:0 0%;
	background-color:#fff;
	/*border-radius:10px;*/
}

.caption-next{
  position: absolute;
  top: 0;
  right: 0;
  font-weight:bold;
  font-size: 3em;
  padding: 0.25em 0.5em;
  margin:0;color:#fff;
  background:#ddcaaf;
  border-radius:50%;
  transform: translateY(-50%) translateX(-10%);
}


.pagination-second{
    
    display: flex;
    justify-content: space-between;
}
.pagination-second{margin: 0 19% 7%;}
.pagination-second a, .pagination-second a:hover, .pagination-second a:hover:after{
    
    color: rgba(182,142,73,1.0);
    font-size: 1.3em;font-weight:bold;
    text-decoration: none;
}

.sub_staff-third{width:95%;margin:0 auto;}

.blog{
    width: 100%;
}
.blog-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}
.blog-title h2{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: normal;
    font-size: 1.4em;
    letter-spacing: 0.05em;
    text-align: left;
    color: #000;
    display: flex;
    align-items: center;
}
.blog-title h2 span{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    font-size: 1.0em;
    letter-spacing: 0.05em;
    text-align: left;
    color: #000;
    margin-left: 15px;
}
.blog-title a,.blog-title a:hover,.blog-title a:hover:after{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: 500;
    font-size: 1.2em;
    text-align: left;
    color:#6b5017;text-decoration:none;
}

.blog-box{color:#151515;
    display: flex;
    justify-content:space-between;
    align-items: center;padding-bottom:3%;
    border-bottom: 1px solid grey;}

.blog-content{
    padding: 40px 0;
}
.grow03.blog-detail-content{padding:5px;}

.blog-detail-content h4{
	color:#000;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    	font-weight: bold;
    	font-size: 1.2em;
    	letter-spacing: 0.05em;
	text-align:left;}

.blog-detail-content h5{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size:1.4em;
        font-weight:bold;
	color: #000;
	text-align:left;}

.blog-detail-content-second h4{
	color:#000;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    	font-weight: bold;
    	font-size: 1.2em;
    	letter-spacing: 0.05em;
	text-align:left;}

.blog-detail-content-second h5{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size:1.2em;
        font-weight:bold;
	color: #000;
	text-align:left;}

.blog-detail-content p{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size:1.3em;
	color: #000; font-weight:bold;
	text-align:left;}
.blog-detail-content p a,.blog-detail-content p a:hover,.blog-detail-content p a:hover:after{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size:1.3em;
	color: red; font-weight:bold;
	text-align:left;}
.policy-detail-content p{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size:1.0em;
	color: #000; font-weight:normal;
	text-align:left;}
.policy-detail-content p a,.policy-detail-content p a:hover,.policy-detail-content p a:hover:after{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size:1.0em;
	color: red; font-weight:normal;
	text-align:left;}
/*end*/

.container-z,.container-z-2 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  grid-gap: 32px 0;
}

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

.only-pc{content-visibility:hidden;}

.only-sh{display:contents;}

.background_service10{background:url("../img/index25_M.jpg") no-repeat;

height:0;padding-top:calc(6400%/96);background-position:center center;

background-size:100%;}

.background_service11{background:url("../img/index26_M.jpg") no-repeat;

height:0;padding-top:calc(6400%/96);background-position:center center;

background-size:100%;}

.background_index100{background:url("../img/index10_s.jpg") no-repeat;

height:0;padding-top:calc(1000%/8);background-position:center center;

background-size:100%;}

.background_service01{background:url("../img/index81_s.jpg") no-repeat;

height:0;padding-top:calc(1000%/8);background-position:center center;

background-size:100%;}

.background_price01{background:url("../img/index82_s.jpg") no-repeat;

height:0;padding-top:calc(1000%/8);background-position:center center;

background-size:100%;}

.background_form01{background:url("../img/index83_s.jpg") no-repeat;

height:0;padding-top:calc(1000%/8);background-position:center center;

background-size:100%;}

.background_blog01{background:url("../img/index84_s.jpg") no-repeat;

height:0;padding-top:calc(1000%/8);background-position:center center;

background-size:100%;}

.background_staff01{background:url("../img/index87_s.jpg") no-repeat;

height:0;padding-top:calc(1000%/8);background-position:center center;

background-size:100%;}

.background_voice01{background:url("../img/index86_s.jpg") no-repeat;

height:0;padding-top:calc(1000%/8);background-position:center center;

background-size:100%;}

.background_sitemap01{background:url("../img/index85_s.jpg") no-repeat;

height:0;padding-top:calc(1000%/8);background-position:center center;

background-size:100%;}

.background_company01{background:url("../img/index88_s.jpg") no-repeat;

height:0;padding-top:calc(1000%/8);background-position:center center;

background-size:100%;}

.background_policy01{background:url("../img/index89_s.jpg") no-repeat;

height:0;padding-top:calc(1000%/8);background-position:center center;

background-size:100%;}

.background_user01{background:url("../img/index90_s.jpg") no-repeat;

height:0;padding-top:calc(1000%/8);background-position:center center;

background-size:100%;}

.background_recruit01{background:url("../img/index92_s.jpg") no-repeat;

height:0;padding-top:calc(1000%/8);background-position:center center;

background-size:100%;}

.background_feature01{background:url("../img/index161_s.jpg") no-repeat;

height:0;padding-top:calc(1000%/8);background-position:center center;

background-size:100%;}

.glass {margin:0 auto;
  width: 100%;
  max-width: 90%;
  padding: 10px;
  background-color: rgba(255, 255, 255, 1.0); /* 背景色 */
  border: 1px solid rgba(164,164,157,1.0); /* ボーダー */
  /*-moz-backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px); 
  backdrop-filter: blur(20px);
  box-shadow: 0 5px 20px rgba(255, 152, 79, 0.5);*/ /* 薄い影 */
}
.glass-gray {margin:0 auto;
  width: 100%;
  max-width: 95%;
  padding: 10px;
  background-color:#fff; /* 背景色 */
  /*border: 1px solid rgba(164,164,157,1.0);ボーダー */
  /*-moz-backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px); 
  backdrop-filter: blur(20px);
  box-shadow: 0 5px 20px rgba(255, 152, 79, 0.5);*/ /* 薄い影 */
}

.stepbar {
  width: 90%;
  margin: 0 auto;
  text-align: center;
  border-top: 1px solid #cb9855;
}

.stepbar .stepbarwrap .triangle {
  content: "";
  display: block;
  width: 0;
  border: solid 1em transparent;
  border-top-color: #cb9855;
  margin: 0 auto;
}

.stepbar .stepbarwrap .steptitle span {
  display: block;font-size: 1.4em;
  font-weight: bold;
  margin: 1em auto;
}

.stepbar .stepbarwrap .title {
  font-size: 1.4em;
  font-weight: bold;
}

.stepbar .stepbarwrap .txt {
  width: 90%;
  display: block;
  margin: 2em auto;
  font-size: 0.9em;
}

.stepbar:first-of-type .triangle:first-of-type {
  display: none;
}

.stepbar:last-of-type .stepbarwrap:last-of-type {
  border-bottom: 1px solid #cb9855;
}



}

@media screen and ( min-width: 769px ) {
.between-right{margin:0 3% 0 0;}
.between-left{margin:0 0 0 5%;}
.between-left-wide{margin:0 0 0 10%;}
/*Google Map*/
.map {
  position: relative;
  width: 50%;
  height: 300px;
  /*padding-top: 75%;*/ /* 比率を4:3に固定 */
}

/* Google Mapのiframe */
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.no-line a, .no-line a:hover, .no-line a:hover:after{text-decoration:none;color:#fff;}

.post-loop-wrap article {
width: 30%;
height:auto;
overflow-y:hidden;
margin: 0px 0% 30px 1%;
padding:0px;
float:left;}

.pc{display:contents;}

.sp{display:none;}

.space-top-bottom{margin:4% 0;}

.sld {
	display: flex;
}

.sld__images,
.sld__box,.sld__images2,.sld__images3,.sld__images4,.sld__images5
	 {
	width: 50%;
	min-width: 0;
}

.sld__box {
	box-sizing: border-box;
	padding: 10px;
}

.slick-dots {
	position: static !important;
}

.pagination-second{
    
    display: flex;
    justify-content: space-between;
}
.pagination-second{margin: 0 19% 7%;}

.pagination-second a, .pagination-second a:hover, .pagination-second a:hover:after{
    
    color: rgba(182,142,73,1.0);
    font-size: 1.3em;font-weight:bold;
    text-decoration: none;
}

.sub_staff-third{width:95%;margin:0 auto;}

.blog{
    width: 100%;
}
.blog-title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}
.blog-title h2{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: normal;
    font-size: 1.4em;
    letter-spacing: 0.05em;
    text-align: left;
    color: #000;
    display: flex;
    align-items: center;
}
.blog-title h2 span{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: bold;
    font-size: 1.0em;
    letter-spacing: 0.05em;
    text-align: left;
    color: #000;
    margin-left: 15px;
}
.blog-title a,.blog-title a:hover,.blog-title a:hover:after{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: 500;
    font-size: 1.2em;
    text-align: left;
    color:#6b5017;text-decoration:none;
}

.blog-box{color:#000;
    display: flex;
    justify-content:space-between;
    align-items: center;padding-bottom:3%;
    border-bottom: 1px solid grey;}

.blog-content{
    padding: 40px 0;
}
.grow03.blog-detail-content{padding:10px;}
.blog-detail-content h4{
	color: #000;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    	font-weight: bold;
    	font-size: 1.2em;
    	letter-spacing: 0.05em;
	text-align:left;}

.blog-detail-content h5{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size:1.4em;
        font-weight:bold;
	color: #000;
	text-align:left;}

.blog-detail-content-second h4{
	color: #000;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    	font-weight: bold;
    	font-size: 1.2em;
    	letter-spacing: 0.05em;
	text-align:left;}

.blog-detail-content-second h5{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size:1.2em;
        font-weight:bold;
	color: #000;
	text-align:left;}

.blog-detail-content p a,.blog-detail-content p a:hover,.blog-detail-content p a:hover:after{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size:1.3em;
	color: red; font-weight:bold;
	text-align:left;}
.policy-detail-content p{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size:1.2em;
	color: #000; font-weight:normal;
	text-align:left;}
.policy-detail-content p a,.policy-detail-content p a:hover,.policy-detail-content p a:hover:after{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size:1.2em;
	color: red; font-weight:normal;
	text-align:left;}

/*end*/

.only-sh{display:none;}

.only-sh a{display:none;}

.only-pc{visibility:visible;}

.glass{margin:0 auto;line-height:1.8;
  width: 100%;
  max-width: 95%;
  padding: 10px;
  background-color:#fff; /* 背景色 */
  /*border: 1px solid rgba(164,164,157,1.0);ボーダー */
  /*-moz-backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px); 
  backdrop-filter: blur(20px);
  box-shadow: 0 5px 20px rgba(255, 152, 79, 0.5);*/ /* 薄い影 */
}
  .container-z {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-gap: 32px 3.125vw;
  }

  .main_copy {
    grid-column: 2 / 8;
    grid-row: 1;
    align-self: center;
    z-index: 2;
  }

  .main_copy-end {
    grid-column: 2 / 8;
    grid-row: 1;
    align-self: center;margin-top:60%;
    z-index: 2;
  }

  .main_img {
    grid-column: 3 / -1;
    grid-row: 1;
    z-index: 1;
  }
.container-z-2 {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-gap: 32px 3.125vw;
  }

.main_copy2 {margin:0;
    grid-column: 6 / -2;
    grid-row: 1;
    align-self: center;
    z-index: 2;
  }

  .main_img2 {
    grid-column: 1 / -7;
    grid-row: 1;
    z-index: 1;
  }

.container-reverse{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: 1fr;
    grid-gap: 32px 3.125vw;
  }

  .main_copy-reverse {
    grid-column: 6 / -2;
    grid-row: 1;
    align-self: center;
    z-index: 2;
  }

  .main_copy-reverse-end {
    grid-column: 6 / -2;
    grid-row: 1;
    align-self: center;margin-top:60%;
    z-index: 2;
  }

  .main_img-reverse {
    grid-column: 1 / -3;
    grid-row: 1;
    z-index: 1;
  }
.copy2 {background:rgba(222,234,246,0.8);
    padding:20px;
  }
.background_service10{background:url("../img/index25_L.jpg") no-repeat;

height:0;padding-top:calc(125%/3);background-position:center center;

background-size:100%;}

.background_service11{background:url("../img/index26_L.jpg") no-repeat;

height:0;padding-top:calc(125%/3);background-position:center center;

background-size:100%;}

.background_index100{background:url("../img/index10_L.jpg") no-repeat;

height:0;padding-top:calc(125%/3);background-position:center center;

background-size:100%;z-index:2;}

.background_service01{background:url("../img/index81_ML.jpg") no-repeat;

height:0;padding-top:calc(96%/3);background-position:center center;

background-size:100%;z-index:2;}

.background_price01{background:url("../img/index82_ML.jpg") no-repeat;

height:0;padding-top:calc(96%/3);background-position:center center;

background-size:100%;z-index:2;}

.background_form01{background:url("../img/index83_ML.jpg") no-repeat;

height:0;padding-top:calc(96%/3);background-position:center center;

background-size:100%;z-index:2;}

.background_blog01{background:url("../img/index84_ML.jpg") no-repeat;

height:0;padding-top:calc(96%/3);background-position:center center;

background-size:100%;z-index:2;}

.background_staff01{background:url("../img/index87_ML.jpg") no-repeat;

height:0;padding-top:calc(96%/3);background-position:center center;

background-size:100%;z-index:2;}

.background_voice01{background:url("../img/index86_ML.jpg") no-repeat;

height:0;padding-top:calc(96%/3);background-position:center center;

background-size:100%;z-index:2;}

.background_sitemap01{background:url("../img/index85_ML.jpg") no-repeat;

height:0;padding-top:calc(96%/3);background-position:center center;

background-size:100%;z-index:-1;}

.background_company01{background:url("../img/index88_ML.jpg") no-repeat;

height:0;padding-top:calc(96%/3);background-position:center center;

background-size:100%;z-index:2;}

.background_policy01{background:url("../img/index89_ML.jpg") no-repeat;

height:0;padding-top:calc(96%/3);background-position:center center;

background-size:100%;z-index:2;}

.background_user01{background:url("../img/index90_ML.jpg") no-repeat;

height:0;padding-top:calc(96%/3);background-position:center center;

background-size:100%;z-index:2;}

.background_recruit01{background:url("../img/index92_ML.jpg") no-repeat;

height:0;padding-top:calc(96%/3);background-position:center center;

background-size:100%;z-index:2;}

.background_feature01{background:url("../img/index161_ML.jpg") no-repeat;

height:0;padding-top:calc(96%/3);background-position:center center;

background-size:100%;z-index:2;}


.wrap-flex{
	display:flex;
	justify-content:space-between;
	align-items:stretch;
}

.item-flex{
	margin-top: 1em;
  	padding: 1em 2em;
	padding:30px;
	width:30%;margin:0 2%;
	background-color:#bebebe;
	border-radius:15px;border:solid 3px #c1a075;
}

.item-flex-second{
	padding:0px;
	width:40vw;margin:0 2%;
	background-color:#fff;
	/*border-radius:10px;*/
}

.item-flex p{text-align:center;padding:5px;}

.wrap-flex-next{
	display:flex;
	justify-content:center;
	align-items:stretch;
}

.white-wall{
        position: relative;
  	margin-top: 1em;
  	padding: 1em 2em;
  	/*border: 1px solid black;*/
	padding:30px;
	width:30%;margin:0 2%;
	background: #c1c5c1;
	border-radius:30px;
}
.white-wall p{text-align:left;padding:5px;line-height:1.5;}

.brown-wall {line-height:1.5;}

/*.brown-wall span{text-align:left;padding:5px;line-height:1.5;}*/

.brown-wall{display:flex;flex-direction:column;align-items:start;
        
  	margin-top: 1em;
  	padding: 5px;
  	/*border: 1px solid black;*/
	/*padding:0px;*/
	width:100%;margin:0 2%;
	background: #c0c0c0;
	border-radius:15px;
}

.item-flex-next .caption-next, .float-left .caption-next,.float-left-half.caption-next{
  position: absolute;
  top: 0;
  right: 0;
  font-weight:bold;
  /*font-size: 1em;*/
  padding: 0.25em 0.5em;
  margin: 0;color:#fff;font-size:3em;
  background:#ddcaaf;
  border-radius:50%;
  transform: translateY(-50%) translateX(25%);
}

.stepbar {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  border-top: 1px solid #cb9855;
}

.stepbar .stepbarwrap .triangle {
  content: "";
  display: block;
  width: 0;
  border: solid 1em transparent;
  border-top-color: #cb9855;
  margin: 0 auto;
}

.stepbar .stepbarwrap .steptitle span {
  display: block;font-size: 1.4em;
  font-weight: bold;
  margin: 1em auto;
}

.stepbar .stepbarwrap .title {
  font-size: 1.4em;
  font-weight: bold;
}

.stepbar .stepbarwrap .txt {
  width: 90%;
  display: block;
  margin: 2em auto;
  font-size: 0.9em;
}

.stepbar:first-of-type .triangle:first-of-type {
  display: none;
}

.stepbar:last-of-type .stepbarwrap:last-of-type {
  border-bottom: 1px solid #cb9855;
}



}