/*-------------------------------------
	chapter.css		by justice Inc
---------------------------------------*/
.clr{ clear:both;}

/*clearfix*/
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}


#chapter {
  margin: 20px auto 0;
  width:100%;
  max-width: 1024px;
  border-top: 1px solid #696E6E;
}

#chapter h1 {
  color: #00512D;
  font-size: 22px;
  border-left: 7px solid #009953;
/*  border-top: 1px solid #8FC31F;	*/
  background: #D9F8F0;
  padding: 8px;
  margin: 25px 0px;	
}

#chapter h1.second {
  margin-top: 100px;
}

#chapter h2 {
/*  width:100%;	*/
  color: #231815;
  font-size: 16px;
  background: #FFFFFF;
  padding: 5px 5px 3px 5px;
  margin: 15px auto;
  margin-top: 45px;
  border: 1px solid #696E6E;
  border-left: 30px solid #8CC800;
  vertical-align: bottom;
}

#chapter h3 {
  width:95%;
  color: #00512D;
  font-size: 100%;
/*  border-left: 2px solid #8FC31F;	*/
  border-bottom: 1px solid #009953;
  padding: 15px 10px 3px 0px;
  margin: 10px auto;
}

#chapter h3 span {
  border-bottom: 5px solid #009953;
}
#chapter h4 {
  width:95%;
  color: #8FC31F;
  font-size: 100%;
  border-bottom: 1px solid #8FC31F;
  padding: 10px;
  margin: 10px auto;
}

#chapter h5 {
  width:95%;
  color: #8FC31F;
  font-size: 100%;
  padding: 10px;
  margin: 10px auto;
}

/*---------- リンク文字 ----------*/
#chapter a:link{ text-decoration:underline;}
#chapter a:visited{ text-decoration:underline;}
#chapter a:hover{ text-decoration:underline;}
#chapter a:active{ text-decoration:underline;}

/*---------- リンク文字　アンダーラインなし ----------*/
#chapter a.noUnderline:link{ text-decoration:none;}
#chapter a.noUnderline:visited{ text-decoration:none;}
#chapter a.noUnderline:hover{ text-decoration:underline;}
#chapter a.noUnderline:active{ text-decoration:none;}

/*---------- 段落 ----------*/
#chapter .description {
  width:95%;
  margin: 10px auto;
}

/*
#chapter .description > div{
  margin-left:1em;
}
*/
#chapter .indent {
  margin-top: 0px;
  padding-left:2em;
}

/**** ページ内リンクメニュー ****/
ul#pageMenu {
  margin: 0;
  margin-top: 10px;
  padding: 0;
  list-style:none;
}
ul#pageMenu li {
  width: auto;
  float: left;
  letter-spacing: 0.1em;
  text-align: center;
  padding: 3px 10px 0px 25px;
  background: url(../img/icn_arw.gif) no-repeat 5px 12px
}
ul#pageMenu li a {
  display: block;
  padding: 5px 0;
  color: #2d2d2d;
  text-decoration: none;
  font-size: 10px;
  font-size: 1.0rem;
}

ul#pageMenu li:nth-child(odd) a {
  border-right: 1px solid #FFFFFF;
}

/*---------- 注意書き ----------*/
#chapter .caution {
  width:95%;
  max-width: 800px;
  color: #EC5E5E;
  font-size: 120%;
  background: #FEF1F1;
  padding: 10px;
  margin: 10px auto;
  border: 3px solid #EE5E5E;
  border-radius: 10px;
  box-sizing: border-box;
}

/*---------- 情報 ----------*/
#chapter .information {
  width:95%;
  color: #009A53;
  font-size: 120%;
  background: #EDF9EC;
  padding: 5px;
  margin: 10px auto;
  border: 1px solid #009A53;
  border-radius: 10px;
  box-sizing: border-box;
}

/*---------- 1. 2.リスト ----------*/
#chapter ol.numDot {
  width:95%;
  margin: 10px auto;
}
#chapter ol.numDot > li{
  list-style-type:decimal;
  margin-left:2em;
  text-indent:0em;
  padding-left:0em;
}

/*---------- 1) 2)リスト ----------*/
#chapter ol.numKakkoR {
  width:95%;
  margin: 10px auto;
  counter-reset:listcntR;
}
#chapter ol.numKakkoR > li{
  list-style-type:none;
  text-indent:-1.5em;
  padding-left:1.5em;
}
#chapter ol.numKakkoR > li:before{
  content:counters(listcntR,"-") ")";
  counter-increment:listcntR;
  margin-right:0.5em;
}

/*---------- (1) (2)リスト ----------*/
#chapter ol.numKakkoB {
  width:95%;
  margin: 10px auto;
  counter-reset:listcntB;
}
#chapter ol.numKakkoB > li{
  list-style-type:none;
  text-indent:-2em;
  padding-left:2em;
}
#chapter ol.numKakkoB > li:before{
  content:"(" counters(listcntB,"-") ")";
  counter-increment:listcntB;
  margin-right:0.5em;
}

/*---------- (1) (2)リスト ----------*/
#chapter ol.numStar1 {
  width:95%;
  margin: 10px auto;
  counter-reset:numStarCnt;
}
#chapter ol.numStar1 > li{
  list-style-type:none;
  text-indent:-2em;
  padding-left:2em;
}
#chapter ol.numStar1 > li:before{
  content:"※" counter(numStarCnt);
  counter-increment:numStarCnt;
  margin-right:0.5em;
}

/*---------- A B C リスト ----------*/
#chapter ol.alphaUpper {
  width:95%;
  margin: 10px auto;
}
#chapter ol.alphaUpper > li{
  list-style-type:upper-alpha;
  margin-left:2em;
  text-indent:0em;
}

/*---------- ア イ ウ リスト ----------*/
#chapter ol.jpnKana {
  width:95%;
  margin: 10px auto;
}
#chapter ol.jpnKana > li{
  list-style-type:katakana;
  margin-left:2em;
  text-indent:0em;
}

/*---------- ※ リスト ----------*/
#chapter ul.customStart1 {
  width:95%;
  margin: 0px auto;
}
#chapter ul.customStart1 > li{
  list-style-type:none;
  text-indent:-1.5em;
  padding-left:1.5em;
}
#chapter ul.customStart1 > li:before{
  content:"※";
  margin-right:0.5em;
}

/*---------- ■（オレンジ） リスト ----------*/
#chapter ul.customSquare {
  width:95%;
  margin: 0px auto;
}
#chapter ul.customSquare > li{
  list-style-type:none;
  text-indent:-1.5em;
  padding-left:1.5em;
}
#chapter ul.customSquare > li:before{
  content:"■";
  margin-right:0.5em;
}

/*---------- ■ リスト ----------*/
#chapter ul.listSquare {
  width:95%;
  margin: 10px auto;
}
#chapter ul.listSquare > li{
  list-style-type:square;
  text-indent:0em;
  margin-left:1.5em;
}

/*---------- ・ リスト ----------*/
#chapter ul.listDisc {
  width:95%;
  margin: 10px auto;
  margin-top: 30px;
}
#chapter ul.listDisc > li{
  list-style-type:disc;
  text-indent:0em;
  margin-left:1.5em;
}

/*---------- ○（白丸） リスト ----------*/
#chapter ul.listCircle {
  width:95%;
  margin: 10px auto;
}
#chapter ul.listCircle > li{
  list-style-type:circle;
  text-indent:0em;
  margin-left:1.5em;
}

/*---------- 画像● リスト ----------*/
#chapter ul.picCircle1 {
  width:95%;
  margin: 10px auto;
  margin-top: 30px;
}
#chapter ul.picCircle1 > li{
  list-style-type:none;
  background:url(../img/list_circle_green.gif) no-repeat 3px 7px;
/*  background:url(../img/list_circle_green.gif) no-repeat 0 3px;	*/
  text-indent:0em;
  padding-left:1.5em;
}

/*---------- 画像チェック リスト ----------*/
#chapter ul.picCheck1 {
  width:95%;
  margin: 10px auto;
}
#chapter ul.picCheck1 > li{
  list-style-type:none;
  background:url(../img/list_chk_orange.gif) no-repeat 0 3px;
  text-indent:0em;
  padding-left:1.5em;
}

/*---------- 画像矢印 リスト ----------*/
#chapter ul.picArrow1 {
  width:95%;
  margin: 10px auto;
}
#chapter ul.picArrow1 > li{
  list-style-type:none;
  background:url(../img/icn_arw.gif) no-repeat 0 3px;
  text-indent:0em;
  padding-left:1.5em;
}

/*---------- ボックス 右寄せ回り込み（width 250px） ----------*/
#boxBesideL250 {
  float: left;
  width: 250px;
  margin: 10px;
  box-sizing: border-box;
}

/*---------- ボックス（横並び　３列） ----------*/
#boxBeside3 {
  width: 100%;
  margin: 10px 0;
}
#boxBeside3 ul {
}
#boxBeside3 ul li {
  display: table-cell;
  width: 33.33%;
}

/*---------- 写真サムネイル（横並び　３列） ----------*/
#picThumbList3 {
  width: 100%;
  margin: 10px 0;
}
#picThumbList3 ul {
}
#picThumbList3 ul li {
  display: table-cell;
  width: 33.33%;
}
#picThumbList3 ul li img{
  width:100%;
  vertical-align:bottom;
}
#picThumbList3 ul li a {
  display: block;
}
#picThumbList3 ul:hover li .a_link {
  opacity:0.5;
}
#picThumbList3 ul li:hover .a_link {
  opacity:1;
}

/*---------- 写真サムネイル（横並び　４列） ----------*/
#picThumbList4 {
  width: 100%;
  margin: 10px 0;
}
#picThumbList4 ul {
}
#picThumbList4 ul li {
  display: table-cell;
  width: 25%;
}
#picThumbList4 ul li img{
  width:100%;
  vertical-align:bottom;
}
#picThumbList4 ul li a {
  display: block;
}
#picThumbList4 ul:hover li .a_link {
  opacity:0.5;
}
#picThumbList4 ul li:hover .a_link {
  opacity:1;
}

/*---------- テキスト　小見出し　 ----------*/
.txtSubhead {
  font-size: 120%;
  font-weight: bold;
  color: #009A53;
}

/*---------- テキスト　左寄せ ----------*/
.txtLeft {
  margin: 5px auto;
  text-align: left;
}

/*---------- テキスト　中央寄せ ----------*/
.txtCenter {
  margin: 5px auto;
  text-align: center;
}

/*---------- テキスト　右寄せ ----------*/
.txtRight {
  margin: 5px auto;
  text-align: right;
}

/*---------- 枠なしボックス　中央寄せ ----------*/
.boxCenter {
  margin: 5px auto;
  text-align: center;
  width: 90%;
}

/*---------- 枠付５０％ボックス　中央寄せ ----------*/
.boxLineA50 {
  margin: 10px auto;
  width: 50%;
  border: 2px solid #8FC31F;
  padding: 5px;
  box-sizing: border-box;
}

/*---------- 枠付８０％ボックス　中央寄せ ----------*/
.boxLineA80 {
  margin: 10px auto;
  width: 80%;
  border: 2px solid #8FC31F;
  padding: 5px;
  box-sizing: border-box;
}

/*---------- 枠なし９０％ボックス　中央寄せ ----------*/
.boxNoLineA90 {
  margin: 10px auto;
  width: 90%;
  padding: 5px;
  box-sizing: border-box;
}

/*---------- 横並びリスト　 ----------*/
.listSideBySide {
  margin: 5px auto 0;
  width: 100%;
}

/*---------- 横幅100%（最大850px） ----------*/
.picMax850 {
  margin: 10px auto 0;
  width: 100%;
  max-width: 850px;
  box-sizing: border-box;
  padding: 5px;
}
.picMax850 img{
  width:100%;
  vertical-align:bottom;
}

/*---------- 横幅100%（最大560px） ----------*/
.picMax560 {
  margin: 10px auto 0;
  width: 100%;
  max-width: 560px;
  box-sizing: border-box;
  padding: 5px;
}
.picMax560 img{
  width:100%;
  vertical-align:bottom;
}

.picMax280 {
  width: 50%;
  max-width: 280px;
  box-sizing: border-box;
  padding: 5px;
}
.picMax280 img{
  width:100%;
  vertical-align:bottom;
}

/*---------- 横幅100%（最大150px） ----------*/
.picMax150 {
  margin: 10px auto 0;
  width: 100%;
  max-width: 150px;
  box-sizing: border-box;
  padding: 5px;
}
.picMax150 img{
  width:100%;
  vertical-align:bottom;
}

/*---------- 横幅100%（最大250px） ----------*/
.picMax250 {
  margin: 10px auto 0;
  width: 100%;
  max-width: 250px;
  box-sizing: border-box;
  padding: 5px;
}
.picMax250 img{
  width:100%;
  vertical-align:bottom;
}

/*---------- 横幅100% ----------*/
.per100 {
  width: 100%;
}

/*---------- 横幅100% ----------*/
.maxW350 {
  max-width: 350px;
}

/*---------- 横幅350px 固定 ----------*/
.fixW350 {
  width: 350px;
}

/*---------- 文字色　グレー？　ベースカラー ----------*/
.txtBase {
  color: #2d2d2d;
}

/*---------- 文字色　赤 ----------*/
.txtRed {
  color: #FF0000;
}

/*---------- 文字色　ピンク ----------*/
.txtPink {
  color: #EE5E5E;
}

/*---------- 文字色　オレンジ ----------*/
.txtOrange {
  color: #FF7E00;
}

/*---------- 文字色　グリーン ----------*/
.txtGreen {
  color: #009A53;
}

/*---------- 文字色　青 ----------*/
.txtBlue{
	color:#0000FF;
}

/*----- 2016.06.24 追加 start ----*/
/*---------- 文字色　白 ----------*/
.txtWhite {
  color: #FFFFFF;
}
/*------ 2016.06.24 追加 end -----*/

/*---------- 普通の太さ ----------*/
.txtNorBold {
  font-weight: normal;
}

/*---------- 太文字 ----------*/
.txtBold {
  font-weight: bold;
}

/*---------- １．５倍文字 ----------*/
.txtTimes150 {
  font-size: 1.5em;
}

/*---------- ０．８倍文字 ----------*/
.txtTimes080 {
  font-size: 0.8em;
}

/*---------- アンダーライン ----------*/
.txtUnderline {
  text-decoration:underline;
}

/*---------- 写真　影付き　 ----------*/
.mar10 {
  margin: 10px;
}
.mar10 > img{
  width:100%;
  vertical-align:bottom;
}

/*---------- 写真　影付き　 ----------*/
.picShadow {
  margin: 10px;
  box-shadow: 3px 3px 3px #999999;
}
.picShadow > img{
  width:100%;
  vertical-align:bottom;
}

/*---------- 写真　左寄せ回り込み　 ----------*/
.picFloatLeft {
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}

/*---------- 写真　右寄せ回り込み　 ----------*/
.picFloatRight {
  float: right;
  margin-left: 5px;
  margin-right: 5px;
}

/*---------- 左寄せ回り込み　 ----------*/
.boxFloatRight {
  width: 70%;
  float: right;
}

/*---------- リンク　三角マーク ----------*/
.linkTriangle {
  margin-left: 20px;
  padding-left: 20px;
  background: url(../img/list_triangle_orange.gif) no-repeat;
  background-position: 0px 3px;
}

/*---------- リンク　ボイスマーク ----------*/
.linkVoice {
  margin-left: 20px;
  padding-left: 20px;
  background: url(../img/list_comment.gif) no-repeat;
  background-position: 0px 3px;
}

/*---------- 区切り線　点線　黒　幅狭 ----------*/
.lineDotBlackN {
  width: 100%;
  margin: 10px 0;
  height: 1px;
  background: url(../img/line_dotted.gif) repeat-x left bottom;
}

/*---------- 区切り線　点線　黒　幅広 ----------*/
.lineDotBlackW {
  width: 100%;
  margin: 0px 0;
  height: 5px;
  background: url(../img/line_dotted_blk.gif) repeat-x left bottom;
}

/*---------- 区切り線　点線　緑　幅狭 ----------*/
.lineDotGreenN {
  width: 100%;
  margin: 10px 0;
  height: 11px;
  background: url(../img/line_dotted_gr.gif) repeat-x left bottom;
}

/*---------- 区切り線　点線　緑　幅広 ----------*/
.lineDotGreenW {
  width: 100%;
  margin: 10px 0;
  height: 11px;
  background: url(../img/line_dotted_grn.gif) repeat-x left bottom;
}

/*---------- このページのトップへ ----------*/
.jmpToPageTop {
  clear: both;
  text-align: right;
  margin: 20px 0 5px 0;
}
.jmpToPageTop > a{
  padding: 0 0 0 27px;
  background: url(../img/btn_to_top_green.gif) no-repeat left top;
}

.jmpToPageTop2 {
  position: fixed;
  right: 1%;
  bottom: 1%;
  z-index: 999;
  width: 50px;
  height: 50px;
}

.jmpToPageTop2 img{
  width: 100%;
}
/*---------- 現在のページマスク ----------*/
.nowPosition {
  opacity: 0.5 !important;
}

.nowPositionSub {
  color: #1A3EAD !important;
}

/*---------- 資料請求 ----------*/
.boxRequest {
  width: 100%;
  max-width: 980px;
  margin: 10px 0;
}

.boxRequest .txtInfo {
  float: left;
  width: 80%;
  box-sizing: border-box;
}
.boxRequest .btnImage {
  float: right;
  width: 20%;
  max-width: 150px;
  box-sizing: border-box;
}
.boxRequest .btnImage img {
/*  width: 100%; */
}
.boxRequest:after{
  content: ""; 
  display: block; 
  clear: both;
}

/*    Ｑ＆Ａリスト    */
dl.defQandA{
  margin:10px auto;
  border:1px solid #009A53;
/*  border-radius:10px; */
}
dl.defQandA dt.defQuestion{
  padding:5px 10px;
  overflow:hidden;
  background-color:#009A53;
  color:#FFFFFF;
}
dl.defQandA dd.defAnswer{
  margin:0px auto;
  padding:5px 10px;
  overflow:hidden;
  border-bottom:1px dotted #009A53;
}
dl.defQandA dd.defAnswer:last-child{
  border-bottom:none;
}

/*    定義リスト    */
dl.defBody{
  margin:10px auto;
  border:1px solid #009A53;
/*  border-radius:10px; */
}
dl.defBody dt.defTitle{
  padding:5px 10px;
  overflow:hidden;
  background-color:#009A53;
  color:#FFFFFF;
}
dl.defBody dd.defContent{
  margin:0px auto;
  padding:5px 10px;
  overflow:hidden;
  border-bottom:1px dotted #009A53;
}
dl.defBody dd.defContent:last-child{
  border-bottom:none;
}

/* 2019/09/13 add start*/
dl.defBody2{
  margin:10px auto;
  border:1px solid #a80022;
/*  border-radius:10px; */
}
dl.defBody2 dt.defTitle{
  padding:5px 10px;
  overflow:hidden;
  background-color:#a80022;
  color:#FFFFFF;
}
dl.defBody2 dd.defContent{
  margin:0px auto;
  padding:5px 10px;
  overflow:hidden;
  border-bottom:1px dotted #a80022;
}
dl.defBody2 dd.defContent:last-child{
  border-bottom:none;
}
/* 2019/09/13 add end*/


/*    role.css の定義を移動		2019-02-13    */
dl.defBody dd.defContent .left {float:left; margin-right:10px;}
dl.defBody dd.defContent .right {float:right; margin-left:10px;}

/*    定義リスト（ピンク）    */
dl.defRedBody{
  margin:10px auto;
  border:1px solid #EE5E5E;
  text-indent:0em;
}
dl.defRedBody dt.defRedTitle{
  padding:5px 10px;
  overflow:hidden;
  background-color:#EE5E5E;
  color:#FFFFFF;
}
dl.defRedBody dd.defRedContent{
  margin:0px auto;
  padding:5px 10px;
  overflow:hidden;
  border-bottom:1px dotted #EE5E5E;
}
dl.defRedBody dd.defRedContent:last-child{
  border-bottom:none;
}

/*    テーブル定義（事務所情報）    */
table.officeInfo{
  margin:10px auto;
  width:100%;
  border:1px solid #009A53;
}
table.officeInfo th{
  padding:5px 10px;
  background-color:#009A53;
  color:#FFFFFF;
}
table.officeInfo td{
  padding:5px 10px;
  background-color:#FFFFFF;
  border:1px solid #009A53;
}

/*    テーブル定義（緑）    */
table.baseGreen{
  margin:0px auto;
  width:100%;
  border:1px solid #009A53;
}
table.baseGreen th{
  padding:5px 10px;
  background-color:#009A53;
  color:#FFFFFF;
}
table.baseGreen td{
  padding:5px 10px;
  background-color:#FFFFFF;
/*  color:#009A53; */
  border:1px solid #009A53;
}

/*    テーブル定義（セル幅）    */
.per005Cel {
  width: 5%;
}
.per015Cel {
  width: 15%;
}
.per025Cel {
  width: 25%;
}
.per060Cel {
  width: 60%;
}
.amount {
  width: 100px;
}
/*    テーブル定義（セル内文字位置）    */
.justLeft {
  text-align: left;
}
.justCenter {
  text-align: center;
}
.justRight {
  text-align: right;
}
/*    テーブル定義（ボーダーカラー）    */
.borderWhite {
  border:1px solid #FFFFFF;
}
/*    テーブル定義（セル内縦文字位置）    */
.verticalMiddle {
  vertical-align:middle;
}

/*---------- ボックスエリア　左寄せ回り込み　 ----------*/
.boxFloatLeft {
  float: left;
  margin: 20px;
}

/*---------- ボックスエリア　左寄せ回り込み　 ----------*/
.boxFloatRight {
  float: right;
  margin: 20px;
}

/*    左寄せボックス    */
.boxLeft {
  text-align: left;
  margin: 20px;
}
/*    中央寄せボックス    */
.boxCenter {
  text-align: center;
  margin: 20px;
}
/*    右寄せボックス    */
.boxRight {
  text-align: right;
  margin: 20px;
}

/*    インフォメーション    */
.infoBoxGreen{
  margin:10px auto;
  padding:5px 30px;
  text-align:center;
  color:#FFFFFF;
  width:80%;
  background-color:#009A53;
}
/*---------- メール会員ページ用　左寄せ回り込み　 ----------*/
.memberFloatLeft {
  float: left;
}

/*---------- メール会員ページ用　右寄せ回り込み　 ----------*/
.memberFloatRight {
  float: right;
}


/*---------- タイルパネル（base.css で定義した内容を補完） ----------*/
/*    ピンクタイル    */
#bnr_area .block > a figure .pinkTile{
  background-color: #F19EC2;
  height: 294px;
  width: 294px;
  position: absolute;
  bottom: 0;
}
#bnr_area .block > a figure .pinkTile .title {
  width: 100%;
  box-sizing: border-box;
  font-size: 22px;
  color: #FFF;
  text-align: center;
  padding-top: 88px;
  font-weight: bold;
}
#bnr_area .block > a figure .pinkTile .text {
  width: 100%;
  box-sizing: border-box;
  font-size: 17px;
  color: #FFF;
  text-align: center;
  padding-top: 5px;
}
/*    グリーンタイル    */
#bnr_area .block > a figure .greenTile{
  background-color: #A8D182;
  height: 294px;
  width: 294px;
  position: absolute;
  bottom: 0;
}
#bnr_area .block > a figure .greenTile .title {
  width: 100%;
  box-sizing: border-box;
  font-size: 22px;
  color: #FFF;
  text-align: center;
  padding-top: 88px;
  font-weight: bold;
}
#bnr_area .block > a figure .greenTile .text {
  width: 100%;
  box-sizing: border-box;
  font-size: 17px;
  color: #FFF;
  text-align: center;
  padding-top: 5px;
}
/*    ブルー    */
#bnr_area .block > a figure .blueTile{
  background-color: #7FCEF5;
  height: 294px;
  width: 294px;
  position: absolute;
  bottom: 0;
}
#bnr_area .block > a figure .blueTile .title {
  width: 100%;
  box-sizing: border-box;
  font-size: 22px;
  color: #FFF;
  text-align: center;
  padding-top: 88px;
  font-weight: bold;
}
#bnr_area .block > a figure .blueTile .text {
  width: 100%;
  box-sizing: border-box;
  font-size: 17px;
  color: #FFF;
  text-align: center;
  padding: 5px;
}
/*    ダークブルー    */
#bnr_area .block > a figure .darkblueTile{
  background-color: #335E93;
  height: 294px;
  width: 294px;
  position: absolute;
  bottom: 0;
}
#bnr_area .block > a figure .darkblueTile .title {
  width: 100%;
  box-sizing: border-box;
  font-size: 22px;
  color: #FFF;
  text-align: center;
  padding-top: 88px;
  font-weight: bold;
}
#bnr_area .block > a figure .darkblueTile .text {
  width: 100%;
  box-sizing: border-box;
  font-size: 17px;
  color: #FFF;
  text-align: center;
  padding-top: 5px;
}
/*    紫（パープル）    */
#bnr_area .block > a figure .purpleTile{
  background-color: #BBA1CB;
  height: 294px;
  width: 294px;
  position: absolute;
  bottom: 0;
}
#bnr_area .block > a figure .purpleTile .title {
  width: 100%;
  box-sizing: border-box;
  font-size: 22px;
  color: #FFF;
  text-align: center;
  padding-top: 88px;
  font-weight: bold;
}
#bnr_area .block > a figure .purpleTile .text {
  width: 100%;
  box-sizing: border-box;
  font-size: 17px;
  color: #FFF;
  text-align: center;
  padding: 5px;
}
/*    イエロー    */
#bnr_area .block > a figure .yellowTile{
  background-color: #FDD35B;
  height: 294px;
  width: 294px;
  position: absolute;
  bottom: 0;
}
#bnr_area .block > a figure .yellowTile .title {
  width: 100%;
  box-sizing: border-box;
  font-size: 22px;
  color: #FFF;
  text-align: center;
  padding-top: 88px;
  font-weight: bold;
}
#bnr_area .block > a figure .yellowTile .text {
  width: 100%;
  box-sizing: border-box;
  font-size: 17px;
  color: #FFF;
  text-align: center;
  padding: 5px;
}

/*============================
# タブ切替エリア
============================*/
#tab_switch_area {
  width:90%;
  margin-top: 20px;
  padding:0 5%;
}
#tab_switch_area .titleArea {
  width:100%;
  margin-bottom:30px;
  padding-top:20px;
  float:none;
  text-align:center;
}
#tab_switch_area #tab_cont {
	width:100%;
	float:none;
}
#tab_switch_area #tab_cont > ul {
  padding-left: 0;
  font-size: 0;
  text-align:center;
}
#tab_switch_area #tab_cont > ul li {
  display: inline;
  padding: 0 10px;
  font-size: 12px;
  border-right: 1px solid #333333;
}
#tab_switch_area #tab_cont > ul li:last-child {
  border-right: none;
}

#tab_switch_area #tab_cont > ul .tab_link a {
  padding-top: 10px;
}

#tab_switch_area #tab_cont > ul .tab_link:first-child a {
  border-top: 5px solid #000;
}
#tab_switch_area #tab_cont .tab_ttl .tabNum {
  display:none;
}
#tab_switch_area #tab_cont .tab_ttl .tabNum:first-child {
  display:block;
}
#tab_switch_area p {
  padding-top: 30px;
}

/*   お客様の声   */
#tab_switch_area .userHouse {
  float: left;
  width: 30%;
  max-width: 180px;
  padding: 5px;
  box-sizing: border-box;
  text-align: center;
}
#tab_switch_area .userHouse img{
  width: 100%;
}
#tab_switch_area .userVoice {
  float: right;
  width: 70%;
  padding: 5px;
  box-sizing: border-box;
}

/*   バーチャルモデルルーム   */
#tab_switch_area .virtualHouse {
  float: left;
  width: 30%;
  max-width: 180px;
  padding: 5px;
  box-sizing: border-box;
  text-align: center;
}
#tab_switch_area .virtualHouse img{
  width: 100%;
  max-width: 120px;
}
#tab_switch_area .virtualInfo {
  float: right;
  width: 70%;
  padding: 20px 10px;
  box-sizing: border-box;
}

/*  border: 3px solid red; */

/*media Queries
----------------------------------------------------*/
@media only screen and (min-width: 769px) {
  /*============================
  # タブ切替エリア
  ============================*/
  #tab_switch_area {
    width:96%;
    margin-top: 5%;
    padding:0 2%;
/*    background: url(../img/frame/frame_news.gif) no-repeat;	*/
    background-position: 18% 0%;
    -webkit-background-size: 10% auto;
    background-size: 10% auto;
  }
  #tab_switch_area .titleArea {
    width:12%;
    padding-top:5%;
    float:left;
  }
  #tab_switch_area .titleArea img{
    width:100%;
  }
  #tab_switch_area #tab_cont {
    width:85%;
    float:right;
  }

  #tab_switch_area #tab_cont > ul {
    width:80%;
    padding-left:15%;
    font-size: 0;
    text-align:left;
  }
  #tab_switch_area #tab_cont > ul li {
    display: inline;
    padding: 0 20px;
    font-size: 12px;
    border-right: 1px solid #333;
  }

  #tab_switch_area #tab_cont > ul .tab_link a {
    padding-top: 10px;
  }

  #tab_switch_area #tab_cont > ul .tab_link:first-child a {
    border-top: 5px solid #009A53;
  }

  #tab_switch_area #tab_cont .tab_ttl {
    min-height: 140px;
  }
  #tab_switch_area #tab_cont .tab_ttl .tabNum {
    display:none;
  }
  #tab_switch_area #tab_cont .tab_ttl .tabNum:first-child {
	display:block;
  }
  #tab_switch_area p {
    padding-top: 3%;
  }
  
}

#chapter .userVoice h4{
	color:#000;
	font-weight:bold;
	border:none;
	font-size:16px;
	padding:0;
	margin:0;
}
#chapter .userVoice h4 span{
	color:#ff9000;
}
#chapter .userVoice h4 .clgr{
	color:#e0e0e0;
}
.linevoice{
	margin:40px 0;
	border:solid 1px #e5e5e5;
}


@media only screen and (max-width: 769px) {
	.boxNoLineA90{
		width:100%;
	}
	#tab_switch_area .userVoice{
		width:65%;
	}
}

/*-------お客様の声追加css-------*/
#tab_switch_area .answer {
    float: right;
    width: 70%;
    padding: 5px;
    box-sizing: border-box;
}
#chapter .answer h5{
	margin:0;
	padding:0;
	margin-top:30px;
	color:#ffa80d;
	font-size:18px;
	letter-spacing:1px;
	background:url(../../oph-search/voice/images/icon_from.jpg) no-repeat left center;
	padding-left:40px;
}
#chapter .answer h5 span{
	font-size:14px;
}

#tab_switch_area .answer p{
	padding:0;
	margin:0;
	margin-top:10px;
	font-size:15px;
	margin-left:40px;
}
@media only screen and (max-width: 769px) {
	#tab_switch_area .answer {
		width:100%;
	}
	#chapter .answer h5{
		background-position: left top;
	}
	#chapter .answer h5 span{
		display:block;
	}
}