@charset "utf-8";

/* ------------------------------------------------------------
corp page style
------------------------------------------------------------ */

/* 全体を囲む角丸ボックス
-------------------------------------------------- */
#main.corp .r_box{
  padding: 0;
}


/* ------------------------------------------------------------
corp index
------------------------------------------------------------ */

/* 会社タイトルロゴ
-------------------------------------------------- */
.corp_title{
  width: 680px;
  padding: 8px 15px;
  text-align:center;
}

/* 会社タイトル
-------------------------------------------------- */
.mainHeadCorp h1{
  float: left;
  margin: 24px auto 18px;
  padding-left: 22px;
  vertical-align: bottom;
  line-height:1.4;
  font-size: 30px;
}

/* セクション範囲
-------------------------------------------------- */

#main.corp .r_box .inner.corp_index{
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#main.corp .r_box .inner .section_box{
  display: inline-block;
  vertical-align: top;
  width: 325px;
  height: auto;
  padding: 0 0 10px 0;
  letter-spacing:-0.4em;
  float: left;
  border-radius: 8px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.15);
  margin-bottom: 20px;
  /* for IE7 */
  *display: inline;
  *zoom: 1;
}


#main.corp .r_box .inner .section_box:nth-last-child(-n+2){
  border-bottom: none;
}

#main.corp .r_box .inner .section_box .section_box_inner{
  letter-spacing: normal;
  font-size: 14px;
  padding-bottom: 30px;
}

.section_box_inner h3 {
  padding: 8px 20px;
  background: #F5FAF9;
  display: flex;
  font-weight: 700;
  font-size: 15px;
}

.corpListNameIcon {
  width: 17px;
  margin-right: 5px;
}

.corpCatch {
  margin: 0 20px;
  height: 110px;
}

/* ロゴと写真エリア
-------------------------------------------------- */
#main.corp .r_box .inner .section_box .photoList{
  overflow: hidden;
  margin:  12px 8px;
}

#main.corp .r_box .inner .section_box .photoList div{
  float:left;
  width: 150px;
  height: 120px;
  margin: 0 0 0 5px;
  border: 1px solid #ccc;
}

#main.corp .r_box .inner .section_box .photoList div:nth-child(2n+1) {
  clear: left;
  margin-left: 0;
}

#main.corp .r_box .inner .section_box .photoList div.first {
  margin-left: 0;
}

/* アコーディオン
-------------------------------------------------- */
.accordionBox {
  width: auto;
  border-bottom: 1px solid #dbdbdb;
}

.accordionBox input {
  display: none;
}

.accordionBox label {
  width: auto;
  font-size: 15px;
  font-weight: 700;
  position: relative;
  display: block;
  padding: 10px 20px;
  cursor: pointer;
  background: #F5FAF9;
}

.accordionBox label:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 8px;
  height: 8px;
  margin-top: -8px;
  border-top: 2px solid #0ABAB5;
  border-right: 2px solid #0ABAB5;
  transform: translateX(-50%) rotate(135deg);
}

.accordionBox input:checked~label::after {
  transform: translateX(-50%) translateY(50%) rotate(315deg);
}

.accordionBox .accordionMenuDetail {
  height: 0px;
  overflow: hidden;
  opacity: 0;
  transition: 0.15s;
}

.accordionBox input:checked~.accordionMenuDetail {
  height: auto;
  opacity: 1;
  padding: 12px 10px;
}

.corpDetailBtn {
  border:solid 1px #0ABAB5;
  border-radius: 5px;
  font-size: 15px;
  margin: 30px 10px 0;
  padding: 10px 20px;
  text-align: center;
  transition: 0.1s ease;
}

.corpDetailBtn:hover{
  transform:  scale(0.95);
}

/* 特徴タグ
-------------------------------------------------- */
.featureTagList{
  display: flex;
  flex-wrap: wrap;
  margin: 17px 0;
  padding: 0 20px;
}

.featureTagItem{
  margin: 2px 3px;
  padding: 1px 8px;
  border: 1px solid;
  border-radius: 2em;
  font-weight: 700;
  font-size: 13px;
}

.eraTag{
  border-color: #fd6969;
  color: #fd6969;
}

.counselingOfficeAreaTypeTag{
  border-color: #6ed70f;
  color: #6ed70f;
}

.typeOfPartnerSearchTag{
  border-color: #ffbc09;
  color: #ffbc09;
}

.priceTag{
  border-color: #53c4ef;
  color: #53c4ef;
}


/* 会員資格アイコン
-------------------------------------------------- */
.section_box_inner .membership{
  padding: 3px 0 4px 28px;
  font-weight: bold;
  background: url(/assets/img/corp/icon_corp_membership.svg) 0 2px no-repeat;
}

/* 対応地域アイコン
-------------------------------------------------- */
.section_box_inner .area{
  padding: 7px 0 11px 28px;
  font-weight: bold;
  background: url(/assets/img/corp/icon_corp_location.svg) 0 2px no-repeat;
}

/* セクション範囲内リンク
-------------------------------------------------- */
.section_box_inner a:link{
}

.section_box_inner a:visited{
}

.section_box_inner a:hover{
}

.section_box_inner a:active{
}

/* セクション範囲装飾
-------------------------------------------------- */
.section_box strong{
  color: #e5004f;
  font-size: 110%;
}

/* tab
-------------------------------------------------- */

.tab{
  position: relative;
  z-index: 2;
  margin: 20px 0 0 10px;
  _zoom: 1;
  overflow: hidden;
}

.tab .corp_tab{
  display: block;
  float: left;
  width: 137px;
  height: 48px;
  line-height: 48px;
  font-size: 12px;
  text-align: center;
  /*background: url(/assets/img/corp/corp_tab_off.gif) 0 0 no-repeat;*/
  cursor: pointer;
}
.tab .corp_tab.active{
  /*background: url(/assets/img/corp/corp_tab_on.gif) 0 0 no-repeat;*/
}

.tab .overview{
  background: url(/assets/img/corp/tab_overview-off.png) 0 0 no-repeat;
}

.tab .service{
  background: url(/assets/img/corp/tab_service-off.png) 0 0 no-repeat;
}

.tab .news{
  background: url(/assets/img/corp/tab_news-off.png) 0 0 no-repeat;
}

.tab .review{
  background: url(/assets/img/corp/tab_review-off.png) 0 0 no-repeat;
}

.tab .photo{
  background: url(/assets/img/corp/tab_photo-off.png) 0 0 no-repeat;
}

.tab .overview.active{
  background: url(/assets/img/corp/tab_overview-on.png) 0 0 no-repeat;
}

.tab .service.active{
  background: url(/assets/img/corp/tab_service-on.png) 0 0 no-repeat;
}

.tab .news.active{
  background: url(/assets/img/corp/tab_news-on.png) 0 0 no-repeat;
}

.tab .review.active{
  background: url(/assets/img/corp/tab_review-on.png) 0 0 no-repeat;
}

.tab .photo.active{
  background: url(/assets/img/corp/tab_photo-on.png) 0 0 no-repeat;
}

/* tab
-------------------------------------------------- */
#tab_top{
  width: 100%;
  height: 50px;
  margin: 20px 0;
  background: #fff;
  border-top: 1px solid #ECECEC;
  border-bottom: 1px solid #ECECEC;
}

#tab_top li{
  display: table;
  width: 20%;
  height: 50px;
  float: left;
  margin: 0 0;
  text-align: center;
  line-height: 1;
}


#tab_top li a{
  display: table-cell;
  height: 50px;
  vertical-align: middle;
  font-size: 14px;
  color: #434343;
  border-right: 1px solid #ECECEC;
  line-height: 1rem;
  text-decoration: none;
}

#tab_top li a:link{
  color: initial;
}

#tab_top li.active a:hover{
  border-bottom: initial;
}

#tab_top li a:visited{
  color: inherit;
}

.tab.bottom{
  position: relative;
  z-index: 3;
  margin: 0 0 20px 10px;
  _zoom: 1;
  overflow: hidden;
}

.tab.bottom .overview{
  background: url(/assets/img/corp/tab_overview_b-off.png) 0 0 no-repeat;
}

.tab.bottom .service{
  background: url(/assets/img/corp/tab_service_b-off.png) 0 0 no-repeat;
}

.tab.bottom .news{
  background: url(/assets/img/corp/tab_news_b-off.png) 0 0 no-repeat;
}

.tab.bottom .review{
  background: url(/assets/img/corp/tab_review_b-off.png) 0 0 no-repeat;
}

.tab.bottom .photo{
  background: url(/assets/img/corp/tab_photo_b-off.png) 0 0 no-repeat;
}

.tab.bottom .overview.active{
  background: url(/assets/img/corp/tab_overview_b-on.png) 0 0 no-repeat;
}

.tab.bottom .service.active{
  background: url(/assets/img/corp/tab_service_b-on.png) 0 0 no-repeat;
}

.tab.bottom .news.active{
  background: url(/assets/img/corp/tab_news_b-on.png) 0 0 no-repeat;
}

.tab.bottom .review.active{
  background: url(/assets/img/corp/tab_review_b-on.png) 0 0 no-repeat;
}

.tab.bottom .photo.active{
  background: url(/assets/img/corp/tab_photo_b-on.png) 0 0 no-repeat;
}

.tab .corp_tab span{
  display: none;
}

.tab_contents{
  position: relative;
  z-index: 1;
  margin-top: 20px;
  padding: 0 0 20px;
  background: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.15);
}

.tab_contents .pref{
  _zoom: 1;
  overflow: hidden;
}

.tab_contents .pref li{
  display: block;
  float: left;
  width: 104px;
  line-height:2;
}

.tab_motion{
  overflow:hidden;
}


/* 他の結婚相談所をみる
-------------------------------------------------- */
.bn_carousel li a:link{
  color: #746342 !important;
  text-decoration: none;
}

.bn_carousel li a:visited{
  color: #746342 !important;
  text-decoration: none;
}

.bn_carousel li a:hover{
  color: #f60 !important;
  text-decoration: none;
}

.bn_carousel li a:active{
  color: #f60 !important;
  text-decoration: none;
}



/* ------------------------------------------------------------
タブで見た目が切り替わるコンテンツ
------------------------------------------------------------ */
.f_inner{
  margin: 0 20px 20px;
  _zoom: 1;
  overflow: hidden;
}

.review_01{
  background: url(/assets/img/common/vertical_line_dash.gif) top center repeat-y;
}
@media screen and (max-width: 929px) {
  .review_01 {
    background: none;
  }
}

.review_01 .l_column{
  float:left;
  width: 295px;
  padding: 0 15px 10px 15px;
}
@media screen and (max-width: 929px) {
  .review_01 .l_column{
    float: none;
    margin: 0 auto;
  }
}

.review_01 .r_column{
  float: right;
  width: 295px;
  padding: 10px 15px
}
@media screen and (max-width: 929px) {
  .review_01 .r_column{
    float: none;
    margin: 0 auto;
  }
}


/* 基本情報
-------------------------------------------------- */
.intro_title{
  margin: 14px auto;
}

.point_strong{
  margin: 7px;

  font-size: 16px;
}

.point_strong .highlight{
  color: #ff0000;
}

.intro_list li{
  margin: 0 0 0 2em;
  list-style-type: disc;
}

/* sub tab */
.sub_tab{
  position: relative;
  z-index: 2;
  margin: 20px 0 0 0;
  _zoom: 1;
  overflow: hidden;
  background: url(/assets/img/corp/sub_tab_bg.gif) 0 0 no-repeat;
}

.sub_tab .switchButton2{
  display: block;
  float: left;
  width: 335px;
  height: 42px;
  line-height: 42px;
  font-size: 16px;
  text-align: center;
  color: #bab1a3;
  -moz-text-shadow: 1px 1px 1px #443620;
  -webkit-text-shadow: 1px 0px 1px #443620;
  -ms-text-shadow: 1px 0px 1px #443620;
  text-shadow: 1px 0px 1px #443620;
  cursor: pointer;
}
.sub_tab .switchButton2.active{
  font-weight: normal;
  color: #bab1a3;
  font-weight: bold;
  color: #fff;
}

.three_buttons{
  background: url(/assets/img/corp/sub_tab_bg2.gif) 0 0 no-repeat;
}/* ボタン３つの場合 */

.three_buttons .switchButton2{
  width: 223px;
}/* ボタン３つの場合 */

.corp_info{
  width: 100%;
  margin: 10px 0;
}
.corp_info th{
  padding: 5px;
  text-align: center;
  border: 1px solid #959595;
  background: #f6f2e7;
}

.corp_info td{
  padding: 5px;
  width:75%;
  border: 1px solid #959595;
}

.corp_info th.title{
  padding: 2px 5px;
  background: #fff799;
}

.corpHeading{
  margin-top: 40px;
  padding: 0.6em 1em;
  background: #fdf7ec;
  color: #434343;
  font-weight: 700;
  font-size: 23px;
}

/* この相談所を見ている方におすすめの相談所、おすすめ記事 */
.recommendList{
  display: flex;
  padding: 10px;
  white-space: nowrap;
}

.recommendItem{
  flex: 0 0 auto;
  width: 20%;
  margin-right: 5px;
  padding: 10px;
  border: solid 1px #dbdbdb;
  border-radius: 5px;
  transition: 0.1s ease;
}

.recommendItemArticle{
  width: 29%;
}

.recommendItem:hover{
  opacity: 0.6;
}

.recommendItem a{
  display: block;
  text-decoration: initial;
}

.recommendItemImage{
}

#main .recommendItem a:hover{
  color: initial;
}

#main .recommendItem a:visited{
  color: initial;
  transition: 0.1s ease;
}

h3.recommendName{
  height: 40px;
  margin: 8px 0 14px;
  color: initial;
  font-size: 15px;
  white-space: initial;
}

h3.recommendNameArticle{
  display: flex;
  margin: 8px 0 2px;
  color: initial;
  font-size: 15px;
  white-space: initial;
}

.recommendDetail{
  width: 90%;
  margin: 0 auto;
  color: #00b7ed;
  font-weight: 700;
  font-size: 15px;
  text-align: center;
  text-decoration: underline;
}

.recommendButton{
  margin-right: 10px;
  text-align: right;
}

.recommendButton:hover{
}

.recommendButton a{
  color: #6e5c4a;
  font-weight: 700;
}

/* 入会までの流れ */
.flow{
  margin: 20px 0;
  _zoom: 1;
  overflow: hidden;
}

.flow_box{
  float: left;
  margin: 0;
}

.flow_box p{
  width: 150px;
  margin: 7px 0 0 0;
  font-size: 12px;
}

/* 注意事項 */
.notice{
  padding: 10px;
  background: #f6f2e7;
}

.notice p{
  margin: 0 0 10px 0;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 12px;
}

.notice p:last-child{
  margin: 0 0 0 0;
}

/* ------------------------------------------------------------
opinion　意見の表示
------------------------------------------------------------ */
.opinionTitleBox{
  text-align: center;
}

.opinionTitle{
  display: inline-block;
  position: relative;
  color: #555;
  font-weight: 700;
  font-size: 13px;
  text-align: center;
}

.opinionTitle:before{
  content: "";
  position: absolute;
  height: 10px;
  width: 2px;
  top: 50%;
  left: -10px;
  transform: translateY(-50%) rotate(-30deg);
  background: #FCBCC9;
}

.opinionTitle:after{
  content: "";
  position: absolute;
  height: 10px;
  width: 2px;
  top: 50%;
  right: -7px;
  transform: translateY(-50%) rotate(30deg);
  background: #FCBCC9;
}

.opinionBox{
  display: flex;
  justify-content: center;
  background: #FFFFFF;
  padding: 6px 10px 8px;
}

.opinionImage{
  display: block;
  margin: 0 auto;
  width: 70px;
}

.opinionName{
  margin-top: 5px;
  font-size: 10px;
  text-align: center;
  line-height: 1.3em;
}

.opinionContents{
  position: relative;
  display: inline-block;
  margin-left: 1em;
  padding: 7px 10px;
  width: 72%;
  height: 100%;
  background: #FFF;
  border: solid 2px #FCBCC9;
  border-radius: 10px;
  color: #555;
  font-size: 14px;
}

.opinionContents:before{
  content: "";
  position: absolute;
  top: 30px;
  left: -19px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-right: 10px solid #FFF;
  z-index: 2;
}

.opinionContents:after{
  content: "";
  position: absolute;
  top: 30px;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #FCBCC9;
  z-index: 1;
}

/* 取材記事へのリンク */
.report_link {
  margin: 20px 0;
  padding: 10px 10px 0;
  border-top: 1px dashed #999;
}
.report_link .ttl{

}
.report_link .box{
  float: left;
  margin: 10px 0;
}
.report_link .box:nth-child(odd){
  float: right;
}
.report_link .box_ttl{
  padding-left: 20px;
  background: url(/assets/img/common/icon_li_arrow.gif) no-repeat 5px center;
  display: inline-block;
  width: 300px;
}
.report_link .box_img {
  display: block;
  margin: 5px auto 0;
  background: #fff;
  border: 5px #fff solid;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.30);
  -webkit-box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.30);
  -ms-box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.30);
  box-shadow: 0px 0px 4px 0 rgba(0, 0, 0, 0.30);
  box-sizing: border-box;
}
.report_link .box_img img {
  width: 310px;
  height: 160px;
  object-fit: cover;
}

/* サンマリエ */
.report_sunmarie {
  margin: 20px 0 30px;
}

/* 支店情報
-------------------------------------------------- */
#corp_map{
  margin: 15px 0;
  width: 669px;
  height: 230px;
  background-color: #f8f4ea;
}

/* 支店テーブル */
.corp_branch{
  width: 100%;
  max-width: 660px;
  margin: 30px auto;
}

.corp_branch th{
  padding: 5px;
  text-align: center;
  border: 1px solid #959595;
  background: #f6f2e7;
}

.corp_branch td{
  padding: 5px;
  border: 1px solid #959595;
}

.corp_branch th.title{
  padding: 5px;
  background: #fff799;
}


.corp_branch .name{
  width: 190px;
}

.corp_branch .address{
  width: 220px;
}

.seeInMapBox{
  padding: 8px 8px 8px 0;
  text-align: right;
}

.seeInMapIcon{
  position: relative;
  bottom: 4px;
  width: 20px;
}

.seeInMapLink{
  font-size: 15px;
}


/*　コース・料金
-------------------------------------------------- */
.course_box{
  margin: 40px 0;
  padding: 0 0 30px;
  background: url(/assets/img/corp/ti_bg.gif) left bottom no-repeat;
}

.courseWrap .course_box:last-child{
  background: none;
}

.course_box h3{
  position:relative;
  margin: 0 0 15px 0;
  padding: 0 0 0 30px;
  font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN W6", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 21px;
  line-height:23px;
  color: #746342;
  background: url(/assets/img/corp/head_icon.gif) left top no-repeat;
}

.courseFlex {
  display: flex;
}

/* コーステーブル */
.course_box table{
  margin: 0 0 10px;
  width: 100%;
}
.course_box table th{
  padding: 5px;
  text-align: center;
  border: 1px solid #959595;
  background: #f6f2e7;
}

.course_box table td{
  padding: 5px;
  border: 1px solid #959595;
}

.course_box table td span{
  font-weight: bold;
}
.course_box table .initial{
  width: 240px;
}

.course_box table .monthly{
  width: 240px;
}

.course_box p{
  margin: 0 20px;
}

.course_box .headline{
  margin: 0;
  padding: 5px 0 5px 25px;
  background: url(/assets/img/corp/icon_service.gif) left center no-repeat;
  font-weight: bold;
}



/*　パーティー・イベント
-------------------------------------------------- */
.course_box .party_desc{
  font-size: 16px;
}


/*　資料
-------------------------------------------------- */
#pamph_box{
  margin: 30px auto;
  width: 600px;
  text-align: center;
  _zoom: 1;
  overflow: hidden
}

#pamph_box h3{
  margin: 0 0 10px 0;
  font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN W6", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 21px;
  color: #f39800;
}

#pamph_box .photo_b{
  margin: 0 0 20px;
}

#pamph_box .photo_b p{
  margin: 10px 0 0;
}

#pamph_box .photo_s{
  width: 600px;
  height: 102px;
  _zoom: 1;
  overflow: hidden
}

#pamph_box .photo_s ul li{
  float: left;
  width: 140px;
  height: 100px;
  margin: 0 10px 0 0;
  border: 1px solid #ccc;
}

#pamph_box .photo_s ul li:last-child{
  margin: 0;

}

#pamph_box .photo_s ul .active,
#pamph_box .photo_s ul li:hover{
  width: 134px;
  height: 94px;
  border: 4px solid #eed48f;
}

#pamph_box .photo_s ul li a img{
  width: 134px;
  height: 94px;
  margin-top: 3px;
  vertical-align: middle;
}

#pamph_box .photo_s ul .active a img,
#pamph_box .photo_s ul li:hover a img{
  margin: 0;
}


/*　ニュース・キャンペーン
-------------------------------------------------- */
.camp_img{
  width: 270px;
  margin-right: 10px;
}

.camp_img p{
  display: table-cell;
  width: 280px;
  height: 200px;
  vertical-align: middle;
  text-align: center;
}

_.camp_img p{
  layout-grid-line: 280px;
}/* IE7 */

.camp_img img{
  vertical-align: top;
}

.camp_img + div{
  float: right;
  width: 380px;
}



/* 口コミ
-------------------------------------------------- */
/* 見出し */
.title_review{
  margin: 20px 0;
}

/* 口コミを絞り込む */
.grade{
  overflow: hidden;
  _zoom: 1;
}

.grade .star {
  float: left;
  width: 80px;
  padding: 2px 0 0 0;
}

.grade .average{
  float:right;
  font-family: serif;
  font-size: 30px;
  color: #fc0;
}

.rating {
  margin: 20px 0;
}
.rating p{
  padding: 2px 0;
}
.rating p .star{
  display: inline-block;
  width: 92px;
  margin-right: 10px;
  vertical-align: middle;
}

.rating p .bar{
  display: inline-block;
  width: 150px;
  height: 20px;
  vertical-align: middle;
  background: #fc0;
}
.rating p .num{
  display: inline-block;
  width: 35px;
  vertical-align: middle;
  font-family: serif;
  font-size: 16px;
  text-align: right;
  color: #fc0;
}

.btn_review a{
  display: block;
  width: 275px;
  height: 30px;
  margin: 0 auto;
  line-height: 30px;
  font-family: "ヒラギノ明朝 ProN W6", "Hiragino Mincho ProN W6", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  text-align: center;
  color: #59493f !important;
  text-decoration: none;
  -moz-text-shadow: 1px 0px 2px rgba(255, 255, 255, 0.75);
  -webkit-text-shadow: 1px 0px 2px rgba(255, 255, 255, 0.75);
  -ms-text-shadow: 1px 0px 2px rgba(255, 255, 255, 0.75);
  text-shadow: 1px 0px 2px rgba(255, 255, 255, 0.75);
  background: url(/assets/img/corp/btn_review.gif) 0 0 no-repeat;
}
.btn_review a:hover{
  background: url(/assets/img/corp/btn_review-on.gif) 0 0 no-repeat;
}

.reason .title{
  margin: 0 0 25px 0;
  text-align: center;
  background: #f6f2e7;
}


.reason p .item{
  display: inline-block;
  width: 9em;
  vertical-align: middle;
  padding: 2px 0;
}

.reason p .bar{
  display: inline-block;
  width: 130px;
  height: 20px;
  vertical-align: middle;
  background: #8fc31f;
}

.reason p .num{
  display: inline-block;
  width: 35px;
  vertical-align: middle;
  font-size: 14px;
  text-align: right;
  color: #8fc31f;
  padding: 2.9px 0;
}

.box_left .box_numbers .num{
  display: inline-block;
  padding: 6.3px 1px;
}

/* 口コミを絞り込む */
.filter{
  overflow: hidden;
  _zoom: 1;
}

.filter .select{
  float: left;
  width: 460px;
}

.filter .btn{
  float: right;
  width: 190px;
  height: 290px;
}

.filter .select table th,
.filter .select table td{
  padding: 10px 5px;
  vertical-align: top;
  border: none;
  border-bottom: 1px dashed #bab1a3;
}

.filter .select table th{
  width: 5em;
}

.filter .select table th p{
  padding: 3px 7px;
  text-align: center;
  background: #f6f2e7;
}

.filter .select label{
  margin: 0 10px 0 0;
}

/* 口コミ一覧 */
.review_summary{
  margin: 10px 0 0 0;
  border: 2px solid #f6f2e7;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}

.review_summary .user{
  display: block;
  float: right;
  height: 24px;
  margin: 10px 20px 0 0;
  padding: 0 0 0 45px;
  line-height: 24px;
  font-weight: bold;
}

.review_summary .man{
  background: url(/assets/img/corp/icon_man.gif) 0 0 no-repeat;
}

.review_summary .woman{
  background: url(/assets/img/corp/icon_woman.gif) 0 0 no-repeat;
}

.review_summary table {
  clear: both;
  position: relative;
  width: 650px;
  margin: 0 0 40px 0;
}
.review_summary table th{
  width: 6em;
  padding: 0 20px 0 0;
  vertical-align: top;
  border: none;
}

.review_summary table th p{
  padding: 2px 7px;
  text-align: center;
  background: #f6f2e7;
}

.review_summary table td{
  padding: 0 10px 0 0;
  vertical-align: top;
  border: none;
}

.review_summary table td p{
  line-height: 30px;
  vertical-align: top;
  border: none;
  background: url(/assets/img/corp/review_summary_bg.gif) left bottom repeat-x;
}


.review_summary table td p.label span{
  margin-right: 4px;
  padding: 1px 5px;
  font-size: 12px;
  color: #fff;
  background: #8fc31f;
}

.review_summary table td p .strong{
  color: #e5004f;
}

/* ページネーション */
.pagination{
  display: flex;
  justify-content: center;
  margin: 15px 0;
  font-size: 15px;
}

.pagination strong,
.pagination a {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  line-height: 45px;
  text-align: center;
}

.pagination span, .pagination a{
  display: block;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  line-height: 45px;
  text-align: center;
}

.pagination span.current{
  background: #0abab5;
  color: #fff;
}

.pagination span.page {
  border: 1px solid #dbdbdb;
}

.pagination strong {
  background: #0abab5;
  color: #fff;
}

.pagination a {
  border: 1px solid #dbdbdb;
}


#main .pagination a:visited, #main .pagination a:link {
  color: inherit;
  text-decoration: none;
}


/* ------------------------------------------------------------
kuchikomi 口コミページ
------------------------------------------------------------ */
.tab.kuchikomi{
  margin: 20px 0 0 2px;
}

.tab .kuchikomi_tab{
  display: block;
  height: 55px;
  float: left;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
}

.tab .kuchikomi_gap{
  width: 236px;
  height: 55px;
  line-height: 55px;
  background: url(/assets/img/kuchikomi/tab_kuchikomi_01-off.png) 0 0 no-repeat;
}

.tab .kuchikomi_experience{
  width: 234px;
  height: 55px;
  line-height: 55px;
  background: url(/assets/img/kuchikomi/tab_kuchikomi_02-off.png) 0 0 no-repeat;
}

.tab .kuchikomi_request{
  width: 235px;
  height: 55px;
  line-height: 55px;
  background: url(/assets/img/kuchikomi/tab_kuchikomi_03-off.png) 0 0 no-repeat;
}

.tab .kuchikomi_gap.activeon{
  background: url(/assets/img/kuchikomi/tab_kuchikomi_01-on.png) 0 0 no-repeat;
}

.tab .kuchikomi_experience.activeon{
  background: url(/assets/img/kuchikomi/tab_kuchikomi_02-on.png) 0 0 no-repeat;
}

.tab .kuchikomi_request.activeon{
  background: url(/assets/img/kuchikomi/tab_kuchikomi_03-on.png) 0 0 no-repeat;
}

.tab_contents.kuchikomi_contents{
  margin: 0 0 40px 0;
  padding: 0 0 20px 0;
  border-bottom: 0;
}

.simple-pagination{
  overflow: hidden;
  _zoom: 1;
}

.simple-pagination ul {
  float:right;
}

.simple-pagination li {
  display:inline !important;
}


.k_more {
  margin: 20px;
  text-align: right;
}
@media screen and (max-width: 929px) {
  .k_more {
    text-align: center;
  }
}

.k_more a:link{
  padding: 0 0 0 15px;
  font-size:16px;
  color: #00b7ed;
  background: url(/assets/img/common/list_link.gif) 0 2px no-repeat;
}

.k_more a:visited{
  color: #00b7ed;
}

.k_more a:hover{
  color: #f60;
}

.k_more a:active{
  color: #f60;
}


/* 成婚者の声（婚活生活）
-------------------------------------------------- */
.voice_box{
}

.voice_box_head{
}

.voice_box_head p{
}

.voice_box_head img{
  float: left;
}

.voice_box_couple{
  float: left;
  font-weight: bold;
  padding: 0 50px;
  font-size: 18px;
  line-height: 1;
}

.voice_box_couple p{
  font-weight: bold;
  font-size: 18px;
  line-height: 1;
}

.voice_box_btn{
  clear: both;
  margin: 0 0 20px;
  width: 644px;
  float: left;
  padding: 17px 10px;
  text-align: center;
  font-size: 18px;
  border: 2px solid #a5d5df;
  background: #f3fafc url(/assets/img/common/icon_li_arrow.gif) no-repeat 5px center;
}

.voice_box_body{
  clear: both;
}

.voice_box_body dl dt{
  padding: 5px;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",sans-serif;
  font-weight: bold;
  font-size: 18px;
  border-bottom: 2px solid #746548;
  background: #f6f2e7;
}
.voice_box_body dl dd{
  padding: 10px;
}
.male{
  color:#3399CC;
}
.female{
  color: #FB5C92;
}