/*コメント*/
.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%;}

.background {
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    position: fixed;
    background-position: top;z-index:-1;
    opacity: 0;
-webkit-background-size: cover;background-repeat:no-repeat;
        background-size: cover;
-webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
}
.show .background {
    opacity: 1;
}
/*.contents .wrapper {
    padding: 40vh 0 60vh;
    position: relative;
    z-index: 2;
}*/
/* design*/
/*index*/
#content01_bg {background-image: url("../img/01-s.jpg");}
#content02_bg {background-image: url("../img/02-s.jpg");}
#content03_bg {background-image: url("../img/03-s.jpg");}
/*trade*/
#content04_bg {background-image: url("../img/04-s.jpg");}
#content05_bg {background-image: url("../img/05-s.jpg");}
#content06_bg {background-image: url("../img/06-s.jpg");}
/*form*/
#content07_bg {background-image: url("../img/07-s.jpg");}
#content08_bg {background-image: url("../img/08-s.jpg");}
#content09_bg {background-image: url("../img/09-s.jpg");}
/*sitemap*/
#content10_bg {background-image: url("../img/04-s.jpg");}
#content11_bg {background-image: url("../img/04-1-s.jpg");}
#content12_bg {background-image: url("../img/04-2-s.jpg");}
/*trade*/
#content13_bg {background-image: url("../img/05-s.jpg");}
#content14_bg {background-image: url("../img/05-1-s.jpg");}
#content15_bg {background-image: url("../img/05-2-s.jpg");}
/*form
#content16_bg {background-image: url("../img/05.png");}
#content17_bg {background-image: url("../img/05-1.png");}
#content18_bg {background-image: url("../img/05-2.png");}

#content19_bg {background-image: url("../img/02.png");}
#content20_bg {background-image: url("../img/02-1.png");}
#content21_bg {background-image: url("../img/02-2.png");}

#content22_bg {background-image: url("../img/08.png");}
#content23_bg {background-image: url("../img/08-1.png");}
#content24_bg {background-image: url("../img/08-2.png");}
*/
/*#content01 .wrapper { background-color: rgba(126,87,194,0.5);}
#content02 .wrapper { background-color: rgba(88,64,122,0.5);}
#content03 .wrapper { background-color: rgba(96,125,139,0.5);}*/
.text-box {
    padding: 50px 25px;
    width: 480px;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
}
.text-box .catch {
    margin: 0 0 10px;
    font-size: 40px;
}
.text-box .copy {
    margin: 0;
    line-height: 2;
}
.slider {
        padding:20px;
        background:#fff;
    }

    /*.slider li {
        border-bottom:1px dashed #ccc;
    }

    .slider li:last-child {
        border-bottom:none;
    }
    .slider span {
        display:block;
		padding-bottom:10px;
    }*/

/*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;}

.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;}

.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;
}

.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: red;
    font-size: 1.3em;font-weight:bold;
    text-decoration: none;
}

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

.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;
}

.item-flex-next, .float-left, .float-left-half{
        position: relative;
  	margin-top: 1em;
  	padding: 1em 2em;
  	/*border: 1px solid black;*/
	padding:30px;
	width:100%;
	background-color:#bebebe;
	border-top-left-radius:30px;
}
.item-flex-next p{text-align:left;padding:5px;line-height:1.5;}

.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:
    linear-gradient(
      90deg,
      rgba(208, 147, 82, 0.6),
      rgba(192, 134, 70, 0.6) 60%,
      rgba(208, 147, 82, 0.6)
    ),
    repeating-radial-gradient(
      ellipse at 60% 500%,
      #c08646,
      #c08646 0.2%,
      #d09352 0.6%,
      #d09352 1%
    );

  border-radius:50%;
  transform: translateY(-50%) translateX(-10%);
}

.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: #151515;
    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: #a8a8a8;
    margin-left: 15px;
}
.blog-title a{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: 500;
    font-size: 1.2em;
    text-align: left;
    color: #005e51;
}

.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:grey;
	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: #151515;
	text-align:left;}

.blog-detail-content-second h4{
	color:grey;
	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: #151515;
	text-align:left;}

.blog-detail-content p{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size:1.2em;
	color: #151515; font-weight:normal;
	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.2em;
	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, .main_copy-title, .main_copy-reverse-title,

.main_copy-reverse-title-M, .main_copy-reverse-title-L

{display:flex;
  justify-content: center;flex-direction: column;
  align-items: center;
  text-align: center;}

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

.only-sh{display:contents;}

.img18{background:url("../img/index19_M.jpg") no-repeat;

height:0;padding-top:calc(64000%/960);background-position:center center;

background-size:100%;}

.background_index101{background:url("../img/index01_M.jpg") no-repeat;

height:0;padding-top:calc(64000%/960);background-position:center center;

background-size:100%;}

.background_index102{background:url("../img/index02_M.jpg") no-repeat;

height:0;padding-top:calc(64000%/960);background-position:center center;

background-size:100%;}

.background_index103{background:url("../img/index03_M.jpg") no-repeat;

height:0;padding-top:calc(64000%/960);background-position:center center;

background-size:100%;}

.background_index104{background:url("../img/index04_M.jpg") no-repeat;

height:0;padding-top:calc(64000%/960);background-position:center center;

background-size:100%;}

.background_index105{background:url("../img/index05_M.jpg") no-repeat;

height:0;padding-top:calc(64000%/960);background-position:center center;

background-size:100%;}

.background_index001{background:url("../img/index28_s.jpg") no-repeat;

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

background-size:100%;}

.background_information01{background:url("../img/index08_mm.jpg") no-repeat;

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

background-size:100%;}

.background_concept01{background:url("../img/index26_s.jpg") no-repeat;

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

background-size:100%;}

.background_customer01{background:url("../img/index24_M.jpg") no-repeat;

height:0;padding-top:calc(64000%/960);background-position:center center;

background-size:100%;}

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

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

background-size:100%;}

.background_shop01{background:url("../img/index12_mm.jpg") no-repeat;

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

background-size:100%;}

.background_trade01{background:url("../img/index19_s.jpg") no-repeat;

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

background-size:100%;}

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

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

background-size:100%;}

.glass-gray {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 {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);*/ /* 薄い影 */
}
/*card-box-end*/
.card {
  position: relative;
  display: grid;
  /*box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
  border-radius: 5px;*/
}
/*.card img {
  
  aspect-ratio: 4/3;
  width: 100%;
}*/
.card > * {
  grid-area: 1/-1;
}
.card a {
  text-decoration: none;
  color: inherit;
}
.card a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.card__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1rem;
  color: #fff;
  /*background: linear-gradient(to top, #000000d9, #0000) bottom/100% 60% no-repeat;*/
}
.card__content h2 {
  
  margin-bottom: 0.25rem;
}
.card-second {
  position: relative;
  display: grid;
  /*box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
  border-radius: 5px;*/
}

.card-second img {
  /*-o-object-fit: cover;
     object-fit: cover;*/
  max-width: 100%;
  aspect-ratio: 960/320;
  width: 100%;
}
.card-second > * {
  grid-area: 1/-1;
}
.card-second a {
  text-decoration: none;
  color: inherit;
}
.card-second a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.card__tag {
  /*background-color: #fff;*/
  align-self: end;
  justify-self: end;
  /*min-width: 100px;*/
  padding: 8px;
  margin-bottom: 1rem;
}
.card__tag-start {
  
  align-self: start;
  justify-self: start;
  /*min-width: 100px;height:auto;*/
  padding: 4px;margin-bottom:-4rem;
  /*margin-bottom: 1rem;*/
}
.card__tag-end {
  
  align-self: end;
  justify-self:end;
  /*min-width: 100px;height:auto;*/
  padding:4px 16px 4px 4px;
  
}
.card__tag0 {
  /*background-color: #fff;*/
  align-self: start;
  justify-self: start;
  /*min-width: 100px;*/
  padding: 8px;
  margin-bottom: -4rem;
}
.hover-effect {overflow:hidden;
  background-color: #fff;width:100%;}

.hover-effect a img{width:100%;display:inline-block;} 

.hover-effect a:hover{opacity:0.9;}
/*end*/


}

@media screen and ( min-width: 769px ) {
.between-right{margin:0 3% 0 0;}
.between-left{margin:0 0 0 3%;}
.between-left-wide{margin:0 0 0 10%;}

.background {
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    position: fixed;
    background-position: top;z-index:-1;
    opacity: 0;
-webkit-background-size: 100%;
        background-size: 100%;
-webkit-transition: all 0.5s ease 0s;
   -moz-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
}
.show .background {
    opacity: 1;
}
/*.contents .wrapper {
    padding: 40vh 0 60vh;
    position: relative;
    z-index: 2;
}*/
/* design*/
/*index*/
#content01_bg {background-image: url("../img/01.jpg");}
#content02_bg {background-image: url("../img/02.jpg");}
#content03_bg {background-image: url("../img/03.jpg");}
/*trade*/
#content04_bg {background-image: url("../img/04.jpg");}
#content05_bg {background-image: url("../img/05.jpg");}
#content06_bg {background-image: url("../img/06.jpg");}
/*form*/
#content07_bg {background-image: url("../img/07.jpg");}
#content08_bg {background-image: url("../img/08.jpg");}
#content09_bg {background-image: url("../img/09.jpg");}
/*sitemap*/
#content10_bg {background-image: url("../img/04.jpg");}
#content11_bg {background-image: url("../img/04-1.jpg");}
#content12_bg {background-image: url("../img/04-2.jpg");}
/*trade*/
#content13_bg {background-image: url("../img/05.jpg");}
#content14_bg {background-image: url("../img/05-1.jpg");}
#content15_bg {background-image: url("../img/05-2.jpg");}
/*form
#content16_bg {background-image: url("../img/05.png");}
#content17_bg {background-image: url("../img/05-1.png");}
#content18_bg {background-image: url("../img/05-2.png");}

#content19_bg {background-image: url("../img/02.png");}
#content20_bg {background-image: url("../img/02-1.png");}
#content21_bg {background-image: url("../img/02-2.png");}

#content22_bg {background-image: url("../img/08.png");}
#content23_bg {background-image: url("../img/08-1.png");}
#content24_bg {background-image: url("../img/08-2.png");}
*/
/*#content01 .wrapper { background-color: rgba(126,87,194,0.5);}
#content02 .wrapper { background-color: rgba(88,64,122,0.5);}
#content03 .wrapper { background-color: rgba(96,125,139,0.5);}*/
.text-box {
    padding: 50px 25px;
    width: 480px;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
}
.text-box .catch {
    margin: 0 0 10px;
    font-size: 40px;
}
.text-box .copy {
    margin: 0;
    line-height: 2;
}

/*==================================================
ニュースティッカーのためのcss
===================================*/
/*ニュース1行の周りの余白*/
.slider a{
    display: block;
    background:#fff;
    padding:20px;
}

/*日付*/
.slider span {
    display:inline-block;
    font-size:0.8rem;
    margin-right:10px;
    color:#777;
}

/*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: red;
    font-size: 1.3em;font-weight:bold;
    text-decoration: none;
}

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

.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;
}

.item-flex-next{
        position: relative;
  	margin-top: 1em;
  	padding: 1em 2em;
  	/*border: 1px solid black;*/
	padding:30px;
	width:30%;margin:0 2%;
	background-color:#bebebe;
	border-top-left-radius:30px;
}

.float-left{
        position: relative;
  	margin-top: 1em;
  	padding: 1em 2em;
  	/*border: 1px solid black;*/
	padding:30px;
	width:30%;margin:0 0.5%;
	background-color:#fff;
	border-top-left-radius:30px;
}

.float-left-half{
        position: relative;
  	margin-top: 1em;
  	padding: 1em 2em;
  	/*border: 1px solid black;*/
	padding:30px;
	width:48%;margin:0 0.5%;
	background-color:#fff;
	border-top-left-radius:30px;
}

.item-flex-next p{text-align:left;padding:5px;line-height:1.5;}

.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:
    linear-gradient(
      90deg,
      rgba(208, 147, 82, 0.6),
      rgba(192, 134, 70, 0.6) 60%,
      rgba(208, 147, 82, 0.6)
    ),
    repeating-radial-gradient(
      ellipse at 60% 500%,
      #c08646,
      #c08646 0.2%,
      #d09352 0.6%,
      #d09352 1%
    );
  border-radius:50%;
  transform: translateY(-50%) translateX(25%);
}

.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: #151515;
    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: #a8a8a8;
    margin-left: 15px;
}
.blog-title a{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: 500;
    font-size: 1.2em;
    text-align: left;
    color: #005e51;
}

.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:10px;}
.blog-detail-content h4{
	color: grey;
	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: #151515;
	text-align:left;}

.blog-detail-content-second h4{
	color: grey;
	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: #151515;
	text-align:left;}

.blog-detail-content p{
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size:1.3em;
	color: #151515; font-weight:normal;
	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;}
/*end*/

.only-sh{display:none;}

.only-sh a{display:none;}

.only-pc{visibility:visible;}

  .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-title {
    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: end;
    z-index: 2;
    margin-top:30%;
  }
  


  .main_img {
    grid-column: 3 / -1;
    grid-row: 1;
    z-index: 1;
  }
  .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-title {
    grid-column: 6 / -3;
    grid-row: 1;
    align-self: center;
    z-index: 2;
  }
  .main_copy-reverse-title-M {
    grid-column: 7 / -2;
    grid-row: 1;
    align-self: center;
    z-index: 2;
  }
  .main_copy-reverse-title-L {
    grid-column: 8 / -1;
    grid-row: 1;
    align-self: center;
    z-index: 2;
  }




  .main_copy-reverse-end {
    grid-column: 6 / -2;
    grid-row: 1;
    align-self: end;margin-top:30%;
    z-index: 2;
  }
  .main_img-re {
    grid-column: 1 / -3;
    grid-row: 1;
    z-index: 1;
  }


  .main_img-reverse {
    grid-column: 1 / -5;
    grid-row: 1;
    z-index: 1;
  }
  .main_img-reverse-M {
    grid-column: 2 / -4;
    grid-row: 1;
    z-index: 1;
  }
  .main_img-reverse-L {
    grid-column: 3 / -3;
    grid-row: 1;
    z-index: 1;
  }




.copy2 {background:rgba(222,234,246,0.8);
    padding:20px;
  }
.img18{background:url("../img/index19_L.jpg") no-repeat;

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

background-size:100%;}

.background_information01{background:url("../img/index08_L.jpg") no-repeat;

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

background-size:100%;}

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

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

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

.background_customer01{background:url("../img/index24_L.jpg") no-repeat;

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

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

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

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

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

.background_index101{background:url("../img/index01_ML.jpg") no-repeat;

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

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

.background_index102{background:url("../img/index02_ML.jpg") no-repeat;

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

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

.background_index103{background:url("../img/index03_ML.jpg") no-repeat;

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

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

.background_index104{background:url("../img/index04_L.jpg") no-repeat;

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

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

.background_index105{background:url("../img/index05_L.jpg") no-repeat;

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

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

.background_index001{background:url("../img/index28_L.jpg") no-repeat;

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

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

.background_shop01{background:url("../img/index12_L.jpg") no-repeat;

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

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

.background_trade01{background:url("../img/index19_L.jpg") no-repeat;

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

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

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

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

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

.glass-gray {margin:0 auto;line-height:2.0;
  width: 100%;
  max-width: 100%;
  padding: 10px;
  background-color: rgba(255, 255, 255, 1.0); /* 背景色 */
  border: 3px solid rgba(164,164,157,1.0); /* 背景色 */
  /*border: 1px solid rgba(255, 255, 255, 0.4);*/
  /*border-right-color: rgba(255, 255, 255, 0.2);
  border-bottom-color: rgba(255, 255, 255, 0.2);*/
  /*border-radius: 15px;*//*-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 {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);*/ /* 薄い影 */
}
/*caed-box*/
.card {
  position: relative;
  display: grid;
  /*box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
  border-radius: 5px;*/
}
.card img {
  /*-o-object-fit: cover;
     object-fit: cover;*/
  max-width: 100%;
  aspect-ratio: 4/3;
  width: 100%;
}
.card > * {
  grid-area: 1/-1;
}
.card{
  text-decoration: none;
  color: inherit;
}
.card:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.card__content {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 8px;
  /*margin-bottom: -3rem;*/
  color: #fff;
  /*background: linear-gradient(to top, #000000d9, #0000) bottom/100% 60% no-repeat;*/
}
.card__tag0 {
  /*background-color: #fff;*/
  align-self: start;
  justify-self: start;
  /*min-width: 100px;*/
  padding: 8px;
  margin-bottom: -4rem;
}

.card__content h2 {
  
  /*margin-bottom: 0.25rem;*/
}
.card-second {
  position: relative;
  display: grid;
  /*box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);
  border-radius: 5px;*/
}

.card-second img {
  
  aspect-ratio: 960/320;
  width: 100%;
}
.card-second > * {
  grid-area: 1/-1;
}
.card-second a {
  text-decoration: none;
  color: inherit;
}
.card-second a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.card__tag-start {
  /*background-color: #fff;*/
  align-self: start;
  justify-self: start;
  /*min-width: 100px;*/
  padding: 0px;
  margin-bottom: -6rem;
}
.card__tag-end {
  /*background-color: #fff;*/
  align-self: end;
  justify-self:end;
  /*min-width: 100px;*/
  padding:4px 16px 4px 4px;
  /*margin-bottom: 1rem;*/
}
.card__tag {
  /*background-color: #fff;*/
  align-self: end;
  justify-self: end;
  /*min-width: 100px;*/
  padding: 8px;
  /*margin-bottom: 1rem;*/
}

.hover-effect {overflow:hidden;opacity:0.8;
  background-color: #fff;width:100%;}

.hover-effect a img{width:100%;display:inline-block;} 

.hover-effect a:hover{opacity:0.4;}

/*end*/



}