@charset "UTF-8";
* {
	margin: 0;
	padding: 0;
	background-position: center center;
	box-sizing: border-box;
	outline: none;
}

html {
	-webkit-text-size-adjust: 100%;
	height: 100%;
	font-size: 62.5%;
}

@media screen and (max-width:1340px) {
	html {
		font-size: 56.25%;
	}
}

@media screen and (min-width:1600px) {
	html {
		font-size: 68.75%;
	}
}


body {
	position: relative;
	font-family: "Zen Kaku Gothic Antique", sans-serif;
	font-weight: 500;
	color: #333;
	font-size: 1.6rem;
	line-height: 1.5;
	margin: auto;
	text-align: left;
	letter-spacing: 0.04em;
/* 	background: #f9f8f4; */
	/* background: #fff; */
	background: #f8f4ef;
	height: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

li {
	list-style: none;
}


/*基本パーツ*/

p {
	text-align: justify;
	line-height: 1.75;
	letter-spacing: 0.04em;
	font-weight: 500;
}

img {
	width: 100%;
	height: auto;
	border: 0;
	vertical-align: top;
}

*::selection {
	background: #333;
	color: #fff;
}

h1, h2, h3, h4 {
	line-height: 1.5;
	font-size: 100%;
	font-weight: 500;
	letter-spacing: 0.10em;
}

table {
	border-collapse: collapse;
}


.sp_only {
	display: none;
}

.pc_only {
	display: block;
}


/*リンク*/

a {
	text-decoration: none;
	color: #333;
	transition: 0.2s ease-in-out;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #888;
}

a.child:hover {
	color: inherit;
}

a img {
	transition: 0.6s ease-in-out;
}

a:hover img {
	
}

p a {
	text-decoration: underline;
}

/*文字詰め*/

.kern01 {
	letter-spacing: 0.1em;
}

.kern02 {
	letter-spacing: 0.2em;
}

.kern03 {
	letter-spacing: 0.3em;
}

.kern04 {
	letter-spacing: 0.4em;
}

.kern05 {
	letter-spacing: 0.5em;
}

.kern-005 {
	letter-spacing: -0.05em;
}

.kern-01 {
	letter-spacing: -0.1em;
}

.kern-02 {
	letter-spacing: -0.2em;
}

.kern-03 {
	letter-spacing: -0.3em;
}

.kern-04 {
	letter-spacing: -0.4em;
}

.kern-05 {
	letter-spacing: -0.5em;
}

/*Google map*/

.gmap {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.gmap iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


.content {
	text-align: center;
	width: 100%;
	max-width: 900px;
	padding: 6vw;
	margin: 0 auto;
}

.content h1 {
	width: 360px;
	margin: 0 auto 4vw auto;
}

.content h2 {
	font-size: 28px;
	margin: 0 auto 3vw auto;
}

.content p {
	text-align: center;
	font-size: 16px;
	margin: 0 auto 6vw auto;
	line-height: 2.5;
}

.content h3 {
	font-size: 28px;
	margin: 0 auto 1vw auto;
	color: #3c5686;
}

.content h3 span {
	font-size: 18px;
	display: block;
	color: #b44b42;
}


/*------------------------------------------------------------------------------------------------------------------------------------

	スマホここから
	
------------------------------------------------------------------------------------------------------------------------------------*/

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

html {
	font-size: 62.5%;
	width: 100%;
}

body {
	font-size: 1.4rem;
}

body, html {
	min-width: 100%;
	height: 100%;
}

p {
	font-size: 1.4rem;
	text-align: left;
}

h1,h2,h3,h4 {
	font-size: 1.6rem;
}

.sp_only {
	display: block;
}

.pc_only {
	display: none;
}

.gmap {
	padding-top: 150%;
}



.content {

	padding: 16vw 8vw;

}

.content h1 {
	width: 240px;
	margin: 0 auto 12vw auto;
}

.content h2 {
	font-size: 24px; 
 	margin: 0 auto 6vw auto;
}

.content p {
/*
	text-align: center;
	font-size: 16px;
	
	line-height: 2.5;
*/
	font-size: 14px;
	line-height: 2.0;
	margin: 0 auto 12vw auto;
	text-align: justify;
}



.content h3 {
	font-size: 28px;
	margin: 0 auto 1vw auto;
	text-align: left;
}

.content h3 span {
	font-size: 14px;

}


}