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



/* ------------------------------------------
  トップページ
--------------------------------------------- */


.main-visual{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:650px;
	background-position:center center;
	margin-bottom:70px;
	background-size:cover;
	background-image:url(../img/main-visual.jpg);
	display: flex;
	justify-content: center;
	align-items: center;
}
.main-visual h2{
	/*background: rgba(255,255,255,0.5);*/
	display: inline-block;
	padding: 30px 60px;
	width: 700px;
}
.main-visual h2 img{
	width: 100%;
	/*filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 1.0));*/
	filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.7));
}

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:770px){

	.main-visual{
		height:306px;
		margin-bottom:30px;
		background-position:top center;
	}
	.main-visual h2{
		width: 100%;
		padding: 30px 30px;
	}
	.main-visual h2 img{
		width: 100%;
	}

}

h2.p01 {
	font-size: 35px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 60px;
	padding: 20px 0 0;
	position: relative;
	font-family: "Noto Sans JP";
}
h2.p01:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: black;
  border-radius: 2px;
}
h2.p02 {
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 40px;
	line-height: 1.2;
}

h2.p02 span {
	font-size: 50px;
	display: inline-block;
	color: transparent;
	background: repeating-linear-gradient( 90deg, #f5a759 0, #ea5a52 100% );
	-webkit-background-clip: text;
}

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:770px){

	h2.p01 {
		font-size: 22px;
		margin-bottom: 50px;
		padding: 20px 0 0;
		position: relative;
		font-family: "Noto Sans JP";
	}
	h2.p01:before {
		bottom: -20px;
		width: 60px;
		height: 5px;
		left: 50%;
		border-radius: 2px;
	}
	h2.p02 {
		font-size: 17px;
		font-weight: bold;
		margin-bottom: 20px;
		line-height: 1.2;
	}

	h2.p02 span {
		font-size: 35px;
	}

}

.bg{
	background-image:url("../img/icon.png");
	background-position:top right -250px;
	background-size:80%;
	background-repeat: no-repeat;
}

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:1200px){

	.bg{
		background-position:top right -60px;
		background-size:100%;
	}

}


#service .box{
	background-image:url(../img/service-bg.jpg);
	background-position:center center;
	background-size:cover;
	padding:100px 30px;
	width: 94%;
	margin: 0 3%;
}
#service .inner{
	width: 1000px;
	background-color: rgb(255,255,255,0.85);
	padding: 30px;
}
#service p{
	font-size: 25px;
	font-weight: bold;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝",メイリオ,Meiryo,serif;
}

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:1200px){

#service .inner{
	width: 100%;
}

}

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:770px){

	#service {
		padding: 0;
	}

	#service .box{
		padding:50px 20px;
	}

	#service .inner{
		background-color: rgb(255,255,255,0.85);
		padding: 20px 20px;
	}

	#service img{
		width:100%;
	}

	#service p{
		font-size:16px;
	}

}

.service {
	display:flex; 
	justify-content: space-between;
	flex-wrap: wrap;
}
.service .right {
	width: 50%;
}
.service .right img {
	width: 100%;
}
.service .right p {
	text-align: center;
	margin-top: 15px;
	font-size: 20px;
	font-weight: bold;
}
.service .left {
	width: 50%;
	padding: 0 5% 0 0;
}
.service .left h3 {
	font-size: 23px;
	font-weight: bold;
	margin-bottom: 15px;
	color:#ea5a52;
}
.service .left p {
	margin-bottom: 30px;
}

/* ------------------------ ブレークポイント ------------------------ */
@media only screen and (max-width:1100px){

	.service {
		display:block;
	}
	.service .right {
		width: 100%;
		padding-right: 0;
		margin-bottom: 30px;
	}
	.service .right img {
		width: 100%;
	}
	.service .left {
		width: 100%;
		padding: 0;
	}
	.service .left h3 {
		font-size: 19px;
		margin-bottom: 15px;
	}
	.service .left p {
		margin-bottom: 30px;
	}

}


/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:770px){



}


.message{
	font-size: 25px;
	font-weight: bold;
	font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,"ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝",メイリオ,Meiryo,serif;
}

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:770px){

	.message{
		font-size: 18px;
	}

}

.ggmap{
	margin-bottom:20px;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
width: 100%;
height: 350px;
}


/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:770px){

	.ggmap{
		margin-bottom:20px;
	}

	.ggmap iframe,
	.ggmap object,
	.ggmap embed {
		width: 100%;
		height: 350px;
	}

}


.tell {
	font-size: 27px;
	font-weight: bold;
}
.mail {
}
.mail a {
	font-size: 23px;
	font-weight: bold;
}

/* ------------------------ スマートフォン ------------------------ */
@media only screen and (max-width:770px){

	.tell {
		font-size: 20px;
	}
	.mail {
	}
	.mail a {
		font-size: 16px;
	}

}