@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1000px) {
#TopPhoto {
	width: 90%;
	margin: 70px auto 0 auto;
}
		
.PageLink {
	margin-top:-40px;
    padding-top:40px;
}
.C_Main {
	background: #245037;
}

/*S_表紙*/
.hero {
	height: 75vh; 
	border-radius: 30px;
	background-image: url("../images/main_sp.jpg");
	margin: 0 0 5vh 0;
  }

/*S_header_スクロール画像切り替え*/
.scroll .pc_b {
	display: block;
	align-items: center;
  }
  .scroll .pc_s {
	display: none;
  }

}




.responsive1-image {

  background-image: url("https://example.com/images/X_logo.png");
 
}

.responsive2-image {

  background-image: url("https://example.com/images/Instagram_logo.png");
 
}

.responsive3-image {

  background-image: url("https://example.com/images/LINE_logo.png");
 
}



/* デバイスの横幅が1000px以下の場合 */

	
@media only screen and (max-width: 768px) {


body {
	font-size:13px !important;
	color:#000;
	line-height:1.8 !important;
	background:#FFF;
	-webkit-text-size-adjust: 100%;
	word-wrap:break-word;
	letter-spacing: .1em;
}
.span{
	background-color: #FFF;
}

	
.title {
  font-size: 200%;
}
.description {
	font-size: 120%
}

.Title {
	font-size: 180%;
}

.Title2 {
	font-size: 130%;
}

.List3-4 {
	  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
  padding: 30px;
}

	
.TextBoxRight {
	padding: 15% 5% 5% 10%;
	width: 70%;
	margin-left: -10%;
	margin-top: -10%;
}

.PhotoLeft {
	width: 80%;
}

.TextBoxLeft {
	background: #fff;
	padding: 15% 5% 5% 10%;
	float: right;
	width: 70%;
	margin-left: -10%;
	margin-top: -10%;
	margin-right: 0;
}

.PhotoRight {
	float: left;
	width: 80%;
	margin-top: 0;
}

.PhotoLeftCenter {
	display: block;
	width: 100%;
}

.TextBoxRightCenter {
	display: block;
	width: 90%;
	padding: 5%;
	margin-left: 0;
}

.S_Title {
	font-size: 130%;
}
	
	.ConceptList p {
		margin-top: 3% !important;
	}
	

	
.ColorBg {
	padding: 15% 0;
}
	
.GraphPhoto {
	display: block;
	width: 90%;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
}

.GraphBox {
	margin-top: 8%;
	display: block;
	width: 100%;
	margin-left: 0;
	vertical-align: middle;
}
	
	.GraphBox h2,
	.GraphBox p {
		text-align: center;
	}
	
	
.LeftBox {
	display: block;
	width: 90%;
	margin: 5% auto 0 auto;;
	text-align: center;
}

.RightBox {
	display: block;
	width: 100%;
	margin: 0 auto;
	padding-left: 0 !important;
}
	.F_Logo {
		/* width: 100px; */
		margin: 0 auto;
	}

footer {
	padding: 5% 0 !important;
}
	
.S01Wrap {
	background: url(../images/s_hyoushi_00@2x.png) no-repeat center local;
	padding: 15% 0;
	margin: 0;
}
		
.TranslucentBox p {
	font-size: 110%;
}
	
.S03Wrap {
	background: url("../images/s_gaiyou@2x_sp.jpg") no-repeat center local;
	background-size: cover;
	padding: 15% 0;
}
	
.AccessWrap {
	background: none;
}
	
.AccessBox {
	width: 80%;
	margin: 0 auto;
	padding: 10%;
	text-align: center;
}
	
.MapBox {
	margin-bottom: 0;
}

.Map {
	height: 400px;
}
/*S_header_スクロール*/
.scroll .pc_b {
	display: block;
	align-items: center;
  }
  .scroll .pc_s {
	display: none;
  }


  
/*S_お客さまの声*/
.TextLeft {
	text-align: left;
	margin: 0% 3%!important;
}
/*S_大きな地図で見る*/
.button_solid008{
	display: none;
}
/*S_代表あいさつ*/
.daihyou {
	text-align: center;
}

.F_Logo img {
    width: 20%;
}
	
.ContactWrap {
	padding: 15% 5% 0 5%;
	margin: -15px auto 0 auto;
}
	
	.ContactWrap h2 {
		margin-bottom: 30px !important;
	}

.BG00{
	background: url("../images/1-haikei.jpg") no-repeat local;
	background-position: center center;
    background-size: cover;
	}

}/* デバイスの横幅が768px以下の場合 */