@charset "utf-8";

/* PAD */

@media screen and (min-width:850px) {

/* ====================================================================================
POPUP
=======================================================================================*/
body.popup #contents {
    padding: 0px 5%;
}
body.popup .renpop_p01 {
	width: 50%;
    height: 540px;
}
body.popup .renpop_box {
    width: 50%;
    float: right;
}
body.popup .renpop_p02 {
    width: 100%;
    height: 320px;
	margin:0;
}
body.popup .renpop_p03 {
    width: 50%;
    height: 220px;
    margin: 0;
}
body.popup .photo img{
	width:110%;
}



}



/* SP */
@media screen and (max-width: 480px) {

.popup img {
	height:auto;
}
.popup #contents p.w01 a {
	background:url(../img/main/arrow_btn_01.png) no-repeat scroll 95% center #64addd;
	background-size:7px auto;
    color: #fff;
    font-size: 0.7em;
    padding: 0px 25px 0 20px;
    vertical-align: 5px;
    display: inline-block;
    border-radius: 100px;
    margin: 0 0 0 15px;
}

	
#contents02 {
    background: #fff;
    padding: 80px 4% 20px 4%;
    width: 92%;
}

.popup {
	background:none;
}
.popup #rwdMenuWrap {
	display:none !important;
}
.popup #header .title {
	background:url(../img/popup/logo.gif) no-repeat scroll right center #361c31;
	background-size:auto 100%;
    color: #fff;
    padding: 5px 15px;
}
.popup #contents {
	padding: 0px 30px;
}
.popup #contents #t p.w01 {
	font-size: 1.5em;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    margin: 10px 0 15px 0;
}
.popup #contents #t p.w02 {
	margin: 0 0 10px 0;
}
.popup #contents #t p.w02 span{
	background:#e48100;
	color:#fff;
	border-radius:100px;
	padding: 10px 25px;
}
.popup #contents #w_box {
	margin: 0 0 10px 0;
    line-height: 1.4;
}


body.popup #contents #t p.w01 {
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: 2px solid #ccc;
    margin: 10px 0 15px 0;
}
body.popup #contents {
    padding: 0px 3%;
}
body.popup .renpop_p01 {
    background: #ccc;
    width: 100%;
    height: auto;
    float: left;
	margin: 0 0 20px 0;
}

body.popup .btn {
	margin: 20px 0;
}
body.popup .renpop_box {
    width: 100%;
    float: none;
	font-size:0;
}
body.popup .renpop_p02 {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}
body.popup .renpop_p03 {
	display: inline-block;
    width: 49%;
	height: auto;
    margin: 0 2% 0 0;
}
body.popup .renpop_box .fr {
    margin-right: 0;
}
body.popup #renov_date .data_list li {
    width: 100%;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #ccc;
    padding: 0 0 5px 0;
}
body.popup #renov_date .data_list li dt,
body.popup #renov_date .data_list li dd{
	line-height: 1.4;
}

body.popup .tel .nunber {
    font-size: 2.5em;
    letter-spacing: 2px;
}

body.collabo .title_set .title {
    font-size: 1.2em;
}
body.collabo .title_set {
	padding: 20px 3%;
}
body.collabo .img_l .img,
body.collabo .img_r .img {
    float: none;
    width: 60%;
    padding: 0 20% 20px;
}
body.collabo .img_l .text,
body.collabo .img_r .text {
    float: none;
    width: 100%;
}

body.house .pp_house_ul li {
	margin: 10px 30px;
}
.pp_house_ul {
	text-align:center;
	margin: 20px 0;
}

body.house .img_r .img {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
}
body.house .img_r .text {
    float: none;
    width: 100%;
}
body.house .map_img li {
    display: inline-block;
    vertical-align: top;
    width: 46%;
    margin: 0 1% 15px 1%;
    line-height: 1.3;
    font-size: 0.7em;
}
body.house .map_img li img{
	margin:0 0 10px 0;
}

body.house .house_table_03 .box {
    width: 100%;
    font-size: 1em;
	margin: 0;
}
body.house .house_table_02 .box {
    width: 100%;
    font-size: 1em;
    margin: 0;
}

body.house .contact .tel {
    margin: 20px 0 50px;
	text-align: center;
}
body.house .contact .tel .box {
    width: 100%;
}
body.house .link .box {
    width: 60%;
    margin: 20px auto 0;
}
body.house .table_exam {
	margin:0;
}
body.house .house_table_02 table th {
    width: 40%;
}
.house .contact .box span {
    color: #64addd;
    font-size: 2em;
}
.house .copy {
    text-align: center;
    font-size: 0.7em;
    color: #bbb;
    margin: 20px 0 10px;
}

/* 閉じるボタン */
.bt_close {
	text-align: center;
    margin: 20px 0;
}
.bt_close a{
    background: #E5E5E5;
	border: 1px solid #ccc;
    border-radius: 100px;
    padding: 5px 20px;
}

/* お問い合わせ */
.tel {
	text-align: center;
    margin: 20px 0;
}
.popup .btn {
	margin: 20px 100px;
}
.tel .nunber{
	color: #64addd;
    font-weight: bold;
    font-size: 3em;
    line-height: 1;
    letter-spacing: 5px;
}


}


/* POPUP */

@media screen and (min-width: 480px) {

#contents02 {
	background: #fff;
	padding: 80px 0 30px 30px;
}

#renov_date {
    margin: 20px 0;
	font-size: 0;
}
#renov_date .data_list li {
	width: 49%;
    display: inline-block;
    margin: 0 2% 10px 0;
    font-size: 15px;
    border-bottom: 1px solid #ccc;
    padding: 0 0 5px 0;
}
#renov_date .data_list li:nth-child(even){
	margin-right:0;
}
#renov_date dt {
	color:#64addd;
	font-weight:bold;
}
#renov_date .data_list li dt,
#renov_date .data_list li dd{
	line-height: 1.4;
}

.popup {
	background:none;
}
.popup #rwdMenuWrap {
	display:none !important;
}
.popup #header .title{
	background:url(../img/popup/logo.gif) no-repeat scroll right center #361c31;
	background-size:auto 100%;
    color: #fff;
    padding: 5px 15px;
}
.popup #contents {
	padding: 0px 30px;
}
.popup #contents #t p.w01,
#contents02 #plan_t p.w01 {
	font-size: 1.5em;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    margin: 10px 0 15px 0;
}
.popup #contents p.w01 a {
	background:url(../img/main/arrow_btn_01.png) no-repeat scroll 95% center #64addd;
	background-size:7px auto;
    color: #fff;
    font-size: 0.7em;
    padding: 0px 25px 0 20px;
    vertical-align: 5px;
    display: inline-block;
    border-radius: 100px;
    margin: 0 0 0 15px;
}
.popup #contents #t p.w02 {
	margin: 0 0 10px 0;
}
.popup #contents #t p.w02 span{
	background:#e48100;
	color:#fff;
	border-radius:100px;
	padding: 10px 25px;
}
.popup #contents #w_box {
	margin: 0 0 10px 0;
    line-height: 1.4;
}

.renpop_p01 {
    background: #fff;
	width: 440px;
    /* width: 360px; */
	height: 483px;
    /* height: 413px; */
    float: left;
    overflow: hidden;
}
.renpop_box {
    width: 320px;
    float: right;
}
.renpop_p02 {
	background: #fff;
    width: 320px;
	height: 337px;
    /* height: 250px; */
    margin-bottom: 3px;
    overflow: hidden;
}
.renpop_p03 {
	background: #fff;
    overflow: hidden;
    float: left;
    width: 158px;
    height: 143px;
	margin: 0 4px 0 0;
}
.renpop_box .fr {
	margin-right:0;
}

.popup table.table_exam {
	border-collapse: inherit;
    border-spacing: 0 3px;
}
.popup table.table_exam th{
	background:#b3d5fc;
    padding: 5px 10px;
    text-align: center;
    vertical-align: middle;
	white-space: nowrap;
}
.popup table.table_exam th.title{
	background:#6095D1;
	color:#fff;
}
.popup table.table_exam td{
	border-bottom:1px solid #6095D1;
	padding: 0 10px;
    line-height: 1.3;
    vertical-align: middle;
}

.popup .table_pickup {
	margin: 20px 0 0 0;
    border-collapse: inherit;
    border-spacing: 0 5px;
	width: 100%;
}
.popup .table_pickup th {
	background: #e48100;
    width: 90px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    font-weight: 500;
}
.popup .table_pickup td{
	background: #fff;
    padding: 5px 10px;
    line-height: 1.4;
    font-size: 0.8em;
    vertical-align: middle;
	border-bottom:1px solid #e48100;
}



/* 閉じるボタン */
.bt_close {
	text-align: center;
    margin: 20px 0;
}
.bt_close a{
    background: #E5E5E5;
	border: 1px solid #ccc;
    border-radius: 100px;
    padding: 5px 20px;
}

/* お問い合わせ */
.tel {
	text-align: center;
    margin: 20px 0;
}
.popup .btn {
	margin: 20px 100px;
}
.tel .nunber{
	color: #64addd;
    font-weight: bold;
    font-size: 3em;
    line-height: 1;
    letter-spacing: 5px;
}

embed {
    width: 100%;
    height: 400px;
}


/* コラボレーション
=======================================================================*/
.collabo #sec_01 {
	margin:30px 0 0 0;
}
.collabo .img_l {
}
.collabo .img_l .img{
	float:left;
	width:33%
}
.collabo .img_l .text{
	float:right;
	width:65%;
}
.collabo .profile {
    border: 1px solid #ccc;
    padding: 20px 30px;
    font-size: 0.8em;
    margin: 30px 0 50px;
}
.collabo .profile .title {
    color: #64addd;
    margin: 0 0 10px 0;
    font-size: 1.3em;
}
.collabo .profile a{
	text-decoration:underline;
	margin:10px 0;
}
.collabo .img_r .img{
	float:right;
	width:33%;
}
.collabo .img_r .text{
	float:left;
	width:65%;
}
.collabo .text .sub{
	font-size: 0.8em;
}
.collabo .text .title{
    font-weight: bold;
    font-size: 1.3em;
    border-bottom: 1px solid #ccc;
    margin: 0 0 15px;
    line-height: 1.4;
    padding: 0 0 10px 0;
}
.collabo #footer {
	text-align:center;
	font-size:0.8em;
	color:#bbb;
}

.collabo .title_set {
	background:url(../img/business/mv.jpg) no-repeat scroll center 0 ;
	background-size:cover;
	color:#fff;
	font-weight:bold;
	padding:30px;
}
.collabo .title_set .title{
	font-size:1.6em;
	line-height: 1.2;
}
.collabo .title_set span{
	font-size:0.5em;
}


/* house
=======================================================================*/
.pp_house_ul {
	text-align:center;
	margin: 20px 0;
}
.pp_house_ul li{
	width:31%;
	margin:0 1% 20px;
	display:inline-block;
}
.pp_house_ul li:last-child{
	margin-right:0;
}

.house .img_r {
}
.house .img_r .img {
	float:right;
	width:50%;
}
.house .img_r .text {
	float:left;
	width:45%;
}

.house .map_img {
    margin: 30px 0 0 0;
}
.house .map_img li{
	display: inline-block;
    vertical-align: top;
    width: 18.5%;
    margin: 0 2px 15px;
    line-height: 1.3;
    font-size: 0.7em;
}

.house .house_table_03,
.house .house_table_02 {
	margin:20px 0;
}
.house .house_table_03 .box{
	display: inline-block;
    width: 30%;
    vertical-align: top;
    font-size: 0.8em;
    margin: 0 10px;
}
.house .house_table_03 table{
	width:100%;
}
.house .house_table_03 table th{
	width: 50%;
    white-space: inherit;
    text-align: left;
    padding: 0 5px;
}

.house .house_table_02 .box{
	display: inline-block;
    width: 46%;
    vertical-align: top;
    font-size: 0.8em;
    margin: 0 10px;
}

.house .contact {
}
.house .contact .tel .box{
	display:inline-block;
	width: 48%;
	vertical-align: top;
}
.house .contact .box .btn {
	margin: 20px 0 0 0;
	line-height: 1.2;
}
.house .contact .box span{
	color:#64addd;
	font-size: 2em;
}
.house .contact .tel {
	margin: 50px 0;
}

.house .link {
	text-align: center;
}
.house .link .box {
	display: inline-block;
    width: 27%;
    margin: 0 20px;
}
.house .copy {
	text-align:center;
	font-size:0.7em;
	color:#bbb;
	margin:20px 0 10px;
}

.house .print {
	text-align:center;
}
.house .print li{
	display:inline-block;
	margin:20px 30px;
}

.house .carnavi {
	text-align: center;
    margin: 20px 0;
    font-size: 1.2em;
}
.house .carnavi span{
	color:#e48100;
	font-size:1.3em;
}








}
/* POPUP */