@charset "UTF-8";
/*============================

　基  本

  font-family: "Zen Maru Gothic", serif;
  font-family: "Noto Sans JP", sans-serif;
  font-family: "Roboto", sans-serif;
  font-family: "M PLUS Rounded 1c", sans-serif;
============================*/

body{
	position: relative;
	width: 100%;
	font-family:'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	font-size: 100%;
	font-weight: 400;
	line-height: 1.75;
	background: #efefef;
	color: #4d4948;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a{
	color: #004da3;
}
a.link{
	text-decoration: underline;
	color: #004da3;
}
a[href*="tel:"]{
	color: #4d4948;
	text-decoration: none;
	pointer-events: none;
}

@media screen and (max-width: 777px) {
	a[href*="tel:"]{
		color: #004da3;
		text-decoration: underline;
		pointer-events: auto;
	}
}
.inline-block{
	display: inline-block;
}
img{
	max-width: 100%;
	height: auto;
}
.mt{
	margin-top: 2em;
}
.mts{
	margin-top: 1em;
}
.mtxs{
	margin-top: .5em;
}
.em{
	font-weight: bold;
}
.big{
	font-size: 1.0625em;
}
.medium{
	font-size: .9375em;
}
.small{
	font-size: .875em;
}

	@media screen and (max-width: 1000px) {
		body{
			font-size: 14px;
		}
	}
/*============================*/
.flex-body{
	display: flex;
	flex-wrap: wrap;
	width: 95%;
	max-width: 1600px;
	margin: 3em auto .5em;
	padding: 0 0;
	box-shadow: 0 15px 15px rgba(222, 222, 222, .8);
	border-radius: .75em;
}
.main{
	width: 57%;
	background: #00b8ed;
	border-radius: .75em 0 0 .75em;
}
.txt{
	width: 43%;
	background: #fff;
	border-radius: 0 .75em .75em 0;
}
	@media screen and (max-width: 1100px) {
		.flex-body{
			margin-top: 1.5em;
		}
		.main{
			width: 53%;
		}
		.txt{
			width: 47%;
		}
	}
	@media screen and (max-width: 900px) {
		.main{
			width: 50%;
		}
		.txt{
			width: 50%;
		}
	}
	@media screen and (max-width: 777px) {
		.flex-body{
			width: 90%;
		}
		.main{
			width: 100%;
			border-radius: 0;
		}
		.txt{
			width: 100%;
			border-radius: 0;
		}
	}
	@media screen and (max-width: 600px) {
		.flex-body{
			width: 100%;
			margin: 0;
		}
	}

.section-main{
	max-width: 544px;
	margin: 3.25em auto;
	text-align: center;
	padding: 0 5%;
}
.section-txt{
	max-width: 450px;
	margin: 3.25em auto;
	padding: 0 7%;
}
	@media screen and (max-width: 900px) {
		.section-main{
			text-align: left;
		}
	}
	@media screen and (max-width: 777px) {
		.section-main{
			text-align: center;
			margin: 2.75em auto 1em;
		}
		.section-txt{
			margin: 2.5em auto 2.75em;
		}
	}
	@media screen and (max-width: 600px) {
		br.none{
			display: none;
		}
		.section-main{
			text-align: left;
			padding: 0 5%;
		}
	}

/*============================*/
.title{
	font-size: 1.875em;
	font-weight: 700;
	font-family: "Zen Maru Gothic", serif;
	color: #fff;
	line-height: 1.5;
}
.title span{
	font-size: 1.33333333em;
	display: block;
}
.msg{
	position: relative;
	margin: 2.75em auto 0;
	background: #fff;
	color: #212121;
	border-radius: 3em;
	font-family: "M PLUS Rounded 1c", sans-serif;
}
.msg-inner{
	max-width: 470px;
	margin: 0 auto;
	padding: 3em 2em;
}
.msg:before{
	position: absolute;
	bottom: -1.5em;
	left: calc(50% - .75em);
	clip-path: polygon(0 0, 100% 0%, 50% 100%);
	width: 1.5em;
	height: 1.5em;
	background: #fff;
	content: "";
}
.images{
	display: block;
	width: 18.75vw;
	margin: 3em auto 0;
}
	@media screen and (max-width: 777px) {
		.msg{
			margin-top: 2em;
		}
		.msg-inner{
			padding: 1.75em 2em;
		}
		.images{
			width: 160px;
			margin: 1.75em auto 0;
		}
	}
	@media screen and (max-width: 600px) {
		.title{
			text-align: center;
		}
	}

/*============================*/
.dl-clm2 {
	display: flex;
	flex-wrap: wrap;
}
.dl-clm2 dt{
	width: 6em;
	font-weight: bold;
}
.dl-clm2 dd{
	width: calc(100% - 6em);
}
.googlemap{
	margin-top: 2em;
}
.point-midashi{
	position: relative;
	font-size: 1.0625em;
	font-weight: bold;
	padding-left: 1.25em;
	margin-top: 1.5em;
	margin-bottom: .25em;
}
.point-midashi:before{
	position: absolute;
	top: calc(50% - .25em);
	left: 0;
	width: .75em;
	height: .75em;
	background: #12b5eb;
	border-radius: 50%;
	content: "";
}
.blog-rss{
	font-size:.9375em
}
.blog-rss span{
	font-size: .875rem;
	padding-right: .75em;
}
.blog-rss a{
	color: #4d4948;
}
.hr{
	border-top: 1px solid;
}

/*============================*/
footer{
	font-size: .9375em;
	text-align: center;
	padding: .5em;
}