@charset "UTF-8";

/* 基本スタイルリセット
------------------------------------------------------------------------------- */
body{
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
}

#mainContents {
	padding: 0 10px 40px;
	color: #333;
	font-size:16px !important;
	font-size:100% !important;
	overflow:hidden;
}
#mainContents h2,
#mainContents h3,
#mainContents h4 {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
.top-icon-align-campaign {
	height: 60px;
	top: -20px;
}
#topicPathArea ul {
  width: 500px;
}
#topicPathIn p {
  width: 440px;
}

/* テキスト
------------------------------------------------------------------------------- */
#mainContents h2{
	margin-bottom:20px;
	text-align:center;
}
#mainContents h2 img{margin:0 auto;}
#mainContents h2.tit2{
	margin:0 0 20px 0;
	padding:10px;
	color:#fff;
	background:#ea5529;
	border-bottom:0;
	text-align:left;
}
#mainContents p{
	font-size:133.3%;
	text-align:left;
	color:#333;
}
#mainContents .alignC{text-align:center;}
#mainContents .alignL{text-align:left;}
#mainContents .alignR{text-align:right;}
.fS14{ font-size:14px !important;}
.fS16{ font-size:16px !important;}
.fS18{ font-size:18px !important;}
.fS20{ font-size:20px !important;}
.fS22{ font-size:22px !important;}
.bold{font-weight:bold;}

#mainContents .color01{color:#E40003}
.indent01 li,
p.indent01{
  text-indent:-1em;
  padding-left:1em;
  font-size:12px !important;
}
/* 画像可変
------------------------------------------------------------------------------- */
#leadBlock img{
	max-width: 100%;
	width: auto\9;
	height: auto;
}
/* カラム
------------------------------------------------------------------------------- */
#mainContents .colBlock2 .colL{
	float:left;
	width: 49.2%;
	margin-right:1.2%;
}
#mainContents .colBlock2 .colR{
	float:right;
	width: 49.2%;
}

/* main
------------------------------------------------------------------------------- */

/* ==== lead ====*/
#leadBlock{
	padding: 30px 10px 30px;
	text-align:center;
	background:#ea5529;
	color:#fff;
}
#leadBlock p{line-height:1.8;}
#leadBlock img{margin: 0 auto 15px;}


/* ==== box共通 ====*/
#mainContents .box{border-radius:10px;}
#mainContents .sec{
	padding-top:0;
	width:100%;
	max-width:1240px;
	margin:0 auto 20px;
}

/* ==== box 00 ====*/
#mainContents #box00{
  margin:0 -10px 30px;
  padding:10px 20px 0;
  background: url("../images/tit01_bg.gif") no-repeat 0 0;
  background-size: 100% auto;
  box-sizing: border-box;
}

/* ==== box1 ====*/


/* ==== box2 ====*/
#mainContents #box02{background:#fee9e6;}
#mainContents #box02 .secIn{padding:20px;}
#mainContents #box02 h3{
  margin-bottom:20px;
  text-align:center;
}
#mainContents #box02 .colorIn{
  padding:10px;
  border-radius:10px;
  background:#fff;
}
/* ==== box3 ====*/
#mainContents #box03{background:#e8dbeb;}
#mainContents #box03 .secIn{
  padding:20px;
}
#mainContents #box03 .colIn{
  background:#fff;
  padding:20px;
  border-radius: 10px;
}

/* ==== bnrBox ====*/
#mainContents .bnrBox{
	padding:10px 0;
	text-align:center;
	width:100%;
}
#mainContents .bnrBox a{
	display:block;
}
#mainContents .bnrBox .tablet-desktop {
    display: inline-block;
}

/* ==== photoBlock ====*/
#photoBlock{margin-bottom:30px;}
#photoBlock li{
	width:32%;
	margin:0 2% 2% 0;
	/margin:0 1.9% 1.9% 0;
	float:left;
}
#photoBlock li.lastChild{
	margin-right:0;
}

/* ==== map ====*/
#map{border:1px solid #ccc;}
#map iframe{
	width:100%;
	height:500px;
}




@media only screen and (max-width: 850px) {
  /* ==== box 00 ====*/
  #mainContents #box00{
    margin:0 -10px 30px;
    background: url("../images/tit01_bg.gif") no-repeat 0 0;
    background-size: 100% auto;
  }
}

@media only screen and (max-width: 600px) {
	/* ==== box1 ====*/
	#mainContents .box02 .secIn{
		padding-bottom:0;
	}
	#mainContents .colBlock3 .col{
		width: 48%;
		margin-bottom:2%;	
	}
	#mainContents .colBlock2 .colL,	
	#mainContents .colBlock2 .colR {
			float: none;
			width: 100%;
      margin-bottom:10px;
	}	
	#mainContents .colBlock2 .colL{margin-bottom:20px;}
	/* ==== photoBlock ====*/
	#photoBlock li,
	#photoBlock li.lastChild{
		width:49%;
		margin:0 2% 2% 0;
		/margin:0 1.9% 1.9% 0;
		float:left;
	}
	#photoBlock li.lastChildS{margin-right:0;}

}

/*　終了文言
------------------------------------------------------------------------------- */
.endTxt {
	padding: 20px 0;
	background-color: #fff;
}
.endTxt_in {
	max-width: 916px;
	margin: 0 auto;
	padding: 16px 15px;
	border: 2px solid #f00;
	background-color: #fff;
	text-align: center;
}
.endTxt_in p {
	line-height: 1.5;
	margin: 0;
	color: #f00;
	font-size: 20px;
	font-weight: bold;
}
#mainContents {
	padding-top: 30px;
	padding-bottom: 60px;
}
@media only screen and (max-width: 949px) {
	.endTxt {
		padding-right: 20px;
		padding-left: 20px;
	}
	#mainContents {
		padding-bottom: 10px;
	}
}
@media only screen and (max-width: 600px) {
	.endTxt {
		padding-right: 10px;
		padding-left: 10px;
	}
}


/*　clearfix
------------------------------------------------------------------------------- */

.innerBlock:after,
.colBlock:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.innerBlock,
.colBlock { display: inline-table; }
/* Hides from IE-mac \*/
* html .innerBlock,
* html .colBlock { height: 1%; }
.innerBlock,
.colBlock { display: block; }
/* End hide from IE-mac */