@charset 'UTF-8';
/*=============================================================
 04_modules
=============================================================*/
/*!  button
================================================ */
/*!  .mod_btn01
------------------------------------------------ */
.mod_btn01 {
	display: table;
	box-sizing: border-box;
	width: 100%;
	border: 2px solid #2b6347;
	border-radius: 3px;
	background-color: #2b6347;
	table-layout: fixed;
}
.mod_btn01 > a, .mod_btn01 > span {
	display: table-cell;
	position: relative;
	line-height: 1.21;
	padding: 9px 20px;
	color: #fff;
	font-size: 1.5rem;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 0.15em;
}
.mod_btn01 > a:after, .mod_btn01 > span:after {
	display: block;
	position: absolute;
	top: 50%;
	right: 27px;
	width: 8px;
	height: 12px;
	margin-top: -6px;
	background-image: url("/images/common/ico_arw_r_white01.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	content: '';
}
.mod_btn01:hover {
	background-color: #fff;
	-webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
	        transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.mod_btn01:hover > a, .mod_btn01:hover > span {
	color: #2b6347;
}
.mod_btn01:hover > a:after, .mod_btn01:hover > span:after {
	background-image: url("/images/common/ico_arw_r_sorrel01.png");
}
/* forPC */
@media screen and (min-width: 600px) {
	.mod_btn01 > a, .mod_btn01 > span {
		padding: 15px 20px;
	}
}
/*
#styleguide
mod_btn01

mod_btn01

```
<p class="mod_btn01"><a href="#">mod_btn01<br>mod_btn01</a></p>
```
*/
/*!  .mod_btn01.white（背景白バージョン）
------------------------------------------------ */
.mod_btn01.white {
	border: 2px solid #2b6347;
	border-radius: 4px;
	background-color: #fff;
}
.mod_btn01.white > a, .mod_btn01.white > span {
	color: #2b6347;
}
.mod_btn01.white > a:after, .mod_btn01.white > span:after {
	background-image: url("/images/common/ico_arw_r_sorrel01.png");
}
.mod_btn01.white:hover {
	background-color: #2b6347;
	-webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
	        transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.mod_btn01.white:hover > a, .mod_btn01.white:hover > span {
	color: #fff;
}
.mod_btn01.white:hover > a:after, .mod_btn01.white:hover > span:after {
	background-image: url("/images/common/ico_arw_r_white01.png");
}
/*
#styleguide
mod_btn01 white

mod_btn01 white

```
<p class="mod_btn01 white"><a href="#">mod_btn01 white<br>mod_btn01 white</a></p>
```
*/
/*!  .mod_btn01.black（背景白バージョン）
------------------------------------------------ */
.mod_btn01.black {
	border: 2px solid #fff;
	border-radius: 4px;
	background-color: #fff;
}
.mod_btn01.black > a, .mod_btn01.black > span {
	color: #373737;
}
.mod_btn01.black > a:after, .mod_btn01.black > span:after {
	background-image: url("/images/common/ico_arw_r_black01.png");
}
.mod_btn01.black:hover {
	background-color: #373737;
	-webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
	        transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.mod_btn01.black:hover > a, .mod_btn01.black:hover > span {
	color: #fff;
}
.mod_btn01.black:hover > a:after, .mod_btn01.black:hover > span:after {
	background-image: url("/images/common/ico_arw_r_white01.png");
}
/*
#styleguide
mod_btn01 white

mod_btn01 white

```
<p class="mod_btn01 white"><a href="#">mod_btn01 white<br>mod_btn01 white</a></p>
```
*/
/*!  .mod_btn01.noIco（アイコンなしバージョン）
------------------------------------------------ */
.mod_btn01.noIco :after {
	display: none;
}
/*
#styleguide
mod_btn01 noIco

mod_btn01 noIco

```
<p class="mod_btn01 noIco"><a href="#">mod_btn01 noIco<br>mod_btn01 noIco</a></p>
```
*/
/*!  .mod_btn02
------------------------------------------------ */
.mod_btn02 {
	display: table;
	width: 100%;
	border-radius: 3px;
	background-color: #eb726c;
	table-layout: fixed;
	box-shadow: 0 3px 0 0 #c8615c;
}
.mod_btn02 > a, .mod_btn02 > span {
	display: table-cell;
	line-height: 1.45;
	padding: 16px 0 15px;
	color: #fff;
	font-weight: 500;
	font-size: 1.2rem;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 0.15em;
}
.mod_btn02 em {
	display: inline-block;
	line-height: 1;
	padding-right: 8px;
	font-size: 1.8rem;
	margin-top:6px;
	margin-bottom:6px;
}
.mod_btn02:hover {
	position: relative;
	top: 2px;
	-webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
	        transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
	box-shadow: 0 1px 0 0 #c8615c;
}
/*
#styleguide
mod_btn02

mod_btn02

```
<p class="mod_btn02"><a href="/contact/"><em>WEB初診予約</em>-24時間受付-</a></p>
```
*/
/*!  .mod_btn03
------------------------------------------------ */
.mod_btn03 {
	display: table;
	width: 100%;
	border-radius: 3px;
	background-color: #2b6347;
	table-layout: fixed;
	box-shadow: 0 3px 0 0 #058f46;
	margin-bottom: 20px;
}
.mod_btn03 > a, .mod_btn03 > span {
	display: table-cell;
	line-height: 1;
	padding: 9px 0 6px;
	color: #fff;
	font-size: 1.1rem;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 0.15em;
}
.mod_btn03 .number {
	margin-bottom: 4px;
}
.mod_btn03 .number img {
	width: 195px;
}
.mod_btn03 .txt {
	text-align: center;
}
.mod_btn03 .txt span {
	display: inline-block;
	width: 89px;
	padding: 2px 0 3px;
	border-radius: 3px 0 0 3px;
	background-color: #058f46;
}
.mod_btn03 .txt span + span {
	width: 115px;
	border-radius: 0 3px 3px 0;
	background-color: #fff;
	color: #2b6347;
}
.mod_btn03:hover {
	position: relative;
	top: 2px;
	-webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
	        transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
	box-shadow: 0 1px 0 0 #2b6347;
}
/*
#styleguide
mod_btn03

mod_btn03

```
<div class="mod_btn03"><a href="tel:075-972-3666">
	<p class="number"><img src="/img/common/txt_tel02_sp.png" alt="電話番号 075-972-3666"></p>
	<p class="txt"><span>当日予約OK</span><span>急患者対応します</span></p>
	<!-- /.txt -->
</a></div>
```
*/
/*!  .mod_btn04
------------------------------------------------ */
.mod_btn04 {
	display: table;
	box-sizing: border-box;
	width: 100%;
	border: 2px solid #eb726c;
	border-radius: 3px;
	table-layout: fixed;
	box-shadow: 0 -1px 0 0 #d9d9d9 inset;
}
.mod_btn04 > a, .mod_btn04 > span {
	display: table-cell;
	line-height: 1;
	padding: 15px 0;
	color: #eb726c;
	font-weight: 500;
	font-size: 1.6rem;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}
.mod_btn04:hover {
	box-shadow: none;
}
.mod_btn04:hover > a, .mod_btn04:hover > span {
	background-color: #eb726c;
	color: #fff;
	-webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
	        transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}
/* forPC */
@media screen and (min-width: 600px) {
	.mod_btn04 > a, .mod_btn04 > span {
		padding: 17px 0;
	}
}
/*
#styleguide
mod_btn04

mod_btn04

```
<p class="mod_btn04"><a href="">ご相談・お問い合わせ</a></p>
```
*/
/*!  pager
================================================ */
.mod_pagination01 {
	display: block;
	margin: 10px;
	padding: 0 0 20px;
	font-size: 0;
	text-align: center;
}
.mod_pagination01 li {
	display: inline-block;
	box-sizing: border-box;
	width: 30px;
	height: 30px;
	margin: 3px;
}
.mod_pagination01 li a, .mod_pagination01 li span {
	display: block;
	box-sizing: border-box;
	line-height: 1;
	padding: 8px 0 7px;
	border: 1px solid #e6e6e6;
	background-color: #fff;
	color: #333;
	font-size: 1.3rem;
	text-decoration: none;
}
.mod_pagination01 li a:hover {
	color: #fff;
	background: #ca9e6d;
	border-color: #ca9e6d;
}
.mod_pagination01 .previous {
	width: 30px;
}
.mod_pagination01 .previous a {
	border-color: transparent;
}
.mod_pagination01 .next {
	width: 30px;
}
.mod_pagination01 .next a {
	border-color: transparent;
}
.mod_pagination01 .current {
	color: #fff;
}
.mod_pagination01 .current span {
	padding: 9px 0 8px;
	border: 0;
	background: #ca9e6d;
	color: #fff;
}
/* forPC */
@media screen and (min-width: 600px) {
	.mod_pagination01 {
		padding: 25px 0;
	}  .mod_pagination01 li {
		width: 40px;
		height: 40px;
		margin: 5px;
	}  .mod_pagination01 li a, .mod_pagination01 li span {
		padding: 11px 0 10px;
		border-width: 2px;
		font-size: 1.5rem;
	}  .mod_pagination01 .previous {
		width: 40px;
	}  .mod_pagination01 .next {
		width: 40px;
	}  .mod_pagination01 .current span {
		padding: 13px 0 12px;
	}
}
/*
#styleguide
mod_pagination01

pager

```
<div class="mod_pagination01">
	<ul class="page_navi">
		<li class="previous"><a href="#">&lt;&lt;</a></li>
		<li class="current"><span>1</span></li>
		<li><a href="">2</a></li>
		<li><a href="">3</a></li>
		<li><a href="">4</a></li>
		<li><a href="">5</a></li>
		<li class="next"><a href="#">&gt;&gt;</a></li>
	</ul>
</div>
```
*/
/*!  singlePagination01
================================================ */
.mod_singlePagination01 {
	position: relative;
	box-sizing: border-box;
	height: 65px;
	overflow: hidden;
	margin: 0 -15px;
	padding: 18px 20px;
	background: #faf5f0;
	text-align: center;
}
.mod_singlePagination01 .item a {
	display: block;
	text-decoration: none;
}
.mod_singlePagination01 .previous, .mod_singlePagination01 .next {
	width: 10px;
	height: 30px;
}
.mod_singlePagination01 .previous a, .mod_singlePagination01 .next a {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
}
.mod_singlePagination01 .previous a:before, .mod_singlePagination01 .next a:before {
	position: absolute;
	top: 50%;
	width: 8px;
	height: 8px;
	margin-top: -5px;
	border-top: 2px solid #2b6347;
	border-right: 2px solid #2b6347;
	content: '';
}
.mod_singlePagination01 .previous {
	float: left;
}
.mod_singlePagination01 .previous a:before {
	left: 0;
	-webkit-transform: rotate(225deg);
	        transform: rotate(225deg);
}
.mod_singlePagination01 .next {
	float: right;
}
.mod_singlePagination01 .next a:before {
	right: 0;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.mod_singlePagination01 .back {
	display: inline-block;
	position: absolute;
	top: 18px;
	left: 50%;
	margin-left: -55px;
}
.mod_singlePagination01 .back a {
	box-sizing: border-box;
	width: 110px;
	height: 30px;
	padding: 7px 0 0;
	border-radius: 2px;
	background: #2b6347;
	color: #fff;
	font-size: 1.3rem;
	letter-spacing: 0.05em;
}
/* forPC */
@media screen and (min-width: 600px) {
	.mod_singlePagination01 {
		box-sizing: border-box;
		height: 132px;
		margin: 57px 0 0;
		padding: 40px 28px;
		border-top: 1px dotted #b2b2b2;
		border-bottom: 1px dotted #b2b2b2;
	}  .mod_singlePagination01 .back {
		top: 40px;
		margin-left: -80px;
	}  .mod_singlePagination01 .back a {
		width: 160px;
		height: 50px;
		padding: 17px 0 0;
		border-radius: 4px;
		font-size: 1.5rem;
		-webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
		        transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
	}  .mod_singlePagination01 .back a:hover {
		opacity: 0.5;

		-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
	}  .mod_singlePagination01 .previous, .mod_singlePagination01 .next {
		box-sizing: border-box;
		width: 235px;
		height: auto;
		padding: 4px 0 0;
	}  .mod_singlePagination01 .previous a, .mod_singlePagination01 .next a {
		line-height: 1.3;
		color: #666;
		font-size: 1.5rem;
		text-align: left;
		letter-spacing: 0.15em;
	}  .mod_singlePagination01 .previous a:hover, .mod_singlePagination01 .next a:hover {
		text-decoration: underline;
	}  .mod_singlePagination01 .previous a:before, .mod_singlePagination01 .next a:before {
		width: 6px;
		height: 6px;
	}  .mod_singlePagination01 .previous a {
		padding: 0 0 0 24px;
	}  .mod_singlePagination01 .next a {
		padding: 0 17px 0 0;
	}
}
/*
#styleguide
mod_singlePagination01

```
<ul class="mod_singlePagination01">
	<li class="previous item"><a href="single.php"><span class="viewPc">21文字制限文字制限限文字制限限文字制限文字…</span></a></li>
	<li class="back item"><a href="/blog/">一覧へ戻る</a></li>
	<li class="next item"><a href="single.php"><span class="viewPc">21文字制限文字制限限文字制限限文字制限文字…</span></a></li>
</ul>
```
*/
/*!  tit
================================================ */
/*!  .mod_tit01
================================================ */
.mod_tit01 {
	position: relative;
	line-height: 1.4;
	padding: 0 0 13px;
	color: #4c4c4c;
	font-size: 1.8rem;
	text-align: center;
	letter-spacing: 0.15em;
}
.mod_tit01:before {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 20px;
	height: 5px;
	margin-left: -10px;
	background: #2b6347;
	content: '';
}
/* forPC */
@media screen and (min-width: 600px) {
	.mod_tit01 {
		padding: 0 0 30px;
		font-size: 3.0rem;
	}  .mod_tit01:before {
		width: 25px;
		height: 4px;
		margin-left: -13px;
	}
}
/*
#styleguide
mod_tit01

mod_tit01

```
<p class="mod_tit01">mod_tit01</p>
```
*/
/*!  .mod_tit02
================================================ */
.mod_tit02 {
	position: relative;
	text-align: center;
	letter-spacing: 0.15em;
}
.mod_tit02:before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #2b6347;
	content: '';
}
.mod_tit02 .wrapTxt {
	display: inline-block;
	position: relative;
	padding: 0 15px;
	background: #fff;
}
.mod_tit02 .wrapTxt .tit {
	line-height: 1.2;
	background: #fff;
	color: #4c4c4c;
	font-size: 1.8rem;
}
.mod_tit02 .wrapTxt .tit span {
	font-size: 1.4rem;
}
.mod_tit02 .wrapTxt .en {
	padding: 5px 0 0;
	color: #2b6347;
	font-size: 0.9rem;
}
/* forPC */
@media screen and (min-width: 600px) {
	.mod_tit02 .wrapTxt {
		padding: 0 30px;
	}  .mod_tit02 .wrapTxt .tit {
		font-size: 2.6rem;
	}  .mod_tit02 .wrapTxt .tit span {
		font-size: 2.0rem;
	}  .mod_tit02 .wrapTxt .en {
		padding: 10px 0 0;
		font-size: 1.0rem;
	}
}
/*
#styleguide
mod_tit02

mod_tit02
英語なしverもこれを使用

```
<header class="mod_tit02">
    <div class="wrapTxt">
        <h3 class="tit">被せ物<span>(クラウン)</span>・<br class="viewSp">詰め物<span>(インレー)</span>の種類</h3>
        <p class="en">Kind of a crown and the inlay</p>
    </div>
</header>

```
*/
/*!  .mod_tit03
================================================ */
.mod_tit03 {
	text-align: center;
}
.mod_tit03 > span {
	display: inline-block;
	line-height: 1.3;
	padding: 4px 20px 5px;
	border-radius: 22px;
	background: #518a6d;
	color: #fff;
	font-size: 1.4rem;
	letter-spacing: 0.15em;
}
/* forPC */
@media screen and (min-width: 600px) {
	.mod_tit03 > span {
		line-height: 1.6;
		padding: 5px 34px 6px;
		font-size: 1.8rem;
	}
}
/*
#styleguide
mod_tit03

mod_tit03

```
<h3 class="mod_tit03"><span>義歯(入れ歯)・ブリッジ・<br class="viewSp">インプラントの違い</span></h3>

```
*/
/*!  box
================================================ */
.mod_boxPtnTile01 {
	background: url("/images/common/bg_pattern_tile01.png");
	background-size: 30px;
}
/* forPC */
@media screen and (min-width: 600px) {
	.mod_boxPtnTile01 {
		background-size: 60px;
	}
}
/*
#styleguide
mod_boxPtnTile01

pattern1 tile

```
<p class="mod_boxPtnTile01">mod_boxPtnTile01</p>
```
*/
.mod_boxPtnTile02 {
	background: url("/images/common/bg_pattern_tile02.png");
	background-size: 30px;
}
/* forPC */
@media screen and (min-width: 600px) {
	.mod_boxPtnTile02 {
		background-size: 60px;
	}
}
/*
#styleguide
mod_boxPtnTile02

pattern1 tile

```
<p class="mod_boxPtnTile02">mod_boxPtnTile02</p>
```
*/
.mod_boxPtnTile03 {
	background: url("/images/common/bg_pattern_tile03.png");
	background-size: 30px;
}
/* forPC */
@media screen and (min-width: 600px) {
	.mod_boxPtnTile03 {
		background-size: 60px;
	}
}
/*
#styleguide
mod_boxPtnTile03

pattern1 tile

```
<p class="mod_boxPtnTile03">mod_boxPtnTile03</p>
```
*/
.mod_boxPtnTile04 {
	background: url("/images/common/bg_pattern_tile04.png");
	background-size: 30px;
}
/* forPC */
@media screen and (min-width: 600px) {
	.mod_boxPtnTile04 {
		background-size: 60px;
	}
}
/*
#styleguide
mod_boxPtnTile04

pattern1 tile

```
<p class="mod_boxPtnTile04">mod_boxPtnTile04</p>
```
*/
/*!  box01
================================================ */
.mod_box01 {
	margin: 15px 0 0;
	padding: 0 15px;
	color: #666;
	letter-spacing: 0.15em;
}
.mod_box01:nth-last-of-type(1) .areaImg {
	padding: 0 0 30px;
	border-bottom: 0;
}
.mod_box01.is_noImg .areaTxt {
	float: none;
	width: 100%;
	border-bottom: 1px solid #d0aa7c;
}
.mod_box01.is_areaReverse .areaImg {
	padding: 0 0 15px;
	border-bottom: 0;
}
.mod_box01.is_areaReverse .areaTxt {
	padding: 0 0 20px;
	/*border-bottom: 1px solid #d0aa7c;*/
}
.mod_box01 .areaTxt {
	margin: 0 0 15px;
}
.mod_box01 .areaTxt > .tit {
	line-height: 1.5;
	margin: 0 0 5px;
	color: #2b6347;
	font-size: 1.5rem;
}
.mod_box01 .areaTxt > .tit .tag {
	display: inline-block;
	line-height: 1;
	margin-left: 10px;
	padding: 3px 8px 5px;
	border-radius: 4px;
	font-size: 1.1rem;
	vertical-align: middle;
}
.mod_box01 .areaTxt > .tit .tag01 {
	background: #e2dddb;
	color: #518a6d;
}
.mod_box01 .areaTxt > .tit .tag02 {
	background: #518a6d;
	color: #fff;
}
.mod_box01 .areaTxt > .copy {
	line-height: 1.8;
	margin: 0 0 5px;
	font-size: 1.4rem;
}
.mod_box01 .areaTxt > .txt {
	line-height: 1.8;
	margin: 0 0 13px;
	font-size: 1.3rem;
}
.mod_box01 .areaTxt > .note {
	line-height: 1.5;
	padding: 8px 11px;
	background: #f9f8f8;
	color: #666;
	font-size: 1.3rem;
}
.mod_box01 .areaTxt .price .wrapTit {
	overflow: hidden;
	margin: 0 0 10px;
}
.mod_box01 .areaTxt .price .wrapTit .tit {
	position: relative;
	float: left;
	padding: 0 0 0 6px;
	border-left: 7px solid #2b6347;
	font-weight: 500;
	font-size: 1.4rem;
}
.mod_box01 .areaTxt .price .wrapTit .txt {
	float: right;
	font-size: 1.1rem;
}
.mod_box01 .areaTxt .price .table {
	box-sizing: border-box;
	width: 100%;
	font-size: 1.3rem;
}
.mod_box01 .areaTxt .price .table th, .mod_box01 .areaTxt .price .table td {
	box-sizing: border-box;
	line-height: 1.5;
	padding: 8px 10px;
	border: 1px solid #999;
	vertical-align: middle;
}
.mod_box01 .areaTxt .price .table th {
	width: 41.3%;
	background: #f2f2f2;
}
.mod_box01 .areaTxt .price .table td {
	background: #fff;
	text-align: right;
}
.mod_box01 .areaImg {
	padding: 0 0 20px;
	border-bottom: 1px solid #d0aa7c;
}
.mod_box01 .areaImg .list {
	overflow: hidden;
}
.mod_box01 .areaImg .list .item {
	width: 48%;
}
.mod_box01 .areaImg .list .item .txt {
	padding: 6px 0;
	font-size: 1.2rem;
	text-align: center;
}
.mod_box01 .areaImg .list .before {
	float: left;
}
.mod_box01 .areaImg .list .before .txt {
	background: #f4ece1;
	color: #2b6347;
}
.mod_box01 .areaImg .list .after {
	float: right;
}
.mod_box01 .areaImg .list .after .txt {
	background: #2b6347;
	color: #fff;
}
/* forPC */
@media screen and (min-width: 600px) {
	.mod_box01 {
		overflow: hidden;
		margin: 55px 0 0;
		padding: 0 0 60px;
		/*border-bottom: 1px solid #d0aa7c;*/
	}  .mod_box01:nth-of-type(1) {
		margin: 38px 0 0;
	}  .mod_box01:nth-last-of-type(1) {
		padding: 0 0 50px;
		border-bottom: 0;
	}  .mod_box01:nth-last-of-type(1) .areaImg {
		padding: 0;
	}  .mod_box01.is_noImg .areaTxt {
		border-bottom: 0;
	}  .mod_box01.is_noImg .areaTxt > .txt {
		margin: 0;
	}  .mod_box01.is_areaReverse .areaTxt {
		padding: 0;
		border-bottom: 0;
	}  .mod_box01.is_areaReverse .areaImg {
		padding: 0;
	}  .mod_box01 .areaTxt {
		float: left;
		width: 612px;
		margin: 0;
	}  .mod_box01 .areaTxt > .tit {
		font-size: 2.0rem;
		letter-spacing: 0.15em;
	}  .mod_box01 .areaTxt > .tit .tag {
		padding: 6px 16px 8px;
		font-size: 1.2rem;
	}  .mod_box01 .areaTxt > .copy {
		line-height: 2;
		font-size: 1.8rem;
		letter-spacing: 0.15em;
	}  .mod_box01 .areaTxt > .txt {
		line-height: 1.6;
		margin: 0 0 36px;
		font-size: 1.5rem;
		letter-spacing: 0.15em;
	}  .mod_box01 .areaTxt > .note {
		line-height: 1.6;
		margin: -10px 0 0;
		padding: 15px 18px;
		font-size: 1.5rem;
	}  .mod_box01 .areaTxt .price .wrapTit .tit {
		padding: 0 0 0 9px;
		border-left-width: 8px;
		font-size: 1.6rem;
	}  .mod_box01 .areaTxt .price .wrapTit .txt {
		font-size: 1.2rem;
	}  .mod_box01 .areaTxt .price .table {
		font-size: 1.5rem;
	}  .mod_box01 .areaTxt .price .table th, .mod_box01 .areaTxt .price .table td {
		padding: 17px 25px 18px;
	}  .mod_box01 .areaTxt .price .table th {
		width: 311px;
	}  .mod_box01 .areaImg {
		float: right;
		width: 320px;
		padding: 0;
		border-bottom: 0;
	}  .mod_box01 .areaImg .list .item {
		float: none;
		width: 100%;
	}  .mod_box01 .areaImg .list .item img {
		width: 100%;
	}  .mod_box01 .areaImg .list .item .txt {
		padding: 11px 0 13px;
		font-size: 1.4rem;
	}  .mod_box01 .areaImg .list .before {
		margin: 0 0 21px;
	}  .mod_box01 .areaImg .list .after .txt {
		font-size: 1.6rem;
	}
}

/*!  box02
================================================ */
.mod_box02 {
	padding: 0 15px;
	color: #666;
	letter-spacing: 0.15em;
}
.mod_box02 .areaTxt {
	margin: 0 0 15px;
	padding: 10px 0 0;
}
.mod_box02 .areaTxt > .txt {
	line-height: 1.8;
	font-size: 1.3rem;
}
.mod_box02 .areaImg {
	margin: 0 0 20px;
}
.mod_box02 .areaImg .txt {
	padding: 10px 0 11px;
	background: #2b6347;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
}
.mod_box02 .price .wrapTit {
	overflow: hidden;
	margin: 0 0 10px;
}
.mod_box02 .price .wrapTit .tit {
	position: relative;
	float: left;
	padding: 0 0 0 6px;
	border-left: 7px solid #2b6347;
	font-weight: 500;
	font-size: 1.4rem;
}
.mod_box02 .price .wrapTit .txt {
	float: right;
	font-size: 1.1rem;
}
.mod_box02 .price .table {
	box-sizing: border-box;
	width: 100%;
	border-bottom: 1px solid #999;
	font-size: 1.3rem;
}
.mod_box02 .price .table th, .mod_box02 .price .table td {
	display: block;
	box-sizing: border-box;
	line-height: 1.5;
	padding: 8px 10px;
	border: 1px solid #999;
	border-bottom: 0;
	vertical-align: middle;
}
.mod_box02 .price .table th {
	background: #f2f2f2;
}
.mod_box02 .price .table th .tag {
	display: inline-block;
	line-height: 1;
	margin-left: 5px;
	padding: 3px 8px 5px;
	border-radius: 4px;
	font-size: 1.1rem;
	vertical-align: middle;
}
.mod_box02 .price .table th .tag01 {
	background: #e2dddb;
	color: #518a6d;
}
.mod_box02 .price .table th .tag02 {
	background: #518a6d;
	color: #fff;
}
.mod_box02 .price .table td {
	background: #fff;
}
.mod_box02 .price .table td .priceTxt {
	line-height: 1.5;
	color: #2b6347;
	font-weight: bold;
	font-size: 1.5rem;
	text-align: right;
}
/* forPC */
@media screen and (min-width: 600px) {
	.mod_box02 {
		overflow: hidden;
		padding: 35px 0 0;
	}  .mod_box02 .areaTxt {
		float: left;
		width: 615px;
		margin: 0 0 30px;
		padding: 0;
	}  .mod_box02 .areaTxt > .txt {
		font-size: 1.5rem;
	}  .mod_box02 .areaImg {
		float: right;
		width: 320px;
		margin: 0 0 30px;
	}  .mod_box02 .areaImg .txt {
		font-size: 1.6rem;
	}  .mod_box02 .price {
		clear: both;
	}  .mod_box02 .price .wrapTit .tit {
		padding: 0 0 0 9px;
		border-left-width: 8px;
		font-size: 1.6rem;
	}  .mod_box02 .price .wrapTit .txt {
		font-size: 1.2rem;
	}  .mod_box02 .price .table th, .mod_box02 .price .table td {
		display: table-cell;
		padding: 16px 27px;
		font-size: 1.5rem;
	}  .mod_box02 .price .table th {
		width: 310px;
	}  .mod_box02 .price .table th .tag {
		margin-left: 8px;
		padding: 7px 14px;
		font-size: 1.2rem;
	}
}
/*!  boxTreatment01
================================================ */
.mod_boxTreatment01 {
	padding: 15px;
	background: url("/images/common/bg_box_treatment01.png") no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
.mod_boxTreatment01 .list {
	background-color: #fafafa;
}
.mod_boxTreatment01 .list .item:nth-child(4n+2), .mod_boxTreatment01 .list .item:nth-child(4n+3) {
	background-color: #efefef;
}
.mod_boxTreatment01 .list .item a {
	display: block;
	position: relative;
	line-height: 1;
	padding: 50px 0 12px;
	color: #666;
	font-weight: 400;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	letter-spacing: 0.03;
}
.mod_boxTreatment01 .list .item a:hover {
	opacity: 0.5;

	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
}
.mod_boxTreatment01 .list .item a:before {
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}
.mod_boxTreatment01 .list .item:nth-child(1) a:before {
	display: block;
	position: absolute;
	top: 13px;
	width: 20px;
	height: 29px;
	background-image: url("/images/common/ico_dental01.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	content: '';
}
.mod_boxTreatment01 .list .item:nth-child(2) a:before {
	display: block;
	position: absolute;
	top: 12px;
	width: 24px;
	height: 28px;
	background-image: url("/images/common/ico_dental02.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	content: '';
}
.mod_boxTreatment01 .list .item:nth-child(3) a:before {
	display: block;
	position: absolute;
	top: 10px;
	width: 19px;
	height: 25px;
	background-image: url("/images/common/ico_dental03.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	content: '';
}
.mod_boxTreatment01 .list .item:nth-child(4) a:before {
	display: block;
	position: absolute;
	top: 10px;
	width: 21px;
	height: 28px;
	background-image: url("/images/common/ico_dental04.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	content: '';
}
.mod_boxTreatment01 .list .item:nth-child(5) a:before {
	display: block;
	position: absolute;
	top: 10px;
	width: 32px;
	height: 29px;
	background-image: url("/images/common/ico_dental05.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	content: '';
}
.mod_boxTreatment01 .list .item:nth-child(6) a:before {
	display: block;
	position: absolute;
	top: 11px;
	width: 34px;
	height: 27px;
	background-image: url("/images/common/ico_dental06.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	content: '';
}
.mod_boxTreatment01 .list .item:nth-child(7) a:before {
	display: block;
	position: absolute;
	top: 17px;
	width: 38px;
	height: 20px;
	background-image: url("/images/common/ico_dental07.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	content: '';
}
.mod_boxTreatment01 .list .item:nth-child(8) a:before {
	display: block;
	position: absolute;
	top: 19px;
	width: 45px;
	height: 17px;
	background-image: url("/images/common/ico_dental08.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	content: '';
}
/* forPC */
@media screen and (min-width: 600px) {
	.mod_boxTreatment01 {
		padding: 60px 0;
	}  .mod_boxTreatment01 .list {
		width: 1100px;
		margin: 0 auto;
	}  .mod_boxTreatment01 .list .item a {
		box-sizing: border-box;
		height: 100px;
		padding: 0;
		font-size: 1.6rem;
		letter-spacing: 0.15;
	}  .mod_boxTreatment01 .list .item a:before {
		-webkit-transform: none;
		        transform: none;
	}  .mod_boxTreatment01 .list .item:nth-child(1), .mod_boxTreatment01 .list .item:nth-child(3), .mod_boxTreatment01 .list .item:nth-child(6), .mod_boxTreatment01 .list .item:nth-child(8) {
		background-color: #fafafa;
	}  .mod_boxTreatment01 .list .item:nth-child(2), .mod_boxTreatment01 .list .item:nth-child(5), .mod_boxTreatment01 .list .item:nth-child(4), .mod_boxTreatment01 .list .item:nth-child(7) {
		background-color: #efefef;
	}  .mod_boxTreatment01 .list .item:nth-child(5) a, .mod_boxTreatment01 .list .item:nth-child(6) a, .mod_boxTreatment01 .list .item:nth-child(7) a, .mod_boxTreatment01 .list .item:nth-child(8) a {
		height: 110px;
	}  .mod_boxTreatment01 .list .item span {
		display: block;
		line-height: 1.1;
	}  .mod_boxTreatment01 .list .item .em {
		display: block;
		line-height: 1.3;
		padding: 6px 0 0;
		color: #2b6347;
		font-weight: 500;
		font-size: 0.8rem;
	}  .mod_boxTreatment01 .list .item:nth-child(1) a {
		padding: 36px 0 0 30px;
	}  .mod_boxTreatment01 .list .item:nth-child(1) a:before {
		top: 28px;
		left: 68px;
		width: 32px;
		height: 44px;
	}  .mod_boxTreatment01 .list .item:nth-child(2) a {
		padding: 36px 0 0 30px;
	}  .mod_boxTreatment01 .list .item:nth-child(2) a:before {
		top: 32px;
		left: 69px;
		width: 35px;
		height: 40px;
	}  .mod_boxTreatment01 .list .item:nth-child(3) a {
		padding: 25px 0 0 37px;
	}  .mod_boxTreatment01 .list .item:nth-child(3) a:before {
		top: 31px;
		left: 41px;
		width: 34px;
		height: 44px;
	}  .mod_boxTreatment01 .list .item:nth-child(4) a {
		padding: 40px 0 0 30px;
	}  .mod_boxTreatment01 .list .item:nth-child(4) a:before {
		top: 34px;
		left: 59px;
		width: 28px;
		height: 42px;
	}  .mod_boxTreatment01 .list .item:nth-child(5) a {
		padding: 36px 0 0 48px;
	}  .mod_boxTreatment01 .list .item:nth-child(5) a:before {
		top: 31px;
		left: 64px;
		width: 50px;
		height: 43px;
	}  .mod_boxTreatment01 .list .item:nth-child(6) a {
		padding: 36px 0 0 35px;
	}  .mod_boxTreatment01 .list .item:nth-child(6) a:before {
		top: 32px;
		left: 64px;
		width: 40px;
		height: 37px;
	}  .mod_boxTreatment01 .list .item:nth-child(7) a {
		padding: 22px 0 0 36px;
	}  .mod_boxTreatment01 .list .item:nth-child(7) a:before {
		top: 43px;
		left: 30px;
		width: 43px;
		height: 22px;
	}  .mod_boxTreatment01 .list .item:nth-child(8) a {
		padding: 36px 0 0 47px;
	}  .mod_boxTreatment01 .list .item:nth-child(8) a:before {
		top: 45px;
		left: 47px;
		width: 47px;
		height: 18px;
	}
}
/*
#styleguide
mod_boxTreatment01

mod_boxTreatment01　下層のコンテンツ下部にある。

```
<div class="mod_boxTreatment01">
	<ul class="list mod_column2To4">
		<li class="item"><a href="#">
			<span>一般歯科</span>
			<span class="em viewPc">GENERAL</span>
		</a></li>
		<li class="item"><a href="#">
			<span>予防歯科</span>
			<span class="em viewPc">PREVENTIVE</span>
		</a></li>
		<li class="item"><a href="#">
			<span>小児・<br class="viewPc">マタニティ歯科</span>
			<span class="em viewPc">CHILD &amp; MATERNITY</span>
		</a></li>
		<li class="item"><a href="#">
			<span>インプラント</span>
			<span class="em viewPc">IMPLANT</span>
		</a></li>
		<li class="item"><a href="#">
			<span>矯正歯科</span>
			<span class="em viewPc">ORTHODONTIST</span>
		</a></li>
		<li class="item"><a href="#">
			<span>審美歯科</span>
			<span class="em viewPc">ESTHETIC</span>
		</a></li>
		<li class="item"><a href="#">
			<span>ホワイトニング・<br>デンタルエステ</span>
			<span class="em viewPc">WHITENING &amp; <br>DENTAL ESTHETIC</span>
		</a></li>
		<li class="item"><a href="#">
			<span>義歯・入れ歯</span>
			<span class="em viewPc">ARTIFICIAL TOOTH</span>
		</a></li>
	</ul>
</div>
<!-- /.mod_boxTreatment01 -->
```
*/
.mod_boxLink01 {
	overflow: hidden;
	padding: 20px 15px 11px;
}
.mod_boxLink01 .list li {
	float: left;
	width: 47%;
	background: #fff;
}
.mod_boxLink01 .list li:nth-child(even) {
	margin-left: 6%;
}
.mod_boxLink01 .list li:nth-child(n+3) {
	margin-top: 15px;
}
.mod_boxLink01 .list a {
	display: block;
	text-decoration: none;
}
.mod_boxLink01 .list a:hover {
	opacity: 0.5;
	-webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
	        transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);

	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
}
.mod_boxLink01 .list .img {
	height: 0;
	padding-top: 67px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.mod_boxLink01 .list li:nth-child(1) .img {
	background-image: url("/images/common/box-link01/img01.png");
}
.mod_boxLink01 .list li:nth-child(2) .img {
	background-image: url("/images/common/box-link01/img02.png");
}
.mod_boxLink01 .list li:nth-child(3) .img {
	background-image: url("/images/common/box-link01/img03.png");
}
.mod_boxLink01 .list .txt {
	padding: 10px 0 9px;
	background-color: #2b6347;
	color: #fff;
	font-size: 1.1rem;
	text-align: center;
	letter-spacing: 0.04em;
}
.mod_boxLink01 .groupBtn {
	float: left;
	width: 47%;
	margin: 15px 0 0 6%;
}
.mod_boxLink01 .groupBtn li {
	position: relative;
	border: 1px solid #2b6347;
	background-color: #fff;
}
.mod_boxLink01 .groupBtn li + li {
	margin-top: 6px;
}
.mod_boxLink01 .groupBtn li a {
	display: block;
	position: relative;
	padding: 18px 0 15px 35px;
	color: #666;
	font-weight: 400;
	font-size: 1.1rem;
	text-decoration: none;
	letter-spacing: 0;
}
.mod_boxLink01 .groupBtn li a:hover {
	opacity: 0.5;
	-webkit-transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
	        transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);

	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';
}
.mod_boxLink01 .groupBtn li:before {
	display: block;
	position: absolute;
	top: 50%;
	left: 9px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	content: '';
}
.mod_boxLink01 .groupBtn li:nth-child(1):before {
	background-image: url("/images/common/box-link01/ico01.png");
}
.mod_boxLink01 .groupBtn li:nth-child(2):before {
	background-image: url("/images/common/box-link01/ico02.png");
}
/* forPC */
@media screen and (min-width: 600px) {
	.mod_boxLink01 {
		padding: 60px 0;
	}  .mod_boxLink01 .inner {
		width: 1100px;
		overflow: hidden;
		margin: 0 auto;
	}  .mod_boxLink01 .list {
		float: left;
		width: 820px;
	}  .mod_boxLink01 .list li {
		width: 260px;
	}  .mod_boxLink01 .list li:nth-child(even) {
		margin: 0 20px;
	}  .mod_boxLink01 .list li:nth-child(n+3) {
		margin-top: 0;
	}  .mod_boxLink01 .list .img {
		padding-top: 134px;
	}  .mod_boxLink01 .list .txt {
		padding: 16px 0 18px;
		font-size: 1.6rem;
		letter-spacing: 0.15em;
	}  .mod_boxLink01 .groupBtn {
		width: 260px;
		margin: 0 0 0 20px;
	}  .mod_boxLink01 .groupBtn li {
		border-width: 2px;
	}  .mod_boxLink01 .groupBtn li + li {
		margin-top: 21px;
	}  .mod_boxLink01 .groupBtn li a {
		padding: 31px 0 29px 70px;
		font-size: 1.8rem;
		letter-spacing: 0.15em;
	}  .mod_boxLink01 .groupBtn li:before {
		left: 18px;
		width: 40px;
		height: 40px;
		margin-top: -20px;
	}
}
/*
#styleguide
mod_boxLink01

mod_boxLink01

```
<div class="mod_boxLink01 mod_boxPtnTile03">
	<div class="inner">
		<ul class="list">
			<li><a href="">
					<div class="img"></div>
					<p class="txt">初めての方へ</p>
			</a></li>
			<li><a href="">
					<div class="img"></div>
					<p class="txt">初めての方へ</p>
			</a></li>
			<li><a href="">
					<div class="img"></div>
					<p class="txt">医師・スタッフ募集</p>
			</a></li>
		</ul>
		<!-- /.list -->
		<ul class="groupBtn">
			<li><a href="">キャンペーン情報</a></li>
			<li><a href="">歯医者さんコラム</a></li>
		</ul>
		<!-- /.groupBtn -->
	</div>
	<!-- /.inner -->
</div>
<!-- /.mod_boxLink01 -->
```
*/
.mod_boxContact01 {
	padding: 15px 20px;
	background: url("/images/common/box-contact/bg01_sp.png") center no-repeat;
	background-size: cover;
}
.mod_boxContact01 .groupBtn {
	padding: 0 15px 15px;
	background-color: #fff;
	text-align: center;
}
.mod_boxContact01 .groupBtn li {
	padding: 15px 0 3px;
}
.mod_boxContact01 .groupBtn li .tit {
	margin-bottom: 8px;
	color: #4c4c4c;
	font-weight: 400;
	font-size: 1.2rem;
	text-align: center;
}
.mod_boxContact01 .groupBtn li .txt {
	color: #fff;
	font-size: 1.1rem;
	letter-spacing: 0.15em;
}
.mod_boxContact01 .groupBtn li .txt em {
	font-size: 1.6rem;
	letter-spacing: 0.15em;
}
.mod_boxContact01 .groupBtn li .mod_btn02 em {
	font-size: 18px;
}
.mod_boxContact01 .groupBtn li .mod_btn02 a {
	padding: 20px 0 19px;
}
.mod_boxContact01 .groupBtn .appeal {
	overflow: hidden;
	display: inline-block;
	box-sizing: border-box;
	line-height: 1;
	margin: 10px auto 0;
	border: 2px solid #2b6347;
	border-radius: 2px;
	color: #fff;
	font-weight: 400;
	font-size: 1.2rem;
	text-align: center;
}
.mod_boxContact01 .groupBtn .appeal li {
	padding: 4px 8px;
	float: left;
	background-color: #2b6347;
}
.mod_boxContact01 .groupBtn .appeal li:nth-child(1) {
	padding-right: 10px;
}
.mod_boxContact01 .groupBtn .appeal li + li {
	background-color: #fff;
	color: #2b6347;
}
/* forPC */
@media screen and (min-width: 600px) {
	.mod_boxContact01 {
		padding: 58px 0 56px;
		background: url("/images/common/box-contact/bg01_pc.png") center no-repeat;
		background-size: cover;
	}  .mod_boxContact01 .inner {
		width: 1030px;
		margin: 0 auto;
	}  .mod_boxContact01 .groupBtn {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 0;
		background-color: transparent;

		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}  .mod_boxContact01 .groupBtn li {
		width: 507px;
		padding: 38px 0 42px;
		background-color: #fff;
		text-align: center;
	}  .mod_boxContact01 .groupBtn li .tit {
		margin-bottom: 19px;
		font-size: 1.8rem;
		letter-spacing: 0.15em;
	}  .mod_boxContact01 .groupBtn li .txt {
		color: #333;
		font-size: 1.5rem;
	}  .mod_boxContact01 .groupBtn li .txt em {
		color: #2b6347;
		font-weight: bold;
		font-size: 2.3rem;
	}  .mod_boxContact01 .groupBtn li .btn02 {
		width: 320px;
		margin: 0 auto;
	}  .mod_boxContact01 .groupBtn li .btn02 a {
		padding: 18px 0 17px;
	}  .mod_boxContact01 .groupBtn li .btn01 em {
		font-size: 21px;
	}
	.mod_boxContact01 .groupBtn .appeal {
		width: 200px;
	}
	.mod_boxContact01 .groupBtn .appeal li{
		display: inline-block;
		width: auto;
	}
}
/*
#styleguide
mod_boxContact01

mod_boxContact01

```
<div class="mod_boxContact01">
	<div class="inner">
		<ul class="groupBtn">
			<li class="viewSp">
				<p class="tit">お急ぎの方はお電話にてご連絡ください</p>
				<div class="btn01 mod_btn03"><a href="tel:075-972-3666">
					<p class="number"><img src="../img/common/txt_tel02_sp.png" alt="電話番号 075-972-3666"></p>
					<p class="txt">平日夜<em>8</em>時まで診療（水曜除く）</p>
					<!-- /.txt -->
				</a></div>
			</li>
			<li class="viewPc">
				<p class="tit">お急ぎの方はお電話にてご連絡ください</p>
				<div class="tel">
					<p class="number"><img src="../img/common/box-contact/txt_tel01_pc.png" alt="電話番号 075-972-3666"></p>
					<p class="txt">平日夜<em>8</em>時まで診療（水曜除く）</p>
					<!-- /.txt -->
				</div>
			</li>
			<li class="contact">
				<p class="tit">初診の方はこちらよりご予約いただけます。</p>
				<p class="btn02 mod_btn02"><a href="/contact/"><em>WEB初診予約</em>-24時間受付-</a></p>
			</li>
		</ul>
	</div>
	<!-- /.inner -->
</div>
<!-- /.mod_boxContact01 -->
```
*/
/*!  column
================================================ */
/*!  .mod_column1To2
================================================ */
/* forPC */
@media screen and (min-width: 600px) {
	.mod_column1To2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;

		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}  .mod_column1To2 .item {
		box-sizing: border-box;
		width: 50%;
	}
}
/*
#styleguide
mod_column1To2

1カラム→2カラム

```
<ul class="mod_column1To2">
	<li class="item">test</li>
	<li class="item">test</li>
</ul>
```
*/
/*!  .mod_column2To4
================================================ */
.mod_column2To4 {
	overflow: hidden;
}
.mod_column2To4 .item {
	float: left;
	box-sizing: border-box;
	width: 50%;
}
/* forPC */
@media screen and (min-width: 600px) {
	.mod_column2To4 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;

		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}  .mod_column2To4 .item {
		float: none;
		width: 25%;
	}
}
/*
#styleguide
mod_column2To4

2カラム→4カラム

```
<ul class="mod_column2To4">
	<li class="item">test</li>
	<li class="item">test</li>
	<li class="item">test</li>
	<li class="item">test</li>
	<li class="item">test</li>
	<li class="item">test</li>
</ul>
```
*/
/*!  .mod_column1To3
================================================ */
/* forPC */
@media screen and (min-width: 600px) {
	.mod_column1To3 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;

		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}  .mod_column1To3 .item {
		width: 31%;
	}  .mod_column1To3 .item:nth-child(3n+2) {
		margin: 0 3.5%;
	}
}
/*
#styleguide
mod_column1To3

1カラム→3カラム

```
<ul class="mod_column1To3">
	<li class="item">test</li>
	<li class="item">test</li>
	<li class="item">test</li>
	<li class="item">test</li>
	<li class="item">test</li>
	<li class="item">test</li>
</ul>
```
*/




/*
mod_btn_tel01
*/
.mod_btn_tel01 { text-align: center; }
.mod_btn_tel01 a { display: block; padding: 16px 0 17px; background: #fff; text-decoration: none; font-size: 1rem; border-radius: 10px; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2); color: #454b4d; }
.mod_btn_tel01_num { font-size: 2.5rem; font-weight: 700; line-height: 1; letter-spacing: .025em; }
.mod_btn_tel01_num img { width: 37px; margin-right: 7px; }
.mod_btn_tel01_date { margin-top: 5px; }

@media all and (min-width: 600px) { .mod_btn_tel01 a { padding: 25px 0 25px 5px; font-size: 1.5rem; border-radius: 10px; box-shadow: none; }
  .mod_btn_tel01_num { font-size: 3.5rem; }
  .mod_btn_tel01_num img { width: 48px; margin-right: 8px; }
  .mod_btn_tel01_date { margin-top: 8px; } }

/*
mod_btn_contact01
*/
.mod_btn_contact01 { text-align: center; }
.mod_btn_contact01 a { position: relative; display: block; padding: 16px 20px; background: #123f87; text-decoration: none; font-size: 1.4rem; line-height: 1.6; border-radius: 10px; /*box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);*/ color: #fff; }
.mod_btn_contact01 a:after { position: absolute; top: 50%; right: 15px; content: ""; display: block; border-style: solid; border-width: 6px 0 6px 6px; margin-top: -6px; border-color: transparent transparent transparent #fff; }
@media all and (min-width: 600px) { 
.mod_btn_contact01 a { padding: 40px 40px; font-size: 1.8rem; }
  .mod_btn_contact01 a:after { right: 30px; }
  .mod_btn_contact01 a:hover { background: #0978b8; } }

/* cv
================================================ */

.mod_cv01 { background: #f2f7fa; }
.mod_cv01_inner { padding-top: 75px; padding-bottom: 30px; }
.mod_cv01_content { padding: 0 25px 27px; }
.mod_cv01_tit { position: relative; top: -22px; margin-bottom: -22px; }
.mod_cv01_txt { margin: 25px -5px 0 0; font-size: 1.6rem; text-align: center; }
.mod_cv01_txt.is_small { margin-top: 12px; font-size: 1rem; }
.mod_cv01_list { margin-top: 22px; }
.mod_cv01_list li + li { margin-top: 15px; }
@media all and (max-width: 370px) { 
.mod_cv01_content { padding-right: 12px; padding-left: 12px; } 
}
@media all and (min-width: 600px) { 
.mod_cv01_inner { padding-top: 75px; padding-bottom: 44px; }
  .mod_cv01_content { padding: 0 90px 40px; }
  .mod_cv01_tit { top: -26px; margin-bottom: -26px; }
  .mod_cv01_ja { margin-top: 4px; }
  .mod_cv01_txt { margin: 30px 0 0; font-size: 1.8rem; text-align: center; }
  .mod_cv01_txt.is_small { margin-top: 40px; font-size: 1.4rem; }
  .mod_cv01_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 40px; }
  .mod_cv01_list li { width: calc(50% - 10px); }
  .mod_cv01_list li + li { margin: 0 0 0 20px; } 
  }


/*
Button
*/
/*.mod_btn_contact01 a {display: block; position: relative; line-height: 1.2; padding: 38px 0; border: 1px solid #123f87; border-radius: 3px; background: #123f87; color: #fff; font-size: 1.8rem; text-decoration: none; text-align: center; -webkit-transition: all .3s ease; transition: all .3s ease; }
.mod_btn_contact01 a span {display: inline-block; position: relative; padding-left: 37px; }
.mod_btn_contact01 a span:after {display: block; position: absolute; top: 50%; left: 0; width: 26px; height: 18px; background: url("/images/common/ico_mail01.png") no-repeat center; background-size: contain; content: ""; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.mod_btn_contact01 a:after {display: block; position: absolute; right: 10px; bottom: 10px; border-width: 6px; border-style: solid; border-color: transparent #fff #fff transparent; content: ""; }
@media screen and (min-width: 600px) {.mod_btn_contact01.is_small a {padding: 25px 0; font-size: 1.5rem; }
.mod_btn_contact01.is_small span {padding-left: 36px; }
.mod_btn_contact01:hover a {background: #fff; color: #123f87; }
.mod_btn_contact01:hover span:after {background-image: url("/images/common/ico_mail01_blue.png"); } }*/


.mod_btn_contact02 {border-radius: 50%; background: #fff; }
.mod_btn_contact02 a {display: block; padding: 14px 14px 16px; border: 6px solid #f9891b; border-radius: 3px; background: #fff; background: #fff; color: #f9891b; text-decoration: none; text-align: center; }
.mod_btn_contact02 .mod_btn_contact02_tit {display: inline-block; position: relative; padding: 3px 18px 4px; border-radius: 28px; background: #123f87; color: #fff; font-weight: 500; font-size: 1.2rem; }
.mod_btn_contact02 .mod_btn_contact02_tit:after {display: block; position: absolute; bottom: 0; left: 50%; border-width: 6px 6px 0; border-style: solid; border-color: #123f87 transparent transparent; content: ""; -webkit-transform: translate(-50%, 100%); -ms-transform: translate(-50%, 100%); transform: translate(-50%, 100%); }
.mod_btn_contact02 .mod_btn_contact02_txt {line-height: 1; margin-top: 10px; font-weight: 700; font-size: 1.8rem; }
.mod_btn_contact02 .mod_btn_contact02_txt span {display: inline-block; position: relative; padding-left: 37px; }
.mod_btn_contact02 .mod_btn_contact02_txt span:before {display: block; position: absolute; top: 0; left: 0; width: 26px; height: 22px; background: url("/images/common/ico_contact02.png") no-repeat center; background-size: contain; content: ""; }

@media screen and (min-width: 600px) {.mod_btn_contact02 a {box-sizing: border-box; width: 100%; height: 100%; padding: 26px 0 16px; border-width: 11px; border-radius: 50%; box-shadow: 4px 4px 0 0 #d9d9d9; }
.mod_btn_contact02 .mod_btn_contact02_tit {padding: 2px 20px; border-radius: 32px; font-size: 1.6rem; }
.mod_btn_contact02 .mod_btn_contact02_tit:after {border-width: 8px 8px 0; }
.mod_btn_contact02 .mod_btn_contact02_txt {line-height: 1.33; margin-top: 18px; font-size: 2.6rem; }
.mod_btn_contact02 .mod_btn_contact02_txt span {padding: 47px 0 0; }
.mod_btn_contact02 .mod_btn_contact02_txt span:before {left: 50%; width: 52px; height: 43px; margin-left: -26px; } }
 /*
tel
*/
.mod_box_tel01 {text-align: center; }
.mod_box_tel01 a {display: block; overflow: hidden; padding: 0 0 15px; border-radius: 3px; background: #fff; color: #fff; font-size: 1.5rem; text-decoration: none; }
.mod_box_tel01 .mod_box_tel01_txt {padding: 9px; background: #0b3486; font-weight: 700; }
.mod_box_tel01 .mod_box_tel01_msg {line-height: 1; margin-top: 12px; color: #0b3486; font-weight: 700; }
.mod_box_tel01 .mod_box_tel01_num {margin-top: 10px; }
.mod_box_tel01 .mod_box_tel01_num span {display: inline-block; position: relative; line-height: 1; padding-left: 28px; color: #333; font-weight: 700; font-size: 4.2rem; letter-spacing: 0; }
.mod_box_tel01 .mod_box_tel01_num span:before {display: block; position: absolute; top: 50%; left: 0; width: 18px; height: 30px; background: url("/images/common/ico_tel01.png") no-repeat center; background-size: contain; content: ""; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.mod_box_tel01 .mod_box_tel01_time {margin-top: 10px; font-size: 1.2rem; }

@media all and (max-width: 370px) {.mod_box_tel01 .mod_box_tel01_num span {font-size: 3.4rem; } }

@media screen and (min-width: 600px) {.mod_box_tel01 {text-align: left; }
  .mod_box_tel01 a {padding: 0; background: transparent; color: #333; }
  .mod_box_tel01 .mod_box_tel01_msg {margin-top: 0; }
  .mod_box_tel01 .mod_box_tel01_num {margin-top: 7px; }
  .mod_box_tel01 .mod_box_tel01_num span {padding-left: 32px; font-size: 4.8rem; }
  .mod_box_tel01 .mod_box_tel01_num span:before {width: 21px; height: 34px; }
  .mod_box_tel01 .mod_box_tel01_time {margin-top: 3px; } }
  
  
  
  
.cf::after {
    display: block;
    clear: both;
    content: "";
}





 /*
sp fixed tel area
*/
@media (min-width: 600px) {
#gFooter .FooterBtnAreaSP {
 display:none
}
}
@media (max-width: 599px) {
#gFooter{padding-bottom:76px;}
#gFooter .FooterBtnAreaSP {
  width:100%;
  height:76px;
  display:block;
  position:fixed;
  z-index:10;
  background:#2b6347;
  bottom:0;
  left:0;
  padding:8px;
  box-sizing:border-box
 }

#gFooter .FooterBtnAreaSP .FooterBtn {
 display:flex;
 justify-content:space-between
}
#gFooter .FooterBtnAreaSP .FooterBtn li p,
#gFooter .FooterBtnAreaSP .FooterBtn li a {
 display:flex;
 flex-direction:column;
 justify-content:center;
 align-items:center;
 height:60px;
 box-sizing:border-box;
 text-decoration:none;
 line-height:1
}
#gFooter .FooterBtnAreaSP .FooterBtn li a:hover {
 opacity:0.7
}
#gFooter .FooterBtnAreaSP .FooterBtn li.tel {
 width:100%
}
#gFooter .FooterBtnAreaSP .FooterBtn li.tel p,
#gFooter .FooterBtnAreaSP .FooterBtn li.tel a {
 width:100%;
 text-align:center;
 background:#fff;
 border-radius:4px
}
#gFooter .FooterBtnAreaSP .FooterBtn li.tel p span,
#gFooter .FooterBtnAreaSP .FooterBtn li.tel a span {
 color:#123f87;
 font-weight:bold;
 display:inline-block;
 font-size:1rem
}
#gFooter .FooterBtnAreaSP .FooterBtn li.tel p span:first-child,
#gFooter .FooterBtnAreaSP .FooterBtn li.tel a span:first-child {
background: url(/images/common/ico_tel01.png) no-repeat 3px 2px / 36px 20px;
 font-size:2.4rem;
 font-weight:700;
 margin-bottom:2px;
 padding-left:40px;
 margin-left: -20px;
}
#gFooter .FooterBtnAreaSP .FooterBtn li.tel p span:first-child:before,
#gFooter .FooterBtnAreaSP .FooterBtn li.tel a span:first-child:before {

} 

}





/*utility*/
/*------------------------------------------------------------------------------*/

.m5 { margin-bottom:5px;}
.m10 { margin-bottom:10px;}
.m15 { margin-bottom:15px;}
.m20 { margin-bottom:20px;}
.m25 { margin-bottom:25px;}
.m30 { margin-bottom:30px;}
.m35 { margin-bottom:35px;}
.m40 { margin-bottom:40px;}
.m45 { margin-bottom:45px;}
.m50 { margin-bottom:50px;}
.m55 { margin-bottom:55px;}
.m60 { margin-bottom:60px;}
.m65 { margin-bottom:65px;}
.m70 { margin-bottom:70px;}
.m75 { margin-bottom:75px;}
.m80 { margin-bottom:80px;}
.m85 { margin-bottom:85px;}
.m90 { margin-bottom:90px;}
.m95 { margin-bottom:95px;}
.m100 { margin-bottom:100px;}

.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.mt30 { margin-top:30px;}
.mt35 { margin-top:35px;}
.mt40 { margin-top:40px;}
.mt45 { margin-top:45px;}
.mt50 { margin-top:50px;}
.mt55 { margin-top:55px;}
.mt60 { margin-top:60px;}
.mt65 { margin-top:65px;}
.mt70 { margin-top:70px;}
.mt75 { margin-top:75px;}
.mt80 { margin-top:80px;}
.mt85 { margin-top:85px;}
.mt90 { margin-top:90px;}
.mt95 { margin-top:95px;}
.mt100 { margin-top:100px;}

.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}
.ml35 { margin-left:35px;}
.ml40 { margin-left:40px;}
.ml45 { margin-left:45px;}
.ml50 { margin-left:50px;}

.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr25 { margin-right:25px;}
.mr30 { margin-right:30px;}
.mr35 { margin-right:35px;}
.mr40 { margin-right:40px;}
.mr45 { margin-right:45px;}
.mr50 { margin-right:50px;}

.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt25 { padding-top:25px;}
.pt30 { padding-top:30px;}
.pt35 { padding-top:35px;}
.pt40 { padding-top:40px;}
.pt45 { padding-top:45px;}
.pt50 { padding-top:50px;}

.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb25 { padding-bottom:25px;}
.pb30 { padding-bottom:30px;}
.pb35 { padding-bottom:35px;}
.pb40 { padding-bottom:40px;}
.pb45 { padding-bottom:45px;}
.pb50 { padding-bottom:50px;}

.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pl25 { padding-left:25px;}
.pl30 { padding-left:30px;}
.pl35 { padding-left:35px;}
.pl40 { padding-left:40px;}
.pl45 { padding-left:45px;}
.pl50 { padding-left:50px;}

.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pr25 { padding-right:25px;}
.pr30 { padding-right:30px;}
.pr35 { padding-right:35px;}
.pr40 { padding-right:40px;}
.pr45 { padding-right:45px;}
.pr50 { padding-right:50px;}

.mtb10 { margin:10px 0;}
.mtb20 { margin:20px 0;}
.mtb30 { margin:30px 0;}

.ptb10 { padding:10px 0;}
.ptb20 { padding:20px 0;}
.ptb30 { padding:30px 0;}

.flt { float:left;}
.flr { float:right;}

.txt_l, td.txt_l, .txt_l td{ text-align:left;}
.txt_r, td.txt_r, .txt_r td{ text-align:right;}
.txt_c, td.txt_c, .txt_c td{ text-align:center;}

.valign_t, td.valign_t, .valign_t td{ vertical-align:top;}
.valign_m, td.valign_m, .valign_m td{ vertical-align:middle;}
.valign_b, td.valign_b, .valign_b td{ vertical-align:bottom;}

.clear{clear:both;}

.clearfix:after {
	content:"";
	display:table;
	clear:both;
}
section:after {
  content:"";
  display:table;
  clear:both;
}



/*--------------------------------------------------------------------------*/
/*arrow*/
/*--------------------------------------------------------------------------*/
.arr a{
	background: url(../image/common/arr01.gif) no-repeat 0 4px;
	padding-left: 12px;
	text-decoration: none;
	font-size: 90%;
}
.arr a:hover,.details a:hover{
	text-decoration: underline;
}


/* screens smaller than 980---------------------------- */
@media only screen and (min-width:691px) and (max-width:1023px) {




}

/* screens smaller than 600----------------------------- */
@media only screen and (max-width:690px) {



}
/*--------------------------------------------------------------------------*/



.pb img{border:#CCC solid 1px;}
.pb2 img{border:#CCC solid 1px; padding:1px;}

.fs80{font-size:80%;}
.fs90{font-size:90%;}
.fs110{font-size:110%;}
.fs120{font-size:120%;}
.fs130{font-size:130%;}
.fs140{font-size:140%;}
.fs150{font-size:150%;}
.fs200{font-size:200%;}

.fs80b{font-size:80%; font-weight:bold;}
.fs90b{font-size:90%; font-weight:bold;}
.fs110b{font-size:110%; font-weight:bold;}
.fs120b{font-size:120%; font-weight:bold;}
.fs130b{font-size:120%; font-weight:bold;}
.fs140b{font-size:140%; font-weight:bold;}
.fs150b{font-size:150%; font-weight:bold;}
.fs200b{font-size:200%; font-weight:bold;}

.red {color: #C44655;}
.red_bold {color: #C44655; font-weight:bold;}
.orange {color: #FF9900;}
.orange_bold {color: #FF9900; font-weight:bold;}
.blue{color: #2a4a90;}
.blue_bold{color: #2a4a90; font-weight:bold;}

.type_none li{list-style:none;}
.type_disc li{ list-style-type:disc; margin-left:20px;}
.type_square li{ list-style-type:square; margin-left:17px;}
.type_decimal li{ list-style-type:decimal; margin-left:25px;}


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


/*====================================================================*/
/*responsive*/

.flt_pc{float:left;}
.flr_pc{float:right;}

.mt5_pc { margin-top:5px;}
.mt10_pc { margin-top:10px;}
.mt15_pc { margin-top:15px;}
.mt20_pc { margin-top:20px;}
.mt30_pc { margin-top:30px;}
.mt40_pc { margin-top:40px;}
.mt50_pc { margin-top:50px;}
.mt55_pc { margin-top:55px;}
.mt60_pc { margin-top:60px;}
.mt65_pc { margin-top:65px;}
.mt70_pc { margin-top:70px;}
.mt75_pc { margin-top:75px;}
.mt80_pc { margin-top:80px;}
.mt85_pc { margin-top:85px;}
.mt90_pc { margin-top:90px;}

.m5_pc { margin-bottom:5px;}
.m10_pc { margin-bottom:10px;}
.m15_pc { margin-bottom:15px;}
.m20_pc { margin-bottom:20px;}
.m30_pc { margin-bottom:30px;}
.m40_pc { margin-bottom:40px;}
.m50_pc { margin-bottom:50px;}
.m60_pc { margin-bottom:60px;}
.m70_pc { margin-bottom:70px;}
.m80_pc { margin-bottom:80px;}
.m90_pc { margin-bottom:90px;}
.m100_pc { margin-bottom:100px;}
.m110_pc { margin-bottom:110px;}
.m120_pc { margin-bottom:120px;}

.mt10_sph { margin-top:10px;}
.mt20_sph { margin-top:20px;}
.mt30_sph { margin-top:30px;}
.mt40_sph { margin-top:40px;}
.mt50_sph { margin-top:50px;}
.mt55_sph { margin-top:55px;}
.mt60_sph { margin-top:60px;}
.mt65_sph { margin-top:65px;}
.mt70_sph { margin-top:70px;}
.mt75_sph { margin-top:75px;}
.mt80_sph { margin-top:80px;}
.mt85_sph { margin-top:85px;}
.mt90_sph { margin-top:90px;}
.mt95_sph { margin-top:95px;}
.mt100_sph { margin-top:100px;}
.mt105_sph { margin-top:105px;}

.m10_sph { margin-bottom:10px;}
.m15_sph { margin-bottom:15px;}
.m20_sph { margin-bottom:20px;}
.m30_sph { margin-bottom:30px;}
.m35_sph { margin-bottom:35px;}
.m40_sph { margin-bottom:40px;}
.m45_sph { margin-bottom:45px;}
.m50_sph { margin-bottom:50px;}
.m60_sph { margin-bottom:60px;}
.m70_sph { margin-bottom:70px;}
.m75_sph { margin-bottom:75px;}
.m80_sph { margin-bottom:80px;}
.m85_sph { margin-bottom:85px;}
.m90_sph { margin-bottom:90px;}
.m95_sph { margin-bottom:95px;}
.m100_sph { margin-bottom:100px;}
.m105_sph { margin-bottom:105px;}
.m110_sph { margin-bottom:110px;}
.m115_sph { margin-bottom:115px;}
.m120_sph { margin-bottom:120px;}
.m125_sph { margin-bottom:125px;}
.m130_sph { margin-bottom:130px;}



.pb30_sph{padding-bottom: 30px;}

.br_sp{display:none;}
.br_tablet{display:none;}

.w_auto{width: 980px; margin-left: auto; margin-right: auto;}

.txt_r_sph{text-align: right;}

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

.img100 img { width:100%; height:auto;}
	

/* screens smaller than 980 (iPad)---------------------------------------------------------- */
@media only screen and (min-width:691px) and (max-width:979px) {


.img100 img { width:100%; height:auto;}

.w_auto{width: 94%;}

.sp_non img{
	width: 100%;
	height: auto;
}
.sp_non.desc{
	width: 100%;
	padding: 0 15%;
}

.br_tablet{display:inline-block;}
.tab_none{display:none !important;}

}


/* screens smaller than 690 (iphone)---------------------------------------------------------- */
@media only screen and (max-width:690px) {

.flt_pc{float:none;}
.flr_pc{float:none;}

.flt_pc_ipad{float:none;}
.flr_pc_ipad{float:none;}

.mt5_ip { margin-top:5px;}
.mt10_ip { margin-top:10px;}
.mt15_ip { margin-top:15px;}
.mt20_ip { margin-top:20px;}
.mt30_ip { margin-top:30px;}
.mt40_ip { margin-top:40px;}
.mt50_ip { margin-top:50px;}
.mt60_ip { margin-top:60px;}

.m5_ip { margin-bottom:5px;}
.m10_ip { margin-bottom:10px;}
.m15_ip { margin-bottom:15px;}
.m20_ip { margin-bottom:20px;}
.m30_ip { margin-bottom:30px;}
.m40_ip { margin-bottom:40px;}
.m50_ip { margin-bottom:50px;}
.m60_ip { margin-bottom:60px;}

.mt5_pc { margin-top:0;}
.mt10_pc { margin-top:0;}
.mt15_pc { margin-top:0;}
.mt20_pc { margin-top:0;}
.mt30_pc { margin-top:0;}
.mt40_pc { margin-top:0;}
.mt50_pc { margin-top:0;}
.mt60_pc { margin-top:0;}

.m5_pc { margin-bottom:0;}
.m10_pc { margin-bottom:0;}
.m15_pc { margin-bottom:0;}
.m20_pc { margin-bottom:0;}
.m30_pc { margin-bottom:0;}
.m40_pc { margin-bottom:0;}
.m50_pc { margin-bottom:0;}
.m60_pc { margin-bottom:0;}


.mt10_sph { margin-top:5px;}
.mt20_sph { margin-top:10px;}
.mt30_sph { margin-top:15px;}
.mt40_sph { margin-top:20px;}
.mt50_sph { margin-top:25px;}
.mt55_sph { margin-top:22px;}
.mt60_sph { margin-top:30px;}
.mt65_sph { margin-top:32px;}
.mt70_sph { margin-top:35px;}
.mt75_sph { margin-top:37px;}
.mt80_sph { margin-top:40px;}
.mt85_sph { margin-top:42px;}
.mt90_sph { margin-top:45px;}
.mt95_sph { margin-top:47px;}
.mt100_sph { margin-top:50px;}
.mt105_sph { margin-top:52px;}

.m10_sph { margin-bottom:5px;}
.m15_sph { margin-bottom:7px;}
.m20_sph { margin-bottom:10px;}
.m30_sph { margin-bottom:15px;}
.m35_sph { margin-bottom:17px;}
.m40_sph { margin-bottom:20px;}
.m45_sph { margin-bottom:23px;}
.m50_sph { margin-bottom:25px;}
.m60_sph { margin-bottom:30px;}
.m70_sph { margin-bottom:35px;}
.m75_sph { margin-bottom:37px;}
.m80_sph { margin-bottom:40px;}
.m85_sph { margin-bottom:42px;}
.m90_sph { margin-bottom:45px;}
.m95_sph { margin-bottom:47px;}
.m100_sph { margin-bottom:50px;}
.m105_sph { margin-bottom:52px;}
.m110_sph { margin-bottom:55px;}
.m115_sph { margin-bottom:57px;}
.m120_sph { margin-bottom:60px;}
.m125_sph { margin-bottom:62px;}


.pb30_sph{padding-bottom: 15px;}

.img100_sp img { width:100%; height:auto;}

.br_tablet{display:none;}

.sp_non img{display: none;}
.sp_none{display:none;}

.txt_l_sp{ text-align:left;}
.txt_r_sp{ text-align:right;}
.txt_c_sp{ text-align:center;}


}


.br_tablet{ display:none;}
.br_sp{ display:none;}
.br_pc{ display:inline-block;}

@media only screen and (min-width:691px) and (max-width:1130px) {
.br_pc{ display:none;}
.br_sp{ display:none;}
.br_tablet{ display:inline-block;}
}

@media only screen and (max-width: 690px) {
.br_pc{ display:none;}
.br_tablet{ display:none;}
.br_sp{ display:inline-block;}
}