/* ----------------------------------------------------------------------------
	間取り
	plan
---------------------------------------------------------------------------- */
#visual .unit .bg{
	background: url("../../plan/img/main.jpg") center/cover no-repeat;
	opacity: 0;
}
@media only screen and (max-width: 768px) {
	#visual .unit .bg{
		background: url("../../plan/img/main_sp.jpg") center left/cover no-repeat;
	}
}
@media only screen and (max-width: 480px) {
}



/* -- Plan Under Link -- */

.plan_list{
	width: 100%;
	margin: 0 auto;
	padding: 90px 0 60px 0;
	position: relative;
}

.plan_list .list{
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.plan_list .unit{
	width: 32.5%;
	margin: 0 1.25% 15px 0;
	padding: 0 0;
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.plan_list .unit:nth-child(3n + 3){
	margin: 0 0 15px 0;
}

.plan_list .unit h4{
	width: 100%;
	background: var(--base-color);
	font-size: 1.000rem;
	font-family: "Noto Sans JP", sans-serif !important;
	letter-spacing: 0.05em;
	color: var(--wt-color);
	padding: 0.5em 1em;
	margin: 0 0 0.9em 0;
	box-sizing: border-box;
}

.plan_list .unit a{
	width: 100%;
	padding: 35px 25px 35px 25px;
	position: relative;
	margin: 0 auto 0 0;
	background: var(--bg-color);
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	border: #8d8d8d 1px solid;
	text-decoration: none;
	color: #4d4a52;
	transition: all 0.2s ease;
}
.plan_list .unit a:hover,
.plan_list .unit a.active{
	transition: all 0.2s ease;
	opacity: 1;
	filter: brightness(105%);
	padding: 30px 20px 30px 20px;
	border: var(--key-color) 6px solid;
}
.plan_list .unit a.close{
	background: rgba(0,0,0,0.50);
}

.plan_list .unit .spec_area{
	width: 100%;
	padding: 0 0 0 0;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}
.plan_list .unit .spec_area h3{
	width: auto;
	height: 26px;
	padding: 0px 15px 0px 0 !important;
	text-align: left;
	border-right: #cccccc 1px solid;
	box-sizing: border-box;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
}
.plan_list .unit .spec_area h3.mn{
	height: 48px;
}
.plan_list .unit a .spec_area h3 img{
	width: auto !important;
	height: 100% !important;
	display: block;
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}


.plan_list .unit .spec_area ul{
	width: calc(100% - 110px);
	padding: 0 0 0 0;
	box-sizing: border-box;
}
.plan_list .unit .spec_area ul li{
	padding: 0 0 0.3em 0;
	font-size: 0.875rem;
	letter-spacing: 0.02em;
	text-align: left;
	font-family: "Noto Sans JP", sans-serif !important;
	font-optical-sizing: auto;
}
.plan_list .unit .spec_area ul li:last-child{
	padding: 0 0 0 0;
}
.plan_list .unit .spec_area ul li small{
	font-size: 0.750em;
}
.plan_list .unit .spec_area ul li strong{
	font-size: 1.75em;
	font-weight: 600;
}

.plan_list .unit .spec_area ul li.ldk{
	padding: 0 0 0.3em 0;
	font-size: 1.375rem;
	font-weight: 500;
	letter-spacing: 0.01em;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	text-align: left;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
}
.plan_list .unit .spec_area ul li.ldk small{
	font-size: 0.6em;
	font-weight: bold;
}

@media only screen and (max-width: 999px) {
	.plan_list{
		padding: 90px 0 60px 0;
	}

	.plan_list .unit{
		width: 32.5%;
	}

	.plan_list .unit a{
		padding: 40px 15px 40px 15px;
	}

	.plan_list .unit h4{
		font-size: 0.938rem;
		margin: 0 0 0.6em 0;
	}

	.plan_list .unit .spec_area{
	}
	.plan_list .unit .spec_area h3{
		width: auto;
		height: 38px;
		padding: 0px 0 10px 0 !important;
		border-right: none;
		border-bottom: #cccccc 1px solid;
	}
	.plan_list .unit .spec_area h3.mn{
		height: 48px;
	}

	.plan_list .unit .spec_area ul{
		width: calc(100%);
		padding: 10px 0 0 0;
	}
	.plan_list .unit .spec_area ul li{
		font-size: 0.813rem;
		padding: 0 0 0.2em 0;
	}

	.plan_list .unit .spec_area ul li.ldk{
		font-size: 1.250rem;
	}
}
@media only screen and (max-width: 768px) {
	.plan_list{
		padding: 60px 0 60px 0;
	}

	.plan_list .unit{
		width: 49%;
		margin: 0 2% 10px 0;
	}
	.plan_list .unit:nth-child(3n + 3){
		margin: 0 2% 10px 0;
	}
	.plan_list .unit:nth-child(2n + 2){
		margin: 0 0 10px 0;
	}

	.plan_list .unit h4{
		font-size: 0.875rem;
	}


	.plan_list .unit a{
		padding: 30px 15px 30px 15px;
	}

	.plan_list .unit .spec_area{
	}
	.plan_list .unit .spec_area h3{
		width: auto;
		height: 34px;
		padding: 0px 0 10px 0 !important;
		border-right: none;
		border-bottom: #cccccc 1px solid;
	}
	.plan_list .unit .spec_area h3.mn{
		height: 44px;
	}

	.plan_list .unit .spec_area ul{
		width: calc(100%);
		padding: 10px 0 0 0;
	}
	.plan_list .unit .spec_area ul li{
		font-size: 0.813rem;
		padding: 0 0 0.2em 0;
	}

	.plan_list .unit .spec_area ul li.ldk{
		font-size: 1.250rem;
	}
}
@media only screen and (max-width: 480px) {
	.plan_list{
		padding: 60px 0 60px 0;
	}

	.plan_list .unit{
		width: 100%;
		margin: 0 0 30px 0;
	}
	.plan_list .unit:nth-child(3n + 3){
		margin: 0 0 30px 0;
	}
	.plan_list .unit:nth-child(2n + 2){
		margin: 0 0 30px 0;
	}

	.plan_list .unit h4{
		font-size: 0.813rem;
	}

	.plan_list .unit a{
		padding: 25px 15px 25px 15px;
	}

	.plan_list .unit .spec_area{
	}
	.plan_list .unit .spec_area h3{
		width: auto;
		height: 19px;
		padding: 0px 10px 0px 0 !important;
		border-right: #cccccc 1px solid;
		border-bottom: none;
	}
	.plan_list .unit .spec_area h3.mn{
		height: 32px;
	}

	.plan_list .unit .spec_area ul{
		width: calc(100% - 85px);
		padding: 0 0 0 0;
	}
	.plan_list .unit .spec_area ul li{
		font-size: 0.750rem;
		padding: 0 0 0.2em 0;
	}

	.plan_list .unit .spec_area ul li.ldk{
		font-size: 1.125rem;
	}
}




/* plan_d */
.plan_d#content_inner{
	padding:0 0 0 0;
}

.plan_d#content_inner #plan_detail{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.plan_d#content_inner #plan_detail .type_area{
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 auto 0 auto;
	text-align: center;
	border-top: #bfbfc1 1px solid;
	border-bottom: #bfbfc1 1px solid;
}
.plan_d#content_inner #plan_detail .type_area .in-box{
	height: 100%;
	padding: 0px 0 0px 0;
	margin: 0 auto 0 auto;
	text-align: center;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	border-left: #bfbfc1 1px solid;
	border-right: #bfbfc1 1px solid;
	box-sizing: border-box;
	position: relative;
}

.plan_d#content_inner #plan_detail .type_spec{
	width: calc(100% - 400px);
	height: 100%;
	padding: 0 0 0 0;
	position: relative;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	border-right: #bfbfc1 1px solid;
	align-items: flex-start;
}

.plan_d#content_inner #plan_detail .type_spec h4{
	width: 100%;
	background: var(--base-color);
	font-size: 1.000rem;
	font-family: "Noto Sans JP", sans-serif !important;
	letter-spacing: 0.05em;
	color: var(--wt-color);
	padding: 0.5em 1em;
	box-sizing: border-box;
}


.plan_d#content_inner #plan_detail .type_area .in-box .type_name{
	width: calc(100% - 150px);
	padding: 20px 1em 20px 2em;
	text-align: center;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
	box-sizing: border-box;
	position: relative;
}

.plan_d#content_inner #plan_detail .type_area .in-box .type_name h2{
	width: auto;
	height: 45px;
	padding: 0 30px 0 0;
	position: relative;
}
.plan_d#content_inner #plan_detail .type_area .in-box .type_name h2::after{
	content: "";
	width: 1px;
	height: 50%;
	background: #bfbfc1;
	position: absolute;
	bottom: 25%;
	right: 0;
}
.plan_d#content_inner #plan_detail .type_area .in-box .type_name h2 img{
	width: auto;
	height: 100%;
}

.plan_d#content_inner #plan_detail .type_area .in-box .type_name ul{
	width: auto;
	padding: 0 0 0 30px;
	position: relative;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: flex-end;
}
.plan_d#content_inner #plan_detail .type_area .in-box .type_name ul li{
	padding: 0 0 0 0;
	font-size: 1.875rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	font-family: "Noto Sans JP", sans-serif !important;
	font-optical-sizing: auto;
	text-align: left;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: baseline;
}
.plan_d#content_inner #plan_detail .type_area .in-box .type_name ul li small{
	font-size: 0.6em;
	font-weight: bold;
}

.plan_d#content_inner #plan_detail .in-box .print{
	width: 150px;
	height: 100%;
	padding: 0 0;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	border-left: #bfbfc1 1px solid;
}
.plan_d#content_inner #plan_detail .type_area .in-box .print a{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	background: url("../../plan/img/icon_print.png") center  bottom 40% /24px auto no-repeat;
	font-size: 1.125rem;
	line-height: 1.0;
	text-decoration: none;
	text-align: center;
	color: #555;
}
.plan_d#content_inner #plan_detail .type_area .in-box .print p{
	width: 100%;
	font-size: 1.125rem;
	line-height: 1.2;
	text-align: center;
	padding: 0 0 0.5em 0;
}



.plan_d#content_inner #plan_detail .spac_area{
	width: 100%;
	padding: 0 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: center;
	border-top: #bfbfc1 1px solid;
}

.plan_d#content_inner #plan_detail .spac_area ul{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: baseline;
	padding: 0 0;
}
.plan_d#content_inner #plan_detail .spac_area ul li{
	padding: 0.5em 1.5em 0.5em 1.5em;
	font-size: 1.000rem;
	line-height: 1.6;
	letter-spacing: 0.05em;
	font-family: "Noto Sans JP", sans-serif !important;
	font-optical-sizing: auto;
	text-align: left;
	box-sizing: border-box;
	color: var(--base-color);
	border-right: #bfbfc1 1px solid;
}
.plan_d#content_inner #plan_detail .spac_area ul li strong{
	font-size: 1.875em;
	font-weight: bold;
	line-height: 0.8;
	letter-spacing: -0.01em;
}
.plan_d#content_inner #plan_detail .spac_area ul li br{
	display: none !important;
}
.plan_d#content_inner #plan_detail .spac_area ul li:last-child{
	border-right: none;
}


/* torikago */
.plan_d#content_inner #plan_detail .tori{
	position: relative;
	width: 160px;
	padding: 20px 0 20px 0;
	margin: 0 0 0 0;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.plan_d#content_inner #plan_detail .tori .elevation{
	width: calc(50%);
	order: 2;
}
.plan_d#content_inner #plan_detail .tori .sitelayout{
	width: calc(41%);
	order: 1;
}
.plan_d#content_inner #plan_detail .tori .sitelayout p{
	font-size: 0.750rem;
	padding: 0 0 0.5em 0;
	text-align: left;
}

.plan_d#content_inner #plan_detail .graph{
	width: 100%;
	padding: 50px 0 50px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: center;
	background: #FFF;
	position: relative;
	box-sizing: border-box;
}


.plan_d#content_inner #plan_detail .plan_graph{
	width: 100%;
	text-align: center;
}
.plan_d#content_inner #plan_detail .plan_graph figure{
	margin: 0 auto 0 auto;
}


/* --------------------type-size-------------------- */

/* Atype */
.plan_d#content_inner #plan_detail.a_type .plan_graph figure{
	width: 638px;	
}
/* Ftype */
.plan_d#content_inner #plan_detail.f_type .plan_graph figure{
	width: 970px;	
}
/* Gtype */
.plan_d#content_inner #plan_detail.g_type .plan_graph figure{
	width: 633px;	
}




.plan_d#content_inner #plan_detail .graph .ex{
	width: 100%;
	position: relative;
	margin: 0 auto;
}
.plan_d#content_inner #plan_detail .graph .ex .in-box{
	position: relative;
	margin: 0 auto;
	padding: 50px 0 0 0;
	text-align: left;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.plan_d#content_inner #plan_detail .graph .ex .unit{
	padding: 0 20px 0 0;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
}
.plan_d#content_inner #plan_detail .graph .ex .unit i{
	width: 32px;
	height: 1em;
	display: block;
	position: relative;
	margin: 0 10px 0 0;
	text-align: left;
}
.plan_d#content_inner #plan_detail .graph .ex .unit i.yuka{
	background: #dbd5ca;
}
.plan_d#content_inner #plan_detail .graph .ex .unit i.syunou{
	background: #dbccb7;
}
.plan_d#content_inner #plan_detail .graph .ex .unit i.water{
	background: #b8e0ee;
}
.plan_d#content_inner #plan_detail .graph .ex .unit i.ventilation{
	background: url("../../plan/img/icon_ventilation.png") center/contain no-repeat;
}
.plan_d#content_inner #plan_detail .graph .ex .unit i.daylight{
	background: url("../../plan/img/icon_daylighting.png") center/contain no-repeat;
}


.plan_d#content_inner #plan_detail .graph .ex .unit p{
	text-align: left;
	font-size: 0.875rem;
	color: #000;
}


.plan_d#content_inner #plan_detail .image_area{
	padding: 0px 0 50px;
	display: block;
	background: #FFF;
	position: relative;
	box-sizing: border-box;
}


.plan_d#content_inner #plan_detail .back{
	width: 100%;
	padding: 0 0;
	margin: 30px 0 40px 0;
}
.plan_d#content_inner #plan_detail .back a{
	width: 100%;
	padding: 0 0 25px 0;
	text-align: center;
	font-family: "游明朝", YuMincho,  "Yu Mincho","ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-size: 1.25rem;
	letter-spacing: 0.05em;
	line-height: 1.2;
	color: #333;
	text-decoration: none;
	position: relative;
    display: inline-block;
    vertical-align: middle;
}
.plan_d#content_inner #plan_detail .back a::before,
.plan_d#content_inner #plan_detail .back a::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.plan_d#content_inner #plan_detail .back a::before{
    left: 50%;
	top: auto;
	bottom: 0;
    width: 8px;
    height: 8px;
    border-top: 1px solid #bfbfc1;
    border-right: 1px solid #bfbfc1;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
	margin: 0 0 0 -8px;
}
.plan_d#content_inner #plan_detail .back a span{
	display: block;
	font-size: 0.7rem;
	letter-spacing: 0.0em;
	padding: 0 0 0 0;
}


@media only screen and (max-width: 1199px) {
	.plan_d#content_inner{
		padding:0 0 0 0;
	}

	.plan_d#content_inner #plan_detail{
		width: 100%;
	}

	.plan_d#content_inner #plan_detail .type_spec{
		width: calc(100% - 35%);
	}

	.plan_d#content_inner #plan_detail .type_area .in-box .type_name{

	}
	.plan_d#content_inner #plan_detail .type_area .in-box .type_name h2{
		height: 40px;
		padding: 0 20px 0 0;
		position: relative;
	}

	.plan_d#content_inner #plan_detail .type_area .in-box .type_name ul{
		width: auto;
		padding: 0 0 0 20px;
	}
	.plan_d#content_inner #plan_detail .type_area .in-box .type_name ul li{
		padding: 0 0 0 0;
		font-size: 1.625rem;
	}


	.plan_d#content_inner #plan_detail .in-box .print{
		width: 14%;
	}
	.plan_d#content_inner #plan_detail .type_area .in-box .print a{
		background: url("../../plan/img/icon_print.png") center  bottom 40% /23% auto no-repeat;
		font-size: 1.6vw;
	}
	.plan_d#content_inner #plan_detail .type_area .in-box .print p{

		font-size: 1.6vw;
	}

	.plan_d#content_inner #plan_detail .spac_area{
		width: 100%;
	}

	.plan_d#content_inner #plan_detail .spac_area ul{
	}
	.plan_d#content_inner #plan_detail .spac_area ul li{
		font-size: 1.55vw;
		letter-spacing: 0.02em;
	}
	.plan_d#content_inner #plan_detail .spac_area ul li strong{
	}
	.plan_d#content_inner #plan_detail .spac_area ul li br{
		display: none !important;
	}

	.plan_d#content_inner #plan_detail .graph{
		width: 100%;
		padding: 40px 0 40px;
	}


	/* torikago */
	.plan_d#content_inner #plan_detail .tori{
		width: 15%;
		padding: 20px 0 20px 0;
	}
	.plan_d#content_inner #plan_detail .tori .sitelayout p{
		font-size: 1vw;
	}

	.plan_d#content_inner #plan_detail .plan_graph{
		width: 90%;
		text-align: center;
		margin: 0 auto;
	}
	.plan_d#content_inner #plan_detail .plan_graph figure{
		margin: 0 auto;
	}

	/* --------------------type-size-------------------- */
	/* --
	size calcrate
	width = 100% / 1200px * 970px = 80.8333333333%
	-- */

	/* Atype */
	.plan_d#content_inner #plan_detail.a_type .plan_graph figure{
		width: 53.1666666666%;	
	}
	/* Ftype */
	.plan_d#content_inner #plan_detail.f_type .plan_graph figure{
		width: 80.8333333333%;	
	}
	/* Gtype */
	.plan_d#content_inner #plan_detail.g_type .plan_graph figure{
		width: 52.75%;	
	}


	.plan_d#content_inner #plan_detail .graph .ex{
		padding: 40px 0 0 0;
	}
	.plan_d#content_inner #plan_detail .graph .ex .unit{
		padding: 0 15px 0 0;
	}
	.plan_d#content_inner #plan_detail .graph .ex .unit i{
		width: 32px;
		height: 1em;
		display: block;
		position: relative;
		margin: 0 10px 0 0;
		text-align: left;
	}

	.plan_d#content_inner #plan_detail .back a{
		padding: 0 0 25px 0;
		font-size: 1.25rem;
	}
}
@media only screen and (max-width: 768px) {
	.plan_d#content_inner{
		padding:0 0 0 0;
	}

	.plan_d#content_inner #plan_detail{
		margin: 0 0 40px 0;
	}

	.plan_d#content_inner #plan_detail .type_area .in-box{
		height: 100%;
	}

	.plan_d#content_inner #plan_detail .type_spec{
		width: calc(100% - 141px);
		align-items: flex-start;
		align-content: flex-start;
	}

	.plan_d#content_inner #plan_detail .type_spec h4{
		font-size: 0.875rem;
	}
	.plan_d#content_inner #plan_detail .type_area .in-box .type_name{
		width: 100%;
		padding: 2.5em 0 2.5em 1.5em;
	}
	.plan_d#content_inner #plan_detail .type_area .in-box .type_name h2{
		height: 30px;
		padding: 0 10px 0 0;
		position: relative;
	}
	.plan_d#content_inner #plan_detail .type_area .in-box .type_name ul{
		width: auto;
		padding: 0 0 0 10px;
	}
	.plan_d#content_inner #plan_detail .type_area .in-box .type_name ul li{
		padding: 0 0 0 0;
		font-size: 1.250rem;
	}

	.plan_d#content_inner #plan_detail .type_area .in-box .print{
		width: 140px;
		height: 80px;
		position: absolute;
		bottom: 0;
		right: 0;
		border-top: #bfbfc1 1px solid;
		border-left: none;
	}
	.plan_d#content_inner #plan_detail .type_area .in-box .print a{
		background: url("../../plan/img/icon_print.png") center bottom 15%/20px auto no-repeat;
		font-size: 0.875rem;
	}
	.plan_d#content_inner #plan_detail .type_area .in-box .print p{
		font-size: 0.875rem;
	}

	/* torikago */
	.plan_d#content_inner #plan_detail .tori{
		width: 140px;
		margin: 0 0 0 0;
		padding: 0 15px 90px 15px;
		box-sizing: border-box;
	}
	.plan_d#content_inner #plan_detail .tori .elevation{
		width: calc(50%);
		order: 2;
		padding: 15px 0 0 0;
	}
	.plan_d#content_inner #plan_detail .tori .sitelayout{
		width: calc(41%);
		order: 1;
		padding: 15px 0 0 0;
	}


	.plan_d#content_inner #plan_detail .spac_area{
		padding: 20px 0 20px 0;
	}
	.plan_d#content_inner #plan_detail .spac_area ul{
		align-items: stretch;
	}
	.plan_d#content_inner #plan_detail .spac_area ul li{
		width: 100%;
		font-size: 0.813rem;
		letter-spacing: 0.02em;
		border-right: none !important;
	}
	.plan_d#content_inner #plan_detail .spac_area ul li:last-child{
		border-bottom: none !important;
	}

	.plan_d#content_inner #plan_detail .spac_area ul li strong{
	}
	.plan_d#content_inner #plan_detail .spac_area ul li br{
		display: none !important;
	}

	.plan_d#content_inner #plan_detail .graph{
		width: 100%;
		padding: 40px 0 40px;
	}



	.plan_d#content_inner #plan_detail .plan_graph{
		width: calc(90%);
		text-align: left;
	}


	.plan_d#content_inner #plan_detail .graph .ex{
		padding: 40px 0 0 0;
	}
	.plan_d#content_inner #plan_detail .graph .ex .unit{
		padding: 0 15px 0 0;
	}
	.plan_d#content_inner #plan_detail .graph .ex .unit i{
		width: 25px;
		height: 1em;
		display: block;
		position: relative;
		margin: 0 10px 0 0;
		text-align: left;
	}
	.plan_d#content_inner #plan_detail .graph .ex .unit p{
		font-size: 0.813rem;
	}

	.plan_d#content_inner #plan_detail .back{
		margin: 30px 0 10px 0;
	}
	.plan_d#content_inner #plan_detail .back a{
		padding: 0 0 25px 0;
		font-size: 1.125rem;
	}
}
@media only screen and (max-width: 480px) {
	.plan_d#content_inner{
		padding:0 0 0 0;
	}

	.plan_d#content_inner #plan_detail{
		margin: 0 0 30px 0;
	}

	.plan_d#content_inner #plan_detail .type_spec{
		width: calc(100% - 111px);
	}
	.plan_d#content_inner #plan_detail .type_spec h4{
		font-size: 0.813rem;
	}

	.plan_d#content_inner #plan_detail .type_area .in-box .type_name{
		width: 100%;
		padding: 1.5em 0 1.5em 1.5em;
	}
	.plan_d#content_inner #plan_detail .type_area .in-box .type_name h2{
		height: 23px;
		padding: 0 0 0 0;
		position: relative;
	}
	.plan_d#content_inner #plan_detail .type_area .in-box .type_name h2::after{
		content: none;
	}


	.plan_d#content_inner #plan_detail .type_area .in-box .type_name ul{
		width: 100%;
		padding: 10px 0 0 0;
	}
	.plan_d#content_inner #plan_detail .type_area .in-box .type_name ul li{
		padding: 0 0 0 0;
		font-size: 0.938rem;
	}

	.plan_d#content_inner #plan_detail .type_area .in-box .print{
		width: 110px;
	}
	.plan_d#content_inner #plan_detail .type_area .in-box .print a{
		font-size: 0.813rem;
	}
	.plan_d#content_inner #plan_detail .type_area .in-box .print p{
		font-size: 0.813rem;
	}

	/* torikago */
	.plan_d#content_inner #plan_detail .tori{
		width: 110px;
	}
	

	.plan_d#content_inner #plan_detail .spac_area ul{
		align-items: stretch;
	}
	.plan_d#content_inner #plan_detail .spac_area ul li{
		font-size: 0.688rem;
		letter-spacing: 0.02em;
	}

	.plan_d#content_inner #plan_detail .graph{
		width: 100%;
		padding: 30px 0 30px;
	}

	.plan_d#content_inner #plan_detail .plan_graph figure{
		width: 90% !important;
	}



	.plan_d#content_inner #plan_detail .graph .ex{
		padding: 30px 0 0 0;
	}
	.plan_d#content_inner #plan_detail .graph .ex .unit{
		padding: 0 15px 0 0;
	}
	.plan_d#content_inner #plan_detail .graph .ex .unit i{
		width: 24px;
		height: 1em;
		margin: 0 10px 0 0;
		text-align: left;
	}
	.plan_d#content_inner #plan_detail .graph .ex .unit p{
		font-size: 0.688rem;
	}

	.plan_d#content_inner #plan_detail .back a{
		padding: 0 0 20px 0;
		font-size: 0.938rem;
	}
}


.plan_d#content_inner .plan_list{
	width: 1000px;
	margin: 0 auto;
	padding: 0 0 0 0;
	position: relative;
}

.plan_d#content_inner .plan_list .list{
	width: 100%;
	padding: 0 0 60px 0;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.plan_d#content_inner .plan_list .list h2{
	width: 100%;
	margin: 0 0 30px 0;
	position: relative;
}


.plan_d#content_inner .plan_list .unit{
	width: calc((100% / 3) - 5px);
	margin: 0 7.25px 5px 0;
	padding: 0 0;
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	box-sizing: border-box;
}
.plan_d#content_inner .plan_list .unit:nth-child(3n + 3){
	margin: 0 0 5px 0;
}

.plan_d#content_inner .plan_list .unit a{
	width: 100%;
	padding: 15px 10px 15px 15px;
	position: relative;
	margin: 0 auto 0 0;
	background: #FFF;
}
.plan_d#content_inner .plan_list .unit a:hover,
.plan_d#content_inner .plan_list .unit a.active{
	transition: all 0.2s ease;
	opacity: 1;
	filter: brightness(105%);
	padding: 11px 6px 11px 11px;
	border: var(--key-color) 4px solid;
}
.plan_d#content_inner .plan_list .unit .spec_area h3{
	width: 70px;
	padding: 5px 10px 5px 0 !important;
}
.plan_d#content_inner .plan_list .unit .spec_area h3 img{
	width: 100% !important;
	height: auto !important;
}


.plan_d#content_inner .plan_list .unit .spec_area ul{
	width: calc(100% - 80px);
}
.plan_d#content_inner .plan_list .unit .spec_area ul li{
	padding: 0 0 0.1em 0;
	font-size: 0.75rem;
	letter-spacing: 0.05em;
}
.plan_d#content_inner .plan_list .unit .spec_area ul li:last-child{
	padding: 0 0 0 0;
}
.plan_d#content_inner .plan_list .unit .spec_area ul li small{
	font-size: 0.875em;
}
.plan_d#content_inner .plan_list .unit .spec_area ul li strong{
	font-size: 1.625em;
	font-weight: normal;
}

.plan_d#content_inner .plan_list .unit .spec_area ul li.ldk{
	padding: 0 0 0.1em 0;
	font-size: 1.5rem;
}
.plan_d#content_inner .plan_list .unit .spec_area ul li.ldk small{
	font-size: 0.6em;
	font-weight: bold;
}

@media only screen and (max-width: 999px) {
	.plan_d#content_inner .plan_list{
		width: 90%;
	}

	.plan_d#content_inner .plan_list .unit{
		width: calc((100% / 3) - 5px);
		margin: 0 7.25px 5px 0;
	}
	.plan_d#content_inner .plan_list .unit:nth-child(3n + 3){
		margin: 0 0 5px 0;
	}

	.plan_d#content_inner .plan_list .unit a{
		width: 100%;
		padding: 15px 10px 15px 15px;
	}

	.plan_d#content_inner .plan_list .unit .spec_area h3{
		width: 100%;
		padding: 0px 0 10px 0 !important;
		border-right: none;
		border-bottom: #cccccc 1px solid;
	}
	.plan_d#content_inner .plan_list .unit .spec_area h3 img{
		width: auto !important;
		height: 100% !important;
	}


	.plan_d#content_inner .plan_list .unit .spec_area ul{
		width: 100%;
		padding: 10px 0 0 0;
	}
	.plan_d#content_inner .plan_list .unit .spec_area ul li{
		font-size: 0.688rem;
	}

	.plan_d#content_inner .plan_list .unit .spec_area ul li.ldk{
		font-size: 1.375rem;
	}
}
@media only screen and (max-width: 768px) {
	.plan_d#content_inner .plan_list{
		width: 90%;
	}
	.plan_d#content_inner .plan_list .list{
		justify-content: space-between;
		padding: 0 0 30px 0;
	}
	.plan_d#content_inner .plan_list .unit{
		width: calc((100% / 2) - 5px);
		margin: 0 0 10px 0;
	}
	.plan_d#content_inner .plan_list .unit:nth-child(3n + 3){
		margin: 0 0 10px 0;
	}
	.plan_d#content_inner .plan_list .unit a{
		width: 100%;
		padding: 15px 10px 15px 15px;
	}

	.plan_d#content_inner .plan_list .unit .spec_area h3{
		width: 100%;
		padding: 0px 0 10px 0 !important;
		border-right: none;
		border-bottom: #cccccc 1px solid;
	}
	.plan_d#content_inner .plan_list .unit .spec_area ul{
		width: 100%;
		padding: 10px 0 0 0;
	}
	.plan_d#content_inner .plan_list .unit .spec_area ul li{
		font-size: 0.625rem;
	}

	.plan_d#content_inner .plan_list .unit .spec_area ul li.ldk{
		font-size: 1.250rem;
	}
}
@media only screen and (max-width: 480px) {
	.plan_d#content_inner .plan_list .unit{
		width: 100%;
		margin: 0 0 10px 0;
	}
	.plan_d#content_inner .plan_list .unit .spec_area h3 {
        width: 100%;
        padding: 0px 0 30px 0 !important;
    }
	.plan_d#content_inner .plan_list .unit .spec_area h3 img{
		width: auto !important;
		height: 20px !important;
	}

}