@charset "utf-8";

/* ----------------------------------------------------------------------------
	間取り
	plan/
---------------------------------------------------------------------------- */


#plan_list_wrap{
	margin: 0 auto;
	padding: 120px 0 100px 0;
	position: relative;
	overflow: visible;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#side_wrap{
	width: 303px;
	height: 100%;
	margin: 0 0 0 0;
	z-index: 10;
	overflow: visible;
}
#side_wrap .side{
	width: 100%;
	margin: 0px 0 0 0;
	box-sizing: border-box;
}
#side_wrap .side .floor{
	width: 100%;
	align-items: center;
	box-sizing: border-box;
	padding: 0 0 0 0;
	position: relative;
}
#side_wrap .side .floor figure{
	width: 100%;
}
#side_wrap .side .floor p{
	position: absolute;
}
#side_wrap .side .floor p a{
	opacity: 0;
	display: block;
	line-height: 0;
}
#side_wrap .side .floor p a:hover,
#side_wrap .side .floor p a.active{
	opacity: 1;
	filter: brightness(105%);
}
#side_wrap .side .floor p a.close{
	opacity: 1;
	position: relative;
}
#side_wrap .side .floor p a.close::after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,1);
	opacity: 0.7;
	border: #FFF 1px solid;
	box-sizing: border-box;
}
#side_wrap .side .floor p#a_el{
	width: 126px;
	top: 100px;
	left: 42px;
}
#side_wrap .side .floor p#b_el{
	width: 136px;
	top: 100px;
	left: 167px;
}
#side_wrap .side .floor p#c_el{
	width: 261px;
	top: 38px;
	left: 42px;
}
#side_wrap .side .floor p#d_el{
	width: 214px;
	top: 0px;
	left: 89px;
}


#plan_list_wrap .plan_list{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
}

#plan_list_wrap .plan_list .list{
	width: 100%;
	padding: 0 0 0 0;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}
#plan_list_wrap .plan_list .list h2{
	width: 100%;
	padding: 0 0 0px 0;
	margin: 0 0 0 0;
	font-size: 2.25rem;
	letter-spacing: 0;
	text-align: left;
}

#plan_list_wrap .plan_list .in-box{
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#plan_list_wrap .plan_list .unit{
	width: 50%;
	background: rgba(255,255,255,1.00);
	position: relative;
	display: block;
	text-decoration: none;
	color: rgba(1,1,1,1.00);
	padding: 20px 30px;
	margin: 0 1% 30px 1%;
	box-sizing: border-box;
}
#plan_list_wrap .plan_list .unit:hover{
	filter: brightness(120%);
	background: #bca475;
	opacity: 1;
}
#plan_list_wrap .plan_list .unit a{
	width: 100%;
	height: 100%;
	display: block;
	text-decoration: none;
	color: rgba(1,1,1,1.00);
	position: relative;
	transition: all 0.3s;
}
#plan_list_wrap .plan_list .unit a.active{
	filter: brightness(120%);
	background: #bca475;
	transition: all 0.3s;
}
#plan_list_wrap .plan_list .unit.active{
	filter: brightness(120%);
	background: #bca475;
	transition: all 0.3s;
}




#plan_list_wrap .plan_list .unit .spec{
	width: auto;
	position: relative;
	margin: 0 0 20px 0;
	text-align: left;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: baseline;
}
#plan_list_wrap .plan_list .unit .spec h3{
	width: auto;
	font-size: 3.5rem;
	font-weight: 500;
	text-align: left;
	margin: 0 0 0 0;
    padding: 0 0.2em 0 0;
    line-height: 1.0;
    letter-spacing: 0.01em;
}
#plan_list_wrap .plan_list .unit .spec h3 small{
	font-size: 1.625rem;
	font-weight: 500;
}
#plan_list_wrap .plan_list .unit .spec h4{
	width: auto;
	font-size: 1.625rem;
	font-weight: 500;
	text-align: left;
	margin: 0 0 0 0;
    padding: 0 0 0 0.4em;
    line-height: 1.0;
    letter-spacing: 0.01em;
}

#plan_list_wrap .plan_list .unit ul{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
	padding: 0 0 0 0;
	box-sizing: border-box;
}
#plan_list_wrap .plan_list .unit ul li{
	width: 100%;
	font-size: 0.875rem;
	padding: 0 0 0.8em 0;
	letter-spacing: 0.05em;
	vertical-align: middle;
	text-align: center;
}
#plan_list_wrap .plan_list .unit ul li strong{
	font-size: 1.125em;
	font-weight: normal;
}
#plan_list_wrap .plan_list .unit div.more{
	width: 100%;
	background: #bca474;
	display: block;
	margin: 20px auto 0 auto;
	border-radius: 40px;
	text-decoration: none;
	transition: all 0.3s;
}
#plan_list_wrap .plan_list .unit div.more p{
	font-size: 1.00rem;
	padding: 0.3em 0;
	text-align: center;
	color: #FFF;
	letter-spacing: 0.075em;
	transition: all 0.3s;
}
#plan_list_wrap .plan_list .unit:hover div.more{
	background: #FFF;
	transition: all 0.3s;
}
#plan_list_wrap .plan_list .unit.active div.more{
	background: #FFF;
	transition: all 0.3s;
}
#plan_list_wrap .plan_list .unit:hover div.more p{
	color: #bca474;
	transition: all 0.3s;
}
#plan_list_wrap .plan_list .unit.active div.more p{
	color: #bca474;
	transition: all 0.3s;
}

#plan_list_wrap .plan_list .unit.close{
	opacity: 1;
}

#plan_list_wrap .plan_list .unit .sold{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0%;
	left: 0%;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	background: rgba(0,0,0,0.55);
}
#plan_list_wrap .plan_list .unit .sold p{
	background: #753839;
	padding: 0.5em 1em;
	font-size: 1.00rem;
	color: rgba(255,255,255,1.00);
	font-family: "Times New Roman", Times, "serif";
}


#plan_list_wrap.deteil{
	margin: 50px 0 0 0;
	padding: 0 0;
}
#plan_list_wrap.deteil .plan_list{
	width: 1000px;
	margin: 0 auto;
	padding: 0 0;
}
#plan_list_wrap.deteil .plan_list h2{
	margin: 0 auto;
	padding: 0 0 30px 0;
	text-align: center;
	font-size: 1.875rem;
	letter-spacing: 0.1em;
	color: #FFF;
	
}
#plan_list_wrap.deteil .plan_list .list{
	width: 100%;
	padding: 0 0 60px 0;
	margin: 0 auto;
}
#plan_list_wrap.deteil .plan_list .unit{
	width: 100%;
	position: relative;
	display: block;
	text-decoration: none;
	padding: 1em 20px;
	margin: 0 1% 0px 1%;
	box-sizing: border-box;
}
#plan_list_wrap.deteil .plan_list .unit .spec{
	margin: 0 0 10px 0;
}
#plan_list_wrap.deteil .plan_list .unit .spec h3{
	font-size: 1.875rem;
}
#plan_list_wrap.deteil .plan_list .unit .spec h4{
	font-size: 1.375rem;
}
#plan_list_wrap.deteil .plan_list .unit ul{
	padding: 0 0 0 0;
	display: flex;
	justify-content: flex-start;
}
#plan_list_wrap.deteil .plan_list .unit ul li{
	font-size: 0.813rem;
	letter-spacing: -0.05em;
}
#plan_list_wrap.deteil .plan_list .unit div.more{
	margin: 10px auto 0 auto;
}
#plan_list_wrap.deteil .plan_list .unit div.more p{
	font-size: 0.875rem;
	padding: 0.2em 0;
	letter-spacing: 0.075em;
}
@media only screen and (max-width: 999px) {
	#plan_list_wrap{
		padding: 110px 0 90px 0;
	}

	#side_wrap{
		width: 30%;
		height: 100%;
	}
	#side_wrap .side .floor p#a_el{
		width: 41.58415841584158%;
		top: 27.85515320334262%;
		left: 13.86138613861386%;
	}
	#side_wrap .side .floor p#b_el{
		width: 44.88448844884488%;
		top: 27.85515320334262%;
		left: 55.11551155115512%;
	}
	#side_wrap .side .floor p#c_el{
		width: 86.13861386138614%;
		top: 10.58495821727019%;
		left: 13.86138613861386%;
	}
	#side_wrap .side .floor p#d_el{
		width: 70.62706270627063%;
		top: 0px;
		left: 29.37293729372937%;
	}


	#plan_list_wrap .plan_list{
	}
	#plan_list_wrap .plan_list .list{
		width: 100%;
	}
	#plan_list_wrap .plan_list .list h2{
		font-size: 2.00rem;
	}


	#plan_list_wrap .plan_list .unit{
		width: 100%;
		padding: 20px 20px;
		margin: 0 1% 25px 1%;
	}


	#plan_list_wrap .plan_list .unit .spec{
		margin: 0 0 15px 0;
	}
	#plan_list_wrap .plan_list .unit .spec h3{
		font-size: 3.0rem;
	}
	#plan_list_wrap .plan_list .unit .spec h3 small{
		font-size: 1.437rem;
	}
	#plan_list_wrap .plan_list .unit .spec h4{
		font-size: 1.437rem;
	}

	#plan_list_wrap .plan_list .unit ul{
	}
	#plan_list_wrap .plan_list .unit ul li{
		font-size: 0.813rem;
		padding: 0 0 0.8em 0;
	}
	#plan_list_wrap .plan_list .unit div.more{
		margin: 15px auto 0 auto;
	}
	#plan_list_wrap .plan_list .unit div.more p{
		font-size: 0.938rem;
	}


	#plan_list_wrap.deteil{
		margin: 50px 0 0 0;
		padding: 0 0;
	}
	#plan_list_wrap.deteil .plan_list{
		margin: 0 auto;
		padding: 0 0;
		width: 94%;
	}
	#plan_list_wrap.deteil .plan_list h2{
		padding: 0 0 30px 0;
		font-size: 1.625rem;

	}
	#plan_list_wrap.deteil .plan_list .list{
		padding: 0 0 50px 0;
	}
	#plan_list_wrap.deteil .plan_list .unit{
		width: 100%;
		padding: 1em 20px;
	}
	#plan_list_wrap.deteil .plan_list .unit .spec{
		margin: 0 0 10px 0;
	}
	#plan_list_wrap.deteil .plan_list .unit .spec h3{
		font-size: 1.625rem;
	}
	#plan_list_wrap.deteil .plan_list .unit .spec h4{
		font-size: 1.250rem;
	}
	#plan_list_wrap.deteil .plan_list .unit ul li{
		font-size: 0.813rem;
	}
	#plan_list_wrap.deteil .plan_list .unit div.more{
		margin: 10px auto 0 auto;
	}
	#plan_list_wrap.deteil .plan_list .unit div.more p{
		font-size: 0.813rem;
	}
}
@media only screen and (max-width: 768px) {
	#plan_list_wrap{
		padding: 90px 0 60px 0;
	}

	#side_wrap{
		width: 50%;
		height: 100%;
		margin: 0 auto 60px 17.5%;
	}
	#side_wrap .side .floor .floor_wrap .num{
		width: 29.67%;
		text-align: left;
		font-size: 0.937rem;
	}
	#side_wrap .side .floor .floor_wrap ul{
		width: 70.33%;
	}
	#side_wrap .side .floor .floor_wrap ul li{
	}
	#side_wrap .side .floor .floor_wrap ul li a{
		font-size: 1.125rem;
	}

	#side_wrap .side .floor .floor_wrap.f1 ul li{
		height: 25px;
		font-size: 0.562rem;
	}
	#side_wrap .side .floor .floor_wrap.f2_8 ul li{
		height: 180px;
	}
	#side_wrap .side .floor .floor_wrap.f9_10 ul li{
		height: 60px;
	}
	#side_wrap .side .floor .floor_wrap.f11 ul li{
		height: 30px;
	}


	#plan_list_wrap .plan_list{
		width: 100%;
	}
	
	
	#plan_list_wrap .plan_list .list{
		flex-wrap: wrap;
	}
	#plan_list_wrap .plan_list .list h2{
		font-size: 2.00rem;
	}


	#plan_list_wrap .plan_list .unit{
		width: 48%;
		padding: 15px 15px;
		margin: 0 0 15px 0;
	}


	#plan_list_wrap .plan_list .unit .spec{
		margin: 0 0 15px 0;
	}
	#plan_list_wrap .plan_list .unit .spec h3{
		font-size: 2.875rem;
	}
	#plan_list_wrap .plan_list .unit .spec h3 small{
		font-size: 1.375rem;
	}
	#plan_list_wrap .plan_list .unit .spec h4{
		font-size: 1.375rem;
	}

	#plan_list_wrap .plan_list .unit ul li{
		font-size: 0.813rem;
		padding: 0 0 0.8em 0;
	}
	#plan_list_wrap .plan_list .unit div.more{
		margin: 15px auto 0 auto;
	}
	#plan_list_wrap .plan_list .unit div.more p{
		font-size: 0.875rem;
	}


	#plan_list_wrap.deteil{
		margin: 50px 0 0 0;
		padding: 0 0;
	}
	#plan_list_wrap.deteil .plan_list{
		margin: 0 auto;
		padding: 0 0;
		width: 94%;
	}
	#plan_list_wrap.deteil .plan_list h2{
		padding: 0 0 25px 0;
		font-size: 1.500rem;

	}
	#plan_list_wrap.deteil .plan_list .list{
		padding: 0 0 40px 0;
	}
	#plan_list_wrap.deteil .plan_list .unit{
		width: 48%;
		padding: 1em 15px;
		margin: 0 0 15px 0;
	}
	#plan_list_wrap.deteil .plan_list .unit .spec{
		margin: 0 0 10px 0;
	}
	#plan_list_wrap.deteil .plan_list .unit .spec h3{
		font-size: 1.625rem;
	}
	#plan_list_wrap.deteil .plan_list .unit .spec h4{
		font-size: 1.250rem;
	}
	#plan_list_wrap.deteil .plan_list .unit ul li{
		font-size: 0.813rem;
	}
	#plan_list_wrap.deteil .plan_list .unit div.more{
		margin: 10px auto 0 auto;
	}
	#plan_list_wrap.deteil .plan_list .unit div.more p{
		font-size: 0.813rem;
	}
}
@media only screen and (max-width: 480px) {

	#side_wrap{
		width: 80%;
		margin: 0 auto 40px 0.5%;
	}
	#side_wrap .side .floor .floor_wrap .num{
		width: 20%;
		text-align: left;
		font-size: 0.937rem;
	}
	#side_wrap .side .floor .floor_wrap ul{
		width: 75%;
	}
	#side_wrap .side .floor .floor_wrap ul li{
	}
	#side_wrap .side .floor .floor_wrap ul li a{
		font-size: 1.125rem;
	}


	#plan_list_wrap .plan_list{
		width: 100%;
	}
	#plan_list_wrap .plan_list .list h2{
		font-size: 2.00rem;
	}


	#plan_list_wrap .plan_list .unit{
		width: 100%;
		padding: 15px 15px;
		margin: 0 0 15px 0;
	}


	#plan_list_wrap .plan_list .unit .spec{
		margin: 0 0 15px 0;
	}
	#plan_list_wrap .plan_list .unit .spec h3{
		font-size: 2.625rem;
	}
	#plan_list_wrap .plan_list .unit .spec h3 small{
		font-size: 1.250rem;
	}
	#plan_list_wrap .plan_list .unit .spec h4{
		font-size: 1.250rem;
	}


	#plan_list_wrap.deteil{
		margin: 50px 0 0 0;
		padding: 0 0;
	}
	#plan_list_wrap.deteil .plan_list{
		margin: 0 auto;
		padding: 0 0;
		width: 94%;
	}
	#plan_list_wrap.deteil .plan_list h2{
		padding: 0 0 25px 0;
		font-size: 1.500rem;

	}
	#plan_list_wrap.deteil .plan_list .list{
		padding: 0 0 40px 0;
	}
	#plan_list_wrap.deteil .plan_list .unit{
		width: 100%;
		padding: 0.7em 10px;
		margin: 0 0 15px 0;
	}
	#plan_list_wrap.deteil .plan_list .unit .spec{
		margin: 0 0 10px 0;
	}
	#plan_list_wrap.deteil .plan_list .unit .spec h3{
		font-size: 1.625rem;
	}
	#plan_list_wrap.deteil .plan_list .unit .spec h4{
		font-size: 1.250rem;
	}
	#plan_list_wrap.deteil .plan_list .unit ul li{
		font-size: 0.813rem;
	}
	#plan_list_wrap.deteil .plan_list .unit div.more{
		margin: 10px auto 0 auto;
	}
	#plan_list_wrap.deteil .plan_list .unit div.more p{
		font-size: 0.813rem;
	}
}

/* plan_d */
#content .plan_upper {
	width: 100%;
	margin: 0 auto;
}
#content .plan_detail{
	width: 100%;
	margin: 0 0 0 0;
	padding: 60px 0 0 0;
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#content .plan_detail.under{
	width: 100%;
	margin: 0 0 0 0;
}
#content .plan_detail .spac_area{
	width: 1000px;
	margin: 0 auto 30px auto;
	padding: 0 0 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: center;
}

#content .plan_detail .spac_area h2.type{
	width: 300px;
	padding: 0.5em 0 20px 0;
	margin: 0 0 0 0;
	text-align: left;
	font-size: 1.625rem;
	line-height: 1.1;
	display: block;
	border-top: rgba(255,255,255,0.15) 1px solid;
	box-sizing: border-box;
	color: #FFF;
}
#content .plan_detail .spac_area h2.type strong{
	font-size: 4rem !important;
	font-weight: 500;
}
#content .plan_detail .spac_area h2.type span{
	display: inline;
}
#content .plan_detail .spac_area h2.type small{
	font-size: 1em;
}

#content .plan_detail .spac_area ul{
	width: 500px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: stretch;
	color: #FFF;
	border-top: rgba(255,255,255,0.15) 1px solid;
	padding: 1.5em 0 1.5em 0;
}
#content .plan_detail .spac_area ul li{
	width: 100%;
	padding: 0 0 0 0;
	font-size: 0.875rem;
	text-align: left;
	line-height: 1.4;
	letter-spacing: 0.01em;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	box-sizing: border-box;
}
#content .plan_detail .spac_area ul li:last-child{
	width: 100%;
	border-right: none;
	padding: 0 0 0 0;
}
#content .plan_detail .spac_area ul li strong{
	font-size: 1.5em;
	font-weight: normal;
	line-height: 0.8;
}
#content .plan_detail .spac_area ul li p{
	width: 100%;
	line-height: 1.4;
	padding: 0 0;
	letter-spacing: -0.05em;
}

#content .plan_detail .spac_area .print{
	width: 96px;
	padding: 0 0;
	border: rgba(255,255,255,0.15) 1px solid;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#content .plan_detail .spac_area .print a{
	width: 100%;
	height: 100%;
	padding: 0 0 10px 0;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: flex-end;
	background: #163259 url("../../plan/img/icon_print.svg") center top 20px/30px auto no-repeat;
	text-decoration: none;
	text-align: center;
	color: #FFFFFF;
}
#content .plan_detail .spac_area .print p{
	width: 100%;
	font-size: 1.125rem;
	letter-spacing: 0.1em;
	line-height: 1.2;
	text-align: center;
}
#content .plan_detail .spac_area .print p span{
	font-size: 0.625rem;
	display: block;
	width: 100%;
}

#content .plan_detail .graph_w{
	width: 100%;
	border-right: #efefef 1px solid;
	border-left: #efefef 1px solid;
	padding: 50px 0 50px;
	background: #FFF;
	position: relative;
	box-sizing: border-box;
}
#content .plan_detail .graph_w.multi{
	padding: 0 0 50px;
}
#content .plan_detail .graph{
	width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
	align-content: stretch;
	position: relative;
	box-sizing: border-box;
	flex-direction: column;
}
#content .plan_detail .graph.wide{
	width: 1200px;
}

#content .plan_detail .graph figure{
	text-align: center;
	margin: 0 auto 30px auto;
	order: 2;
}
#content .plan_detail .graph figure.atype{
	width: 623px;
}
#content .plan_detail .graph figure.btype{
	width: 596px;
}
#content .plan_detail .graph figure.ctype{
	width: 1191px;
}
#content .plan_detail .graph figure.dtype{
	width: 1181px;
}
#content .plan_detail .graph figure img{
	width: 100%;
}

#content .plan_detail .graph .ex{
	width: 330px;
	order: 3;
}

#content .plan_detail .graph #side_wrap{
	width: 303px;
	height: 100%;
	margin: 0 0 0 0;
	z-index: 10;
	overflow: visible;
}
#content .plan_detail .graph.wide #side_wrap{
	margin: 0 auto 40px;
}
#content .plan_detail .graph #side_wrap .side .floor .floor_wrap .num{
	color: #000000;
	border-top: rgba(0,0,0,0.15) 1px solid;
}



#content .plan_detail ul.paga_link{
	margin: 0 auto 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	box-sizing: border-box;
}
#content .plan_detail ul.paga_link li{
	width: 50%;
	box-sizing: border-box;
}
#content .plan_detail ul.paga_link li a{
	width: 100%;
	font-size: 1.375rem;
	color: #907e06;
	text-decoration: none;
	padding: 25px 40px;
	box-sizing: border-box;
	position: relative;
    display: inline-block;
    vertical-align: middle;
}
#content .plan_detail ul.paga_link li a:hover{
	color: #FFF;
}
#content .plan_detail ul.paga_link li a::before,
#content .plan_detail ul.paga_link li a::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
#content .plan_detail ul.paga_link li.prev a{
	text-align: left;
}
#content .plan_detail ul.paga_link li.prev a::before{
    left: 20px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #838383;
    border-right: 1px solid #838383;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}
#content .plan_detail ul.paga_link li.next a{
	text-align: right;
}
#content .plan_detail ul.paga_link li.next a::before{
    left: auto;
	right: 20px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #838383;
    border-right: 1px solid #838383;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
@media only screen and (max-width: 1200px) {
	#content .plan_detail .graph.wide{
		width: 94%;
	}

	#content .plan_detail .graph figure.ctype{
		width: 99.25%;
	}
	#content .plan_detail .graph figure.dtype{
		width: 98.41666666666667%;
	}
}
@media only screen and (max-width: 999px) {
	#content .plan_detail{
		padding: 60px 0 0 0;
	}
	#content .plan_detail .spac_area{
		width: 94%;
	}

	#content .plan_detail .spac_area h2.type{
		width: 30%;
		padding: 0.5em 0 20px 0;
		font-size: 1.500rem;
	}
	#content .plan_detail .spac_area h2.type strong{
		font-size: 3.75rem !important;
	}

	#content .plan_detail .spac_area ul{
		width: 50%;
	}
	#content .plan_detail .spac_area ul li{
		font-size: 0.813rem;
	}

	#content .plan_detail .spac_area .print{
		width: 96px;
	}
	#content .plan_detail .spac_area .print a{
		padding: 0 0 10px 0;
		background: #163259 url("../../plan/img/icon_print.svg") center top 20px/30px auto no-repeat;
	}
	#content .plan_detail .spac_area .print p{
		font-size: 1.000rem;
	}
	#content .plan_detail .spac_area .print p span{
		font-size: 0.625rem;
	}

	#content .plan_detail .graph_w{
		padding: 40px 0 40px;
	}
	#content .plan_detail .graph{
		width: 94%;
	}
	#content .plan_detail .graph.wide{
		width: 94%;
	}

	#content .plan_detail .graph figure.atype{
		width: 62.3%;
	}
	#content .plan_detail .graph figure.btype{
		width: 59.6%;
	}
	#content .plan_detail .graph figure.ctype{
		width: 99.25%;
	}
	#content .plan_detail .graph figure.dtype{
		width: 98.41666666666667%;
	}

	#content .plan_detail .graph .ex{
		width: 330px;
		order: 3;
	}

	#content .plan_detail .graph #side_wrap{
		width: 28%;
	}
	#content .plan_detail .graph.wide #side_wrap{
		margin: 0 auto 40px;
	}


	#content .plan_detail ul.paga_link{
	}
	#content .plan_detail ul.paga_link li{
		width: 50%;
		box-sizing: border-box;
	}
	#content .plan_detail ul.paga_link li a{
		width: 100%;
		font-size: 1.250rem;
		padding: 20px 40px;
	}
}
@media only screen and (max-width: 768px) {
	#content .plan_detail{
		padding: 60px 0 0 0;
	}
	#content .plan_detail .spac_area{
		width: 90%;
	}

	#content .plan_detail .spac_area h2.type{
		width: 100%;
		padding: 0.5em 0 20px 0;
		font-size: 1.375rem;
	}
	#content .plan_detail .spac_area h2.type strong{
		font-size: 3.75rem !important;
	}

	#content .plan_detail .spac_area ul{
		width: calc(100% - 106px);
	}
	#content .plan_detail .spac_area ul li{
		font-size: 0.750rem;
	}
	#content .plan_detail .spac_area .print a{
		padding: 0 0 10px 0;
		background: #163259 url("../../plan/img/icon_print.svg") center top 10px/25px auto no-repeat;
	}

	#content .plan_detail .graph_w{
		width: 100%;
		padding: 40px 0 40px;
	}
	#content .plan_detail .graph{
		width: 90%;
	}
	#content .plan_detail .graph.wide{
		width: 90%;
	}

	#content .plan_detail .graph figure{
		margin: 0 auto 30px auto;
	}

	#content .plan_detail .graph .ex{
		width: 330px;
		order: 3;
	}

	#content .plan_detail .graph #side_wrap{
		width: 50%;
		height: 100%;
		margin: 0 auto 60px 17.5%;
	}



	#content .plan_detail ul.paga_link{
	}
	#content .plan_detail ul.paga_link li{
		width: 50%;
		box-sizing: border-box;
	}
	#content .plan_detail ul.paga_link li a{
		width: 100%;
		font-size: 1.250rem;
		padding: 20px 40px;
	}
}
@media only screen and (max-width: 480px) {
	#content .plan_detail{
		padding: 60px 0 0 0;
	}

	#content .plan_detail .spac_area h2.type{
		padding: 0.5em 0 20px 0;
		font-size: 1.250rem;
	}
	#content .plan_detail .spac_area h2.type strong{
		font-size: 3.500rem !important;
	}

	#content .plan_detail .spac_area ul{
		width: calc(100% - 90px);
	}
	#content .plan_detail .spac_area ul li{
		font-size: 0.750rem;
	}
	#content .plan_detail .spac_area .print{
		width: 85px;
	}
	#content .plan_detail .spac_area .print a{
		padding: 0 0 10px 0;
		background: #163259 url("../../plan/img/icon_print.svg") center top 7px/20px auto no-repeat;
	}

	#content .plan_detail .graph_w{
		width: 100%;
		padding: 40px 0 40px;
	}

	#content .plan_detail .graph figure.atype{
		width: 100%;
	}
	#content .plan_detail .graph figure.btype{
		width: 100%;
	}
	#content .plan_detail .graph figure.ctype{
		width: 100%;
	}
	#content .plan_detail .graph figure.dtype{
		width: 100%;
	}
	#content .plan_detail .graph .ex{
		width: 70%;
		order: 3;
		margin: 15px 0 0 0;
	}

	#content .plan_detail .graph #side_wrap{
		width: 60%;
		margin: 0 auto 40px 15.5%;
	}

	#content .plan_detail ul.paga_link{
	}
	#content .plan_detail ul.paga_link li{
		width: 50%;
		box-sizing: border-box;
	}
	#content .plan_detail ul.paga_link li a{
		width: 100%;
		font-size: 1.250rem;
		padding: 20px 40px;
	}
}


/* slide */
/* op animation */
#animation-area{
	width: 100%;
	max-width: 1000px;
	height: auto;
	margin:0 auto 0 auto;
	position: relative;
	padding: 0 0 0 0;
}
#slide img{
	width:100%;
}
.slider {
    display: none;
}
.slider.slick-initialized {
    display: block;
}
#slide{
	width: 100%;
	height: auto;
	margin: 0 auto 30px auto;
	position: relative;
	overflow: hidden;
	text-align: center;
}
#slide ul.tham{
	width: 1000px;
	height: 100px;
	margin: 30px auto 0 auto;
	position: relative;
	text-align: center;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	overflow: hidden;
}
#slide ul.tham li{
	width: calc(100% / 1);
	padding: 0 1px 1px 0;
	box-sizing: border-box;
	position: relative;
}
#slide ul.tham li figure{
	position: absolute;
	top: 50%;
	left: 0;
	margin: -29% 0 0 0;
}
#slide ul.tham.clm2 li figure{
	width: 100%;
	margin: -29% 0 0 0;
}
#slide .swiper-wrapper{
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: relative;
	text-align: center;
}
#slide .swiper-wrapper div.unit{
	height: auto;
	margin: 0 auto;
	position: relative;
	padding: 0 0;
	z-index: 20;
}
#slide .swiper-wrapper figure{
	width: 100%;
	margin: 0 auto;
	position: relative;
}
#slide .swiper-wrapper figure figcaption{
	width: 100%;
	display: block;
	position: absolute;
	bottom:15px;
	left:0;
	padding: 0 15px;
	text-align: right;
	box-sizing: border-box;
	color: rgba(255,255,255,1.00);
	text-shadow: 0 0 3px rgba(0,0,0,1.00);
	font-size: 0.75rem;
	letter-spacing: -0.05em;
}
#slide .swiper-wrapper .name{
	width: 100%;
	display: block;
	position: absolute;
	bottom:15px;
	left:0;
	padding: 0 50px;
	text-align: left;
	box-sizing: border-box;
	color: rgba(255,255,255,1.00);
	text-shadow: 0 0 3px rgba(0,0,0,1.00);
	font-size: 1.00rem;
	font-weight: lighter;
}

.tham .swiper-pagination-bullet {
	width: auto;
	height: auto;
	border-radius: 0%;
}
.swiper-container-horizontal > .tham.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0;
}
.tham img {
	box-shadow: none;
	margin: 0;
	vertical-align: bottom;
}
.tham .swiper-pagination-bullet {
	display: table-cell;
	padding: 2px;
	background: transparent;
	opacity: 1;
}
.tham .swiper-pagination-bullet-active {
	background: transparent;
	opacity: 0.6;
}

@media only screen and (max-width: 999px) {
	#animation-area{
		width: 94%;
	}
	#content #slide{
		margin: 0 auto 30px auto;
	}
	
	#slide ul.tham{
		width: 100%;
	}

}

@media only screen and (max-width: 768px) {
	#animation-area{
		width: 90%;
	}
	#slide .swiper-wrapper figure figcaption{
		bottom:10px;
		left:0;
		padding: 0 10px;
		font-size: 0.688rem;
		letter-spacing: -0.09em;
	}
	#slide .swiper-wrapper .name{
		bottom:10px;
		left:0;
		padding: 0 5%;
		font-size: 1.0000em;
		font-weight: lighter;
	}
	#slide ul.tham{
		margin: 10px auto 0 auto;
		height: auto;
		flex-wrap: wrap;
	}
	#slide ul.tham.clm2{
		flex-wrap: nowrap;
	}
	#slide ul.tham li{
		width: calc(100% / 4);
		padding: 0 1px 1px 0;
		box-sizing: border-box;
		overflow: hidden;
		height: 70px;
	}
	#slide ul.tham.clm2 li{
		flex-wrap: nowrap;
		width: calc(100% / 1);
	}
	#slide ul.tham li figure{
		position: absolute;
		top: 50%;
		left: 0;
		margin: -29% 0 0 0;
		overflow: hidden;
	}
	#slide .swiper-wrapper div.unit h1{
		display: block;
		position: absolute;
		top: 5%;
		left: 5%;
	}
	#slide .swiper-wrapper .name{
		font-size: 0.813rem;
	}
	
}
@media only screen and (max-width: 480px) {
	
	#slide ul.tham{
		justify-content: flex-start;
	}
	#slide ul.tham li{
		padding: 0 1px 1px 0;
		box-sizing: border-box;
		height: 50px;
	}
	#slide .swiper-wrapper figure figcaption{
		bottom:3px;
		font-size: 0.500rem;
	}
	#slide .swiper-wrapper .name{
		font-size: 0.750rem;
		bottom:3px;
	}

}


/* --------------------
	btn-area
--------------------*/
#content .btn-area {
	width:100%;
	padding: 30px 0 0 0;
	z-index: 2;
	position: relative;
	margin-top: 30px
}

#content .btn-area .in-box{
	padding:60px 0 60px;
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#content .btn-area .bnr-two{
	width:48%;
	padding: 0 0 0 0;
}

#content .btn-area img{
	width:100%;
	line-height: 0;
	border:solid 1px #888;
}
#content .btn-area .in-box a{
	width: 100%;
	font-size: 1.125rem;
	letter-spacing: 0.1em;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding: 1.1em 0;
	background: #1a3869;
	color: #FFF;
	text-decoration: none;
	position: relative;
	box-sizing: border-box;
}
#content .btn-area .in-box .bnr-two.act a::after {
	width: 0;
	height: 0;
	position: absolute;
	top: 100%;
	left: 50%;
	margin: 0 0 0 -30px;
	border: 30px solid transparent;
	border-top-color: #1a3869;
	content: '';
}
#content .btn-area .in-box a:hover{
	opacity: 1.0;
}

#content .btn-area .in-box a.arrow{
}

br.sph{
	display: none;
}

@media only screen and (max-width: 999px) {
	#content .btn-area .in-box{
		padding:40px 0 40px;
	}
	#content .btn-area .in-box a{
		font-size: 1.000rem;
	}
}

@media only screen and (max-width: 768px) {
	#content .btn-area {
		padding: 30px 0 0 0;
		margin: 40px 0 30px 0
	}
	#content .btn-area .in-box{
		padding:30px 0 20px;
	}
	#content .btn-area .in-box a{
		font-size: 0.875rem;
	}
	#content .btn-area p.bnr-two{
	}
}
@media only screen and (max-width: 600px) {
	br.sph{
		display: block;
		}
		#content .btn-area {
		padding: 30px 0 0 0;
		margin-top: 40px
	}
	#content .btn-area .in-box a{
		text-align: center;
	}
}
@media only screen and (max-width: 480px) {
	#content .btn-area .in-box{
		padding:20px 0 15px;
	}
	#content .btn-area .in-box a{
		font-size: 0.750rem;
	}
	#content .btn-area p.bnr-two{

	}
}
			
			
.movie{
	width: 100%;
	margin: 0 auto 60px auto;
	text-align: center;
}
.movie h4{
	font-size: 1.25rem;
	line-height: 1.5;
	letter-spacing: 0.07em;
	padding: 0 0 20px 0;
	color: #fff;
}
.movie iframe {
		position: relative;
		width: 471px;
		height: auto;
		max-width: 98%;
		aspect-ratio:9 /16;
	}
@media only screen and (max-width: 999px) {
	.movie h4{
		font-size: 1.125rem;
		padding: 0 0 20px 0;
	}
}
@media only screen and (max-width: 768px) {
	.movie{
		margin: 0 auto 40px auto;
	}
	.movie h4{
		font-size: 1.375rem;
		padding: 0 0 20px 0;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
}
@media only screen and (max-width: 480px) {
	.movie h4{
		font-size: 1.125rem;
		padding: 0 0 20px 0;
			}

}


.banner-single{
	width: 100%;
	max-width: 996px;
	margin: 0 auto 30px auto;
	border: 1px solid #fff;
}
@media only screen and (max-width: 999px) {
	.banner-single{
		width: 94%;
		margin: 0 auto 30px auto;
	}
}
@media only screen and (max-width: 768px) {
	.banner-single{
		width: 90%;
		margin: 0 auto 30px auto;
	}
}