/*
Title: クリエイト・ジオイド　LP
Last Updated: 2021-4-7
Author: zeal
*/

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

html{
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-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; }
.max_respon{ max-width:100%; }

a{
	color:#000;
	transition: all 0.4s;
	text-decoration: none;
}
a:hover{
	color:#999;
	transition: all 0.4s;
}

.yumin{
	font-family:'游明朝体','Yu Mincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro','ＭＳ Ｐ明朝','ＭＳ 明朝','Sawarabi Mincho',serif;
}

.lato{
	font-family: 'Lato', sans-serif;
}


.text_bold{ font-weight: bold; }
.text_normal{ font-weight: normal; }



/*----------------------------------------
	iframe比率維持
----------------------------------------*/

.map{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	padding: 70% 0 0;
	text-align: center;
}
.map iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
.map iframe:not(:target){
	left: 0\9;
	top: 0\9;
}
.map iframe{
	left: 0\9;
	top: 0\9;
}
@media all and (-ms-high-contrast: none) {
.map iframe{
		left: 50%\9 !important;
		top: 50%\9 !important;
	}
}
.map{ z-index: 2; }/*chrome対策*/


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

p{ line-height: 2; }

.text_red{
	color:#b31014;
}
.text_brown{
	color:#a48036;
}

.text_10{ font-size:1.0rem !important; }
.text_11{ font-size:1.1rem !important; }
.text_12{ font-size:1.2rem !important; }
.text_13{ font-size:1.3rem !important; }
.text_14{ font-size:1.4rem !important; }
.text_15{ font-size:1.5rem !important; }

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

.lh_14{ line-height: 1.4; }
.lh_16{ line-height: 1.6; }
.lh_17{ line-height: 1.7; }
.lh_18{ line-height: 1.8; }

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

	.text_16{ font-size:1.6rem !important; }
	.text_17{ font-size:1.7rem !important; }
	.text_18{ font-size:1.8rem !important; }
	.text_19{ font-size:1.9rem !important; }
	.text_20{ font-size:2.0rem !important; }
	.text_21{ font-size:2.1rem !important; }
	.text_22{ font-size:2.2rem !important; }
	.text_24{ font-size:2.4rem !important; }
	.text_26{ font-size:2.6rem !important; }
	.text_28{ font-size:2.8rem !important; }
	.text_30{ font-size:3.0rem !important; }
	.text_32{ font-size:3.2rem !important; }
	.text_34{ font-size:3.4rem !important; }
	.text_36{ font-size:3.6rem !important; }
	.text_38{ font-size:3.8rem !important; }
	.text_40{ font-size:4.0rem !important; }
	.text_42{ font-size:4.2rem !important; }
	.text_48{ font-size:4.8rem !important; }

}/*END*/

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

	.text_16,
	.text_17,
	.text_18{
		font-size: 1.6rem;
	}
	.text_20,
	.text_19{
		font-size: 1.7rem !important;
	}
	.text_21,
	.text_22,
	.text_24{
		font-size: 1.8rem !important;
	}
	.text_26,
	.text_28,
	.text_30,
	.text_32,
	.text_34,
	.text_38,
	.text_36,
	.text_40,
	.text_42{
		font-size: 2rem !important;
	}
	.text_48{
		font-size: 3.2rem !important;
	}

}/*END*/

@media print, screen and (min-width: 660px) and ( max-width: 769px){

	.text_24{
		font-size: 2rem !important;
	}

}/*END*/

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

	.text_16,
	.text_17,
	.text_18{
		font-size: 1.2rem;
	}
	.text_20,
	.text_19{
		font-size: 1.3rem !important;
	}

	.text_21,
	.text_22{
		font-size: 1.4rem !important;
	}

	.text_24{
		font-size: 1.4rem !important;
	}
	.text_26,
	.text_28,
	.text_30,
	.text_32,
	.text_34{
		font-size: 1.8rem !important;
	}
	.text_38,
	.text_36,
	.text_40,
	.text_42{
		font-size: 2.1rem !important;
	}
	.text_48{
		font-size: 2.8rem !important;
	}

	/*letter-spacing*/
	.ls_4{ letter-spacing: 2px; }
	.ls_5{ letter-spacing: 2px; }
	.ls_6{ letter-spacing: 2px; }
	.ls_7{ letter-spacing: 2px; }
	.ls_8{ letter-spacing: 2px; }

}/*END*/


li{ list-style:none; }
.center{ text-align:center; }
.text_left{ text-align:left; }
.text_right{ text-align:right; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; }

.op:hover{
	filter: alpha(opacity=60);
	-moz-opacity:060;
	opacity:0.60;
	transition: all 0.4s;
}
.op{
	transition: all 0.4s;
}


/*----------------------------------------
	layout
----------------------------------------*/

#container{
	overflow: hidden;
}
.main_frame{
	width: 100%;
	position: relative;
	box-sizing: border-box;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
}

.main_inner_frame{
	width: 100%;
	position: relative;
	box-sizing: border-box;
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
	padding-right:4.5%;
	padding-left:4.5%;
}

.main_frame .inner_frame p{
	font-size:1.8rem;
}




.box_l{
	float: left;
	width: 48.5%;
}
.box_r{
	float: right;
	width: 48.5%;
}

.box_l50{
	float: left;
	width: 50%;
	box-sizing: border-box;
}
.box_r50{
	float: right;
	width: 50%;
	box-sizing: border-box;
}


.box_r65{
	width:68%;
	max-width:780px;
	float:right;
}
.box_l65{
	width:68%;
	max-width:780px;
	float:left;
}

.box_r60{
	width:58.5%;
	float:right;
}
.box_l60{
	width:58.5%;
	float:left;
}
.box_r40{
	width:38.6%;
	float:right;
}
.box_l40{
	width:38.85%;
	float:left;
}





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

	.inner_frame{
		margin-right: 30px;
		margin-left: 30px;
	}

}/*END*/

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

	.sp_br{
		display: none;
	}

}/*END*/

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

	.inner_frame{
		margin-right: 25px;
		margin-left: 25px;
	}

}/*END*/

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

	.inner_frame{
		margin-right: 3%;
		margin-left: 3%;
	}
	.pc_br{
		display: none;
	}

	.main_frame .inner_frame p{
		font-size:1.4rem;
		line-height: 1.8;
	}

	.sp_text_left{
		text-align: left;
	}

}/*END*/


/*----------------------------------------
	header
----------------------------------------*/
header{
	background:#fff;
}

.pc_fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  transition: all 0.4s;
  opacity: 1;
  z-index: 3;
  -webkit-backface-visibility:hidden;
 backface-visibility:hidden;
}

.logo_area{
	background: #fff;
	padding:1%;
	box-sizing: border-box;
	height:100px;
}
.logo_area .logoimg{
	width:40%;
	max-width:255px;
	vertical-align: middle;
}


.bg_menu ul,.menu_deco ul{
	width:100%;
	max-width: 750px;
	margin:0 auto;
	display: flex;
	justify-content: space-around;
}

.bg_menu ul li{
	width: calc(100% / 3);
	text-align: center;
}
.bg_menu ul li:last-child{
	border:none;
}

.bg_menu ul li a{
	display: inline-block;
	font-size:2rem;
	font-weight: bold;
	color:#fff;
	width: 100%;
	box-sizing: border-box;
}

.menu_deco ul li{
	width: calc(100% / 4);
	text-align: center;
	padding:4px 15px 3px 15px;
	box-sizing: border-box;
}




.menu_btn{
	width: 100%;
	/*position: fixed;*/
	bottom: 0;
	color:#fff;
	font-weight: bold;
	z-index: 5;
	transition: all 0.4s;
}
.menu_btn ul{
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content:space-between;
}
.menu_btn li{
	text-align: center;
	width: calc(100% / 2);
	box-sizing: border-box;
	/*border-right: 2px dashed #fff;*/
}
.menu_btn li:first-child{

}
.menu_btn li:last-child{
	border-right: none;
}
.menu_btn li a{
	display: block;
	padding:6px 0;
	color:#fff;
}
.menu_btn li img{
	width: 100%;
}

.sd-trigger{
	position: fixed;
	top: 0;
	right: 0;
	width: 10%;
	max-width: 100px;
	cursor: pointer;
	transition: all 0.4s;
	z-index: 8;
}
.sd-trigger:hover{
	opacity: 0.7;
	transition: all 0.4s;
}
#sd{
	box-sizing: border-box;
	background: #fff;
}
#sd li a{
	display: block;
	text-decoration: none;
	padding: 13px 2% 13px 4%;
	color:#000;
	font-size: 1.6rem;
	border-bottom: 1px solid#ccc;
}

#sd li a:hover{
	color: #c30d23;
}


.mv{
	background: #eee;
}


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

	.sp_mv,
	.sp_menu{
		display: none;
	}
	.pc_mv{
		width: 100%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

}/*END*/

@media screen and (max-width: 998px){
	.sd-trigger{
		width: 14%;
	}


}/*END*/

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

	.pc_mv{
		display: none;
	}
	.sp_mv{
		display: block;
		width: 100%;
	}

	.sd-trigger{
		width: 85px;
	}
	.logo_area{
		height:85px;
	}

	.menu_btn ul{
		max-width: 780px;
	}

	.bg_menu ul li a{
		display: block;
	}


}/*END*/

@media screen and (max-width: 599px){
	.logo_area .logoimg{
		width: auto;
		height: 100%;
	}


	.sd-trigger{
		width: 52px;
	}
	.logo_area{
		height:52px;
	}

	.bg_menu ul li{
	}

	.menu_deco ul li img{
		width:80%;
	}

	.bg_menu ul li a{
		font-size:1.8rem;
	}


}/*END*/

/*----------------------------------------
	contents
----------------------------------------*/
.text_white{
	color: #fff;
}
.text_black{
	color:#000;
}
.text_blue{
	color:#001986;
}
.text_red{
	color:#a90d0d;
}

.text_gray{
	color: #595757;
}

.bg_black{
	background: #000;
}
.bg_white{
	background: #fff;
}

.bg01{
	background: #ebe0cb;
}
.bg02{
	background: #f5f1eb;
}
.bg03{
	background: #242c2e;
}


.rela{
	position: relative;
}


.nm_t10p{
	margin-top:-10%;
}


.ttl_modelhouse img{
	margin-top:-9%;
}


.ttl_bg01{
	background: url(../images/model_ttl_bg.jpg) no-repeat;
	background-size: cover;
	background-position: center 10%;
}
.ttl_bg02{
	background: url(../images/iedukuri_ttl_bg.jpg) no-repeat;
	background-size: cover;
	background-position: center 28%;
}
.ttl_bg03{
	background: url(../images/about_ttl_bg.jpg) no-repeat;
	background-size: cover;
	background-position: center 75%;
	padding-top:40%;
	max-height:600px;
	position: relative;
}

.about_box{
	max-width: 690px;
	position: absolute;
	bottom: -39%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
}



.info_th{
	background: #fff;
	padding: 8px 12px;
	box-sizing: border-box;
	font-weight: bold;
	border-radius: 5px;
}
.info_td{
	padding: 15px 12px;
}

.info_box_l{
	width:48.5%;
	float:left;
	box-sizing: border-box;
}
.info_box_r{
	width:48.5%;
	float:right;
	box-sizing: border-box;
}


.box_inner{
	padding:0 4.5%;
}


.editors_box_l{
	width:30%;
	float: left;
	box-sizing: border-box;
}
.editors_box_r{
	width:67%;
	float: right;
	box-sizing: border-box;
}

.spm_b50{
	margin-bottom:60px;
}

@media screen and (max-width: 750px){
	.sp_respon90{
		width:90%;
	}
	.sp_respon40{
		width:40%;
	}
	.sp_respon25{
		width:25%;
	}


}/*END*/




@media screen and (max-width: 599px){
	.sp_respon80{
		width:80%;
	}

	.info_box_l,.info_box_r{
		width:100%;
		float: none;
	}

	.spm_b50{
		margin-bottom:20px;
	}

	.box_inner{
		padding:0 3%;
	}


}/*END*/


.bg_check_red{
	background: url(../images/check_bg.jpg);
}
.bg_check_black{
	background: url(../images/check_bg_2.jpg);
}





/*タブ*/
.tab {
	display:flex;
	justify-content: space-between;
}
.tab li {
  float: left;
  cursor: pointer;
  list-style: none;
}

.tab_inner{
  display: none;
}
.tab_inner.show {
  display: block;
}

.tab li:hover{
	transition: all 0.4s;
}

.tab li.show{
	transition: all 0.4s;
}




@media screen and (max-width: 599px) {
	.plan_inner .box_l,
	.plan_inner .box_r{
		width:100%;
	}

}/*END*/




/*----------------------------------------
	map
----------------------------------------*/

.map{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
	padding: 60% 0 0;
	text-align: center;
}
.map iframe{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	-ms-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}
.map iframe:not(:target){
	left: 0\9;
	top: 0\9;
}
.map iframe{
	left: 0\9;
	top: 0\9;
}
@media all and (-ms-high-contrast: none) {
.map iframe{
		left: 50%\9 !important;
		top: 50%\9 !important;
	}
}
.map{ z-index: 2; }/*chrome対策*/

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

	.map{ padding: 60% 0 0; }

}/*END*/





/*----------------------------------------
	footer
----------------------------------------*/
footer{
	background:#fff;
}

.f_logo{
	max-width:498px;
	width:80%;
}
.copyright{
	background: #ecebea;
	text-align: center;
	color: #8a8a8a;
	line-height: 1.3;
}


.btn_top{
	width: 77.93%;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.sp_menu{
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 5;
}
.sp_menu .menu_btn{
	padding: 0;
}

.sp_menu .menu_btn li a{
	padding:0;
}

.fixed_tel{
	background: rgba(255,255,255,0.9);
	text-align: center;
	padding: 15px 0;
}
.fixed_tel p{
	line-height: 1.2;
}
.fixed_tel a{
	text-decoration: none;
	color: #333;
	font-size: 3rem;
	letter-spacing: 1px;
}

@media screen and (max-width: 769px){
	.sp_menu .menu_btn li img{
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}



}/*END*/

@media screen and (max-width: 599px){
	.copyright{
		font-size: 1.1rem !important;
	}

	.sp_menu .menu_btn li a{
		padding: 0;
	}

}/*END*/





/*----------------------------------------
	contact
----------------------------------------*/
@media screen and (min-width: 751px){
	.contact{
			font-size:1.8rem !important;
	}
	.contact th {
	    padding: 12px 20px;
	    background: #f0f0f0;
	}

}/*END*/


.contact{
	width: 100%;
	line-height: 1.8;
	border: 3px solid #ccc9c8;
	box-sizing: border-box;
}
.contact th,
.contact td{
	text-align: left;
	box-sizing: border-box;
}
.contact th{
	padding: 12px 20px;
	background: #f0f0f0;
}
.contact td{
	padding: 25px 30px;
	background: #fff;
	border-bottom: 3px solid #ccc9c8;
}
.contact td.check{ padding: 15px 20px; }
.check div{
	padding: 8px 0;
}
.privacy{
	width: 100%;
}
.privacy th{
	display: none;
}
.privacy .hissu,
th.hissu:after,
th.nini:after{
	border-width: 1px;
	border-style: solid;
	display: inline-block;
	padding: 3px 10px 1px 10px;
	line-height: 1;
	font-weight: bold;
	margin-left: 10px;
	border-radius: 3px;
	vertical-align: middle;
}
.privacy .hissu{
	display: inline-block;
	border-color: #a90d0d;
	background: #a90d0d;
	color: #fff;
}
th.hissu:after{
	content: "必須";
	display: inline-block;
	border-color: #a90d0d;
	background: #a90d0d;
	color: #fff;
	vertical-align: 1px;
}
th.nini:after{
	content: "任意";
	display: inline-block;
	border-color: #000;
	background: #fff;
	vertical-align: 1px;
}
.error_blank{
	display: block;
	color: #a90d0d;
	padding-top: 10px;
	font-weight: bold;
	font-size: 1.6rem;
}
.add .form1{ margin-bottom: 15px; }
#form_submit input{
	width: 690px;
	height: 120px;
	background: url("../images/btn_check.jpg");
	background-size: 100%;
	border: none;
	cursor: pointer;
}
#form_submit{
	width: 689px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.btn_ok input{
	width: 400px;
	border: none;
	cursor: pointer;
	color: #333;
}
.btn_ok{
	width: 400px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 24px;
}
.confirm_frame button{
	border: none;
	background: none;
	text-decoration: underline;
	color: #3f80ad;
	cursor: pointer;
}
span.loading {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border-top: 5px solid rgba( 255, 255, 255, 0.2 );
	border-right: 5px solid rgba( 255, 255, 255, 0.2 );
	border-bottom: 5px solid rgba( 255, 255, 255, 0.2 );
	border-left: 5px solid #ffffff;
	-webkit-transform: translateZ( 0 );
	-ms-transform: translateZ( 0 );
	transform: translateZ( 0 );
	-webkit-animation: load-circle 1.0s linear infinite;
	animation: load-circle 1.0s linear infinite;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
}
@-webkit-keyframes load-circle {
	0% {
		-webkit-transform: rotate( 0deg );
		transform: rotate( 0deg );
	}
	100% {
		-webkit-transform: rotate( 360deg );
		transform: rotate( 360deg );
	}
}
@keyframes load-circle {
	0% {
		-webkit-transform: rotate( 0deg );
		transform: rotate( 0deg );
	}
	100% {
		-webkit-transform: rotate( 360deg );
		transform: rotate( 360deg );
	}
}
.confirm_frame{
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}
.modal_bg{
	background: rgba(0,0,0,0.8);
	height: 100vh;
	position: absolute;
	width: 100%;
	z-index: 9;
}
.confirm_contents{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background: #fff;
	width: 100%;
	max-width: 690px;
	padding: 30px;
	border: 3px solid #333;
	z-index: 10;
}
.btn_close button{
	width: 100%;
	display: block;
	border: none;
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
}
.btn_close{
	position: relative;
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}

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

	.check div{
		padding: 8px 0;
	}
	.contact td{
		padding: 15px 4%;
	}
	.contact th{
		padding: 10px 4%;
	}
	th.hissu:after,
	th.nini:after{
		padding: 3px 6px;
	}
	.confirm_contents{
		width: 94%;
		box-sizing: border-box;
		padding: 20px 3.5%;
	}
	#form_submit input{
		width: 320px;
		height: 56px;
	}
	.btn_close,
	#form_submit,
	.btn_ok input,
	.btn_ok{
		width: 100%;
	}

}/*END*/


/*----------------------------------------
	フォーム
----------------------------------------*/

select,
textarea,
input[type="tel"],
input[type="email"],
input[type="text"]{
	padding: 25px 20px;
	background: #ebebeb;
	border: 2px solid #ebebeb;
	box-sizing: border-box;
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	-webkit-appearance: none;
}
select:focus{ outline:none; }
textarea:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="text"]:focus{
	outline:none;
	border: 2px solid #00a0e9;
	border-radius: 0;
}
input#datepicker01,
input#datepicker02{
	margin-bottom: 15px;
}
input#datepicker01:focus,
input#datepicker02:focus{
	border: 2px solid #4c94e7;
}
.form1{ width: 300px; }
.form2{ width: 300px; }
.form_all{ width: 100%; }
:focus{ outline: none; }
input[type="text"]:focus,
textarea:focus{
	border-color: #4c94e7;
}

@media screen and (min-width: 751px){
	select,
	option,
	textarea,
	input[type="tel"],
	input[type="email"],
	input[type="text"]{
		padding: 10px 10px;
		font-size: 1.8rem !important;
	}


}/*END*/

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

	select,
	textarea,
	input[type="tel"],
	input[type="email"],
	input[type="text"]{
		padding: 12px 10px;
	}
	.form1,
	.form2{
		width: 100%;
	}

}/*END*/


/*----------------------------------------
	radio checkbox
----------------------------------------*/

.check input[type="checkbox"]{
	position: absolute;
	height: 1px;
	width: 1px;
	clip: rect(0, 0, 0, 0);
}
.check label{
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 20px;
	padding-left: 35px;
	line-height: 1;
}
.check label:before{
	position: absolute;
	content: "";
	top: 50%;
	left: -8px;
	width: 32px;
	height: 32px;
	margin-top: -17px;
	background: #ebebeb;
}
.privacy label:before{
	border: 2px solid #333;
	margin-top: -20px;
}
.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;
}
.check label:before{ display: none\9; }
.check label:not(:target):before{ display: inline-block\9; }
.check input[type="checkbox"]:checked + label:after {
	content: "";
	position: absolute;
	top: 50%;
	box-sizing: border-box;
	display: block;
	left: -3px;
	width: 24px;
	height: 14px;
	margin-top: -10px;
	border-left: 4px solid #fff;
	border-bottom: 4px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.check input[type="checkbox"]:checked + label:before{ background: #15779f; }
.check input[type="checkbox"]:focus + label:before{ box-shadow: 0 0 5px #15779f; }

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

	.check label{
		margin-left: 5px;
	}

}/*END*/


/*----------------------------------------
	datepicker
----------------------------------------*/

.ui-datepicker{
	padding: 6px !important;
	background: #fff;
}
.ui-widget-content{
	color: #000 !important;
	border: 1px solid #322e2d !important;
}
.ui-widget.ui-widget-content{ border-radius: inherit !important; }
.ui-widget-header{
	border: none !important;
	color: #fff !important;
	background: #322e2d !important;
	border-radius: inherit !important;
	font-weight: normal !important;
}
.ui-datepicker td span, .ui-datepicker td a{ padding: 6px 8px !important; }
.ui-datepicker table{ margin-bottom: 0 !important; }
.ui-state-default{
	border-color: #ebebeb !important;
	background: #ebebeb !important;
	color: #000 !important;
}
.ui-state-default:hover,
.ui-state-active{
	border-color: #6c9ec0 !important;
	background: #6c9ec0 !important;
	color: #fff !important;
}
.ui-state-highlight{
	background: #322e2d !important;
	border-color: #322e2d !important;
	color: #fff !important;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{
	cursor: pointer !important;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover{
	background: inherit !important;
	border: none !important;
}








/*----------------------------------------
	loading
----------------------------------------*/

#loading_wrap{
	width: 100%;
	height: 100vh;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}
#loading{
	width: 40px;
	height: 40px;
	border-top: 5px solid rgba(0, 0, 0, 0.15);
	border-right: 5px solid rgba(0, 0, 0, 0.15);
	border-bottom: 5px solid rgba(0, 0, 0, 0.15);
	border-left: 5px solid rgba(0, 0, 0, 0.6);
	animation: loader_animation 1s infinite linear;
	border-radius: 50%;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	z-index: 11;
}
@keyframes loader_animation{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
.loading_none #loading{
	display: none;
	transition: all 1s;
}
.loading_none{ animation: loading_animation 1s forwards; }
@keyframes loading_animation{
	0%{
		opacity: 1;
	}
	99%{
		opacity: 0;
	}
	100%{
		opacity: 0;
		display: none;
		z-index: -1;
	}
}