/*
Title: 岡垣ヒルズ
Last Updated: 2025-05-16
Author: Ryu
*/

/*----------------------------------------
	全体
----------------------------------------*/

html{
	font-family:'游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro','ＭＳ Ｐ明朝','ＭＳ 明朝',serif;
	font-size:62.5%;
	color: #000;
	-webkit-text-size-adjust:100%;
	line-height:1.5;
	font-weight: 500;
}
body{ font-size:1.4rem; font-size: 1.4em; }
img{ vertical-align: bottom; }
a{
	color:#009dc4;
	transition: all 0.4s;
}
a:hover{
	color:#05bfee;
	transition: all 0.4s;
}


/*----------------------------------------
	text
----------------------------------------*/

p{ line-height: 2; }

.text_300{ font-weight: 300; }
.text_400{ font-weight: 400; }
.text_500{ font-weight: 500; }
.text_600{ font-weight: 600; }
.text_700{ font-weight: 700; }
.text_800{ font-weight: 800; }
.text_bold{ font-weight: bold; }
.text_normal{ font-weight: normal; }

.lh_12{ line-height: 1.2; }
.lh_13{ line-height: 1.3; }
.lh_14{ line-height: 1.4; }
.lh_15{ line-height: 1.5; }
.lh_16{ line-height: 1.6; }
.lh_17{ line-height: 1.7; }
.lh_18{ line-height: 1.8; }
.lh_22{ line-height: 2.2; }
.lh_24{ line-height: 2.4; }

.ls_-1{ letter-spacing: -1px; }
.ls_1{ letter-spacing: 1px; }
.ls_2{ letter-spacing: 2px; }

.text_16{ font-size: 1.6rem; }
.text_17{ font-size: 1.7rem; }
.text_18{ font-size: 1.8rem; }
.text_19{ font-size: 1.9rem; }
.text_20{ font-size: 2.0rem; }
.text_21{ font-size: 2.1rem; }
.text_22{ font-size: 2.2rem; }
.text_24{ font-size: 2.4rem; }
.text_26{ font-size: 2.6rem; }
.text_28{ font-size: 2.8rem; }
.text_30{ font-size: 3.0rem; }
.text_32{ font-size: 3.2rem; }
.text_35{ font-size: 3.5rem; }

@media screen and (max-width: 1049px){

	.text_18{ font-size: 1.7rem; }
	.text_21{ font-size: max(2.01vw, 1.8rem); }
	.text_22{ font-size: max(2.09vw, 2rem); }
	.text_24{ font-size: max(2.28vw, 2rem); }
	.text_26{ font-size: max(2.47vw, 2.2rem); }
	.text_28{ font-size: max(2.66vw, 2.2rem); }
	.text_30{ font-size: max(2.85vw, 2.2rem); }
	.text_32{ font-size: max(3.07vw, 2.2rem); }
	.text_35{ font-size: max(3.36vw, 2.3rem); }

}/*END*/

@media screen and (max-width: 599px){

	p{ line-height: 1.8; }

}/*END*/


/*----------------------------------------
	共通
----------------------------------------*/

.inner_frame{
	max-width: 1090px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	box-sizing: border-box;
}
.point_frame{
	position: relative;
}
.point_ttl{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 50%;
	max-width: 500px;
}

li{ list-style:none; }
.center{ text-align:center; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; }
.op:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:060;
	opacity:0.60;
}
#container{ overflow: hidden; }

.ttl_500{
	max-width: 500px;
	width: 100%;
}
.ttl_center{
	margin-left: auto;
	margin-right: auto;
}

@media print, screen and (min-width: 600px){

	.sp_br{
		display: none;
	}
	.pc_none{
		display: none !important;
	}

}/*END*/

@media screen and (max-width: 768px){

	.inner_frame{
		padding-right: 3%;
		padding-left: 3%;
	}
	.point_frame .respon{
		width: 130%;
		margin-left: -15%;
	}
	.point_ttl{
		width: 70%;
	}
	#point02 .point_frame .respon{
		width: 180%;
		margin-left: -40%;
	}
	#point02 .point_ttl{
		width: 65%;
	}

}/*END*/

@media screen and (max-width: 599px){

	.inner_frame{
		padding-right: 4.5%;
		padding-left: 4.5%;
	}
	.point_ttl{
		width: 90%;
	}
	.sp_left{
		text-align: left;
	}
	.pc_br{
		display: none;
	}
	.sp_none{
		display: none !important;
	}

}/*END*/


/*----------------------------------------
	header
----------------------------------------*/

header{
	position: relative;
}
.head_logo{
	position: absolute;
	left: 10px;
	top: 0;
	width: calc((194/1350)*100%);
	max-width: 194px;
}
.drawer{
	display: none;
	position: fixed;
	background: url("../images/drawer_bg.jpg") center top;
	background-size: cover;
	top: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	color: #fff;
	display: flex;
	justify-content: center;
	visibility: hidden;
	transform: translateY(-100%);
	transition: 0.5s ease-in-out;
	z-index: 50;
}
.drawer nav{
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.open .drawer{
	visibility: visible;
	transform: translateX(0);
}
.open .drawer ul li{
	transform: translateX(0);
}
.drawer a{
	display: block;
}
.drawer_logo{
	margin-left: auto;
	margin-right: auto;
	width: 400px;
	margin-bottom: 80px;
}
.drawer_inner{
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.drawer ul{
	float: left;
	width: 50%;
}
.drawer ul li{
	width: 250px;
}
.drawer ul:nth-child(1) li:nth-child(1){
	margin-bottom: 60px;
}
.drawer ul:nth-child(1) li:nth-child(2),
.drawer ul:nth-child(2) li:nth-child(1){
	margin-bottom: 10px;
}
.drawer ul:nth-child(2) li:nth-child(2),
.drawer ul:nth-child(1) li:nth-child(5),
.drawer ul:nth-child(2) li:nth-child(3),
.drawer ul:nth-child(2) li:nth-child(4){
	margin-bottom: 40px;
}
.btn_menu{
	position: fixed;
	width: 60px;
	height: 60px;
	right: 20px;
	top: 20px;
	background: #707070;
	cursor: pointer;
	transition: all 0.5s;
	z-index: 51;
	border-radius: 50%;
}
.btn_menu span{
	position: absolute;
	right: 10px;
	height: 1px;
	background: #fff;
	transition: all 0.4s;
}
.btn_menu span:nth-child(1){
	width: 40px;
	top: 25px;
}
.btn_menu span:nth-child(2){
	width: 30px;
	top: 35px;
}
.open .btn_menu span:nth-child(1){
	transform: rotate(45deg);
	top: 29px;
	width: 30px;
	right: 15px;
}
.open .btn_menu span:nth-child(2){
	transform: rotate(-45deg);
	top: 29px;
	right: 15px;
}

@media print, screen and (min-width: 600px){

	.mv_sp{
		display: none;
	}

}/*END*/

@media screen and (max-width: 599px){

	.mv_pc{
		display: none;
	}
	.head_logo{
		display: none;
	}
	.btn_menu{
		right: 10px;
		top: 10px;
	}
	.drawer_inner{
		width: 90%;
	}
	.drawer nav{
		top: 40px;
		transform: none;
	}
	.drawer_logo{
		max-width: 320px;
		width: 80%;
		margin-bottom: 40px;
	}
	.drawer ul{
		width: 50%;
	}
	.drawer ul li{
		width: 180px;
	}
	.drawer ul:nth-child(1) li:nth-child(1){
		margin-bottom: 20px;
	}
	.drawer ul:nth-child(1) li:nth-child(5){
		margin-bottom: 20px;
	}
	.drawer ul:nth-child(2) li:nth-child(3),
	.drawer ul:nth-child(2) li:nth-child(4){
		margin-bottom: 20px;
	}
	.drawer ul:nth-child(3) li:nth-child(1){
		margin-bottom: 20px;
	}

}/*END*/


/*----------------------------------------
	intro
----------------------------------------*/

.intro_frame{
	position: relative;
}
.intro_img01{
	position: absolute;
	max-width: 425px;
	width: calc((425/1350)*100%);
	left: 0;
	top: -25px;
}
.intro_img02{
	position: absolute;
	max-width: 425px;
	width: calc((425/1350)*100%);
	right: 0;
	top: 15%;
}
.intro_copy01{
	margin-left: auto;
	margin-right: auto;
	width: calc((90/1040)*100%);
}
.intro_copy02{
	margin-left: auto;
	margin-right: auto;
	width: calc((670/1040)*100%);
}
.intro_circle{
	margin-left: auto;
	margin-right: auto;
	width: calc((448/1040)*100%);
}

@media screen and (max-width: 599px){

	.intro_img01{
		top: 10px;
	}
	.intro_copy01{
		width: 20%;
	}
	.intro_copy02{
		width: 100%;
	}
	.intro_circle{
		width: 90%;
	}

}/*END*/


/*----------------------------------------
	point nav
----------------------------------------*/

.point_nav{
	display: grid;
	grid-template-columns: repeat(4,1fr);
	gap: 40px;
}
.point_nav li a{
	display: block;
	position: relative;
	border-radius: 10%;
	overflow: hidden;
}
.point_nav li a:after{
	content: "▼";
	position: absolute;
	color: #9ddaf7;
	left: 50%;
	transform: translateX(-50%) scaleY(0.7);
	bottom: 18px;
	font-size: 1.8rem;
	transition: all 0.4s;
}
.point_nav li a:hover:after{
	bottom: 10px;
}
.point_nav li a:hover{
	background: #d9f3ff;
}

@media screen and (max-width: 799px){

	.point_nav{
		grid-template-columns: repeat(4,1fr);
		gap: 20px;
	}
	.point_nav li a:after{
		bottom: 10px;
	}
	.point_nav li a:hover:after{
		bottom: 5px;
	}

}/*END*/

@media screen and (max-width: 599px){

	.point_nav{
		grid-template-columns: repeat(2,1fr);
	}

}/*END*/


/*----------------------------------------
	point01
----------------------------------------*/

.land_point{
	margin-left: auto;
	margin-right: auto;
	width: calc((448/1040)*100%);
}
.land_img{
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 859px;
}
.feature_frame{
	background: #fffdf0;
}
.feature_img{
	position: relative;
}
.feature_circle{
	position: absolute;
	width: calc((130/590)*100%);
	right: 18px;
	top: -70px;
}
.location_list{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	column-gap: 20px;
	row-gap: 40px;
	text-align: center;
}
.location_table{
	width: calc((500/1040)*100%);
}
.lt_left{
	float: left;
}
.lt_right{
	float: right;
}
.location_table table{
	width: 100%;
	line-height: 1.8;
}
.location_table table th,
.location_table table td{
	font-weight: normal;
	text-align: left;
	border-bottom: 2px dotted #888;
	padding: 5px 0;
}
.location_table table td{
	text-align: right;
}

@media print, screen and (min-width: 600px){

	.feature_img{
		float: right;
		width: calc((590/1040)*100%);
	}
	.feature_text{
		float: left;
		width: calc((410/1040)*100%);
	}

}/*END*/

@media screen and (max-width: 768px){

	.location_table{
		width: 100%;
	}
	.lt_left,
	.lt_right{
		float: none;
	}

}/*END*/

@media screen and (max-width: 599px){

	.land_point{
		width: 90%;
		margin-bottom: 25px;
	}
	.feature_text img{
		display: block;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
	}
	.feature_circle{
		top: -40px;
	}
	.location_list{
		grid-template-columns: repeat(2,1fr);
		row-gap: 30px;
		font-size: 1.4rem;
	}
	.location_table table th,
	.location_table table td{
		display: block;
	}
	.location_table table th{
		border-bottom: none;
		padding-bottom: 0;
	}
	.location_table table td{
		text-align: left;
		padding-top: 0;
	}
	.land_img{
		width: 112%;
		margin-left: -7%;
	}
	.access_note{
		font-size: 1.3rem;
	}

}/*END*/


/*----------------------------------------
	point02
----------------------------------------*/

#point02{
	background: #e3f0fa;
}
.works_list{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	column-gap: 20px;
	row-gap: 25px;
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
}
.plan_tab li{
	float: left;
	width: calc((224/1040)*100%);
	margin-right: 1.2%;
	cursor: pointer;
	background-size: 100%;
}
.plan_tab li.active img{
	opacity: 0;
}
.plan_tab li:nth-child(1){
	background-image: url("../images/plan01_tab_on.gif");
}
.plan_tab li:nth-child(2){
	background-image: url("../images/plan02_tab_on.gif");
}
.plan_contents{
	background: #fff;
	box-sizing: border-box;
	padding-left: 6.42%;
	padding-right: 6.42%;
	display: none;
}
.plan_contents.show{
	display: block;
}
.plan_ttl_frame{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.plan_ttl_frame h3{
	float: left;
	width: calc((221/860)*100%);
	box-sizing: border-box;
	border-right: 1px solid #000;
}
.plan_price{
	float: left;
	width: calc((290/860)*100%);
}
.plan_menseki{
	padding-top: 20px;
	float: left;
	width: calc((349/860)*100%);
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
}

@media print, screen and (min-width: 600px){

	.point03_text{
		float: right;
		padding-top: 100px;
		width: calc((500/1040)*100%);
	}
	.point03_img{
		float: left;
		width: calc((500/1040)*100%);
	}
	.point03_img img{
		width: calc((655/500)*100%);
		margin-left: -31%;
	}
	.plan_img img{
		float: left;
		width: 50%;
	}

}/*END*/

@media screen and (max-width: 599px){

	.point03_img img{
		width: 100%;
		margin-left: 0;
	}
	.works_list{
		grid-template-columns: repeat(2,1fr);
		column-gap: 20px;
		row-gap: 25px;
	}
	.plan_tab li{
		width: 35%;
		margin-right: 3%;
	}
	.plan_ttl_frame h3{
		width: 43.24%;
	}
	.plan_price{
		width: 56.75%;
	}
	.plan_menseki{
		clear: both;
		float: none;
		width: 100%;
		text-align: center;
		margin-top: 20px;
		font-size: 1.4rem;
	}

}/*END*/


/*----------------------------------------
	point03
----------------------------------------*/

.hiraya_contents{
	background: #f1f8fe;
	box-sizing: border-box;
	padding-left: 6.42%;
	padding-right: 6.42%;
}
.plan_hiraya{
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}
.spec_frame{
	background: #fffdf0;
}
.marker{
	line-height: 1;
	display: inline-block;
	background: linear-gradient(transparent 70%, #ffff00 70%);
}
.spec_point{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 20px;
}

@media print, screen and (min-width: 600px){

	.hiraya_text{
		float: left;
		padding-top: 100px;
		width: calc((500/1040)*100%);
	}
	.hiraya_img{
		float: right;
		width: calc((500/1040)*100%);
	}
	.hiraya_img img{
		width: calc((655/500)*100%);
		margin-right: -31%;
	}
	.box_l{
		float: left;
		width: calc((500/1040)*100%);
	}
	.box_r{
		float: right;
		width: calc((500/1040)*100%);
	}

}/*END*/

@media screen and (max-width: 599px){

	.hiraya_img img{
		width: 100%;
		margin-right: 0;
	}
	.plan_hiraya{
		width: 90%;
	}

}/*END*/


/*----------------------------------------
	point04
----------------------------------------*/

@media print, screen and (min-width: 600px){

	.service_img{
		float: left;
		width: calc((590/1040)*100%);
	}
	.service_text{
		float: right;
		width: calc((410/1040)*100%);
	}
	.service_point{
		display: grid;
		grid-template-columns: repeat(3,1fr);
		gap: 40px;
	}

}/*END*/

@media screen and (max-width: 599px){

	.service_point li{
		margin-bottom: 40px;
	}

}/*END*/


/*----------------------------------------
	outline
----------------------------------------*/

.outline_bg{
	background: #f4f6f6;
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	color: #444;
}
.outline_frame{
	position: relative;
	border: 1px solid #000;
	padding: 20px 20px;
	letter-spacing: 1px;
	background: #fff;
}
.outline_frame h3{
	cursor: pointer;
}
.outline_frame h3 span{
	display: inline-block;
	background: #1a73a7;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	position: absolute;
	top: 15px;
	right: 25px;
}
.outline_frame h3 span:before,
.outline_frame h3 span:after{
	content: "";
	width: 16px;
	height: 2px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	transition: all 0.4s;
}
.outline_frame h3 span:after{
	transform: translate(-50%, -50%) rotate(-90deg);
}
.outline_frame h3.open span:after{
	transform: translate(-50%, -50%) rotate(0deg);
	opacity: 0;
}
.outline_contents{
	display: none;
}
.outline_contents table{
	width: 100%;
	line-height: 1.8;
	margin-top: 18px;
	border-top: 1px solid #ccc;
}
.outline_contents table th,
.outline_contents table td{
	font-weight: normal;
	text-align: left;
	padding: 8px 15px;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
}
.outline_contents table th{
	background: #eee;
	width: 260px;
}

@media screen and (max-width: 599px){

	.outline_contents table th,
	.outline_contents table td{
		display: block;
		width: 100%;
	}
	.outline_contents table th{
		padding-top: 4px;
		padding-bottom: 4px;
	}

}/*END*/


/*----------------------------------------
	model house
----------------------------------------*/

.model_frame{
	background: #e3f0fa;
}
.btn_yoyaku{
	position: relative;
	display: block;
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	color: #fff;
	background: #0b6231;
	box-sizing: border-box;
	width: 270px;
	text-decoration: none;
	text-align: center;
	padding-right: 20px;
	padding-top: 22px;
	padding-bottom: 22px;
	transition: all 0.4s;
	box-shadow: 0 4px 0 0 #000;
}
.btn_yoyaku:hover{
	color: #fff;
	box-shadow: 6px 4px 0 0 #000;
}
.btn_yoyaku span{
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 35px;
	transition: all 0.4s;
}
.btn_yoyaku span:before,
.btn_yoyaku span:after{
	content:  "";
	width: 20px;
	height: 1px;
	background: #fff;
	position: absolute;
}
.btn_yoyaku span:before{
	transform: rotate(45deg);
	margin-top: -7px;
}
.btn_yoyaku span:after{
	transform: rotate(-45deg);
	margin-top: 6px;
}
.btn_yoyaku:hover span{
	right: 28px;
}

@media print, screen and (min-width: 600px){

	.model_text{
		float: right;
		width: calc((410/1040)*100%);
	}
	.model_img{
		float: left;
		width: calc((591/1040)*100%);
	}

}/*END*/

@media screen and (max-width: 599px){

	.btn_yoyaku{
		width: 100%;
	}

}/*END*/


/*----------------------------------------
	form
----------------------------------------*/

.hissu,
.nini{
	line-height: 1;
	display: inline-block;
	font-size: 1.4rem;
	padding: 5px 5px;
	margin-left: 8px;
	vertical-align: 0;
	font-weight: normal;
	border-radius: 3px;
}
.hissu{
	background: #ac070f;
	color: #fff;
}
.nini{
	background: #fff;
	color: #000;
}
.contact{
	width: 100%;
	line-height: 2;
	border-top: 1px solid #ccc;
}
.contact th,
.contact td{
	text-align: left;
	font-weight: normal;
	box-sizing: border-box;
	font-weight: normal;
	font-size: 1.6rem;
	border-bottom: 1px solid #ccc;
}
.contact th{
	padding: 20px;
	width: 300px;
	background: #e3f0fa;
}
.contact td{
	padding: 20px;
}
td.error{
	background: #ffecec;
}
div.error{
	color: #e70000;
	padding-top: 8px;
	font-size: 1.4rem !important;
}
.privacy_check .error{
	background: #ffecec;
	padding: 8px 10px;
}

@media screen and (max-width: 599px){

	.contact th,
	.contact td{
		display: block;
		width: 100%;
		border: 1px solid #ccc;
	}
	.contact th{
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: none;
	}
	.contact{
		border-top: none;
		border-bottom: 1px solid #ccc;
	}
	.contact td{
		border-bottom: none;
	}

}/*END*/


/*フォーム基本設定*/
select,
textarea,
input[type="text"],
input[type="number"],
input[type="url"],
input[type="email"],
input[type="tel"]{
	border: none;
	padding: 12px 15px;
	box-sizing: border-box;
	font-family:'游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro','ＭＳ Ｐ明朝','ＭＳ 明朝',serif;
	-webkit-appearance: none;
	transition: all 0.4s;
	border: 1px solid #dcdcdc;
	background: #fff;
	line-height: 1;
	font-size: 1.6rem;
	width: 100%;
}
select{
	padding: 18px 15px;
}
textarea{
	line-height: 1.6;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus{
	outline: none;
	border: 1px solid #4591d8;
}
.form1{
	width: 250px !important;
}
.form_submit a{
	display: inline-block;
	width: 100%;
	max-width: 350px;
	color: #fff;
	padding: 20px 15px;
	background: #4591d8;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	transition: all 0.4s;
	box-sizing: border-box;
}
.form_submit a:hover{
	color: #fff;
	opacity: 0.7;
}
.form_submit.btn_back a{
	background: #ccc;
}

@media screen and (max-width: 479px){

	.form_submit a{
		width: 100%;
		padding: 25px 15px;
	}

}/*END*/


/*----------------------------------------
	checkbox radiobtn
----------------------------------------*/

.radio input[type="radio"],
.check input[type="checkbox"]{
	position: absolute;
	height: 1px;
	width: 1px;
	clip: rect(0, 0, 0, 0);
}
.radio label,
.check label{
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 12px;
	padding-left: 22px;
	line-height: 3;
}
.radio label,
.check label{
	margin-right: 20px;
}
.radio label:before,
.check label:before{
	position: absolute;
	content: "";
	top: 50%;
	left: -10px;
	width: 22px;
	height: 22px;
	margin-top: -11px;
	border-radius: 50%;
	border: 1px solid #aeaeae;
	background: #fff;
}
.check label:before{ border-radius: 0; }
.radio label,
.check label{
	margin-left: 0\9;
	padding: 11px\9;
}
.radio label:not(:target),
.check label:not(:target){
	margin-left: 10px\9;
	padding: 11px 0 11px 25px\9;
}
.radio label:before,
.check label:before{
	display: none\9;
}
.radio label:not(:target):before,
.check label:not(:target):before{
	display: inline-block\9;
}
.radio input[type="radio"]:checked + label:after{
	position: absolute;
	content: "";
	box-sizing: border-box;
	top: 50%;
	left: -4px;
	width: 12px;
	height: 12px;
	margin-top: -5px;
	border-radius: 50%;
	background: #4591d8;
}
.check input[type="checkbox"]:checked + label:after{
	content: "";
	position: absolute;
	top: 50%;
	box-sizing: border-box;
	display: block;
	left: -7px;
	width: 18px;
	height: 10px;
	margin-top: -6px;
	border-left: 4px solid #4591d8;
	border-bottom: 4px solid #4591d8;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.radio input[type="radio"]:focus + label:before,
.check input[type="checkbox"]:focus + label:before{
	box-shadow: 0 0 3px 0 #4591d8;
}

/*datepicker*/
#ui-datepicker-div{
	max-width: 100%;
	width: 350px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active{
	padding: 15px;
}
.ui-datepicker .ui-datepicker-header{
	padding: 8px 0;
}

@media screen and (max-width: 399px){

	#ui-datepicker-div{
		width: 320px;
	}

}/*END*/


/*----------------------------------------
	footer
----------------------------------------*/

footer{
	position: relative;
	padding-top: 100px;
	padding-bottom: 150px;
	background: url("../images/foot_bg.jpg") center bottom;
	background-size: cover;
}
footer p{
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
	width: 70%;
}
small{
	display: block;
	text-align: center;
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	background: #fff;
	padding-top: 20px;
	padding-bottom: 20px;
}

@media screen and (max-width: 599px){

	footer{
		padding-top: 80px;
		padding-bottom: 120px;
	}
	small{
		font-size: 1.2rem;
	}

}/*END*/