@charset "utf-8";
/*　トップページのスタイル　*/ 
/*
■#aa7c53　【ブラウン】　　メインカラー
■#d6e9be　【バックグランドグリーン】
■#080　【グリーン】　　キャッチカラー
■#f0e5d4;　【薄茶】
■#feeef2;　【薄ピンク】
■#e7f3d4;　【薄緑】
■#f9e8fa;　【薄パープル】
■#fff7cd;　【薄黄】
■#e6eefd;　【薄ブルー】
■#ffedcc;　【薄オレンジ】
*/


/*■■オリジナルのスタイル■■*/ 
p{color:#555;text-align:left;letter-spacing:2px;}
.marginT30{margin-top:30px;}

table tr th,td{text-align:center;}
.jumbotron{background-image:url(../img/jumbotron.png);background-size:100%;background-repeat:no-repeat;background-position:center;width: 100%;}
table tr th{text-align:center;color:#080;white-space:nowrap;}
table tr td{text-align:left;}
table tr td ul{font-size:90%;line-height:2.7rem;}

.midashi{color:#00a13f;font-weight:bold;}
.attention2{color:#fff;font-weight:bold;margin:5px;padding:10px;background-color:#fdaac0;border:solid 1px #f5dcf5;margin-bottom:50px;border-radius: 10px;/* CSS3草案 */-webkit-border-radius: 10px;/* Safari,Google Chrome用 */-moz-border-radius: 10px;/* Firefox用 */}

ul.asterisk li {
  list-style-type: none;
  text-indent: -1em;margin-left:-1.5em;margin-right:0.5em;padding-bottom:1.0em;
}
ul.asterisk li:before {
  display: inline;
  content: "※";
}

ul.icon_circle li{
	list-style-image: url(../img/icon_circle.png);
  padding-bottom:1.0em;
}

ol.kengakukai li{background-color:#ccc;display: inline;
  text-indent: 0em;margin-left:2.0em;margin-right:0.5em;padding-bottom:1.0em;
}

.flow{
  margin:0;
  padding:0;
}
.flow div{
  padding:0;
  margin:0 auto;
  text-align:center;

}
.flow div p{
  font-size:120%;
  padding:14px 20px;
  text-align:left;
}

.entry{
  width: 300px;
  text-align: center;
  margin-bottom:2.0em;
}
.entry .btn{
  border-radius: 25px;
  background-color:#05AA43;
}
.entry a{
  font-size: 18px;
}
.entry a:hover{
  background-color: #fdaac0;
  border-color: #FB57A9;
}
.entry-info{
  width: 300px;
  background-color: #fff;
  border: 1px solid gray;
  border-radius: 15px;
  padding-top:20px;
}
.entry-info p{
  text-align: center;}
.entry-info p.greenbold{color: #05AA43;font-weight: bold;}
.entry-info p.tel{color:#555;font-weight: bold;font-size:3.0rem;}
.entry-info p.tel a{color:#555;}
.entry-info p.tel .bi{font-weight: normal;font-size:2.0rem;}

/*エントリーフォーム用CSS*/
#formWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
  margin-bottom:2.0em;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
table.formTable td input.w100{
	width:100%;height:30px;
}
table.formTable td textarea.note {
  width:100%;
  height:100px;
}
.send-btn{text-align:center;margin-bottom:2.0em;}
.send-btn .btn:hover{
  background-color:#f5dcf5;
}

.download{
margin:10px;
}

p.error_messe{
	margin:5px 0;
	color:red;
  margin-bottom: 1.7rem;
  border-bottom: 1px dotted #555;
}
.download{
margin:10px;font-size:20px;
}



/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:572px) {
  #formWrap {
    width:95%;
    margin:0 auto;
  }
  table.formTable th, table.formTable td {
    width:auto;
    display:block;
  }
  table.formTable th {
    margin-top:5px;
    border-bottom:0;
  }
  form input[type="submit"], form input[type="reset"], form input[type="button"] {
    display:block;
    width:100%;
    height:40px;
    margin-bottom:2.0rem;
  }
}










/*■■タブレット以上のスタイル■■*/ 
@media (min-width: 768px) {
/**/
  .main h2{
    padding:0;font-size:30px;
  }
  .jumbotron{
    background-image:url(../img/jumbotronPc.png);background-size:100%;background-repeat:no-repeat;background-position:bottom;height:200px;
  }

  .flow div p{
    font-size:80%;
    padding:10px 30px;
  }

}
/*■■ＰＣのスタイル■■*/ 
@media (min-width: 992px) {





}
/*■■大画面用のスタイル■■*/ 
@media (min-width: 1200px) {
/*オープニング動画サイズ*/




}