@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. 基本
　02. インデントモジュール
　03. メイン画像モジュール
　04. 見出しモジュール
　05. リードモジュール
　06. セクション
　07. カラム
　08. 表組みモジュール
　09. リストモジュール
　10. 画像関連
　11. お問い合わせ
　12. ローカルナビ
　13. ページナビ
　14. 地図
　15. 機能一覧
　16. フォトギャラリー
　99. 機能

******************************************************************************* */


/* ==

　01. 基本

=============================================================================== */


.r3Main {
	width: auto;
}



/* ==

　02. インデントモジュール

=============================================================================== */
.mtIndent01 {
	width: 950px;
	margin: 0 auto;
}

/* ==

　03. メイン画像モジュール

=============================================================================== */
.mtVisual01-liquid img {
	width: 100%;
	height: auto;
}
/*----210625追加----*/
.mtVisual01{
	position: relative;
}



.mtVisual01 .ico_contract{
	position: absolute;
	top:20px;
	left:20px;
	width:15vw;
	min-width:200px;
}
/* ==

　04. 見出しモジュール

=============================================================================== */
.mtHeading02Wrap {
	position: relative;
}
.mtHeading02 {
	min-height: 31px;
	height: auto !important;
	height: 31px;
	line-height: 1.3;
	margin: 0 0 20px;
	padding: 5px 0 0;
	background: none;
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 184%;
	font-weight: bold;
}
.mtHeading02-v1 {
	padding-left: 21px;
	background-image: url(../images/ico01.png);
}
.mtHeading02-v2 {
	padding-left: 21px;
	background-image: url(../images/ico02.png);
	color: #fff;
}
.mtHeading03  {
	background: url(../images/bg01.gif) left top repeat;
}
.mtHeading03_in {
	display: table;
	width: 950px;
	margin: 0 auto;
	padding: 0;
	font-size: 100%;
}
.mtHeading03_img {
	display: table-cell;
	width: 96px;
	padding: 1px 0;
}
.mtHeading03_tit {
	display: table-cell;
	line-height: 1.1;
	margin: 0;
	padding: 5px 0 0;
	border: none;
	vertical-align: middle;
	color: #fff;
	font-size: 200%;
	font-weight: bold;
	text-shadow: 0px 2px 2px #000000;
}

/* ==

　05. リードモジュール

=============================================================================== */
.mtLead01 {
	margin: 0 0 30px;
}
.mtLead01_catch {
	line-height: 1.5;
	font-size: 184%;
	font-weight: bold;
}
.mtLead01_txt {
	margin: 5px 0 0;
}


/* ==

　06. セクション

=============================================================================== */
.mtSection-location {
	padding: 40px 0;
	background-color: #eee;
}
.mtSection-access {
	padding: 40px 0;
	background-color: #6a7070;
}
.mtSection-access-type2{
	border-bottom:30px solid #efefef;
}
.mtSection-outline {
	padding: 40px 0;
}


/* ==

　07. カラム

=============================================================================== */

/* カラム2
------------------------------------------------------------------------------- */
.mtCol02 {
	overflow: hidden;
}
.mtCol02_in {
	width:980px;
	margin: -20px -30px 0 0;
}
.mtCol02_col {
	float: left;
	width: 460px;
	margin: 20px 30px 0 0;
}
.mtCol02_in:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html .mtCol02,
*:first-child+html .mtCol02_in { zoom: 1; } /* ie7 */



/* ==

　08. 表組みモジュール

=============================================================================== */

.mtInfo01 {
	width: 950px;
	font-size: 134%;
}
.mtInfo01 dt {
	width: 160px;
	margin: 12px 0 0;
}
.mtInfo01 dt:first-child {
	margin-top: 0;
}
.mtInfo01 dd {
	width: 785px;
	margin: -1.72em 0 0;
	padding: 0 0 13px 165px;
	border-bottom: 1px dotted #a09b92;
}
.mtInfo02-v3 {
	font-size: 100%;
	background: url(../images/bg07.gif) left bottom repeat-y;
}
.mtInfo02 dt{
	text-align: center;
}
.mtInfo02-v3 dt {
	line-height: 1.5;
	width: 190px;
	padding: 4px 1px 8px;
	border-top: 8px solid #fff;
	font-size: 117%;
	letter-spacing: -0.02em;
}
.mtInfo02 dd {
	font-size: 134%;
	border-bottom: 1px dotted #a09b92;
}
.mtInfo02-v3 dd {
	margin: -2.15em 0 0;
	padding: 0 0 12px 206px;
	background: url(../images/bg08.gif) left bottom repeat-x;
}
.mtInfo02_txt{ padding-top:10px; font-size: 117%; }



/* ==

　09. リストモジュール

=============================================================================== */
.mtList01 {
	font-size: 134%;
}
.mtList01 li {
	margin: 8px 0 0;
	padding: 0 0 0 13px;
	background: url(../images/ico03.png) left 1.05em no-repeat;
}
.mtList01 li:first-child {
	margin-top: 0;
}
.mtList01-cc li {
	color: #fff;
}
.mtList01_em {
	font-size: 125%;
}
.mtList01-cc .mtList01_em {
	color: #fff;
}


/* ==

　10. 画像関連

=============================================================================== */

.mtImg02 {
	text-align: center;
}
.mtImg02 img,
img.mtImg02 {
	border: 5px solid #fff;
}





/* ==

　13. ページナビ

=============================================================================== */
.mtPageNav {
	margin: 0 0 30px;
	background: url(../images/bg09.gif) left top repeat;
}
.mtPageNav div:after,
.mtPageNav ul:after { content: ''; display: block; clear: both; height: 0; }
*:first-child+html .mtPageNav div,
*:first-child+html .mtPageNav ul { zoom: 1; } /* ie7 */

/* ==

　13. ページナビ 2

=============================================================================== */

.mtPageNav2_in {
	width: 950px;
	margin: 0 auto;
	padding: 9px 0;
	height: 100%;
}
.mtPageNav2_list1 {
	display:flex;
	justify-content:space-between;
  align-items: center;
}
.mtPageNav2_list1 li{
	display:table;
	width: 24%; /* 4 */
	height:40px;
}
.mtPageNav2_list1_co3 li{
	display:table;
	width: 32%; /* 3 */
	height:40px;
}
.mtPageNav2_list1_co4 li{
	display:table;
	width: 19%; /* 5 */
	height:40px;
}
.mtPageNav2_list1 li a{
	position: relative;
	display:table-cell;
	text-align:center;
	background:#313131;
	border:2px solid #9c9c9c;
	height:36px;
	padding:0 10px;
	color:#fff;
	font-size:12px;
	text-decoration: none;
	line-height:1.2;
	vertical-align: middle;
	border-radius: 2px;
}
.mtPageNav2_list1 li a:after{
  position: absolute;
  top:14px;
  left: 8px;
	display:inline-block;
	content: '';
  width: 4px;
  height: 4px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);

}
.mtPageNav2_list1 li:last-child a{
	background:#fa0046;
	border:0;
}
.mtPageNav2_list1 li:last-child a:after{
  content: '';
  width:13px;
  height: 10px;
  border: 0px;
  left: 5px;	
  transform: rotate(0deg);
}
.mtPageNav2_list1 li a:hover{
	opacity: 0.7;
}




/* ==

　14. 地図

=============================================================================== */
.mtMap {
	height: 300px;
	margin: 0 0 20px;
	border: 5px solid #ccc;
}