@charset "UTF-8";
/* CSS Document */
/*	タブレット
------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 480px) {

}
@media screen and (min-width: 768px) {
	.btn-wrapper .btn-media {
		display: flex;
		align-items: center;
	}
	.btn-contact {
		margin: 3rem auto;
		width: 640px;
	}
	.btn-contact a {
		font-size: 2rem;
	}
	.btn-contact a br {
		display: none;
	}
	html {
		font-size: 62.5%;
	}
	a.anchor{
		display: block;
		padding-top: 120px;
		margin-top: -120px;
	}
	.ggmap {
		padding-bottom: 37.5%;/*37.5%*/
	}
	header > div:last-child img:last-child {
		width: 20%;
		max-width: 240px;
	}
	header h1 {
		font-size: 3rem;
		line-height: 1.3;
		padding: 2rem 5rem;
	}
	header h1 span:last-child {
		font-size: 6.2rem;
	}
	header > div:last-child img:nth-child(2) {
		height: 40vh;
	}
	.header__description {
		font-size: 2rem;
	}
	.catch__inner {
		display: flex;
		justify-content: space-between;
	}
	.catch__inner div {
		width: 430px;
	}
	.catch__inner figure {
		width: 303px;
	}
	#nayami > div {
		background: url(../../img/anshin.png) right bottom no-repeat;
		background-size: 25%;
		padding-bottom: 5rem;
	}
	.nayami__catch {
		font-size: 4.4rem;
	}

	#nayami>div>p:nth-child(2) {
		text-align: center;
	}
	#nayami > div > div:nth-child(2) p {
		font-size: 3rem;
		color: #2F66CC;
		line-height: 1.4;
		margin-left: 2rem;
	}
	#nayami h2 {
		font-size: 2.8rem;
		position: relative;
		font-weight: 700;
		margin-bottom: 2rem;
		line-height: 1.1;
	}
	#nayami h2.nayami1::after {
		content: "よくある悩み1";
		position: absolute;
		top: 2rem;
		left: calc(4em / 0.5 + 2rem);
		font-size: calc(1em * 0.5 );
		background: #FFFF00;
		color: #2F66CC;
		padding: 0.5rem;
		line-height: 1;
		border-radius: 1rem;
	}
	#nayami h2.nayami2::after {
		content: "よくある悩み2";
		position: absolute;
		top: 1em;
		left: calc(4em / 0.5 + 2rem);
		font-size: calc(1em * 0.5 );
		background: #FFFF00;
		color: #2F66CC;
		padding: 0.5rem;
		line-height: 1;
		border-radius: 1rem;
	}
	#nayami h2.nayami3::after {
		content: "よくある悩み3";
		position: absolute;
		top: 0.5rem;
		left: calc(4em / 0.5 + 1rem);
		font-size: calc(1em * 0.5 );
		background: #FFFF00;
		color: #2F66CC;
		padding: 0.5rem;
		line-height: 1;
		border-radius: 1rem;
	}
	#nayami h2.nayami4::after {
		content: "よくある悩み4";
		position: absolute;
		top: 0.5rem;
		left: calc(4em / 0.5 + 1rem);
		font-size: calc(1em * 0.5 );
		background: #FFFF00;
		color: #2F66CC;
		padding: 0.5rem;
		line-height: 1;
		border-radius: 1rem;
	}
	#nayami h2.nayami5::after {
		content: "よくある悩み5";
		position: absolute;
		top: 0.5rem;
		left: calc(4em / 0.5 + 1rem);
		font-size: calc(1em * 0.5 );
		background: #FFFF00;
		color: #2F66CC;
		padding: 0.5rem;
		line-height: 1;
		border-radius: 1rem;
	}
	#nayami h2 + div {
		display: flex;
		justify-content: space-between;
	}
	#nayami h2 + div figure {
		width: 300px;
	}
	#nayami h2 + div p {
		width: calc(100% - 320px - 2rem);
	}
	#nayami figure {
		margin: 0 ;
	}
	#nayami .btn-contact {
	 	margin: 0;
		margin-right: auto;
		margin-top: 10rem;
		margin-bottom: 5rem;
		width: 540px;
	}
	#nayami .btn-contact br {
		display: inline;
	}
	.nayami__message {
		font-size: 3.8rem;
		margin-bottom: 0;
	}
	#jisseki {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	#jisseki > div > div {
		flex-direction: row-reverse;
	}
	#jisseki > div > div >div {
		margin-left: 2rem;
	}
	#jisseki h2 {
		text-align: left;
	}
	#jisseki h2 br {
		display: inline;
	}
	#jisseki ul {
		display: flex;
		justify-content: center;
	}
	#jisseki ul li {
		width: calc(50% - 1rem);
		text-align: center;
	}
	#jisseki ul li br {
		display: inline;
	}
	#merit > div > div:first-child {
		flex-direction: row-reverse;
		justify-content: center;
	}
	#merit h2 {
		margin-bottom: 0;
		margin-left: 1rem;
		font-size: 2.6rem;
	}
	#merit .merit-container {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	#merit .merit-container figure {
		width: 300px;
	}
	#merit .merit-container div {
		width: calc(100% - 300px - 2rem);
	}
	#merit .merit-container.nophoto div {
		width: 100%;
	}
	#voice ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#voice ul li {
		width: calc(50% - 1rem);
		margin-bottom: 1rem;
	}
	#voice ul li + li {
		margin-top: 0;
	}
	#voice .pict {
		width: 40%;
	}
	#voice .btn-contact {
	 	margin: 0;
		margin-right: auto;
		margin-top: 10rem;
		margin-bottom: 5rem;
		width: 480px;
		position: relative;
		top: -30rem;
		margin-bottom: -20rem;
	}
	#voice .btn-contact a br {
    display: inline;
 }
	#cost h2>span{
		position: relative;
		left: 75px;
	}
	#cost ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#cost ul li {
		width: calc(50% - 1rem);
	}
	#contact form dl {
		display: flex;
		flex-wrap: wrap;
		margin: 2rem auto;
		max-width: 640px;
	}
	#contact form dl dt {
		width: 10em;
		margin-top: 0;
		/*text-align: right;
		padding-right: 2rem;*/
		margin-bottom: 2rem;
	}
	#contact form dl dd {
		width: calc(100% - 10em);
		margin-bottom: 2rem;
	}
	footer>div>p:last-child {
		text-align: center;
	}

	.btn-media{
		width: 34rem;
	}
	
	.contact_description_01{
		width: 86%;
		max-width: 64.3rem;
		margin: 0 auto;
	}
	
	.top_pbttom_num{
	margin-bottom: 24rem;
}

}
@media screen and (min-width: 769px) {
	.ggmap {
		padding-bottom: 25%;/*37.5%*/
	}
}






@media screen and (min-width: 1024px) {
	#drawer {
		display: none;
	}
	#btn-contact {
		right: 0;
	}
	#btn-tel {
		right: 80px;
		left: auto;
		height: auto;
		padding: 0.5rem 1rem;
	}
	.global {
		display: block;
	}
	#voice .btn-contact {
		width: 540px;
	}

}
@media screen and (min-width: 1280px) {
	header > div:last-child img:nth-child(2) {
    height: 45vh;
    transform: translateX(-38%) translateY(2rem)
	}
}
@media (orientation: landscape) and (max-width: 767px) {
	header > div:last-child img:first-child,
	header > div:last-child img:nth-child(2) {
		height: 100%;
	}
}