/*レスポンシブ02 ホワイト*/
body {
    line-height: 1.7;
	font-size: 17px;
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}
a, a img {
	transition: .2s ;
}
a img:hover{
	opacity: .8;
}

.article.zero_margin, .gallery.zero_margin {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

#mainContents {
	background: url(/materials/175273029552401.png) left bottom repeat-x;
	background-size: 600px;
	padding-bottom: 100px;
}

#mainArticles_body {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
/*ヘッダー*/
#title #title_outer {
  display: block;
    background: url(/materials/175281052900103.png) right center no-repeat;
    background-size: 370px;
}
#title h1 {
    background: url(/materials/175282502204801.png) no-repeat center left;
    background-size: 100%;
    height: 90px;
    width: 380px;
    margin: 6px 0 10px;
}
#title h1:hover {
  opacity: 0.7;
}
#title h1 a {
    display: inline-block;
    overflow: hidden;
    text-indent: 110%;
    white-space: nowrap;
    height: 100%;
    width: 100%;
}
/*------topMenu------*/
#wrap_body #topMenu {
  background: #dff0fc;
}
/*------btn------*/
a.btn,ul.topics li p.more a,#mainTopics .listview a {
  background: #ff89a4;
}
a.btn:hover,ul.topics li p.more a:hover,#mainTopics .listview a:hover {
  background: #ffb0c2;
}
.btn {
  width: 60%;
  margin: auto;
}
/*------見出し------*/
#mainArticles h2{
	height: 140px;
	display: flex;
	align-items: center;
	justify-content: center;
	}
#mainArticles div[id^="blog"] h2 {
  margin: 1em auto 0 auto;
  padding: 24px 0;
  width: 100%;
  text-align: center;
  background: url(/materials/175273029552402.png)top 70px center no-repeat;
  background-size: 25%;
  padding-bottom: 100px;
}
#mainArticles div[id^="blog"] h2::after{
	content: none;
}
.article h3 {
  background: url(/materials/175273029552402.png)top 70px center no-repeat;
  background-size: 25%;
  padding-bottom: 100px;
}
.article h3::after{
	content: none;
}
.article h4 {
	color: #000;
	background: #cfebf7;
	border: none;
	padding: 12px 16px 12px 32px;
    margin: 0 auto 1em;
}
.article h4::before {
	background: #fff;
	width: 20px;
	position: absolute;
	left: 4px;
}
.article h5 {
  margin: 20px 0 20px;
}
.article h6 {
  background: #f9f6f3;
}

/*------リスト------*/
.article ul ,
.article ol {
  margin-bottom: 1em;
}
ol.number li::before{
	background: #b8d579;
	border-radius: 50%;
}
/*bg*/
.article.bg,.gallery.bg {
  background: #f7fde7;
  color: #000;
}
/*table*/
.article table.normalTbl {
  font-size: 1em;
}
.article table caption {
  font-size: 115%;
  font-weight: bold;
}
.article table.priceTbl {
border-collapse: collapse;
border-left: 1px solid #ccc;
border-spacing: 0;
border-top: 1px solid #ccc;
margin: 10px auto;
width: 100%;
float: left;
}
.article table.priceTbl th {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
color: #333;
height: auto;
line-height: 150%;
padding: 10px;
text-align: center;
vertical-align: middle;
font-feature-settings : "palt";

}
.article table.priceTbl td {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
height: auto;
line-height: 150%;
padding: 10px;
text-align: center;
vertical-align: middle;
}

/*セル背景色指定*/
.article table.priceTbl .th-no {
    background: #bde9fb;
}
.article table.priceTbl .th-col {
    width: 20%;
    background: #dff3fb;
}
.article table.priceTbl .th-row {
	width: 20%;
	background: #e5edff;
	font-weight: normal;
}

/*flow*/
.article table#flowTbl td {
  border: solid 0px #89c3eb;
  background: #fde5c6;
  border-radius: 16px;
  margin-bottom: 60px;
  padding: 16px 2em;
}
.article table#flowTbl strong {
  background: transparent;
}
.article table#flowTbl td::after {
  color: #f2c790;
  bottom: unset;
  top: 100%;
}

/*col*/
@media only screen and (max-width: 768px) {
  .article.col2, .article.col3, .article.col4, .article.col5 {
    flex-basis: 50%;
  }
}
.mainArticles .article.col2,
.mainArticles .article.col3{
	background: #fffadd;
	border-radius: 8px;
	padding-top: 0;
	padding-bottom: 1em;
}
.mainArticles .article.col2 .article_body,
.mainArticles .article.col3 .article_body{
	padding: 0;
}
.mainArticles .article.col2 h3,
.mainArticles .article.col3 h3{
	background: transparent;
	  border-radius: 8px 8px 0 0;
	  color: #131516;
	  font-size: 1.6em;
	  margin-top: 0;
	  margin-bottom: 0;
	  padding-top: .3em;
	  text-align: center;
	  padding-bottom: .3em;
}
.mainContents .article.col2 h3::after,
.mainContents .article.col3 h3::after{
	content: none;
}
.mainArticles .article.col2 p,
.mainArticles .article.col3 p{
	margin: 0 1.5em 1.5em;
}

.mainArticles .article.col2 .article_body .image,
.mainArticles .article.col3 .article_body .image{
  width: 80%;
  display: block;
  margin: 0 auto 1.5em auto;
  border-radius: 50%;
  height: auto;
  max-width: 400px;
}

.mainArticles .article.col2:nth-child(2n){
	margin-right: 0;
}

.mainArticles .article.col2 table.normalTbl,
.mainArticles .article.col3 table.normalTbl{
	background: #fff;
	margin: auto;
	width: 90%;
}
.mainArticles .article.col2 table.normalTbl th,
.mainArticles .article.col3 table.normalTbl th{
  background: #e7f5c2;
}

/*------最新情報------*/
ul.topics li p.date {
	background: #a0d8ef;
	font-size: 14px;
}
ul.topics li h3 a {
  color: #2ca9e1;
}
ul.topics li h3 a:hover {
  text-decoration: underline;
}
ul.topics li p.description {
  font-size: 14px;
}
/*------お問い合せはこちら欄------*/
.article.contact {
  background: url(/materials/175281053877701.jpg) top center no-repeat;
  background-size: cover;
  background-color: rgba(255,255,255, 0.7);
  background-blend-mode: overlay;
  text-align: center;
  padding: 2em 4%;
}
.article.contact h3 {
  margin: 20px 0 0;
  padding: 16px 0;
}
.article.contact h3::after{
	content: none;
}
.article.contact .otoiawase_tel {
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 0;
}
.article.contact .otoiawase_tel,
.article.contact .otoiawase_tel a{
	color: #ff1c67;
}
/*------emvelope------*/
.emvelope {
  background: #fffbdb;
  border-radius: 16px;
  padding: 1em;
}
/*------sideContents------*/
#sideContents {
  background: #e8f5fb;
}
#sideContents table.normalTbl{
	margin: 1em auto;
}
#sideContents table.normalTbl th,
#sideContents table.normalTbl td{
	border-bottom: 1px dotted #2ca9e1;
	padding: .3em;
}
/*------freeHtml------*/
.sideContents .freeHtml {
  margin-bottom: 2em;
}

@media screen and (max-width:780px){
	#title #title_outer{
		background-size: 300px;
	}
	#title h1{
		width:280px;
	}
}
@media screen and (min-width:601px) {
	a[href^="tel:"] {pointer-events: none;}
	a[href^="tel:"]{color: #000; text-decoration:none;font-weight: normal;}
	a[href^="tel:"]:hover{color: #000; text-decoration:none;}	
	
}/*min-width:601px*/

@media screen and (max-width:600px) {
	/*タイトル*/
	#title #title_outer{
		background: none;
	}
	#title h1{
      width: 250px;
      height: 40px;
	}
	/*汎用*/
	#mainArticles h2{
	font-size: 1.5em;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	}
	/*背景画像　下*/
	#mainContents {
	background: url(/materials/175273156423701.png) left 97% bottom no-repeat;
	background-size: 100%;
	}
	/*背景画像　h3*/
	#mainArticles h3,#mainArticles div[id^="blog"] h2 {
      background-position: bottom center;
	background-size: 35%;
	line-height: 1.5;
	padding-bottom: 40px;
	margin-bottom: 20px;
	}
	/*btn*/
	.btn {
	width: 100%;
	margin: auto;
	}
	/*table*/
	.article table.priceTbl {
	border: none;
	}
	.article table.priceTbl thead {
	display: none;
	}
	.article table.priceTbl tr {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	display: block;
	margin-bottom: 20px;
	}
	.article table.priceTbl th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	display: block;
	padding: 10px;
	text-align: right;
	color: #333;
	}
	.article table.priceTbl .th-row {
	width: 100%;
	background: #bde9fb;
	font-weight: normal;
	}
	.article table.priceTbl th::before {
	content: attr(data-label);
	float: left;
	font-weight: bold;
	}
	.article table.priceTbl td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	display: block;
	padding: 10px;
	text-align: right;
	}
	.article table.priceTbl td::before {
	content: attr(data-label);
	float: left;
	font-weight: bold;
	}

	/*セル背景色指定*/
	.th-no {
		background: #ffb096;
	}
	.th-col {
		background: #ffcfb6;
	}
	.th-row {
		background: #ffeede;
	}
	
	#sideContents table.normalTbl th {
	  width: 5em;
	}
	
	/*お問い合わせはこちら欄*/
	.article.contact{
		background-position: top right;
	}
	.article.contact .otoiawase_tel{
		font-size: 1.5em;
	}
	.article.contact .otoiawase_tel a{
		text-decoration: none;
	}

	/*電話をかける*/
	#bottomLink {
	position: fixed;
	display:block;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 1000;
	height: 3em;
	}
	#bottomLink a span {
	font-size: .8em;
	display: inline-block;
	padding-right: 8px;
	}
	#bottomLink a {
	display: block;
	box-shadow: 0px -1px 4px 1px rgb(0 0 0 / 40%);
	color: #FFF;
		background: #ee714b;
	text-decoration: none;
	line-height: 3em;
	}

	/*#bottomLink a::before {
	font-weight: bold;
	margin-right: 6px;
	color: #FFEB3B;
	}*/
	#wrap {
	margin-bottom: 50px;
	}
	
}/*max-width:600px*/