@charset "UTF-8";

.eng {
	font-family: 'Gilda Display', serif;
}

.w100 {
	width: 100%;
	max-width: 980px;
	margin-left: auto;
	margin-right: auto;
}

.w90 {
	width: 100%;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.w80 {
	width: 96%;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.w70 {
	width: 92%;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}

.w60 {
	width: 90%;
	max-width: 660px;
	margin-left: auto;
	margin-right: auto;
}

.w50 {
	width: 84%;
	max-width: 540px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 640px) {
	.w100 {
		width: 96%;
	}

	.w90 {
		width: 100%;
	}

	.w80 {
		width: 88%;
	}

	.w70 {
		width: 96%;
	}

	.w60 {
		width: 94%;
	}

	.w50 {
		width: 80%;
	}
}

small {
	font-size: 80%;
}

.pos_rel {
	position: relative;
}

.pos_abs {
	position: absolute;
}

.name {
	position: absolute;
	font-size: 16px;
	color: #fff;
	top: 20px;
	right: 20px;
	/* 
	background-color:rgba(85,85,85,0.5);
	padding: 5px 10px 2px;
	*/
}

.name2 {
	position: absolute;
	font-size: 16px;
	color: #fff;
	bottom: 7px;
	right: 4px;
	background-color: rgba(85, 85, 85, 0.5);
	padding: 5px 10px;
}

.title {
	width: 100%;
	font-size: 48px;
	font-weight: normal;
	line-height: 1.7;
	text-align: center;
	letter-spacing: 0.2rem;
	color: #4ea3a5;
}

.catch {
	width: 100%;
	font-size: 24px;
	line-height: 1.5;
	text-align: center;
	color: #333;
	font-weight: bold;
}

.maintext {
	font-size: 15px;
	line-height: 1.6;
	text-align: center;
	color: #333;
}

.text {
	font-size: 14px;
	font-size: 16px;
	line-height: 1.6;
	text-align: left;
	color: #333;
}

.remark {
	width: 90%;
	max-width: 920px;
	font-size: 12px;
	line-height: 1.6;
	margin-left: auto;
	margin-right: auto;
}

.img_cap {
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 12px;
    letter-spacing: 0em;
    padding: 0.5em;
}

@media(max-width:940px) {

	.name,
	.name2 {
		font-size: 12px;
	}

	.title {
		font-size: 32px;
	}

	.catch {
		font-size: 20px;
	}

	.maintext {
		font-size: 13px;
	}

	.remark {
		font-size: 11px;
	}

.img_cap {
    font-size: 10px;
}
}

@media screen and (max-width: 640px) {
	.name {
		font-size: 11px;
		top: 12px;
		right: 12px;
	}

	.name2 {
		font-size: 11px;
		bottom: 7px;
		right: 2px;
	}

	.title {
		font-size: 24px;
		line-height: 1.5;
		letter-spacing: 0.1rem;
	}

	.catch {
		font-size: 16px;
	}

	.maintext {
		font-size: 12px;
	}

	.text {
		font-size: 12px;
		line-height: 1.5;
	}

	.remark {
		font-size: 10px;
		line-height: 1.5;
	}
}

.remark {
    width: 90%;
    max-width: 920px;
    font-size: 12px;
    line-height: 1.6;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 640px) {
	.remark {
		font-size: 10px;
		line-height: 1.5;
	}
}

/*cosba*/
.cosba .c_mv {
    background-image: url(../images/cosba/c_mv_cosba.jpg);
}

.cosba_ttl{
	margin-bottom: 80px;
}
.cosba_ttl>img {
	display: block;
	max-width: 40%;
	margin: 0 auto 80px;
}

.cosba_ttl>p {
	text-align: center;
}


.cosba_ttl_read {
	font-size: 24px;
    line-height: 1.6;
	text-align: center;
	font-weight: bold;
}

.cosba .c_tab_box{
	padding: 80px 0;
}
.c_tab_box.cosba02{
	padding: 0px 0 80px;
}
.cosba02 .c_tab_box_cont{
	display: block !important;
}
.cosba_box02{
	margin-top: 30px;
}
.cosba_box02_ttl{
	background-image: url(../images/value/c_mv_value.jpg);
	background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
	padding: 80px 0;
	margin-bottom: 50px;
}


.box01,.box02_wrap,.box03_wrap,.box04_wrap{
	max-width: 960px;
	margin: 0 auto;
}
.cosba_box_ttl{
	color: #1b1c80;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 30px;
}
.box01_in_plan{
	float: left;
	width: 33%;
}
.box01_in_img{
	float: right;
	width: 65%;
}
.cosba_red_box{
	padding: 15px;
	color: #fff;
	background-color: #996C4D;
	text-align: center;
	font-weight: bold;
	margin-bottom: 30px;
}
.box01_in_img>div:nth-of-type(2),.box01_in_img>div:nth-of-type(4){
	float: left;
	width: 48%;
	margin-bottom: 30px;
}
.box01_in_img>div:nth-of-type(3),.box01_in_img>div:nth-of-type(5){
	float: right;
	width: 48%;
	margin-bottom: 30px;
}
.cosba_sub_copy_wrap{
	min-height: 40px;
}
p.cosba_sub_copy{
	color: #1b1c80;
	font-size: 14px;
	font-weight: bold;
}

.box02{
	max-width: 100%;
    margin: 0 auto;
}
.box02_in_plan{
	float: left;
	max-width: 460px;
}
.box02_in_plan+.box02_in_plan{
	float: right;
}
.box02_in_plan p.upright{
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright; /* すべて縦方向に表示 */
  float: left;
  color: #1b1c80;
    font-size: 14px;
    font-weight: bold;
}
.box02_in_plan img{
  width: 80%;
}
.box02_in_plan p.box02_in_plan_txt{
	font-size: 24px;
    color: #fff;
    padding: 10px;
    background-color: #1B1C80;
    text-align: center;
    max-width: 90%;
    margin: 20px auto 0;
}

.box03_wrap{
	margin: 80px auto;
}
.box03_in{
	float: left;
	width: 29%;
}
.box03_in+.box03_in{
	float: right;
	width: 66%;
}
.box03_in_in>div{
	float: left;
	width: 47.5%;
}
.box03_in_in>div:nth-of-type(2){
	width: 5%;
	margin-top: 25%;
}
.box03_ttl{
	font-size: 24px;
	text-align: center;
	color: #fff;
	padding: 5px;
	background-color: #1B1C80;
	margin-bottom: 20px;
	height: 77px;
	position: relative;
}
.box03_ttl span{
	font-size: 70%;
}
.box03_ttl div{
	border: 1px solid #fff;
	height: 100%;
}
.box03_ttl div span{
	position: absolute;
	width: 100%;
	top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
	font-size: 24px;
	
}
.box03_in_in p{
	color: #1b1c80;
	  font-size: 14px;
	  font-weight: bold;
}

.box04>div{
	float: left;
	width: 27%;
}
.box04>div:nth-of-type(2){
	width: 40%;
	margin: 0 3%;
}.box04>div:nth-of-type(3){
	float: right;
}
@media(max-width:979px) {
.cosba_ttl_read {
    font-size: 14px;
}


	.box01, .box02_wrap, .box03_wrap, .box04_wrap {
		max-width: 96%;
	}

	.cosba_box02_ttl p:nth-of-type(1) {
		font-size: 18px;
	}

	.cosba_box_ttl {
		font-size: 16px;
		padding-left: 1.5em;
    text-indent: -1.5em;
	}
	.box03_ttl {
		height: 60px;
	}
	.box03_ttl div span {
		font-size: 18px;
	}
	.box01_in_plan {
		float: none;
		width: 80%;
		margin: 0 auto 30px;
	}
	.box01_in_img {
		float: none;
		width: 100%;
	}

	.cosba_red_box {
		padding: 15px 0;
	}
	p.cosba_sub_copy {
		font-size: 12px;
		margin-bottom: 10px;
	}
	.cosba_sub_copy_wrap {
		min-height: 80px;
	}

	.box02_in_plan {
		float: none;
		max-width: 80%;
		margin: 0 auto;
	}
	.box02_in_plan+.box02_in_plan {
		float: none;
		margin: 30px auto 0;
	}
	.box02_in_plan p.box02_in_plan_txt {
		font-size: 18px;
		padding: 10px 0;
	}
	.box02_in_plan img {
		margin: 0 auto;
		display: block;
	}

	.box03_in {
		float: none;
		width: 80%;
		margin: 0 auto;
	}
	.box03_in+.box03_in {
		float: none;
		width: 80%;
		margin: 30px auto 0;
	}
	.box03_ttl {
		font-size: 18px;
	}
	.box03_other_ttl{
		height: unset;
	}
	.box03_in+.box03_in {
		float: none;
		width: 80%;
	}
	.box03_in_in>div {
		float: none;
		width: 100%;
	}
	.box03_in_in>div:nth-of-type(2) {
		width: 60%;
		margin-top: 0%;
		margin: 20px auto;
	}

	.box04>div {
		float: none;
		width: 80%;
		margin: 0 auto;
	}
	.box04>div:nth-of-type(2) {
		width: 90%;
		margin: 30px auto;
	}
	.box04>div:nth-of-type(3) {
		float: none;
		margin: 0 auto;
	}
}
/*↑↑↑↑↑↑↑↑55㎡台って広さ的に2LDKでは？？↑↑↑↑↑↑↑↑*/