@charset "utf-8";

/*
  File Name   : content.css
  Description : コンテンツエリア関係 他
*/


.dummy-text {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 100px 0;
}
@media only screen and  (max-width: 767px) {
  .dummy-text {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 50px 0;
  }
}


/* トップページ
============================================================ */
/*** section-01 ***/
body#top .section-01 {
  background: url(../img_common/bg-dot-01.png);
  height: 520px;
}

/* SLIDER */
#slider-whole {
	width: 2800px;
	margin: 0 auto;
  overflow: hidden;
  position: relative;
  left: 50%;
  margin-left: -1425px;
  height: 400px;
  padding: 40px;
}

#slider-whole img {
	margin: 0 auto;
  height: auto;
}

/* PAGER */
.bx-pager {
  text-align: center;
  margin-top: -75px;
}

.bx-pager span a {  
	margin: 0 5px;
}

.bx-pager a img {  
	opacity: 0.5;  
	filter: alpha(opacity=50);
}

.bx-pager a.active img {  
	opacity: 1;  
	filter: alpha(opacity=100);
}

.bx-pager span {
  position: relative;
}

.bx-pager span a.active:after {
  position: absolute;
  top: -61px;
  left: 50%;
  margin-left: -4px;
  width: 0;
	height: 0;
	border-bottom: 10px solid #1a6600;
	border-right: 8px solid transparent;
	border-top: 10px solid transparent;
	border-left: 8px solid transparent;
  content: "";
}

.bx-pager span.bl a.active:after {
  border-bottom: 10px solid #005a9c;
}

.bx-pager span.or a.active:after {
  border-bottom: 10px solid #ff8200;
}

.bx-pager span.red a.active:after {
  border-bottom: 10px solid #db0505;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .bx-pager span a.active: :after {
    position: absolute;
    top: -66px;
    left: 50%;
    margin-left: -4px;
    width: 0;
    height: 0;
    border-bottom: 10px solid #1a6600;
    border-right: 8px solid transparent;
    border-top: 10px solid transparent;
    border-left: 8px solid transparent;
    content: "";
  }
}


/* DIRECTION CONTROLS (NEXT / PREV) */
#slider {
	position: relative;
}

#slider-whole .bx-wrapper .bx-prev {
	left: 1030px;
	background: url(../img_top/prev.png) 0 0 no-repeat;
}

#slider-whole .bx-wrapper .bx-next {
	right: 1060px;
	background: url(../img_top/next.png) 0 0 no-repeat;
}

#slider-whole .bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

#slider-whole .bx-wrapper .bx-next:hover {
	background-position: 0 0;
}

#slider-whole .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 435px;
	margin-top: -16px;
	outline: 0;
	width: 18px;
	height: 60px;
	text-indent: -9999px;
	z-index: 9999;
}

#slider-whole .bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}


/*** section-02 ***/
body#top .section-02 {
  background: #0c4297;
}

body#top .section-02 li {
  width: 50%;
  padding: 25px 0;
  color: #fff;
  text-align: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body#top .section-02 li h3 {
  margin-bottom: 20px;
}

body#top .section-02 li:first-child {
  float: left;
  border-left: solid 1px #86a1cb;
  border-right: solid 1px #86a1cb;
}

body#top .section-02 li:last-child {
  float: left;
  border-right: solid 1px #86a1cb;
}

body#top .section-02 li:last-child p a {
  float: left;
}

body#top .section-02 li .btn-area {
  width: 420px;
  margin: 40px auto 0;
}


/*** section-03 ***/
body#top .section-03 {
  background: #fff;
  padding: 70px 0 60px;
  text-align: center;
}

body#top .section-03 h2 {
  margin: 0 0 40px;
}

body#top .section-03 h3 {
  margin: 20px 0 20px;
}

body#top .section-03 li {
  float: left;
}

body#top .section-03 li:first-child {
  margin-right: 30px;
}

body#top .section-03 p {
  margin: 40px 0 0;
}


/*** section-04 ***/
body#top .section-04 {
  border-top: solid 2px #ffd24d;
  background: url(../img_common/bg-dot-02.png);
  padding: 70px 0 60px;
  text-align: center;
}

body#top .section-04 h2 {
  margin: 0 0 40px;
}

body#top .section-04 li {
  width: 300px;
  float: left;
  margin: 0 30px 0 0;
}

body#top .section-04 li:last-child {
  margin-right: 0;
}

body#top .section-04 li img {
  margin-bottom: 10px;
}

/*** section-05 ***/
body#top .section-05 {
  border-top: solid 2px #0c4297;
  background: #fff;
  padding: 70px 0;
  text-align: center;
}

body#top .section-05 h2 {
  margin: 0 0 40px;
}

body#top .section-05 p {
  margin: 0 0 40px 0;
  font-size: 15px;
}

body#top .section-05 li {
  width: 300px;
  float: left;
  margin: 0 30px 0 0;
}

body#top .section-05 li:last-child {
  margin-right: 0;
}


/*** section-06 ***/
body#top .section-06 {
  border-top: solid 2px #663300;
  background: url(../img_top/section-06-bg.jpg) 50% 50% no-repeat;
  height: 410px;
  padding: 70px 0 60px;
  text-align: center;
  color: #fff;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body#top .section-06 h2 {
  margin: 0 0 40px;
}

body#top .section-06 p {
  margin: 0 0 40px 0;
  font-size: 15px;
}

body#top .section-06 li {
  width: 300px;
  float: left;
  margin: 0 30px 0 0;
}

body#top .section-06 li:last-child {
  margin-right: 0;
}


/*** section-07 ***/
body#top .section-07 {
  background: #fff;
  padding: 60px 0;
}

body#top .section-07 .top-info {
  float: left;
  width: 610px;
}

body#top .section-07 .top-bn-area {
  float: right;
  width: 300px;
}

body#top .section-07 table.info-table {
	font-size: 13px;
  width: 100%;
  border-top: dotted 1px #ccc;
}

body#top .section-07 table.info-table th,
body#top .section-07 table.info-table td {
  padding: 20px 0;
  border-bottom: dotted 1px #ccc;
}

body#top .section-07 table.info-table th {
  width: 120px;
  vertical-align: top;
}

body#top .section-07 table.info-table td a {
  color: #0c4097;
}

body#top .section-07 .view-btn {
  text-align: right;
  margin-bottom: 5px;
}

body#top .section-07 .view-btn a {
  color: #0c4097;
  background: url(../img_common/arrow-03.png) 0 50% no-repeat;
  background-size: 12px;
  padding-left: 20px;
}

.top-bn-area li {
  margin-bottom: 10px;
}


/* 会社案内
============================================================ */
/*** staff ***/
body.staff .staff-box {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: dotted 1px #ccc;
}

body.staff .staff-box:last-child {
  margin-bottom: 0;
}

body.staff .staff-area h4 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 5px;
  letter-spacing: 2px;
}

body.staff .staff-area .name:after {
  position: relative;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 1px;
  display: block;
  background: #ffd24d;
  content: " ";
  margin-bottom: 15px;
}

body.staff .staff-area .name span {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
}

body.staff .staff-area .name-ja {
  font-size: 28px;
  font-weight: bold;
  margin-right: 15px;
}

body.staff .staff-area .name-jp {
  font-size: 12px;
  font-weight: normal;
}

body.staff .staff-area .staff-msg {
  line-height: 1.8;
}

body.staff .staff-area ul > li:nth-child(2n) {
  width: 580px;
  float: left;
}

body.staff .staff-area ul > li:first-child {
  width: 320px;
  float: right;
}

body.staff .staff-box .link {
  margin-top: 20px;
}

/*** access ***/
body.access .access-box-01 li:first-child {
  float: right;
  width: 300px;
}
body.access .access-box-01 li:last-child {
  float: left;
  width: 630px;
}
body.access .access-box-01 li:first-child li,
body.access .access-box-01 li:last-child li {
  float: auto;
  width: auto;
}
body.access .access-box-01 table th {
  width: 150px;
}

body.access .access-box-02 li:first-child {
  float: left;
  width: 300px;
}
body.access .access-box-02 li:last-child {
  float: right;
  width: 630px;
}
body.access .access-box-02 li:first-child dt {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background: #0c4297;
  padding: 6px 10px;
  margin-bottom: 10px;
}
body.access .access-box-02 li:first-child dd {
  margin-bottom: 30px;
}
body.access .map-box {
  margin-bottom: 30px;
}


/*** slider ***/
body.access .slider {
  width: auto;
	display: block;
	background: #FFF;
}
body.access .slider .bxslider01 li img {
	width: auto;
	margin: 0 auto 10px;
}
body.access .slider .bx-wrapper {
	width: 300px;
	margin:0 auto;
	text-align: center;
}
body.access ul.bxslider01 li {
  display: block;
  width: 300px;
  height: 190px;
  text-align: center;
  margin-bottom: 14px;
}
body.access ul.bxslider02 li {
  float: left !important;
  margin-right: 14px;
  margin-top: 14px;
}
body.access ul.bxslider02 li:last-child {
  margin-right: 0;
}
body.access ul.bxslider02 li a {
  display: block;
  width: 90px;
  height: auto;
  background: #000;
}
body.access ul.bxslider02 li a img {
  display :block;
  width: 90px;
  height: auto;
  opacity: 0.6;
}
body.access .controlWrap {
  width: 100%;
  display: block;
  position: relative;
  margin: 0 auto;
}
body.access #bx-pager a.active img {  
	opacity: 1;  
}


/* お問い合わせ
============================================================ */
body#contact {
}

/* 個人情報保護方針
============================================================ */
body#privacy .privacy-area p {
	margin-bottom: 30px;
}

body#privacy .privacy-area ul li {
	list-style: decimal outside;
	margin-left: 1.5em;
}

body#privacy .privacy-area table {
	margin-bottom: 30px;
}

body#privacy .privacy-area p.title-04 {
	margin-bottom: 0;
}

/* ページが見つかりません
============================================================ */
body#not-found .not-area p {
	text-align: center;
	margin-top: 30px;
}

/* 特集ページ
============================================================ */
body#feature #main{
	padding-top: 0;
}

/*-------------*/
.feature-top h1{
	margin: 0 auto;
	padding: 30px 0 20px;
	text-align: center;
}

/*-------------*/
.feature-about .title-02{
	color: #FFF;
}

.feature-about .feature-merritt{
	width: 800px;
	margin: 0 auto;
	padding: 25px 75px;
	background: url(/img_feature/bg-str.png)
}

.feature-about .feature-merritt li{
	font-size: 16px;
	padding: 15px 0 15px 65px;
}

.feature-about .feature-merritt li img{
	margin-right: 20px;
}

.feature-about .feature-merritt li span{
	font-weight: bold;
}

.feature-about .feature-merritt li span.comment{
	font-weight: normal;
	color: #333 !important;
	text-decoration: underline;
}

.feature-osusume{
	width: 960px;
	margin: 0 auto 30px;
	text-align: center;
  height: 400px;
  overflow: hidden;
}

.feature-osusume li{
	display: block;
	float: left;
	width: 300px;
  height: 400px;
  overflow: hidden;
	margin-left: 30px;
}

.feature-osusume li a{
	display: block;
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0;
}

.feature-osusume img {
  width: 300px;
  height: auto;
  margin:0 auto;
}

.feature-osusume li div {
  width: 300px;
  height: 225px;
}

.feature-osusume li:first-child{
	margin-left: 0;
}

.feature-osusume th{
	border-bottom: 2px solid #FFF;
	color: #FFF;
	height: 50px;
	width: 63px;
}

.feature-osusume td{
	padding-left: 10px;
	text-align: left;
	overflow: hidden;
}
.feature-osusume td span{
	display: block;
	margin-right: 1em;
	float: left;
}

/*-------------*/
.feature-search h2{
	text-align: center;
	padding: 85px 0 30px;
  margin-top: 0;
	background: no-repeat center 20px;
}

/*-------------*/
.feature-catalog{
	width: 960px;
	margin: 0 auto 60px;
	text-align: center;
}
.feature-catalog .title-03:after{
	background: #FFD24D;
}

/*-------------*/
.feature-difference{
	padding: 1px 0 60px;
	background: #0C4297;
}

.feature-difference .title-03{
	color: #FFF;
}
.feature-difference .title-03:after{
	background: #FFF;
}

.feature-difference div{
	width: 880px;
	padding: 1px 40px 30px;
	margin: 0 auto;
	background: #FFF;
}
.feature-difference .difference-sp{
	padding: 0;
}

.difference-table{
	margin-bottom: 10px;
}

.difference-table th,
.difference-table td{
	border: 1px solid #BBB;
	text-align: center;
	padding: 10px;
}

.difference-table  td{
	width: 230px;
}

.difference-table  td:last-child{
	font-weight: bold;
}

.difference-table thead{
	background: #666;
	color: #FFF;
}

.difference-table tbody th{
	background: #EEE;
}

.difference-table thead th:first-child{
	background: #CCC;
}

.difference-table thead th:last-child{
	background: #0C4297;
}

.difference-table tbody td:last-child{
	background: #F8FAFE;
}

.difference-table  tfoot{
	background: #FFFFBF;
}

.difference-table  span{
	font-weight: normal;
}

.difference-table  span.allows{
	font-weight: bold;
	color: #0C4297;
}

.difference-ttl{
	margin-top: 30px;
}

.difference-idea{
	border: 5px solid #BBB;
	padding: 10px 45px 20px;
}

.difference-idea dt{
	font-size: 24px;
	margin-top: 10px;
	font-weight: bold;
	line-height: 1.2em;
	color: #0C4297;
	padding-left: 30px;
	background: url(../img_feature/icon-circle.png) no-repeat 0 center;
}

.difference-idea dd{
	padding-left: 30px;
}

/*-------------*/
.feature-smile{
	text-align: center;
	margin: 0 0 60px;
}

.feature-smile .title-03:after{
	background: #FF3C00;
}

.feature-smile .catch-01 span{
	font-weight: bold;
	color: #FF3A00;
}

.feature-smile dl{
	width: 960px;
	margin: 0 auto;
}

.feature-smile dt{
	padding: 7px;
	background: #FF3C00;
	color: #FFF;
	margin-bottom: 0;
}
.feature-smile dd{
	border: 5px solid #FF3C00;
	border-top: none;
	background: #FAFAFA;
  padding-top: 35px;
  position: relative;
}
.smile-point .box-01 dd {
	position: relative;
	padding: 35px 0 0;
}
.smile-point li{
	width: 260px;
	margin-left: 40px;
	height: 270px;
	display: inline-block;
}

.smile-point li:first-child{
	margin-left: 0;
}

.smile-point .logo{
	position: absolute;
	right: 20px;
	top: 20px;
}

.smile-point li p{
	font-weight: bold;
	display: block;
	width: 300px;
	margin-left: -20px;
}

.smile-lent dd{
	padding: 1px 40px;
}

.smile-lent dd p{
	margin-bottom: 40px;
}

/*-------------*/
.feature-mypage {
	background: #FFD24D;
}

.feature-mypage div {
	width: 960px;
	margin: 0 auto;
}

.feature-mypage div dl {
	width: 50%;
	float: left;
	height: 105px;
	padding-top: 20px;
}

.feature-mypage div dt{
	padding-left: 45px;
	background: url(../img_feature/mypage-icon.png) no-repeat left center;
	font-size: 16px;
}
.feature-mypage div dt span{
	font-size: 22px;
}

.feature-mypage div ul {
	float: right;
	padding-top: 30px;
	height: 95px;
}
.feature-mypage div li {
	background: #FFF;
	float: left;
}

/*-------------*/
.feature-banner{
	width: 960px;
	margin: 0 auto;
	padding: 60px 0 0;
}

.feature-banner li{
	float: left;
	margin-bottom: 40px;
}
.feature-banner li:nth-child(even){
	float: right;
}

/*--------------*/
/*--------------*/

.smile-act .title-03{
	color: #D1232A;
}
.smile-act .title-03:after{
	background: #D1232A;
}

.smile-act dt{
	background: #D1232A;
}

.smile-act .box-01 dd{
	padding: 10px 35px 35px;
	border-color: #D1232A;
}

.smile-act span{
	color: #D1232A !important;
	font-weight: bold;
}

.smile-act h3{
	font-size: 24px;
}

.smile-act h4{
	line-height: 1.2em;
	font-size: 22px;
	margin-bottom: 5px;
}

.act-three{
	position: relative;
	padding: 40px 0;
	margin: 10px 0 0;
	overflow: hidden;
}
.act-three:before,
.act-three:after{
	content: "";
	width: 0;
	height: 0;
	display: block;
	border: 56px solid rgba(0,0,0,0);
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.act-three:before{
	border-top: 19px solid #D1232A;
	top: 0;
}

.act-three:after{
	border-top: 19px solid #D1232A;
	bottom: -40px;
}

.act-three li{
	padding: 40px 0;
	margin-bottom: 20px;
	text-align: center;
}

.act-three > li:nth-child(2){
	width: 430px;
	float: left;
	height: 90px;
}
.act-three > li:nth-child(3){
	width: 430px;
	float: right;
	height: 90px;
}

.act-list li{
	width: 90px;
	display: inline-block;
	padding: 0;
	font-weight: bold;
	margin: 20px 5px 0;
}

.act-list li img{
	width: 100%;
	height: auto;
}

.smile-tenken {
	text-align: left;
}

.smile-tenken .title-03{
	color: #0C4297;
}
.smile-tenken .title-03:after{
	background: #0C4297;
}

.smile-tenken .title-06{
	color: #0C4297;
}
.smile-tenken .title-06:after{
	background: #0C4297;
}

.smile-tenken dt{
	background: #0C4297;
}

.smile-tenken dd{
	padding: 30px 35px;
	border-color: #0C4297;
}
.smile-tenken ul{
	margin-top: 35px;
}

.smile-tenken li{
	float: left;
	height: 330px;
	width: 268px;
}

.smile-tenken li + li{
	margin-left: 35px;
}

.smile-tenken li h4{
	line-height: 1.5em;
	padding: 5px 15px;
	font-size: 18px;
	font-weight: bold;
	color: #0C4097;
}

.smile-tenken li p{
	padding: 0 15px 15px;
}


.smile-goki {
	text-align: left;
}

.smile-goki .title-03{
	color: #004010;
}
.smile-goki .title-03:after{
	background: #004010;
}

.smile-goki .title-06{
	color: #004010;
}
.smile-goki .title-06:after{
	background: #004010;
}

.smile-goki div{
	margin-bottom: 30px;
}

.smile-goki dt{
	background: #004010;
}

.smile-goki dd{
	padding: 30px 35px;
	border-color: #004010;
}

.smile-goki table th{
	width: 190px;
}

.smile-goki table td{
	width: 250px;
}
.goki-btn{
	text-align:center;
	margin:30px auto 0;
	padding:15px 0 10px;
	border:5px solid #F30D00;
	width:410px;
} 

/*--------------
BL area
--------------*/
.bl-area .title-03{
	color: #0c4297;
}

.bl-area .title-03{
	color: #0c4297;
}
.bl-area .title-03:after{
	background: #0c4297;
}

.bl-area dt{
	background: #0c4297;
}

.bl-area .box-01 dd{
	padding: 10px 35px 35px;
	border-color: #0c4297;
  background: #fff;
}

.bl-area span{
	color: #0c4297 !important;
	font-weight: bold;
}

.bl-area h3{
	font-size: 24px;
  margin-top: 10px;
  color: #0c4097;
}

.bl-area h4{
	line-height: 1.2em;
	font-size: 22px;
	margin-bottom: 5px;
}

.bl-area .act-three{
	position: relative;
	padding: 0 0;
	margin: 10px 0 0;
	overflow: hidden;
}
.bl-area .act-three:before,
.bl-area .act-three:after{
	content: "";
	width: 0;
	height: 0;
	display: block;
	border: 56px solid rgba(0,0,0,0);
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
  display: none;
}

.bl-area .act-three:before{
	border-top: 19px solid #D1232A;
	top: 0;
}

.bl-area .act-three:after{
	border-top: 19px solid #D1232A;
	bottom: -40px;
}

.bl-area .act-three li{
	padding: 40px 0;
	margin-bottom: 20px;
	text-align: center;
}

.bl-area .act-three > li:nth-child(1){
	width: 430px;
	float: left;
	height: 170px;
  padding-top: 80px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bl-area .act-three > li:nth-child(2){
	width: 430px;
	float: right;
	height: 170px;
  padding-top: 50px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.bl-area .act-list li{
	width: 90px;
	display: inline-block;
	padding: 0;
	font-weight: bold;
	margin: 20px 5px 0;
}

.bl-area .act-list li img{
	width: 100%;
	height: auto;
}


/*--------------
GR area
--------------*/
.gr-area .title-03{
	color: #1a6600;
}

.gr-area .title-03{
	color: #1a6600;
}
.gr-area .title-03:after{
	background: #1a6600;
}

.gr-area dt{
	background: #1a6600;
}

.gr-area dd{
	padding: 10px 35px 35px;
	border-color: #1a6600;
  background: #fff;
}

.gr-area span{
	color: #1a6600 !important;
	font-weight: bold;
}

.gr-area h3{
	font-size: 24px;
  margin-top: 10px;
  color: #1a6600;
}

.gr-area h4{
	line-height: 1.2em;
	font-size: 22px;
	margin-bottom: 5px;
}

.gr-area .act-three{
	position: relative;
	padding: 0 0;
	margin: 10px 0 0;
	overflow: hidden;
}
.gr-area .act-three:before,
.gr-area .act-three:after{
	content: "";
	width: 0;
	height: 0;
	display: block;
	border: 56px solid rgba(0,0,0,0);
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
  display: none;
}

.gr-area .act-three:before{
	border-top: 19px solid #D1232A;
	top: 0;
}

.gr-area .act-three:after{
	border-top: 19px solid #D1232A;
	bottom: -40px;
}

.gr-area .act-three li{
	padding: 40px 0;
	margin-bottom: 20px;
	text-align: center;
}

.gr-area .act-three > li:nth-child(1){
	width: 430px;
	float: left;
	height: 90px;
}
.gr-area .act-three > li:nth-child(2){
	width: 430px;
	float: right;
	height: 90px;
}

.gr-area .act-list li{
	width: 90px;
	display: inline-block;
	padding: 0;
	font-weight: bold;
	margin: 20px 5px 0;
}

.gr-area .act-list li img{
	width: 100%;
	height: auto;
}

body#guide .gr-area .box-foot-text {
  background: #1a6600;
}


/*--------------
OR area
--------------*/
body#guide .smile-point .title-03 {
  color: #ff3C00;
}
body#guide .smile-point .box-foot-text {
  background: #ff3C00;
}


/*--------------
Light BL area
--------------*/
body#guide .light-bl .title-03 {
  color: #33a9df;
}
body#guide .light-bl .box-foot-text {
  background: #33a9df;
}
body#guide .light-bl .title-03{
	color: #33a9df;
}
body#guide .light-bl .title-03:after {
	background: #33a9df;
}
body#guide .light-bl dt {
	background: #33a9df;
}
body#guide .light-bl dd {
	padding: 35px 35px 0;
	border-color: #33a9df;
  background: #fff;
}
body#guide .light-bl dd img {
  margin-bottom: 10px;
}





/* お部屋探し
============================================================ */
body#guide .box-foot-text {
  width: 960px;
  background: #d1232a;
  padding: 4px 10px;
  margin: -5px auto 0;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  -webkit-box-sizing: border-box;
  	 -moz-box-sizing: border-box;
          box-sizing: border-box;
}
body#guide .bl-area .box-foot-text {
  background: #114699;
}
.bl-area .difference-idea {
  width: auto;
  border: 5px solid #bbb;
  padding: 10px 35px 20px;
  -webkit-box-sizing: border-box;
  	 -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bl-area .difference-idea dt {
  background: rgba(0, 0, 0, 0) url("../img_feature/icon-circle.png") no-repeat scroll 0 center;
  color: #0c4297;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2em;
  margin-top: 10px;
  padding-left: 30px;
  text-align: left;
}
.bl-area .difference-idea dd {
  padding-left: 30px;
  border: none;
  padding-top: 0;
  padding-bottom: 10px;
  text-align: left;
}
.bl-area .difference-table .title-05 {
  color: #333;
}
body.point .bl-area h3.title-05 {
  color: #333 !important;
  font-size: 24px;
  margin-top: 10px;
}
body.point .bl-area .difference-table {
  margin-top: 20px;
}
body.point .difference-table td {
  width: 235px !important;
}
body.point .act-three > li:nth-child(1),
body.point .act-three > li:nth-child(3){
	width: 430px;
	float: left;
	height: 90px;
}
body.point .act-three > li:nth-child(2),
body.point .act-three > li:nth-child(4){
	width: 430px;
	float: right;
	height: 90px;
}
body.point .red-area .act-three:before,
body.point .red-area .act-three:after{
  display: none;
}
body.point .red-area .act-three {
  margin: 10px 0 0;
  overflow: hidden;
  padding: 20px 0;
  position: relative;
}
body.point .red-area .act-three li {
  margin-bottom: 20px;
  padding: 30px 0;
  height: 260px;
  text-align: center;
  -webkit-box-sizing: border-box;
  	 -moz-box-sizing: border-box;
          box-sizing: border-box;
}
body.point .red-area .act-three {
  padding: 0;
}
body.point .red-area .box-01 dd {
    padding: 20px 35px 10px;
}
body.point .red-area .box-inner {
  width: 380px;
  margin: 0 auto;
}
body.point .red-area .box-inner li:first-child {
  float: left;
  padding: 0;
  height: auto;
  text-align: center !important;
}
body.point .red-area .box-inner li:first-child img {
  text-align: center !important;
  margin: 0 auto;
}
body.point .red-area .box-inner li:last-child {
  float: right;
  padding: 0;
  width: 210px;
  height: auto;
  font-size: 14px;
  text-align: left;
  margin-top: -6px;
  line-height: 1.4;
}
body.point .red-area .box-inner li:nth-child(3),
body.point .red-area .box-inner li:nth-child(4) {
  margin-bottom: 0 !important;
}

body.point .red-area .rate {
  color: #d1232a;
  margin-bottom: 0;
  font-size: 18px;
}
body.point .red-area .rate-text {
  margin-bottom: 15px;
  font-weight: bold;
}

body.manual .bl-area dd {
  padding: 10px 35px 30px !important;
}
body.manual .bl-area .img-list {
  margin: 30px 0 20px;
}
body.manual .bl-area .img-list li {
  display: inline-block;
  margin-bottom: 10px;
}
body.manual .title-03,
body.faq .title-03 {
  color: #333;
  font-size: 28px;
}
body.manual .title-03:after,
body.faq .title-03:after {
  background: #333;
}
body.manual .box-01 dt {
  margin: 25px 0 0;
}
body.manual .feature-smile {
  margin-top: 60px;
  margin-bottom: 60px;
}
body.manual .manual-box-01 dt,
body.manual .manual-box-02 dt {
  background: #0c4297;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  padding: 12px 10px;
  margin-bottom: 20px;
  line-height: 1;
}
body.manual .manual-box-01 dd {
  margin-bottom: 35px;
}
body.manual .manual-box-01 dd:last-child {
  margin-bottom: 0;
}
body.manual .manual-box-02 dd dt {
  background: none;
  margin-bottom: 10px;
  padding: 0;
}
body.manual .manual-box-02 dt a {
  background: #fff url(../img_common/arrow-03.png) 0 50% no-repeat;
  background-size: 12px;
  padding-left: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #0c4197;
  text-decoration: underline;
}
body.manual .manual-box-02 dd dt a:hover {
  text-decoration: none;
}
body.manual .manual-box-02 dd li {
  border-bottom: dotted 1px #ddd;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
body.manual .manual-box-02 dd li:last-child {
  border-bottom: none;
}

/*** manual-table ***/
body.manual .manual-table-02 {
  display: none;
}
body.manual .manual-table {
  width: 100%;
  border-top: solid 1px #ddd;
  border-left: solid 1px #ddd;
}
body.manual .manual-table th,
body.manual .manual-table td {
  border-bottom: solid 1px #ddd;
  border-right: solid 1px #ddd;
  padding: 15px;
}
body.manual .manual-table th {
  background: #eee;
  width: 200px;
  word-break: break-all;
}
body.manual .manual-table th a {
  background: url(../img_common/arrow-03.png) 0 50% no-repeat;
  background-size: 12px;
  padding-left: 20px;
  font-size: 14px;
  font-weight: normal;
  color: #0c4197;
  text-decoration: underline;
}
body.manual .manual-table th a:hover {
  text-decoration: none;
}

body.faq .question:before {
  content: "Q";
  color: #0c4297;
  background: #fff;
  padding: 0 7px;
  font-size: 20px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  line-height: 20px;
  margin-right: 10px;
}
body.faq .anser {
  margin-bottom: 20px;
}
body.faq .anser:before {
  content: "A";
  color: #fff;
  background: #0c4297;
  padding: 0 7px;
  font-size: 20px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  line-height: 20px;
  margin-right: 10px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body.faq .question:before {
    content: "Q";
    color: #0c4297;
    background: #fff;
    padding: 3px 9px 0;
    -webkit-border-radius: 50px;
       -moz-border-radius: 50px;
            border-radius: 50px;
    line-height: 1;
    margin-right: 10px;
    font-size: 20px;
  }
  body.faq dt.question {
    padding-top: 15px;
  }
  body.faq .anser:before {
    content: "A";
    color: #0c4297;
    background: #fff;
    padding: 3px 9px 0;
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    line-height: 1;
    margin-right: 10px;
  }
}
body.faq .box-01 .link-mgn {
  margin-bottom: 20px;
}
body.faq .bl-area dd {
    background: #fff none repeat scroll 0 0;
    border-color: #0c4297;
    padding: 30px 35px 35px;
}
body.faq .bl-area .act-three li {
    margin-bottom: 0px;
    padding: 40px 0;
    text-align: center;
}
body.faq .bl-area .act-three li.echo-box-02:nth-child(1) {
    box-sizing: border-box;
    float: left;
    height: 170px;
    padding-top: 80px;
    width: 430px;
}
body.faq .bl-area .act-three .echo-box-02 li.echo-box-02 {
    margin-bottom: 20px;
    padding: 40px 0;
    text-align: center;
}

/* 広島工業大学
============================================================ */
body.kougyou .feature-top h1{
	background: url(/img_hiroshimakougyou/bg-dot.png);
}
body.kougyou .feature-search h2{
	background: #59B533 url(/img_hiroshimakougyou/search-bg.png) no-repeat center 20px;
}

body.kougyou .feature-about .over-title{
	background: #59B533;
}

body.kougyou .feature-about .feature-merritt{
	border: 5px solid #59B533;
}

body.kougyou .feature-about .feature-merritt li{
	border-bottom: 1px solid #59B533;
}

body.kougyou .feature-about .feature-merritt li span{
	color: #1A6600;
}

body.kougyou .feature-osusume li a{
	color: #196600;
}

body.kougyou .feature-osusume th{
	background: #1A6600;
}

/* 広島市立大学
============================================================ */

body.syudo .feature-top h1{
	background: url(/img_syudo_shiritsu/bg-dot.png);
}
body.syudo .feature-search h2{
	background: #33A9DF url(/img_syudo_shiritsu/search-bg.png) no-repeat center 20px;
}

body.syudo .feature-about .over-title{
	background: #33A9DF;
}

body.syudo .feature-about .feature-merritt{
	border: 5px solid #33A9DF;
}

body.syudo .feature-about .feature-merritt li{
	border-bottom: 1px solid #005A9C;
}

body.syudo .feature-about .feature-merritt li span{
	color: #005A9C;
}

body.syudo .feature-osusume li a{
	color: #005A9C;
}

body.syudo .feature-osusume th{
	background: #005A9C;
}

/* 山陽女子短期大学
============================================================ */

body.sanjo .feature-top h1{
	background: url(/img_sanyozyoshi/bg-dot.png);
}
body.sanjo .feature-search h2{
	background: #FFBD00 url(/img_sanyozyoshi/search-bg.png) no-repeat center 20px;
}

body.sanjo .feature-about .over-title{
	background: #FFBD00;
}

body.sanjo .feature-about .feature-merritt{
	border: 5px solid #FFBD00;
}

body.sanjo .feature-about .feature-merritt li{
	border-bottom: 1px solid #FFBD00;
}

body.sanjo .feature-about .feature-merritt li span{
	color: #FF8000;
}

body.sanjo .feature-osusume li a{
	color: #FF8000;
}

body.sanjo .feature-osusume th{
	background: #FF8000;
}

/* 日本赤十字広島看護大学
============================================================ */

body.kango .feature-top h1{
	background: url(/img_hiroshimakango/bg-dot.png);
}
body.kango .feature-search h2{
	background: #FB6A66 url(/img_hiroshimakango/search-bg.png) no-repeat center 20px;
}

body.kango .feature-about .over-title{
	background: #FB6A66;
}

body.kango .feature-about .feature-merritt{
	border: 5px solid #FB6A66;
}

body.kango .feature-about .feature-merritt li{
	border-bottom: 1px solid #FB6A66;
}

body.kango .feature-about .feature-merritt li span{
	color: #D90000;
}

body.kango .feature-osusume li a{
	color: #D90000;
}

body.kango .feature-osusume th{
	background: #D90000;
}


/* 単身・新婚・ファミリー
============================================================ */

body.life .feature-top h1{
	background: url(/img_feature/bg-dot.png);
}
body.life .feature-search h2{
	background: #FFD24D url(/img_feature/search-bg.png) no-repeat center 20px;
  margin-top: 0;
}

body.life .feature-about .over-title{
	background: #FFD24D;
}

body.life .feature-about .over-title h2{
	color: #333;
}

body.life .feature-about .feature-merritt{
	border: 5px solid #FFD24D;
}

body.life .feature-about .feature-merritt li{
	border-bottom: 1px solid #FFD24D;
}

body.life .feature-about .feature-merritt li span{
	color: #333;
}

body.life .feature-osusume li a{
	color: #333;
}

body.life .feature-osusume th{
	background: #FFD24D;
	color: #333;
}

body.life .feature-mypage{
	color: #FFF;
	background: #0C4297;
}

body.life .feature-mypage div dt{
	padding-left: 45px;
	background: url(/img_feature/mypage-icon-02.png) no-repeat left center;
	font-size: 16px;
}

body.life .feature-mypage.pc-none {
	background: #FFD24D;
}


body.life .smile-point .title-03{
	color: #FF3C00;
}
/* 新着情報
============================================================ */

body#info .info-list ul{
	border-top: 1px dotted #DDD;
	margin-bottom: 40px;
}

body#info .info-list li {
	padding: 20px 0;
	border-bottom: 1px dotted #DDD;
}

body#info .info-list  span {
	font-weight: bold;
	margin-right: 30px;
}

body#info .info-list a,
body#info .info-list a:hover {
	color: #0C4297;
}

body#info .info-list .pager-01 {
	position: relative;
	text-align: center;
	line-height: 35px;
}

body#info .info-list .pager-01 a,
body#info .info-list .pager-01 span {
	font-weight: bold;
	padding: 0 5px;
	margin: 0;
}

body#info .info-list .pager-01 a.prev,
body#info .info-list .pager-01 a.next {
	position: absolute;
	text-decoration: none;
	color: #FFF;
	display: block;
	width: 105px;
	background: #0C4297;
	top:0;
}

body#info .info-list .pager-01 a.prev:hover,
body#info .info-list .pager-01 a.next:hover {
	opacity:.7;
}

body#info .info-list .pager-01 a.prev {
	left:0;
}
body#info .info-list .pager-01 a.next {
	right:0;
}

body#info .info-detail dt{
	margin-bottom:10px;
	font-weight:bold;
}

body#info .info-detail p{
	text-align:center;
	margin:30px 0 0;
}

/* サイトマップ
============================================================ */
body#sitemap .sitemap-area a{
	text-decoration: none;
	color :#333;
}

body#sitemap .sitemap-area a:hover {
	text-decoration: underline;
}

body#sitemap .sitemap-area > ul{
	float: left;
	margin-left:90px;
}

body#sitemap .sitemap-area > ul:first-child {
	margin-left:0;
}

body#sitemap .sitemap-area > ul > li{
	margin-bottom: 12px;
	padding-left:20px;
}

body#sitemap .sitemap-area span {
	margin-bottom: 5px;
	display: block;
	font-weight: bold;
	position: relative;
}
body#sitemap .sitemap-area span:before {
	position: absolute;
	left: -20px;
	top: 50%;
	margin-top: -6px;
	content: "";
	display: block;
	width: 13px;
	height: 12px;
	background: #0C4297;
}
body#sitemap .sitemap-area span:after {
	position: absolute;
	left: -15px;
	top: 50%;
	margin-top: -3px;
	content: "";
	display: block;
	width: 0;
	height: 0;
	border:3px solid rgba(0,0,0,0);
	border-left:4px solid #FFF;
}

body#sitemap .sitemap-area ul ul li{
	width:200px;
}

body#sitemap .sitemap-area ul ul li a:before {
	content:"-";
	margin-right:5px;
}





/* リンク
============================================================ */
/*** link-table ***/
body#link .link-table {
  width: 100%;
  border-top: solid 1px #ddd;
  border-left: solid 1px #ddd;
}
body#link .link-table th,
body#link .link-table td {
  border-bottom: solid 1px #ddd;
  border-right: solid 1px #ddd;
  padding: 10px;
}
body#link .link-table th {
  background: #fff;
  width: 200px;
  text-align: center;
}
body#link .link-table th a {
  background-size: 12px;
  font-size: 14px;
  font-weight: normal;
  color: #0c4197;
  text-decoration: underline;
}
body#link .link-table th a:hover {
  text-decoration: none;
}



/* 無料会員登録
============================================================ */
body#registration .btn {
  text-align: center;
  margin-bottom: 30px;
}
body#registration .feature-about .feature-merritt {
  background: url(../img_registration/list-area-bg.png) right bottom no-repeat, url(../img_registration/bg-str.png);
  border: 5px solid #ffd24d;
  padding: 20px 80px 40px;
  width: 960px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
body#registration .feature-osusume {
  margin: 0 auto 0;
  text-align: center;
  width: 960px;
}
body#registration .feature-about .feature-merritt li {
  border-bottom: 1px solid #ffd24d;
}
body#registration .feature-about .feature-merritt li {
  font-size: 16px;
  padding: 15px 0 15px 65px;
}
body#registration .text-01 {
  margin-bottom: 40px;
  text-align: center;
}
body#registration .feature-osusume li:nth-child(1):after,
body#registration .feature-osusume li:nth-child(2):after {
  content: "";
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-left: 10px solid #454545;
  position: relative;
  top: -120px;
  left: 310px;
  display: block;
}
body#registration .registration-box {
  border: solid 5px #0c4297;
  padding: 30px;
}
body#registration .registration-box .btn {
  margin: 0;
}
body#registration .bottom-title {
  font-size: 32px;
  font-weight: bold;
  color: #0c4197;
  text-align: center;
  letter-spacing: 2px;
  position: relative;
  margin-bottom: 80px;
}
body#registration .bottom-title:after {
  content: "";
	width: 0;
	height: 0;
	border: 80px solid transparent;
	border-top: 20px solid #ffd24d;
  text-align: center;
  position: absolute;
  margin-left: -80px;
  top: 65px;
  left: 50%;
  height: 20px;
  display: block;
}


/* 20160205追記 */
/*** section-04 ***/
body#feature .section-04 {
  padding: 70px 0 60px;
  text-align: center;
  margin-top: -30px;
  margin-bottom: -90px;
}

body#feature .section-04 h2 {
  margin: 0 0 40px;
}

body#feature .section-04 li {
  width: 32%;
  float: left;
  margin: 0 2% 0 0;
}

body#feature .section-04 .inner {
	padding:0 10px;
}
body#feature .section-04 li:last-child {
  margin-right: 0;
}

body#feature .section-04 li img {
  margin-bottom: 10px;
  width: 100%;
  height: auto;
}

body#feature .section-04 li a {
  text-decoration: none;
  color: #333;
}

.goki-catch {
	font-size: 28px;
	font-weight: bold;
	color:#333333;
	margin-bottom: 15px;
}
.goki-catch span {
	color:#F20C00;
}
.feature-seikatsu{
	width: 960px;
	margin: 0 auto 60px;
	text-align: center;
	margin-bottom: 60px;
}
.feature-seikatsu .title-03{
	color: #0C4197;
}
.feature-seikatsu .title-03:after{
	background: #0C4197;
}


/* ごあいさつ
============================================================ */

body.message .aisatsu-area h4 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 5px;
	letter-spacing: 2px;
}
body.message .aisatsu-area .name:after {
  position: relative;
  left: 0;
  bottom: 0;
  width: 40px;
  height: 1px;
  display: block;
  background: #ffd24d;
  content: " ";
  margin-bottom: 15px;
}

body.message .aisatsu-area .name span {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
}
body.message .aisatsu-area .name-ja {
  font-size: 28px;
  font-weight: bold;
  margin-right: 15px;
}
 
body.message .aisatsu-area .aisatsu-msg {
  line-height: 1.8;
}

body.message .aisatsu-area ul > li:nth-child(2n) {
  width: 640px;
  float: left;
}

body.message .aisatsu-area ul > li:first-child {
  width: 260px;
  float: right;
}

.message .msg-area p {
	margin-bottom: 30px;
}
.message .align_c {
	margin-bottom: 15px;
}

.message .msg-name {
	width: 60%;
}





/* ======================================================================================================================== */
/* sp
=========================================================================================================================== */
@media only screen and  (max-width: 767px) {

/* 会社案内
============================================================ */
/*** staff ***/
body.staff .staff-box {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: dotted 1px #ccc;
}

body.staff .staff-box:last-child {
  margin-bottom: 0;
}

body.staff .staff-area h4 {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 5px;
  letter-spacing: 2px;
}

body.staff .staff-area .name:after {
  position: relative;
  left: 0;
  bottom: 0;
  width: 12%;
  height: 1px;
  display: block;
  background: #ffd24d;
  content: " ";
  margin-bottom: 15px;
}

body.staff .staff-area .name span {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
}

body.staff .staff-area .name-ja {
  font-size: 16px;
  font-weight: bold;
  margin-right: 15px;
}

body.staff .staff-area .name-en {
  font-size: 9px;
  font-weight: normal;
}

body.staff .staff-area .staff-msg {
  line-height: 1.8;
}

body.staff .staff-area ul > li:nth-child(2n) {
  width: auto;
  float: none;
}

body.staff .staff-area ul > li:first-child {
  width: auto;
  float: none;
  margin-bottom: 20px;
  text-align: center;
}

body.staff .staff-area ul > li:first-child img {
  width: 60%;
  height: auto;
}

body.staff .staff-box .link {
  margin-top: 20px;
}

/*** access ***/
body.access .access-box-01 li:first-child {
  float: none;
  width: 300px;
  text-align: center;
  margin-bottom: 20px;
  position: relative;
  left: 50%;
  margin-left: -150px;
}
body.access .access-box-01 li:last-child {
  float: none;
  width: 100%;
}
body.access .access-box-01 li:first-child li,
body.access .access-box-01 li:last-child li {
  float: auto;
  width: auto;
}
body.access .access-box-01 table th {
  width: auto;
}

body.access .access-box-02 li:first-child {
  float: none;
  width: 100%;
}
body.access .access-box-02 li:last-child {
  float: none;
  width: 100%;
}
body.access .access-box-02 li:last-child img {
  width: 100%;
  height: auto;
}
body.access .access-box-02 li:first-child dt {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background: #0c4297;
  padding: 6px 10px;
  margin-bottom: 10px;
}
body.access .access-box-02 li:first-child dd {
  margin-bottom: 30px;
}
body.access .map-box {
  margin-bottom: 30px;
}


/*** slider ***/
body.access .slider {
  width: 300px;
	display: block;
	background: #FFF;
  margin: 0 auto;
}
body.access .slider .bxslider01 li img {
	width: auto;
	margin: 0 auto 10px;
}
body.access .slider .bx-wrapper {
	width: 300px;
	margin:0 auto;
	text-align: center;
}
body.access .access-box-01 .bxslider02 {
  width: 300px !important;
  margin: 0 auto;
}
body.access .access-box-01 .bxslider02 li:first-child {
  position: static !important;
  left: 0;
  margin-left: 0;
}
body.access ul.bxslider01 li {
  display: block;
  width: 300px;
  height: 190px;
  text-align: center;
  margin-bottom: 14px;
}
body.access ul.bxslider02 li {
  float: left !important;
  margin-right: 14px;
  margin-top: 14px;
}
body.access ul.bxslider02 li:last-child {
  margin-right: 0;
}
body.access ul.bxslider02 li a {
  display: block;
  width: 90px;
  height: auto;
  background: #000;
}
body.access ul.bxslider02 li a img {
  display :block;
  width: 90px;
  height: auto;
  opacity: 0.6;
}
body.access .controlWrap {
  width: 100%;
  display: block;
  position: relative;
  margin: 0 auto;
}
body.access #bx-pager a.active img {  
	opacity: 1;  
}


/* お問い合わせ
============================================================ */
body#contact {
}

/* 個人情報保護方針
============================================================ */
body#privacy .privacy-area {
	padding: 0;
}
body#privacy .privacy-area p {
	margin-bottom: 15px;
	padding: 0 10px;
}
body#privacy .privacy-area ul {
	padding: 0 10px;
}

/* 特集ページ
============================================================ */
body#feature #main {
	padding-top:0;
}

/*-------------*/
.feature-top h1 {
	padding:0;
	margin-bottom:20px
}

.feature-top img {
	width:100%;
	height:auto;
}
/*-------------*/
.feature-about {
}

.feature-about .feature-merritt {
	padding:10px;
	width:auto;
}

.feature-about .feature-merritt li {
	position:relative;
	font-size:12px;
	padding:10px;
	padding-left:23px;
}

.feature-about .feature-merritt li img {
	position:absolute;
	left:0;
	top:12px;
	width:19px;
	height:auto;
}

.feature-osusume {
	width:100%;
	margin:0 auto 35px;
  height: auto;
  overflow: auto;
}

.feature-osusume li {
	float:none;
	margin-left:0;
	width:auto;
  height: auto;
  /*overflow: auto;*/
	padding:10px;
  display: none;
}

.feature-osusume li:nth-child(1),
.feature-osusume li:nth-child(2),
.feature-osusume li:nth-child(3) {
  display: block !important;
}

.feature-osusume table {
	padding:10px;
}
.feature-osusume th {
	display:block;
	width:100%;
	height:auto;
	padding:5px 0;
}

.feature-osusume td {
	display:block;
	width:100%;
	padding:5px 0 10px;
}

/*-------------*/
.feature-search h2 {
	padding:45px 10px 10px;
	background-position:center 10px !important;
	background-size:auto 35px !important;
}

.feature-search h2 img {
	width:100%;
	height:auto;
}
/*-------------*/
.feature-catalog {
	width:100%;
	margin:0 auto 30px;
}
.feature-catalog img {
	width:100%;
	height:auto;
}
/*-------------*/
.feature-difference {
	padding:1px 0 30px;
}

.feature-difference div {
	width:auto;
	padding:10px;
	border:5px solid #0C4297;
}

.feature-difference .difference-sp {
	text-align:center;
	border:none;
	padding:0;	
}

.difference-sp .title-05 {
	color:#0C4297;
}

.difference-ttl {
	margin-top:15px;
}
.difference-ttl img {
	width:100%;
	height:auto;
}


.difference-idea {
	padding:0;
	border:none;
}

.difference-idea dt {
	font-size:14px;
	line-height:1.5em;
	padding-left:15px;
	background-position:0 8px;
	background-size:6px auto;
}

.difference-idea dd {
	padding-left:15px;
}

/*-------------*/
.feature-smile {
	margin:0 auto 30px;
}

.feature-smile .catch-01 {
	padding:10px;
}
.feature-smile dl {
	width:100%;
	margin:0 auto 30px;
}

.smile-point dd {
	position:relative;
	padding:35px 10px 0;
}
.smile-point {
}
.smile-point li {
	height:auto;
	width:47%;
	padding:1%;
	margin:0 0 10px;
	vertical-align:top;
}
.smile-point li img {
	width:100%;
	height:auto;
}

.smile-point .logo {
	right:10px;
	top:10px;
}

.smile-point .logo img {
	height:20px;
	width:auto;
}

.smile-point .late img {
	width:240px;
	height:auto;
}

.smile-point li p {
	font-weight:bold;
	width:100%;
	margin-left:0;
}
.smile-lent dd {
	padding:1px 10px;
}
.smile-lent dd img {
	width:100%;
	height:auto;
}

.smile-lent dd p {
	margin-bottom:10px;
}

/*-------------*/
.feature-mypage {
	background:#FFD24D;
	padding:10px;
}

.feature-mypage div {
	width:100%;
	margin:0 auto;
}
.feature-mypage div ul {
	padding-top:0;
	height:auto;
}
.feature-mypage div li {
	width:50%;
}

.feature-mypage div li img {
	width:100%;
	height:auto;
}

/*-------------*/
.feature-banner {
	width:100%;
	padding:30px 0 0;
}

.feature-banner ul {
	padding:0 10px;
}
.feature-banner li {
	width:49%;
	margin-bottom:20px;
}

.feature-banner img {
	width:100%;
	height:auto;
}



/*--------------*/
/*--------------*/
.smile-act .number img {
	width:34px;
	height:auto;
}

.smile-act .title-03 img{
  max-width: 50%;
  height: auto;
}

.smile-act .box-01 dd {
	padding:1px 10px 10px;
}

.smile-act h3 {
	font-size: 15px;
}

.smile-act h4 {
	font-size: 15px;
}

.act-three {
	padding: 30px 0 ;
}

.act-three li {
	padding: 20px 10px;
}

.act-three > li:nth-child(2) {
	width:auto;
	float: none;
	height: auto;
}
.act-three > li:nth-child(3) {
	width:auto;
	float: none;
	height: auto;
}

.act-list {
	margin-top:10px;
}
.act-list li {
	vertical-align:top;
	width: 70px;
	padding:0 5px;
	margin:0 auto;
}

.act-list li img {
	width: 45px;
	margin:0 auto;
	display:block;
}

.smile-tenken .number img {
	width:30px;
	height:auto;
}
.smile-tenken .box-01 dd {
	padding: 20px 10px 10px;
}
.smile-tenken ul {
	margin-top: 20px;
}

.smile-tenken li {
	float:none;
	height:auto;
	width:auto;
	margin-bottom:15px;
}

.smile-tenken li:nth-child(3) {
	margin-bottom: 0;
}

.smile-tenken li div img {
	width:100%;
	height:auto;
}

.smile-tenken li + li {
	margin-left: 0;
}

.smile-tenken li h4 {
	padding: 5px 10px;
	font-size:15px;
}

.smile-tenken li p {
	padding: 0 10px 10px;
}


.smile-goki div {
	margin-bottom: 15px;
}

.smile-goki dd {
	padding: 20px 10px;
}

.smile-goki table th {
	width: auto;
}

.smile-goki table td {
	width:auto;
}

.goki-btn{
	margin:30px auto 0;
	padding:10px 0 10px;
	width:auto;
}


/*--------------
BL area
--------------*/
.bl-area .title-03{
	color: #0c4297;
}

.bl-area .title-03{
	color: #0c4297;
}
.bl-area .title-03:after{
	background: #0c4297;
}

.bl-area dt{
	background: #0c4297;
}

.bl-area dd{
	padding: 10px 35px 35px;
	border-color: #0c4297;
}

.bl-area span{
	color: #0c4297 !important;
	font-weight: bold;
}

.bl-area h3{
	font-size: 14px;
  margin-top: 10px;
  color: #0c4097;
  line-height: 1.5;
}

.bl-area h4{
	line-height: 1.2em;
	font-size: 22px;
	margin-bottom: 5px;
}

.bl-area .act-three{
	position: relative;
	padding: 0 0;
	margin: 10px 0 0;
	overflow: hidden;
}
.bl-area .act-three:before,
.bl-area .act-three:after{
	content: "";
	width: 0;
	height: 0;
	display: block;
	border: 56px solid rgba(0,0,0,0);
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
  display: none;
}

.bl-area .act-three:before{
	border-top: 19px solid #D1232A;
	top: 0;
}

.bl-area .act-three:after{
	border-top: 19px solid #D1232A;
	bottom: -40px;
}

.bl-area .act-three li{
	padding: 40px 0;
	margin-bottom: 20px;
	text-align: center;
}

.bl-area .act-three > li:nth-child(1){
	width: 48%;
	float: left;
	height: 100px;
  padding-top: 35px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bl-area .act-three > li:nth-child(2){
	width: 48%;
	float: right;
	height: 100px;
  padding-top: 25px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.bl-area .act-three li img {
  width: 100px;
  height: auto;
}

.bl-area .act-list li{
	width: 90px;
	display: inline-block;
	padding: 0;
	font-weight: bold;
	margin: 20px 5px 0;
}

.bl-area .act-list li img{
	width: 100%;
	height: auto;
}

/*--------------
GR area
--------------*/
.gr-area .title-03{
	color: #1a6600;
}

.gr-area .title-03{
	color: #1a6600;
}
.gr-area .title-03:after{
	background: #1a6600;
}

.gr-area dt{
	background: #1a6600;
}

.gr-area dd{
	padding: 10px 35px 35px;
	border-color: #1a6600;
}

.gr-area span{
	color: #1a6600 !important;
	font-weight: bold;
}

.gr-area h3{
	font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #1a6600;
  line-height: 1.4;
}

.gr-area h4{
	line-height: 1.2em;
	font-size: 16px;
	margin-bottom: 5px;
}

.gr-area .act-three{
	position: relative;
	padding: 0 0;
	margin: 10px 0 0;
	overflow: hidden;
}
.gr-area .act-three:before,
.gr-area .act-three:after{
	content: "";
	width: 0;
	height: 0;
	display: block;
	border: 56px solid rgba(0,0,0,0);
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
  display: none;
}

.gr-area .act-three:before{
	border-top: 19px solid #D1232A;
	top: 0;
}

.gr-area .act-three:after{
	border-top: 19px solid #D1232A;
	bottom: -40px;
}

.gr-area .act-three li{
	padding: 20px 10px;
	margin-bottom: 10px;
	text-align: center;
}

.gr-area .act-three > li:nth-child(1){
	width: auto;
	float: none;
	height: auto;
}
.gr-area .act-three > li:nth-child(2){
	width: auto;
	float: none;
	height: auto;
}

.gr-area .act-list li{
	width: 90px;
	display: inline-block;
	padding: 0;
	font-weight: bold;
	margin: 20px 5px 0;
}

.gr-area .act-list li img{
	width: 100%;
	height: auto;
}

body#guide .gr-area .box-foot-text {
  background: #1a6600;
}


/*--------------
OR area
--------------*/
body#guide .smile-point .title-03 {
  color: #ff3C00;
}
body#guide .smile-point .box-foot-text {
  background: #ff3C00;
}


/*--------------
Light BL area
--------------*/
body#guide .light-bl .title-03 {
  color: #33a9df;
}
body#guide .light-bl .box-foot-text {
  background: #33a9df;
}
body#guide .light-bl .title-03{
	color: #33a9df;
}
body#guide .light-bl .title-03:after {
	background: #33a9df;
}
body#guide .light-bl dt {
	background: #33a9df;
}
body#guide .light-bl dd {
	padding: 35px 35px 0;
	border-color: #33a9df;
  background: #fff;
}
body#guide .light-bl dd img {
  margin-bottom: 10px;
}


/* お部屋探し
============================================================ */
body#guide .box-foot-text {
  width: auto;
  background: #d1232a;
  padding: 4px 10px;
  margin: 0 auto 0;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  -webkit-box-sizing: border-box;
  	 -moz-box-sizing: border-box;
          box-sizing: border-box;
}
body#guide .bl-area .box-foot-text {
  background: #114699;
}
body#guide .feature-smile dl {
	width:100%;
	margin:0 auto 0;
}
.bl-area .box-01 dd{
  border-color: #0c4297;
  padding: 10px 10px 10px;
}
.red-area dd {
  padding: 10px 10px 10px !important;
}
body#guide .feature-smile .catch-01 {
  padding: 10px 10px 0;
}
body.point .bl-area h3.title-05 {
  color: #333 !important;
  font-size: 14px;
  margin-top: 10px;
}
.bl-area .difference-idea dt {
  background: rgba(0, 0, 0, 0) url("../img_feature/icon-circle.png") no-repeat scroll 0 center;
  color: #0c4297;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2em;
  margin-top: 10px;
  padding-left: 30px;
  text-align: left;
}
.bl-area .difference-idea {
  border: 5px solid #bbb;
  box-sizing: border-box;
  padding: 10px 10px 10px;
  width: auto;
}
body.point .act-three > li:nth-child(1),
body.point .act-three > li:nth-child(3){
	width: auto;
	float: none;
	height: 90px;
}
body.point .act-three > li:nth-child(2),
body.point .act-three > li:nth-child(4){
	width: auto;
	float: none;
	height: 90px;
}
body.point .red-area .act-three:before,
body.point .red-area .act-three:after{
  display: none;
}
body.point .red-area .act-three {
  margin: 10px 0 0;
  overflow: hidden;
  padding: 20px 0;
  position: relative;
}
body.point .red-area .act-three li {
  margin-bottom: 10px;
  padding: 15px 0 0;
  height: auto;
  text-align: center;
  -webkit-box-sizing: border-box;
  	 -moz-box-sizing: border-box;
          box-sizing: border-box;
}
body.point .red-area .act-three {
  padding: 0;
}
body.point .red-area .box-01 dd {
    padding: 20px 35px 10px;
}
body.point .red-area .box-inner {
  width: 100%;
  margin: 0 auto;
}
body.point .red-area .box-inner li:first-child {
  float: left;
  padding: 0;
  height: auto;
  text-align: center !important;
  width: 26%
}
body.point .red-area .box-inner li:first-child img {
  text-align: center !important;
  margin: 0 auto;
  width: 100%;
  height: auto;
}
body.point .red-area .box-inner li:last-child {
  float: right;
  padding: 0;
  padding-right: 10px;
  width: 70%;
  height: auto;
  font-size: 12px;
  text-align: left;
  margin-top: -6px;
  line-height: 1.4;
}
body.point .red-area .box-inner li:nth-child(3),
body.point .red-area .box-inner li:nth-child(4) {
  margin-bottom: 0 !important;
}

body.point .red-area .rate {
  color: #d1232a;
  margin-bottom: 0;
  font-size: 18px;
}
body.point .red-area .rate-text {
  margin-bottom: 15px;
  font-weight: bold;
}

body.manual .manual-table {
  display: none;
}
body.manual .manual-table-02 {
  display: block;
}
body.manual .manual-table-02 table {
  width: 100%;
  border-top: solid 1px #ddd;
  border-left: solid 1px #ddd;
}
body.manual .manual-table-02 table th,
body.manual .manual-table-02 table td {
  border-bottom: solid 1px #ddd;
  border-right: solid 1px #ddd;
  padding: 15px;
}
body.manual .manual-table-02 table th {
  background: #eee;
  width: 40%;
  word-break: break-all;
}
body.manual .manual-table-02 table th a {
  background: url(../img_common/arrow-03.png) 0 50% no-repeat;
  background-size: 12px;
  padding-left: 20px;
  font-size: 14px;
  font-weight: normal;
  color: #0c4197;
  text-decoration: underline;
}
body.manual .manual-table-02 table th a:hover {
  text-decoration: none;
}
body.faq .title-03,
body.manual .title-03 {
  color: #333;
  font-size: 18px;
}
body.manual .feature-smile {
  margin-bottom: 20px;
  margin-top: 20px;
}




body.manual .bl-area dd {
  padding: 10px 15px 15px !important;
}
body.manual .bl-area .img-list {
  margin: 15px 0 20px;
}
body.manual .bl-area .img-list li {
  display: block;
  width: 48%;
  float: left;
  margin-bottom: 10px;
}

body.manual .bl-area .img-list li:nth-child(2n) {
  float: right;
}
body.manual .bl-area .img-list li img {
  width: 100%;
  height: auto;
}






body.faq .faq-img img {
  width: 100%;
  height: auto;
}
body.faq .box-01 .link-mgn {
  margin-bottom: 20px;
}
body.faq .bl-area .box-01 dd {
  background: #fff none repeat scroll 0 0;
  border-color: #0c4297;
  padding: 20px 10px 20px;
}
body.faq .bl-area .act-three li {
  margin-bottom: 0px;
  padding: 30px 10px;
  text-align: center;
  height: 100px;
}
body.faq .bl-area .act-three li.echo-box-02:nth-child(1) {
  box-sizing: border-box;
  float: left;
  height: 100px;
  padding-top: 40px;
  width: 48%;
}
body.faq .bl-area .act-three li.echo-box-02:nth-child(2) {
  box-sizing: border-box;
  float: right;
  height: 100px;
  padding-top: 25px;
  width: 48%;
}
body.faq .bl-area .act-three .echo-box-02 li.echo-box-02 {
  float: right;
  width: 48%;
  margin-bottom: 20px;
  padding: 30px 0 0;
  text-align: center;
}
.bl-area h4 {
  font-size: 14px;
  line-height: 1.2em;
  margin-bottom: 5px;
}

body.faq .bl-area .act-three li.long-block {
  float: none !important;
  width: 100% !important;
  height: auto !important;
}

body.faq .bl-area .act-three li:first-child {
  margin-bottom: 10px !important;
}


.number img {
    height: auto !important;
    width: 34px !important;
}



/* 新着情報
============================================================ */
body#info .info-list ul{
	margin-bottom:20px
}

body#info .info-list li {
  padding: 10px 0px;
}
body#info .info-list  span {
	display:block;
}
body#info .info-list .pager-01 span{
	display:inline;
}
body#info .info-list .pager-01 a.prev,
body#info .info-list .pager-01 a.next{
	display:none;
}


/* サイトマップ
============================================================ */
body#sitemap .sitemap-area > ul{
	float: none;
	margin-left:0;
}



/* リンク
============================================================ */
/*** link-table ***/
body#link .link-table {
  width: 100%;
  border-top: solid 1px #ddd;
  border-left: solid 1px #ddd;
}
body#link .link-table th,
body#link .link-table td {
  border-bottom: solid 1px #ddd;
  border-right: solid 1px #ddd;
  padding: 10px;
  width: 100%;
  display: block;
  text-align: center;
}
body#link .link-table th {
  background: #fff;
  width: auto;
}
body#link .link-table th a {
  background-size: 12px;
  font-size: 14px;
  font-weight: normal;
  color: #0c4197;
  text-decoration: underline;
}
body#link .link-table th a:hover {
  text-decoration: none;
}



/* 無料会員登録
============================================================ */
body#registration .btn {
  text-align: center;
  margin-bottom: 30px;
}
body#registration .btn img {
  width: 100%;
  height: auto;
}
body#registration .feature-about .feature-merritt {
  background: url(../img_registration/list-area-bg.png) right bottom no-repeat, url(../img_registration/bg-str.png);
  background-size: 100px auto , 5px auto;
  border: 5px solid #ffd24d;
  padding: 20px 10px 40px;
  width: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
body#registration .feature-osusume {
  margin: 0 auto 0;
  text-align: center;
  width: auto;
}
body#registration .feature-osusume img {
  max-width: 80%;
  height: auto;
  margin: 0 auto;
}
body#registration .feature-about .feature-merritt li {
  border-bottom: 1px solid #ffd24d;
}
body#registration .feature-about .feature-merritt li {
  font-size: 12px;
  padding: 10px 0 10px 25px;
  vertical-align: top;
}
body#registration .text-01 {
  margin-bottom: 40px;
  text-align: center;
}
body#registration .feature-osusume li:nth-child(1):after,
body#registration .feature-osusume li:nth-child(2):after {
  content: "";
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top: 10px solid #454545;
  position: relative;
  top: 25px;
  left: 50%;
  margin-left: -20px;
  display: block;
}
body#registration .registration-box {
  border: solid 5px #0c4297;
  padding: 10px;
}
body#registration .registration-box .btn {
  margin: 0;
}
body#registration .bottom-title {
  font-size: 16px;
  font-weight: bold;
  color: #0c4197;
  text-align: center;
  letter-spacing: 0;
  position: relative;
  margin-bottom: 40px;
  line-height: 1.5;
}
body#registration .bottom-title:after {
  content: "";
	width: 0;
	height: 0;
	border: 40px solid transparent;
	border-top: 10px solid #ffd24d;
  text-align: center;
  position: absolute;
  margin-left: -40px;
  top: 40px;
  left: 50%;
  height: 20px;
  display: block;
}

.feature-seikatsu {
	width:auto;
}

.feature-osusume li div {
  width: auto;
  height: 225px;
}
.feature-seikatsu img {
	width:100%;
	height: auto;
}
.goki-catch {
	font-size: 20px;
}

/* ごあいさつ
============================================================ */
body.message .aisatsu-area h4 {
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 5px;
  letter-spacing: 2px;
}

body.message .aisatsu-area .name:after {
  position: relative;
  left: 0;
  bottom: 0;
  width: 12%;
  height: 1px;
  display: block;
  background: #ffd24d;
  content: " ";
  margin-bottom: 15px;
}

body.message .aisatsu-area .name span {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 10px;
}

body.message .aisatsu-area .name-ja {
  font-size: 16px;
  font-weight: bold;
  margin-right: 15px;
}

body.message .aisatsu-area .staff-msg {
  line-height: 1.8;
}

body.message .aisatsu-area ul > li:nth-child(2n) {
  width: auto;
  float: none;
}

body.message .aisatsu-area ul > li:first-child {
  width: auto;
  float: none;
  margin-bottom: 40px;
  text-align: center;
}

body.message .aisatsu-area ul > li:first-child img {
  width: 50%;
  height: auto;
}
body.message .aisatsu-area ul > li:first-child .msg-name img {
  width: 25%;
  height: auto;
}
body.message msg-name img {
	width: 60%;	
}
}