@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*
	commons.css
---------------------------------------------------------------------------------------------------------------------------------------------*/
/* common
--------------------------------------------------------------------------------------------------------*/
*, *::before, *::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

a { text-decoration: none; color: inherit;}
textarea { resize: vertical;}
img { vertical-align: bottom;}

.pc-block { display: block;}
.sp-block { display: none;}
.pc-inlineblock { display: inline-block;}
.sp-inlineblock { display: none;}

iframe[name='google_conversion_frame'] {
	position: absolute;
	top: 0;
}
a.imgover img {
	transition: opacity 0.4s ease;
	-webkit-transition: opacity 0.4s ease;
	/*width: 120px;
	height: 110px;*/
}
a.imgover:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	/*width: 120px;
	height: 110px;*/
}
#matsudoya .logo-btn {
  background-color: #fff;
  display: block;
  line-height: 0;
  text-align: center;
  padding: 10px 0;
  width: 240px;
}

#matsudoya .logo-btn img {
  width: 100%;
}

.cp-bnr {
	max-width: 1004px;
	width: 100%;
	margin: 2.0rem auto 4.5rem;
}


/* font-size
--------------------------------------------------------------------------------------------------------*/
html { font-size: 62.5%;}
body {
	font-size: 16px;
	font-size: 1.6rem;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Noto Sans Japanese', sans-serif;
}

/* article
--------------------------------------------------------------------------------------------------------*/
.inner {
	/* width: 1000px;
	margin: 0 auto; */
}


/* breadcrumbs
--------------------------------------------------------------------------------------------------------*/
.breadcrumbs ul li {
	padding-top: 10px;
	display: inline-block;
	font-size: 16px;
}

.breadcrumbs ul li span {
	padding: 0 0.5rem 0 1.0rem;
}
.breadcrumbs ul li a {
	color: #555;
	border-bottom: 1px solid #555;
	transition: 0.2s;
}

/* header
--------------------------------------------------------------------------------------------------------*/
header {
	box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.3);
}

@media screen and (min-width:800px) and ( max-width:1000px) {
	header {
		box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 3px 3px -3px rgba(0,0,0,0.3);
		width: 1000px;
		margin-left: 20px;
		margin-right: 20px;
	}
}

header .inner,
header .inner .about {
	display: flex;
	display: -webkit-flex;
	max-width: 1080px;
  margin: 0 auto;
	align-items: flex-end;
}
header .inner .test-contact {
	display: none;
}
header .inner .aboutnone {
	display: none;
}
header .inner .hakajimai {
	display: flex;
	display: -webkit-flex;
}
header .inner {
	padding: 3.0rem 0;
	z-index: 4;
}
header .inner #matsudoya {
	margin-right: auto;
}
/* 20190830修正 */
header .inner .about {
	align-items: center;
	-webkit-align-items: center;
}
header .inner .hakajimai {
	align-items: flex-end;
	-webkit-align-items: flex-end;
}
/* 20190830修正ここまで */
header .inner h1 { 
	margin-right: auto;
	padding-top: 0.8em; 
	font-size: 80%;
}
header .inner .about ul:first-child,
header .inner .hakajimai ul:first-child{ margin-right: 1.4rem;}
header .inner .about ul:first-child li:first-child,
header .inner .hakajimai ul:first-child li:first-child{
	background: url(../images/commons/ic_phone.png) no-repeat left 90%;
	padding: 0 0 0 4.0rem;
	font-size: 4.0rem;
	color: #47a470;
	font-weight: 700;
	margin: 0 0 0.5rem;
}
/* 20190830追加 */
header .inner .hakajimai ul:first-child li:first-child,
header .inner .hakajimai ul:first-child li:nth-child(2){
	text-align: center;
}
header .inner .hakajimai ul:first-child li:first-child span,
header .inner .hakajimai ul:first-child li:nth-child(2) span{
	font-size: 1.2rem;
}
/* 20190830追加ここまで */

header .inner .about ul:first-child li:last-child,
header .inner .hakajimai ul:first-child li:last-child{ font-size: 1.6rem;}

/*header .inner .about ul:last-child li:first-child,*/
header .inner .hakajimai ul:last-child li:first-child{ margin: 0 0 0.4rem;}
/*header .inner .about ul:last-child li:first-child a,*/
header .inner .hakajimai ul:last-child li:first-child a{
	display: block;
	color: #fff;
	font-size: 1.6rem;
	border: 1px solid #2a7d4e;
	border-radius: 5px;
	background: #3eba74;
	background: -moz-linear-gradient(top,  #3eba74 0%, #2a7d4e 100%);
	background: -webkit-linear-gradient(top,  #3eba74 0%,#2a7d4e 100%);
	background: linear-gradient(to bottom,  #3eba74 0%,#2a7d4e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3eba74', endColorstr='#2a7d4e',GradientType=0 );
}
/*header .inner .about ul:last-child li:first-child a span,*/
header .inner .hakajimai ul:last-child li:first-child a span{
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 5px;
	padding: 1.0rem 1.3rem;
	display: block;
}
header .inner .about ul:last-child li:last-child,
header .inner .hakajimai ul:last-child li:last-child{ padding-left: 2.3rem;}
header .inner .about ul:last-child li:last-child a,
header .inner .hakajimai ul:last-child li:last-child a{
	display: block;
	background: url(../images/commons/ic_arr.png) no-repeat left center;
	padding: 0.2rem 0 0.2rem 2.4rem;
}
/* 20240902追加 */
header .inner .header-info-btn-mail {
	background-color: #47A470;
	display: block;
 	font-weight: bold;
  	text-align: center;
  	padding: 1.0rem 1.3rem 1.2rem;
  	position: relative;
  	color: #fff;
	margin-bottom: 0.5rem;
}

header .inner .header-info-btn-mail:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 5px solid #fff;
  border-bottom: 5px solid #fff;
  border-left: 5px solid transparent;
  position: absolute;
  bottom: 3px;
  right: 3px;
}
/* 20240902追加ここまで */

/* 20240927追加 */
.gheader .info-btn-1 {
	line-height: 1.75;
}
/* 20240927追加ここまで */
/* gnav
--------------------------------------------------------------------------------------------------------*/
#gnav {
	display: none;
}

/*
	less than 767px;
---------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 800px) {
/* common
--------------------------------------------------------------------------------------------------------*/
	.pc-block { display: none;}
	.sp-block { display: block;}
	.pc-inlineblock { display: none;}
	.sp-inlineblock { display: inline-block;}

	img { max-width: 100%; height: auto;}

/* article
--------------------------------------------------------------------------------------------------------*/
	.inner {
		width: 100%;
	}

/* breadcrumbs
--------------------------------------------------------------------------------------------------------*/
	.breadcrumbs {
		width: 100%;
		font-size: 1.4rem;
	}

	.breadcrumbs ul li {
		margin-top: 1.35rem;
		display: inline-block;
	}

	.breadcrumbs ul li:first-of-type {
		margin-top: 0;
	}

	.breadcrumbs ul li span {
		padding: 0 0 0 0.5rem;
	}

/* header
--------------------------------------------------------------------------------------------------------*/
	header .inner {
		align-items: center;
		-webkit-align-items: center;
		padding: 2.60vw 2.60vw 2.60vw 3.125vw;
		z-index: 4;
	}
	header .inner #matsudoya {
		margin-right: 0.5rem;
	}
	#matsudoya .logo-btn {
	  width: 100px;
	}
	#matsudoya .logo-btn img {
	  width: 100%;
	}
	header .inner .about ul:first-child,
	/* header .inner .hakajimai ul:first-child{ margin-right: 0.5rem;} */
	header .inner .hakajimai ul:first-child{ margin-right: 30px;}
	header .inner .about ul:first-child li:nth-child(2),
	header .inner .hakajimai ul:first-child li:nth-child(2){
		background: none;
		padding: 0 0 0 2.0rem;
		font-size: 5.6vw;
		color: #47a470;
		font-weight: 700;
		margin: 0 0 0;
	}
	header .inner .about ul:first-child li:nth-child(2) {
		width: 45vw;
	}
	header .inner .about ul:first-child li:nth-child(3),
	header .inner .hakajimai ul:first-child li:nth-child(3){ display: none;}
	header .inner .about ul:first-child li:last-child,
	header .inner .hakajimai ul:first-child li:last-child{
		font-size: 2.5vw;
		line-height: 1.5;
		padding: 0 0 0 2.0rem;

	}
	/* 20190830追加 */
	header .inner .hakajimai ul:first-child li:first-child span,
	header .inner .hakajimai ul:first-child li:nth-child(2) span{
		font-size: 0.8rem;
	}
	/* 20190830追加ここまで */

	header .inner .about .contact,
	header .inner .hakajimai .contact{
		display: none;
	}
	header .inner h1 {
		font-size: 2.5vw;
		width: 30.333vw;
		line-height: 1.2;
	}


/* sptoggle
--------------------------------------------------------------------------------------------------------*/
	#sptoggle {
		cursor: pointer;
		background-color: #47a470;
		position: fixed;
		top: 2.6vh;
		right: 2.6vw;
		z-index: 5;
	}
	#sptoggle #toggleinner {
		width: 11.875vw;
		height: 11.875vw;
		display: flex;
		display: -webkit-flex;
		flex-direction: column;
		-webkit-flex-direction: column;
		justify-content: center;
		-webkit-justify-content: center;
		text-align: center;
		padding-top: 0.4rem;
	}
	#sptoggle #toggleinner::after {
		content: 'OPEN';
		display: block;
		font-size: 2.5vw;
		letter-spacing: 0.1em;
		color: #fff;
		font-weight: 500;
	}
	#sptoggle #toggleinner.active::after {
		content: 'CLOSE';
		letter-spacing: 0.03em;
	}
	#sptoggle #toggleinner span {
		display: block;
		width: 70%;
		height: 2px;
		background: #fff;
		margin: 0 auto 1.40vw;
		transition: all 0.4s ease;
		-webkit-transition: all 0.4s ease;
		top: 0;
	}
	#sptoggle #toggleinner span:last-child { margin-bottom: 0.7rem;}
	#sptoggle #toggleinner.active span { position: relative;}
	#sptoggle #toggleinner.active span:first-child {
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		top: 1.875vw;
	}
	#sptoggle #toggleinner.active span:nth-child(2) { opacity: 0;}
	#sptoggle #toggleinner.active span:last-child {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		top: -2.1875vw;
	}

/* gnav
--------------------------------------------------------------------------------------------------------*/
	#gnav {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		box-shadow: none;
	}
	#gnav ul {
		width: 100%;
		flex-direction: column;
		-webkit-flex-direction: column;
	}
	#gnav ul li::before,
	#gnav ul li:last-child::after {
		content: none;
	}
	#gnav ul li:not(:last-child) {
		border-bottom: 1px solid #fff;
		margin-bottom: 20px;
	}
	#gnav ul li a {
		line-height: 1.6;
		padding: 1.4rem 0;
		padding: 2.28vw 0;
		font-size: 3.8rem;
		font-size: 4.94vw;
	}
	#gnav ul li a:hover {
		background-color: #47a470;
	}
	#gnav ul li:last-child {
		/* padding: 1.5rem;
		padding: 2.10vw; */
	}
	#gnav ul li:last-child .box {
		background-color: #fff;
		padding: 1.5rem 0;
		padding: 2.10vw 0;
	}
	#gnav ul li:last-child .box p:first-child {
		text-align: left;
		background: url(../images/commons/sp-ic_phone.png) no-repeat 3.5% 80.0%;
		background-size: 8.06vw auto;
		padding-left: 10.5rem;
		padding-left: 13.65vw;
		margin-bottom: 12px;
		margin-bottom: 1.56vw;
	}
	#gnav ul li:last-child .box p:first-child a {
		font-size: 87px;
		font-size: 11.31vw;
		font-weight: 700;
		color: #47a470;
		line-height: 1.0;
		padding: 0;
		letter-spacing: -0.02em;
		display: block;
	}
	#gnav ul li:last-child .box p:first-child a:hover {
		background-color: #fff;
	}
	#gnav ul li:last-child .box p:last-child {
		font-size: 3.5rem;
		font-size: 4.55vw;
	}

/*
	less than 450px;
---------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 450px) {
	footer #copyright {
		padding: 1.8rem 0 85px;
	}
}

/*
	less than 375px;
---------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 375px) {
	.pc-block { display: none;}
}

/*
	common.css End
---------------------------------------------------------------------------------------------------------------------------------------------*/
}