/*
Theme Name: kiyo_ver03
Theme URI:株式会社紀陽
Author: Ryu
Author URI:
Description:
Version: 3.0
License:
License URI:
Tags:
*/

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

html{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:62.5%;
	color: #000;
	-webkit-text-size-adjust:100%;
	line-height:1.5;
}
body{ font-size:1.4rem; font-size: 1.4em; }
img{
	vertical-align: bottom;
	image-rendering: -webkit-optimize-contrast;
}
a{
	color:#2f63b9;
	transition: all 0.4s;
	text-decoration: underline;
}
a:hover{
	color:#4c8fff;
	text-decoration: underline;
}
.op:hover{
	opacity: 0.7;
	transition: all 0.4s;
}


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

p{ line-height: 2; }
.text_red{ color: #e60012; }
.text_white{ color: #fff; }
.text_gray{ color: #a0a0a0; }
.text_gray2{ color: #707070; }
.text_wine{ color: #77111a; }
.text_gold{ color: #d4b572; }
.text_normal{ font-weight: normal; }
.text_bold{ font-weight: bold; }
.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_hina{ font-family: "Hina Mincho", serif; }
.text_cormo{ font-family: "Cormorant", serif; }

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

.lh_11{ line-height: 1.1; }
.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; }

.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_34{ font-size: 3.4rem; }
.text_36{ font-size: 3.6rem; }
.text_60{ font-size: 6rem; }
.text_72{ font-size: 7.2rem; }

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

	.text_18{ font-size: 1.7rem; }
	.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.04vw, 2.2rem); }
	.text_34{ font-size: max(3.23vw, 2.3rem); }
	.text_36{ font-size: max(3.42vw, 2.4rem); }
	.text_60{ font-size: max(5.71vw, 2.8rem); }
	.text_72{ font-size: max(6.85vw, 3rem); }

}/*END*/

.lh_19{ line-height: 1.9; }
.lh_20{ line-height: 2; }
.lh_21{ line-height: 2.1; }
.lh_22{ line-height: 2.2; }
.lh_23{ line-height: 2.3; }
.lh_24{ line-height: 2.4; }
.lh_25{ line-height: 2.5; }
.lh_26{ line-height: 2.6; }

.ls_-2{ letter-spacing: -2px; }
.ls_-1{ letter-spacing: -1px; }
.ls_0{ letter-spacing: 0; }
.ls_1{ letter-spacing: 1px; }
.ls_2{ letter-spacing: 2px; }
.ls_3{ letter-spacing: 3px; }
.ls_4{ letter-spacing: 4px; }
.ls_5{ letter-spacing: 5px; }
.ls_6{ letter-spacing: 6px; }
.ls_7{ letter-spacing: 7px; }
.ls_8{ letter-spacing: 8px; }


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

#container{
	overflow: hidden;
}
.inner_frame{
	position: relative;
	max-width: 1090px;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
}
.ttl_line{
	position: relative;
}
.ttl_line:after{
	content: "";
	width: 50px;
	height: 1px;
	background: #000;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -30px;
}
.ttl_line.ttl_left:after{
	left: 0;
	transform: none;
}
.btn{
	display: inline-block;
	color: #000;
	text-decoration: none;
	transition: all 0.4s;
	white-space: nowrap;
}
.btn.btn_white{
	color: #fff;
}
.btn span{
	position: relative;
	display: inline-block;
	background: #1b1b1b;
	width: 60px;
	height: 60px;
	margin-left: 20px;
	border-radius: 50%;
	vertical-align: middle;
	transition: all 0.4s;
}
.btn.btn_white span{
	background: #fff;
}
.btn span:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	line-height: 1;
	position: absolute;
	top: 50%;
	right: 21px;
	width: 16px;
	height: 1px;
	background: #fff;
	transition: all 0.4s;
}
.btn.btn_white span:before{
	background: #000;
}
.btn span:after{
	content: "";
	width: 8px;
	height: 8px;
	border: 1px solid #fff;
	border-left: 0;
	border-bottom: 0;
	transform: rotate(45deg);
	transform-origin: top right;
	position: absolute;
	top: 50%;
	right: 20px;
	box-sizing: border-box;
	transition: all 0.4s;
}
.btn.btn_white span:after{
	border: 1px solid #000;
	border-left: 0;
	border-bottom: 0;
}
.btn:hover{
	color: #77111a;
	text-decoration: none;
}
.btn:hover span{
	background: #77111a;
}
.btn:hover span:before{
	right: 16px;
}
.btn:hover span:after{
	right: 15px;
}
.btn.btn_white:hover{
	color: #fff;
}
.btn.btn_white:hover span:before{
	background: #fff;
}
.btn.btn_white:hover span:after{
	border: 1px solid #fff;
	border-left: 0;
	border-bottom: 0;
}
.bg_beige{
	background: #f5f1ec;
}

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

.side_float{
	position: fixed;
	right: 0;
	top: 30%;
}
.side_float li a{
	display: block;
	position: relative;
	right: -5px;
	transition: all 0.2s;
}
.side_float li a:hover{
	right: 0;
}

.pan_nav a,
.pan_nav{
	color: #000;
	text-decoration: none;
	font-size: 1.2rem;
}
.pan_nav li{
	float: left;
}
.pan_nav li a:after{
	content: "＞";
	color: #a0a0a0;
	padding-left: 10px;
	margin-right: 10px;
}
.pan_nav li a:hover{
	text-decoration: none;
	color: #77111a;
}
.under_head{
	padding-top: 120px;
}

.other_list li{
	position: relative;
	text-align: center;
	overflow: hidden;
}
.other_list li a{
	display: block;
	color: #fff;
}
.other_list li img{
	transition: all 0.4s;
}
.other_list li p{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	line-height: 1.3;
	width: 100%;
}
.other_list li a:hover img{
	transform: scale(1.1);
	filter: blur(3px);
}

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

	.left{ float:left; }
	.right{ float:right; }
	.box_l{
		float: left;
		width: calc((450/1050)*100%);
	}
	.box_r{
		float: right;
		width: calc((450/1050)*100%);
	}

}/*END*/

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

	.sp_float{
		display: none;
	}
	.sp_br{
		display: none;
	}
	.other_list{
		display: grid;
		grid-template-columns: repeat(3,1fr);
		gap: 40px;
	}
	.sp_display{
		display: none;
	}
	.pc_none{
		display: none;
	}

}/*END*/

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

	.inner_frame{
		padding-left: 3%;
		padding-right: 3%;
	}
	.other_list{
		gap: 20px;
	}
	.under_head{
		padding-top: 100px;
	}

}/*END*/

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

	.inner_frame{
		padding-left: 4.5%;
		padding-right: 4.5%;
	}
	.side_float{
		display: none;
	}
	.sp_float{
		width: 100%;
		position: fixed;
		bottom: -100px;
		left: 0;
		box-sizing: border-box;
		z-index: 100;
		transition: all 0.4s;
	}
	.sp_float a{
		display: block;
	}
	.sp_float a:hover{
		opacity: 1 !important;
	}
	.sp_float ul{
		display: flex;
		width: 100%;
	}
	.btn span{
		width: 40px;
		height: 40px;
	}
	.btn span:before{
		right: 13px;
	}
	.btn span:after{
		right: 12px;
	}
	.btn:hover span:before{
		right: 8px;
	}
	.btn:hover span:after{
		right: 7px;
	}
	.pc_br{
		display: none;
	}
	.other_list li{
		margin-bottom: 35px;
	}
	.pan_nav{
		display: none;
	}
	.sp_left{
		text-align: left;
	}
	.under_head{
		padding-top: 80px;
	}
	.pc_display{
		display: none;
	}
	.sp_none{
		display: none;
	}

}/*END*/


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

header{
	position: absolute;
	padding: 20px;
	width: 100%;
	left: 0;
	top: 0;
	box-sizing: border-box;
	z-index: 90;
}
header a{
	display: block;
	color: inherit;
	text-decoration: none;
}
header h1{
	float: left;
	width: 180px;
}
.head_menu{
	float: right;
	width: 890px;
	margin-top: 17px;
}
.head_menu li{
	float: left;
	margin-right: 30px;
}
.head_menu li a{
	position: relative;
}
.head_menu li a:after{
	content: "";
	width: 0;
	height: 2px;
	background: #77111a;
	position: absolute;
	left: 0;
	bottom: -10px;
	transition: all 0.4s;
}
.head_menu li a:hover:after{
	width: 100%;
}
.head_menu ul ul li a:after{
	content: none;
}
.head_menu li a:hover{
	text-decoration: none;
	color: #000;
}
.head_menu ul ul li a:hover{
	color: #fff;
}
.head_menu li ul{
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
}
.head_menu li ul li{
	float: none;
	margin-right: 0;
	white-space: nowrap;
	margin-bottom: 1px;
}
.head_menu li ul li a{
	color: #fff;
	padding: 15px 18px;
	background: rgba(119, 17, 26, 1);
	transition: all 0.4s;
}
.head_menu li ul li a:hover{
	background: rgba(119, 17, 26, 0.7);
	text-decoration: none;
}
.menu_d_down{
	position: relative;
	cursor: pointer;
	padding-right: 20px;
}
.menu_d_down span{
	display: inline-block;
	position: absolute;
	top: 8px;
	right: 0;
}
.menu_d_down span:before,
.menu_d_down span:after{
	content: "";
	background: #000;
	width: 7px;
	height: 1px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.menu_d_down span:before{
	transform: rotate(45deg);
	right: 5px;
}
.menu_d_down span:after{
	transform: rotate(-45deg);
	right: 0;
}
.menu_d_down:hover span:before,
.menu_d_down:hover span:after{
	background: #77111a;
}
.drawer_frame{
	position: fixed;
	width: 100%;
	left: 0;
	top: -250%;
	background: url("images/common/drawer_bg.jpg");
	background-size: cover;
	padding-top: 120px;
	padding-bottom: 80px;
	transition: all 0.4s;
}
.open .drawer_frame{
	top: 0;
}
.drawer_inner{
	max-width: 1110px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px;
	padding-right: 30px;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 40px;
	color: #fff;
}
.drawer_inner ul{
	position: relative;
}
.drawer_inner li{
	margin-bottom: 20px;
	line-height: 1.5;
}
.drawer_inner li a{
	position: relative;
	color: #fff;
	transition: all 0.4s;
}
.drawer_inner li a:before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: #77111a;
	width: 5px;
	height: 18px;
	transition: all 0.4s;
	opacity: 0;
}
.drawer_inner li a:hover:before{
	opacity: 1;
}
.drawer_inner li.drawer_event a:hover:before{
	opacity: 0;
}
.drawer_inner li a:hover{
	text-decoration: none;
	padding-left: 15px;
}
.drawer_inner li.drawer_event a:hover{
	padding-left: 0;
}
.drawer_inner li.drawer_event a:hover img{
	transform: scale(1.1);
}
.drawer_inner li.drawer_link{
	padding-left: 20px;
}
.drawer_inner li.drawer_link a:before{
	content: "-";
	margin-right: 8px;
	display: inline-block;
	opacity: 1;
	background: none;
	position: relative;
	top: inherit;
	width: auto;
	height: auto;
	transform: none;
}
.drawer_inner li.drawer_link a:hover:before{
	color: #77111a;
}
.drawer_inner li.drawer_link a:hover{
	padding-left: 10px;
}
.drawer_inner li.drawer_btn{
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	margin-bottom: 0 !important;
}
.drawer_inner li.drawer_btn a:after{
	content: "";
	background: rgba(255, 255, 255, 0.3);
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	transition: all 0.4s;
}
.drawer_inner li.drawer_btn a:hover{
	padding-left: 0;
}
.drawer_inner li.drawer_btn a:hover:after{
	width: 100%;
}
.drawer_inner li.drawer_btn a:before{
	content: none;
}

.menu_btn{
	background: #231815;
	width: 80px;
	height: 80px;
	position: fixed;
	right: 0;
	top: 0;
	cursor: pointer;
	z-index: 100;
}
.menu_btn span{
	display: inline-block;
	width: 30px;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	transition: all 0.4s;
}
.menu_btn span:nth-child(1){
	top: 28px;
}
.menu_btn span:nth-child(2){
	top: 50%;
	margin-top: -1px;
}
.menu_btn span:nth-child(3){
	bottom: 28px;
}
.open .menu_btn span:nth-child(1){
	transform: rotate(45deg);
	top: 38px;
	margin-left: -15px;
}
.open .menu_btn span:nth-child(2){
	opacity: 0;
}
.open .menu_btn span:nth-child(3){
	transform: rotate(-45deg);
	bottom: 40px;
	margin-left: -15px;
}

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

	.head_menu{
		font-size: 1.3rem;
		width: 760px;
	}
	.head_menu li{
		margin-right: 20px;
	}

}/*END*/

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

	.head_menu nav{
		display: none;
	}
	.drawer_inner{
		font-size: 1.5rem;
	}

}/*END*/

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

	.drawer_inner{
		font-size: 1.4rem;
		gap: 25px;
	}

}/*END*/

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

	header h1{
		width: 140px;
	}
	.menu_btn{
		width: 60px;
		height: 60px;
	}
	.menu_btn span{
		width: 30px;
		height: 1px;
	}
	.menu_btn span:nth-child(1){
		top: 20px;
	}
	.menu_btn span:nth-child(2){
		margin-top: 0;
	}
	.menu_btn span:nth-child(3){
		bottom: 20px;
	}
	.open .menu_btn span:nth-child(1){
		top: 30px;
	}
	.open .menu_btn span:nth-child(3){
		bottom: 30px;
	}
	.drawer_frame{
		padding-top: 60px;
		padding-bottom: 40px;
		top: -150%;
	}
	.drawer_inner{
		display: block;
		max-width: 360px;
		margin-right: auto;
		margin-left: auto;
		overflow-y: scroll;
		height: 100vh;
		padding-bottom: 50px;
	}
	.drawer_inner li.drawer_btn{
		position: relative;
		margin-bottom: 50px !important;
		margin-top: 40px;
	}

}/*END*/


/*----------------------------------------
	top
----------------------------------------*/

/*mv*/
.top_mv_frame{
	background: #f5f1ec;
}
.top_mv_l{
	position: relative;
	padding-top: 15%;
}
.top_mv_r{
	position: relative;
	color: #fff;
}
.top_mv_r a{
	display: block;
	transition: all 0.4s;
}
.top_mv_r a:hover{
	box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.5);
}
.top_mv_bnr{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 50px;
	width: calc((410/675)*100%);
}
.top_mv_slider{
	position: relative;
	width: calc((400/675)*100%);
	margin-right: auto;
	margin-left: auto;
}
.top_mv_slider a{
	color: inherit;
	text-decoration: none;
}
.slide_number{
	position: absolute;
	right: 0;
	bottom: -35px;
	width: 110px;
}
.top_mv_slider .swiper-button-prev:after,
.top_mv_slider .swiper-button-next:after{
	color: #000 !important;
	font-size: 1.6rem !important;
	font-weight: bold;
}
.top_mv_slider .swiper-button-next{
	right: 0 !important;
}
.top_mv_slider .swiper-button-prev{
	left: 0 !important;
}
.top_mv_slider .swiper-pagination{
	bottom: -5px !important;
	font-size: 1.6rem;
	font-weight: bold;
}
.swiper-pagination-current{
	display: inline-block;
	padding-right: 3px;
}
.swiper-pagination-total{
	display: inline-block;
	padding-left: 3px;
}
.swiper_thumbnail{
	position: absolute;
	left: 0;
	bottom: -35px;
}
.swiper_thumbnail .swiper-slide{
	width: 28px !important;
	height: 6px;
	background: #1b1b1b;
	cursor: pointer;
}
.swiper_thumbnail .swiper-slide-thumb-active{
	background: #d4b572;
}

/*contents*/
.bnr_award_frame{
	position: relative;
	max-width: 860px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	color: #fff;
}
.bnr_award_frame a{
	display: block;
	color: #fff;
	transition: all 0.4s;
	text-decoration: none;
}
.award_more{
	position: absolute ;
	width: calc((160/860)*100%);
	right: 0;
	bottom: 20px;
}
.bnr_award_frame a:hover{
	box-shadow: 5px 5px 0 0 #d4b572;
}
.top_reform_ttl{
	position: relative;
}
.top_reform_ttl:before{
	content: "";
	width: 100%;
	height: 1px;
	background: #a0a0a0;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: -1;
}
.ttl_bg{
	display: inline-block;
	background: #fff;
	padding-right: 15px;
}
.text_right .ttl_bg{
	padding-left: 15px;
	padding-right: 0;
}
.top_reform_text{
	padding-bottom: 40px;
}
.bnr_subsidy{
	display: block;
	max-width: 860px;
	margin-right: auto;
	margin-left: auto;
	transition: all 0.4s;
}
.bnr_subsidy:hover{
	box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.4);
}
.top_reform_menu{
	display: grid;
	grid-template-columns: repeat(5,1fr);
	column-gap: 10px;
	row-gap: 10px;
}
.top_about{
	position: relative;
}
.top_about_ttl{
	padding-bottom: 300px;
}
.top_about_text{
	position: relative;
	top: -155px;
}
.works_mv{
	position: relative;
}
.top_works_text{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 32%;
	text-align: center;
	color: #fff;
	width: 100%;
}
.top_works_copy{
	width: calc((600/1350)*100%);
	margin-right: auto;
	margin-left: auto;
}
.top_area_frame{
	position: relative;
}
.top_renova_frame{
	max-width: 860px;
	margin-right: auto;
	margin-left: auto;
}
.top_news_r ul{
	border-top: 1px solid #626262;
}
.top_news_r li{
	border-bottom: 1px solid #626262;
}
.top_news_r li a{
	display: block;
	padding-top: 22px;
	padding-bottom: 22px;
	color: inherit;
	text-decoration: none;
}

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

	/*contents*/
	.top_about_list{
		display: grid;
		grid-template-columns: repeat(3,1fr);
		column-gap: 40px;
	}
	.top_news_l{
		float: left;
		width: calc((250/1050)*100%);
	}
	.top_news_r{
		float: right;
		width: calc((760/1050)*100%);
	}
	.top_area_text{
		width: calc((270/1050)*100%);
	}
	.area_map{
		position: absolute;
		right: 0;
		top: -320px;
		width: calc((875/1350)*100%);
		max-width: 875px;
	}
	.top_area_frame{
		aspect-ratio: 2/1;
	}
	.top_renova_text{
		float: left;
		width: calc((450/860)*100%);
	}
	.top_renova_img{
		float: right;
		width: calc((350/860)*100%);
	}
	.works_mv_sp{
		display: none;
	}

}/*END*/

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

	/*mv*/
	.top_mv_l{
		float: left;
		width: 50%;
	}
	.top_mv_r{
		float: right;
		width: 50%;
	}
	.mv_sp{
		display: none;
	}

	/*contents*/
	.bnr_award_l{
		float: left;
		width: calc((435/860)*100%);
	}
	.bnr_award_r{
		float: right;
		width: calc((425/860)*100%);
	}
	.bnr_award_text{
		position: absolute;
		width: calc((650/860)*100%);
		left: 25px;
		top: 28px;
	}
	.top_reform_img{
		width: calc((680/1050)*100%);
	}
	.top_reform_text{
		width: calc((340/1050)*100%);
	}
	.top_about_text{
		float: right;
		width: calc((360/1050)*100%);
	}
	.about_mv{
		position: absolute;
		width: calc((785/1050)*100%);
		max-width: 785px;
		left: 0;
		top: -200px;
	}

}/*END*/

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

	.about_mv{
		width: 60%;
	}

}/*END*/

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

	.area_map{
		top: -250px;
	}

}/*END*/

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

	/*mv*/
	.slide_number{
		width: 90px;
	}
	.top_mv_slider .swiper-pagination{
		font-size: 1.4rem;
	}
	.top_mv_slider .swiper-button-prev:after,
	.top_mv_slider .swiper-button-next:after{
		font-size: 1.4rem !important;
	}
	.swiper_thumbnail .swiper-slide{
		width: 24px !important;
	}
	.top_mv_l{
		padding-top: 12%;
	}
	.top_mv_l p.m_b100{
		margin-bottom: 40px;
	}

}/*END*/

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

	/*mv*/
	.mv_pc{
		display: none;
	}
	.top_mv_l{
		padding-top: 18%;
		padding-bottom: 100px;
	}
	.top_mv_l p.m_b100{
		margin-bottom: 20px !important;
	}
	.top_mv_r{
		aspect-ratio: 35 / 39;
		margin-top: -400px;
		margin-bottom: 40px;
		background: #000;
	}
	.mv_sp{
		opacity: 0.5;
	}
	.top_mv_bnr{
		bottom: -50px;
	}
	.top_mv_slider p.text_18{
		font-size: 1.5rem !important;
		line-height: 1.5;
		color: #fff;
	}
	.top_mv_slider p.text_wine{
		padding-top: 8px !important;
		margin-bottom: 5px;
		color: #d4b572;
	}
	.swiper_thumbnail .swiper-slide{
		background: #fff;
	}
	.swiper_thumbnail .swiper-slide-thumb-active{
		background: #d4b572;
	}
	.top_mv_bnr p{
		font-size: 1.2rem;
		line-height: 1.5;
	}
	.swiper_thumbnail{
		bottom: -20px;
	}
	.top_mv_r a{
		box-shadow: 5px 5px 0 0 rgba(0, 0, 0, 0.3);
	}
	.slide_number{
		bottom: -15px;
		color: #fff;
	}
	.top_mv_slider .swiper-button-prev:after,
	.top_mv_slider .swiper-button-next:after{
		color: #fff !important;
	}
	/*contents*/
	.bnr_award_l{
		display: none;
	}
	.bnr_award_text{
		background: #1b1b1b;
		padding: 30px;
	}
	.bnr_award_text p.m_b5{
		max-width: 650px;
	}
	.award_more{
		width: 160px;
	}
	.top_reform_img{
		width: 100%;
	}
	.top_about_ttl{
		padding-bottom: 200px;
	}
	.top_about_text{
		top: -120px;
	}
	.about_mv{
		position: relative;
		width: 94%;
		top: -65px;
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
	.area_map{
		top: -180px;
	}
	.maker{
		font-size: 1.3rem;
	}

}/*END*/

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

	/*mv*/
	.top_mv_l{
		padding-top: 22%;
	}
	.top_mv_slider,
	.top_mv_bnr{
		width: 80%;
	}
	.top_about_list li{
		margin-bottom: 35px;
	}

	/*contents*/
	.top_about_ttl{
		padding-bottom: 180px;
	}
	.about_mv{
		width: 91%;
	}
	.top_about_list li{
		margin-bottom: 35px;
	}
	.top_works_text{
		top: 40%;
	}
	.top_works_copy{
		width: 70%;
	}
	.area_map{
		width: 100%;
		margin-top: 40px;
		padding-bottom: 40px;
	}
	.top_renova_img{
		margin-top: 40px;
	}
	.maker{
		font-size: 1.2rem;
	}
	.top_news_r ul{
		margin-bottom: 35px;
	}
	.works_mv_pc{
		display: none;
	}

}/*END*/

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

	.top_reform_menu{
		grid-template-columns: repeat(2,1fr);
	}
	.maker{
		font-size: 1.1rem;
	}

}/*END*/

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

	.swiper_thumbnail{
		bottom: -10px;
	}
	.top_mv_slider .swiper-pagination{
		bottom: 0 !important;
	}
	.top_mv_slider .swiper-button-prev,
	.top_mv_slider .swiper-button-next{
		top: -5px;
	}
	.top_mv_bnr{
		bottom: -70px;
	}
	.top_mv_r{
		margin-bottom: 50px;
	}

}/*END*/

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

	.top_mv_bnr{
		bottom: -90px;
	}
	.top_mv_r{
		margin-bottom: 80px;
	}

}/*END*/

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

	.top_mv_bnr{
		bottom: -110px;
	}
	.top_mv_r{
		margin-bottom: 100px;
	}

}/*END*/


/*----------------------------------------
	subcidy
----------------------------------------*/

.subcidy_caution{
	background: #f1efef;
	padding: 30px 20px;
	font-size: 1.2rem;
}
.subcidy_flow li{
	position: relative;
	line-height: 1.2;
	padding-bottom: 40px;
}
.subcidy_flow li .text_18{
	position: relative;
	display: inline-block;
	margin-left: 70px;
	top: -15px;
}
.subcidy_flow li .flow_number{
	position: relative;
	display: inline-block;
	width: 60px;
	height: 60px;
	background: #77111a;
	color: #fff;
	font-family: "Hina Mincho", serif;
	border-radius: 50%;
	text-align: center;
	box-sizing: border-box;
	padding-top: 5px;
	margin-right: 20px;
	vertical-align: middle;
	z-index: 2;
}
.subcidy_flow li:nth-child(even) .flow_number{
	background: #1b1b1b;
}
.subcidy_flow li:after{
	content: "";
	width: 1px;
	height: 100%;
	background: #000;
	position: absolute;
	left: 30px;
	top: 0;
}
.subcidy_flow li:last-child:after{
	content: none;
}
.subcidy_img{
	width: 100%;
}

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

	.subcidy_text{
		width: calc((540/1050)*100%);
	}
	.subcidy_img{
		width: calc((450/1050)*100%);
	}

}/*END*/

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

	.subcidy_flow li .flow_number{
		padding-top: 8px;
	}

}/*END*/

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

	.subcidy_flow li .flow_number{
		padding-top: 12px;
	}
	.other_list{
		gap: 20px;
	}

}/*END*/

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

	.other_list li{
		margin-bottom: 35px;
	}
	.flow_sp{
		position: relative;
		display: block;
		margin-left: 80px;
	}

}/*END*/


/*----------------------------------------
	about
----------------------------------------*/

.about_img{
	display: block;
	max-width: 760px;
	margin-right: auto;
	margin-left: auto;
}
.about_text{
	max-width: 560px;
	margin-right: auto;
	margin-left: auto;
}
.about_number{
	display: block;
	width: 120px;
	margin-bottom: 20px;
}
.icon_shikaku{
	float: left;
	width: calc((110/490)*100%);
}
.shikaku_text{
	float: right;
	width: calc((350/490)*100%);
}
.hosho_text{
	max-width: 490px;
	margin-right: auto;
	margin-left: auto;
}

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

	.about_column{
		width: calc((500/1050)*100%);
	}
	.about_column p{
		width: 90%;
	}
	.about_point01_04{
		width: calc((270/1050)*100%);
		margin-right: calc((90/1050)*100%);
	}
	.shikaku_list{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		column-gap: 70px;
		row-gap: 50px;
	}
	.about02_text{
		width: calc((460/1050)*100%);
	}
	.about02_img{
		padding-top: 40px;
		width: calc((400/1050)*100%);
	}
	.about03_text{
		width: calc((460/1050)*100%);
	}
	.about03_img{
		padding-top: 40px;
		width: calc((400/1050)*100%);
	}

}/*END*/

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

	.shikaku_list li{
		margin-bottom: 35px;
	}

}/*END*/


/*----------------------------------------
	reform menu
----------------------------------------*/

.reform_text{
	max-width: 680px;
	margin-right: auto;
	margin-left: auto;
}
.reform_type h3{
	text-align: center;
	padding-bottom: 15px;
	border-bottom: 1px solid #000;
}
.reform_type li{
	position: relative;
}
.house{
	display: block;
	width: 100%;
	max-width: 940px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}
.reform_point{
	max-width: 750px;
	margin-right: auto;
	margin-left: auto;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	column-gap: 50px;
	row-gap: 25px;
}
.reform_point h4{
	width: calc((125/216)*100%);
	margin-right: auto;
	margin-left: auto;
}
.reform_type_list{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 40px;
}
.reform_type_list li{
	background: #fff;
}
.reform_type_list h4{
	text-align: center;
	color: #fff;
	background: #77111a;
	padding: 12px;
}
.reform_type_inner{
	padding: 25px 40px 30px 40px;
}
.reform_type_icon img{
	display: inline-block;
	width: calc((50/243)*100%);
	margin-right: 2px;
	max-width: 50px;
}

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

	.reform_type{
		display: grid;
		grid-template-columns: repeat(3,1fr);
		gap: 40px;
	}
	.reform_type li .btn{
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}

}/*END*/

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

	.reform_type{
		gap: 25px;
	}
	.reform_type_list{
		grid-template-columns: repeat(2,1fr);
		gap: 25px;
	}

}/*END*/

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

	.reform_type li{
		margin-bottom: 35px;
	}
	.reform_type_list{
		display: block;
	}
	.reform_type_list li{
		margin-bottom: 35px;
	}
	.reform_point{
		grid-template-columns: repeat(2,1fr);
		font-size: 1.2rem !important;
		column-gap:40px
	}

}/*END*/


/*----------------------------------------
	company
----------------------------------------*/

.manzoku_frame{
	position: relative;
	color: #fff;
}
.manzoku_frame .inner_frame{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 30%;
}
.company_table{
	max-width: 810px;
	width: 100%;
	line-height: 1.8;
	border-top: 1px solid #bfbfbf;
}
.company_table th,
.company_table td{
	font-weight: normal;
	text-align: left;
	padding: 25px 0 25px 5%;
	vertical-align: top;
	border-bottom: 1px solid #bfbfbf;
	box-sizing: border-box;
}
.company_table th{
	width: 230px;
}
.map{
	max-width: 810px;
	width: 100%;
	aspect-ratio: 9 / 4;
}
.map iframe{
	width: 100%;
	height: 100%;
}
.history01,
.history02{
	position: relative;
}
.history01 ul{
	position: relative;
	max-width: 730px;
	width: 100%;
}
.history02 ul{
	position: relative;
	float: right;
	max-width: 730px;
	width: 100%;
}
.history01 ul li,
.history02 ul li{
	position: relative;
	line-height: 1.8;
	padding-bottom: 34px;
}
.history_date{
	float: left;
	width: calc((80/730)*100%);
}
.history01 ul li p,
.history02 ul li p{
	position: relative;
	float: right;
	width: calc((570/730)*100%);
}
.history01 ul li span,
.history02 ul li span{
	position: relative;
	display: block;
	float: left;
	width: calc((80/730)*100%);
	text-align: center;
}
.history01 ul li span:before,
.history02 ul li span:before{
	content: "●";
	color: #77111a;
	font-size: 1rem;
}
.history01 ul:before,
.history02 ul:before{
	content: "";
	background: #77111a;
	width: 1px;
	height: 88%;
	position: absolute;
	left: calc((119/730)*100%);
	top: 12px;
}
.history02 ul:before{
	height: 92%;
}
.roop_slider{
	display: flex;
	overflow: hidden;
}
.slider{
	display: flex;
	list-style: none;
	padding: 0
}
.slide{
	width: 270px;
}
.slide>img {
	width: 100%;
}
.slider{
	animation: infinity-scroll-left 80s infinite linear 0.5s both;
}
@keyframes infinity-scroll-left {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}

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

	.company_text{
		margin-left: calc((540/1050)*100%);
		width: calc((420/1050)*100%);
	}
	.company_img01{
		position: absolute;
		width: calc((310/1050)*100%);
		left: calc((50/1050)*100%);
		bottom: -85px;
		z-index: 2;
	}
	.company_img01_sp{
		display: none;
	}
	.manzoku_frame p{
		margin-left: calc((90/1050)*100%);
		width: calc((420/1050)*100%);
	}
	.company_img02{
		position: absolute;
		width: calc((360/1050)*100%);
		max-width: 360px;
		left: 50%;
		bottom: -85px;
		z-index: 2;
		margin-left: 6%;
	}

}/*END*/

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

	.shop_text{
		width: calc((460/1050)*100%);
	}
	.shop_img{
		width: calc((360/1050)*100%);
	}
	.history_img01_pc{
		position: absolute;
		right: 0;
		bottom: 40px;
		width: calc((230/1050)*100%);
	}
	.history_img02_pc{
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: calc((230/1050)*100%);
	}
	.history_img01_sp,
	.history_img02_sp{
		display: none;
	}

}/*END*/

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

	.manzoku_frame .inner_frame{
		top: 20%;
	}

}/*END*/

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

	.company_bg{
		width: 120% !important;
		margin-left: -10%;
	}

}/*END*/

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

	.company_bg{
		width: 130% !important;
		margin-left: -15%;
	}

}/*END*/

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

	.history_img01_pc,
	.history_img02_pc{
		display: none;
	}
	.history_img01_sp{
		float: left;
		width: 48%;
	}
	.history_img02_sp{
		float: right;
		width: 48%;
	}
	.company_bg{
		width: 150% !important;
		margin-left: -25%;
	}
	.company_text{
		margin-left: 35%;
		width: 55%;
	}
	.company_img01{
		display: none;
	}
	.company_img01_sp{
		width: 100%;
		margin-top: 30px;
	}
	.company_img02{
		width: 25%;
		left: inherit;
		transform: none;
		right: 4.5%;
	}
	.manzoku_frame p{
		width: 60%;
	}
	.company_table th{
		width: 130px;
		padding: 20px 0 20px 3%;
	}
	.company_table td{
		padding: 20px 0 20px 3%;
	}

}/*END*/

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

	.company_text{
		margin-left: 0;
		width: 100%;
	}
	.company_img01{
		position: relative;
		z-index: 2;
		margin-bottom: -100px;
		margin-top: 40px;
		width: 40%;
	}
	.company_img02{
		width: 100%;
	}
	.manzoku_frame p{
		width: 100%;
	}
	.manzoku_frame .inner_frame{
		top: 15%;
	}
	.company_bg{
		width: 260% !important;
		margin-left: -90%;
	}
	.company_table{
		margin-top: 90px !important;
		margin-bottom: 70px !important;
	}
	.company_table th{
		display: block;
		width: 100%;
		border-bottom: none;
		padding: 18px 0 10px 3%;
		font-weight: bold;
	}
	.company_table td{
		display: block;
		padding: 0 0 18px 3%;
	}
	.history01 ul:before{
		height: 90%;
		margin-left: -1px;
	}
	.history02 ul:before{
		height: 93%;
		margin-left: -1px;
	}
	.map{
		aspect-ratio: 3 / 2;
	}
	.slide{
		width: 180px;
	}

}/*END*/


/*----------------------------------------
	taishin
----------------------------------------*/

.taishin_frame01{
	width: 100%;
	max-width: 680px;
	margin-left: auto;
	margin-right: auto;
}
.text_kouji,
.text_shindan{
	display: inline-block;
	color: #fff;
	line-height: 1;
	padding: 5px 10px;
	margin-right: 8px;
	letter-spacing: 1px;
}
.text_kouji{
	background: #000;
}
.text_shindan{
	background: #77111a;
}
.ttl_500{
	display: block;
	max-width: 500px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.kyoudo_text{
	max-width: 670px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.hyouten_l table{
	width: 100%;
	line-height: 1.8;
}
.hyouten_l thead th{
	background: #000;
	font-weight: 500;
	color: #fff;
	padding: 5px 0;
	text-align: center;
	border: 1px solid #000;
}
.hyouten_l tbody th{
	background: #eee;
	font-weight: 500;
	border: 1px solid #000;
	padding: 8px 5%;
	box-sizing: border-box;
}
.hyouten_l tbody td{
	background: #fff;
	border: 1px solid #000;
	padding: 8px 5%;
}
.tishin_point_number{
	display: inline-block;
	vertical-align: -10px;
}
.taishin_riyu{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 40px;
}
.taishin_riyu li{
	box-sizing: border-box;
	border: 2px solid #1b1b1b;
	text-align: center;
	padding: 40px 30px 45px 30px;
}
.taishin_riyu li:nth-child(odd){
	background: #1b1b1b;
	color: #fff;
}
.taishin_inner{
	max-width: 760px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.taishin_inner ul{
	border-top: 1px solid #626262;
}
.taishin_inner ul li{
	border-bottom: 1px solid #626262;
	padding-left: 30px;
	padding-right: 30px;
	box-sizing: border-box;
}
.taishin_flow_note{
	padding-left: 30px;
	padding-right: 30px;
}
.license_ttl{
	text-align: center;
	color: #fff;
	line-height: 1.6;
	background: #1b1b1b;
	padding: 18px 20px;
	font-weight: 500;
}
.license_frame{
	background: #fff;
	padding: 40px;
}
.taishin_case_l h4 img,
.taishin_case_r h4 img{
	display: inline-block;
	margin-bottom: 10px;
}
.taishin_merit{
	background: #77111a;
	text-align: center;
	color: #fff;
	line-height: 1.4;
}
.taishin_demerit{
	background: #000;
	text-align: center;
	color: #fff;
	line-height: 1.4;
}
.taishin_faq_frame{
	max-width: 760px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.taishin_faq_frame h4{
	background: #1b1b1b;
	color: #fff;
	padding-left: calc((40/760)*100%);
	padding-right: calc((40/760)*100%);
	padding-top: 10px;
	padding-bottom: 10px;
}
.taishin_faq_frame h4 img{
	display: inline-block;
	width: calc((60/680)*100%);
	vertical-align: -12px;
}
.taishin_faq_a{
	padding-left: calc((40/760)*100%);
	padding-right: calc((40/760)*100%);
}
.taishin_frame01 ul{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 10px;
}

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

	.taishin_point_img{
		display: grid;
		grid-template-columns: repeat(3,1fr);
		gap: 30px;
	}
	.taishin_flow_text{
		float: left;
		width: calc((380/700)*100%);
	}
	.taishin_inner h4 img{
		display: inline-block;
		width: calc((56/380)*100%);
		vertical-align: -8px;
	}
	.taishin_inner h4.flow_line1 img{
		width: calc((56/700)*100%);
	}
	.taishin_flow_img{
		float: right;
		width: calc((270/700)*100%);
	}
	.license_text{
		float: left;
		width: calc((410/680)*100%);
	}
	.license_img{
		float: right;
		width: calc((230/680)*100%);
	}
	.taishin_case_l{
		float: left;
		width: calc((500/1050)*100%);
	}
	.taishin_case_r{
		float: right;
		width: calc((500/1050)*100%);
	}
	.taishin_case_l{
		float: left;
		width: 48%;
	}
	.taishin_case_r{
		float: right;
		width: 48%;
	}

}/*END*/

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

	.hyouten_l{
		width: calc((550/1050)*100%);
	}
	.hyouten_r{
		width: calc((410/1050)*100%);
	}
	.taishin_otoku_l{
		width: calc((380/1050)*100%);
	}
	.taishin_otoku_r{
		width: calc((590/1050)*100%);
	}
	.total_reform_l{
		float: left;
		width: calc((500/1050)*100%);
	}
	.total_reform_r{
		float: right;
		width: calc((500/1050)*100%);
	}
	.jisseki_l{
		width: calc((500/1050)*100%);
	}
	.jisseki_r{
		width: calc((450/1050)*100%);
	}

}/*END*/

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

	.taishin_riyu{
		grid-template-columns: repeat(2,1fr);
		gap: 30px;
	}

}/*END*/

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

	.taishin_point_img li{
		margin-bottom: 10px;
	}
	.taishin_riyu{
		display: block;
	}
	.taishin_riyu li{
		margin-bottom: 30px;
	}
	.taishin_flow_img{
		width: 100%;
		margin-top: 30px;
	}
	.taishin_inner h4 img{
		width: 44px;
		vertical-align: -6px;
	}
	.taishin_inner ul li{
		padding-left: 15px;
		padding-right: 15px;
	}
	.taishin_flow_note{
		padding-left: 15px;
		padding-right: 15px;
	}
	.license_frame{
		padding: 25px 20px;
	}
	.license_img{
		width: 100%;
		margin-top: 30px;
	}
	.taishin_faq_frame h4 img{
		vertical-align: -4px;
	}
	.taishin_point_img{
		margin-bottom: 60px;
	}
	.taishin_case_r{
		padding-bottom: 45px !important;
	}

}/*END*/


/*----------------------------------------
	mizumawari
----------------------------------------*/

.torikae_frame{
	max-width: 860px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.mizumawari_text{
	max-width: 680px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.mizumawari_img{
	position: relative;
	display: block;
	max-width: 680px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	bottom: -100px;
}
.maker_line1{
	border-top: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
}
.maker_line2{
	border-bottom: 1px solid #a0a0a0;
}
.mizumawari_maker{
	display: block;
	max-width: 950px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

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

	.torikae_l{
		float: left;
		width: calc((410/860)*100%);
	}
	.torikae_r{
		float: right;
		width: calc((410/860)*100%);
	}

}/*END*/

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

	.mizumawari_img{
		bottom: -50px;
	}
	.torikae_frame img{
		width: 80%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

}/*END*/


/*----------------------------------------
	renovation
----------------------------------------*/

.renova_nayami{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 40px;
}
.renova_nayami li{
	text-align: center;
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
	color: #231815;
}
.renova_works_frame h3{
	position: relative;
}
.renova_works_frame h3 img{
	position: relative;
	display: block;
	width: calc((150/1050)*100%);
	margin-left: auto;
	margin-right: auto;
	z-index: 2;
}
.renova_works_frame h3:after{
	content: "";
	width: 100%;
	height: 1px;
	background: #000;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.renova_works_frame .clearfix{
	border-bottom: 2px dotted #a7a7a7;
}
.renova_works_l{
	position: relative;
}
.renova_works_l:after{
	content: "▶";
	position: absolute;
	font-size: 1.8rem;
	top: 40%;
	right: -60px;
}
.renova_text{
	max-width: 580px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

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

	.works_ttl_sp{
		display: none !important;
	}

}/*END*/

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

	.renova_works_l{
		width: calc((410/1050)*100%);
	}
	.renova_works_r{
		width: calc((540/1050)*100%);
	}

}/*END*/

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

	.renova_nayami{
		grid-template-columns: repeat(2,1fr);
		gap: 40px;
	}
	.renova_works_l{
		margin-bottom: 30px;
	}
	.renova_works_l:after{
		content: "▼";
		bottom: -10px;
		left: 50%;
		transform: translateX(-50%);
		right: inherit;
		top: inherit;
	}

}/*END*/

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

	.renova_nayami{
		grid-template-columns: repeat(2,1fr);
		gap: 15px;
		font-size: 1.4rem !important;
	}
	.renova_slider .swiper-wrapper{
		margin-left: -50%;
	}
	.renova_works_frame li{
		margin-bottom: 90px !important;
	}
	.works_ttl_pc{
		display: none !important;
	}
	.renova_works_frame h3 img{
		width: 25%;
	}

}/*END*/


/*----------------------------------------
	privacy
----------------------------------------*/

.privacy_frame{
	max-width: 940px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}


/*----------------------------------------
	sitemap
----------------------------------------*/

.sitemap{
	border-top: 3px dotted #a5a5a5;
}
.sitemap li{
	border-bottom: 3px dotted #a5a5a5;
}
.sitemap li a{
	position: relative;
	color: #000;
	text-decoration: none;
	display: block;
	padding: 20px;
}
.sitemap li a:before{
	content: "";
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	background: #77111a;
	width: 5px;
	height: 18px;
	transition: all 0.4s;
	opacity: 0;
}
.sitemap li a:hover:before{
	opacity: 1;
}
.sitemap li a:hover{
	text-decoration: none;
	padding-left: 25px;
}
.sitemap li.drawer_link{
	padding-left: 20px;
}
.sitemap li.drawer_link a:before{
	content: "-";
	margin-right: 15px;
	display: inline-block;
	opacity: 1;
	background: none;
	position: relative;
	top: inherit;
	width: auto;
	height: auto;
	transform: none;
}
.sitemap li.drawer_link a:hover:before{
	color: #77111a;
}
.sitemap li.drawer_link a:hover{
	padding-left: 25px;
}

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

	.sitemap{
		width: calc((500/1050)*100%);
	}

}/*END*/

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

	.sitemap.left li:last-child{
		border-bottom: none;
	}

}/*END*/


/*----------------------------------------
	award
----------------------------------------*/

.award_text{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: 590px;
}
.award_copy{
	text-align: center;
}
.award_copy h3{
	writing-mode: vertical-rl;
	display: inline-block;
	text-align: justify;
	line-height: 2.2;
	column-count: 1;
	column-gap: 1em;
	font-weight: 500;
}

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

	.award_mv_sp{
		display: none !important;
	}

}/*END*/

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

	.award_contents{
		width: calc((320/1050)*100%);
	}
	.award_img{
		width: calc((640/1050)*100%);
	}
	.award_img img{
		width: calc((785/640)*100%);
	}
	.award_img.left img{
		margin-left: calc(((145/640)*100%)* -1);
	}
	.award_list{
		position: relative;
		top: -100px;
	}
	.award_top{
		position: relative;
		z-index: 2;
	}

}/*END*/

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

	.award_contents{
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.award_img img{
		width: 100%;
	}
	.award_img.left img{
		margin-left: 0;
	}

}/*END*/

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

	.award_copy{
		padding-top: 40px;
	}
	.award_mv{
		display: none !important;
	}
	.award_top{
		padding-bottom: 60px;
	}

}/*END*/


/*----------------------------------------
	投稿共通
----------------------------------------*/

.cat_label{
	display: inline-block;
	line-height: 1;
	color: #fff;
	background: #000;
	padding: 4px 10px;
	margin-right: 6px;
	transition: all 0.4s;
	text-decoration: none;
}
.cat_label:hover{
	color: #fff;
	text-decoration: none;
	opacity: 0.7;
}
.tag_label{
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 15px;
	color: #898989;
	transition: all 0.4s;
	text-decoration: none;
}
.tag_label:hover{
	color: #898989;
	text-decoration: none;
	opacity: 0.7;
}
.new_label{
	color: #cc1717;
	padding: 4px 10px;
	display: inline-block;
	font-weight: bold;
}


/*----------------------------------------
	投稿一覧系
----------------------------------------*/

.photo_frame{
	aspect-ratio: 1/1;
	overflow: hidden;
}
.photo_works{
	aspect-ratio: 32/21;
	overflow: hidden;
}
.photo_works img,
.photo_frame img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.2s;
}
.topics_list{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	row-gap: 60px;
	column-gap: 40px;
}
.topics_list li a{
	display: block;
	color: inherit;
	text-decoration: none;
}
.topics_list li a:hover img{
	transform: scale(1.1);
}
.entry_frame .cat_label,
.topics_list .cat_label{
	margin-bottom: 6px;
}
.cat_list{
	display: grid;
	grid-template-columns: repeat(5,1fr);
	gap: 10px;
	text-align: center;
}
.cat_list li a{
	display: block;
	background: #fff;
	transition: all 0.4s;
	padding: 22px 10px;
	color: #000;
	text-decoration: none;
	border: 1px solid #fff;
}
.cat_list.price_list li a{
	background: none;
	border: 1px solid #1b1b1b;
}
.cat_list li.current a,
.cat_list li a:hover{
	background: #1b1b1b;
	color: #fff;
	border: 1px solid #1b1b1b;
}
.price_select{
	position: relative;
	text-align: center;
}
.price_select span{
	position: relative;
	display: inline-block;
	background: #f5f1ec;
	padding-left: 20px;
	padding-right: 20px;
	z-index: 2;
}
.price_select:after{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	background-size: 7px 2px;
	background-image: linear-gradient(to right, #1b1b1b, #1b1b1b 3px, transparent 3px, transparent 8px);
	background-repeat: repeat-x;
	width: 100%;
	height: 2px;
}

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

	.topics_list li:nth-child(4){
		display: none;
	}

}/*END*/

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

	.cat_list{
		grid-template-columns: repeat(4,1fr);
	}

}/*END*/

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

	.cat_list{
		grid-template-columns: repeat(3,1fr);
	}

}/*END*/

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

	.topics_list{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		row-gap: 35px;
		column-gap: 25px;
	}
	.cat_list{
		grid-template-columns: repeat(2,1fr);
	}

}/*END*/


/*----------------------------------------
	詳細系
----------------------------------------*/

.entry_frame{
	width: 100%;
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
}
.entry_ttl{
	padding-bottom: 20px;
	border-bottom: 1px solid #1b1b1b;
	margin-bottom: 20px;
}
.icon_map{
	display: inline-block;
	width: 22px;
	margin-right: 3px;
	vertical-align: -6px;
}
.re_request{
	background: #fff;
	padding-left: 5%;
	padding-right: 5%;
}
.result_line{
	padding-bottom: 25px;
	margin-bottom: 25px;
	background-size: 6px 2px;
	background-image: linear-gradient(to right, #1b1b1b, #1b1b1b 1px, transparent 1px, transparent 8px);
	background-repeat: repeat-x;
	width: 100%;
	background-position: center bottom;
}
.result_gallery{
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 40px;
}

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

	.result_data{
		width: calc((360/760)*100%);
	}

}/*END*/

/*award*/
.award_ttl{
	margin-bottom: 280px;
}
.award_label img{
	position: relative;
	margin-top: -180px;
}
.award_line{
	padding-bottom: 15px;
	margin-bottom: 25px;
	border-bottom: 1px solid #a0a0a0;
}
.award_before{
	position: relative;
}
.award_gallery{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 10px;
}
.award_gallery li{
	aspect-ratio: 1 / 1;
	overflow: hidden;
}
.award_gallery li img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

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

	.award_before{
		float: left;
		width: calc((340/1050)*100%);
	}
	.award_before:after{
		content: "▶";
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: -20%;
		font-size: 2.4rem;
	}
	.award_after{
		float: right;
		width: calc((590/1050)*100%);
	}

}/*END*/

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

	.award_data{
		width: calc((500/1050)*100%);
	}

}/*END*/

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

	.award_before{
		margin-bottom: 100px;
	}
	.award_before:after{
		content: "▼";
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: -50px;
		font-size: 2.4rem;
	}

}/*END*/


/*----------------------------------------
	詳細ページャー
----------------------------------------*/

.single_pager{
	margin-left: auto;
	margin-right: auto;
}
.single_pager li{
	position: relative;
	float: left;
	list-style: none;
	display: block;
	min-height: 50px;
	text-align: center;
}
.single_pager li a{
	position: relative;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #000;
	text-decoration: none;
	background: #fff;
}
.single_pager li a:hover{
	color: #fff !important;
	background: #77111a !important;
	opacity: 1;
}
.single_prev{
	width: 23.5%;
	margin-right: 1.5%;
}
.single_list{ width: 50%; }
.single_next{
	width: 23.5%;
	margin-left: 1.5%;
}
.single_prev a{
	padding-left: 20%;
}
.single_next a{
	padding-right: 20%;
}
.single_prev a:before,
.single_prev a:after,
.single_next a:before,
.single_next a:after{
	content: "";
	background: #000;
	position: absolute;
	top: 50%;
	height: 1px;
	transition: all 0.4s;
}
.single_prev a:before{
	width: 6px;
	transform: rotate(45deg);
	left: 10px;
}
.single_next a:before{
	width: 6px;
	transform: rotate(-45deg);
	right: 10px;
}
.single_next a:after{
	width: 6px;
	right: 10px;
	transform: rotate(45deg);
	margin-top: -3px;
}
.single_prev a:after{
	width: 6px;
	left: 10px;
	transform: rotate(-45deg);
	margin-top: -3px;
}
.single_prev a:hover:before,
.single_prev a:hover:after,
.single_next a:hover:before,
.single_next a:hover:after{
	background: #fff;
}

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

	.single_prev{ width: 28.5%; }
	.single_list{ width: 40%; }
	.single_next{ width: 28.5%; }

}/*END*/

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

	.single_prev{ width: 30%; }
	.single_list{ width: 37%; }
	.single_next{ width: 30%; }
	.single_pager li{ font-size: 1.1rem; }


}/*END*/

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

	.single_pager li{ font-size: 1rem; }

}/*END*/


/*----------------------------------------
	一覧ページャー
----------------------------------------*/

.pager{
	clear: both;
	position: relative;
	overflow: hidden;
}
.pager ul{
	position: relative;
	float: left;
	left: 50%;
}
.pager li{
	position: relative;
	float: left;
	left: -50%;
	color:#000;
	list-style: none;
	margin-left: 3px;
	margin-right: 3px;
	font-size: 1.3rem;
	font-weight: 500;
}
.pager li .current{
	display: inline-block;
	text-align: center;
	background: #77111a !important;
	color: #fff !important;
	width: 50px;
	padding-top: 18px;
	padding-bottom: 18px;
}
.pager li a{
	display: inline-block;
	text-align: center;
	color:#000;
	text-decoration: none;
	width: 50px;
	padding-top: 18px;
	padding-bottom: 18px;
	background: #fff;
}
.pager li .dots{
	display: inline-block;
	padding-top: 18px;
}
.pager li a.prev,
.pager li a.next{
	width: 100px;
	position: relative;
	box-sizing: border-box;
}
.pager li a.prev{
	margin-right: 50px;
	padding-left: 25px;
}
.pager li a.next{
	margin-left: 50px;
	padding-right: 25px;
}
.pager li a.prev:before,
.pager li a.prev:after,
.pager li a.next:before,
.pager li a.next:after{
	content: "";
	background: #000;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: 1px;
	transition: all 0.4s;
}
.pager li a.prev:before{
	width: 6px;
	left: 20px;
	transform: rotate(45deg);
}
.pager li a.next:before{
	width: 6px;
	right: 20px;
	transform: rotate(-45deg);
}
.pager li a.next:after{
	width: 6px;
	right: 20px;
	transform: rotate(45deg);
	margin-top: -3px;
}
.pager li a.prev:after{
	width: 6px;
	left: 20px;
	transform: rotate(-45deg);
	margin-top: -3px;
}
.pager li a:hover.prev:before,
.pager li a:hover.prev:after,
.pager li a:hover.next:before,
.pager li a:hover.next:after{
	background: #fff;
}
.pager li a:hover{
	color: #fff;
	background: #77111a;
	opacity: 1;
}

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

	.pager li{ font-size: 1.2rem; }
	.pager li a,
	.pager li .current{
		width: 40px;
		padding-top: 13px;
		padding-bottom: 13px;
	}
	.pager li .dots{
		padding-top: 13px;
	}
	.pager li a.prev,
	.pager li a.next{
		width: 90px;
	}
	.pager li a.prev{
		margin-right: 35px;
		padding-left: 20px;
	}
	.pager li a.next{
		margin-left: 35px;
		padding-right: 20px;
	}

}/*END*/

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

	.pager li{ font-size: 1.1rem; }
	.pager li a,
	.pager li .current{
		width: 30px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.pager li .dots{
		padding-top: 10px;
	}
	.pager li a.prev,
	.pager li a.next{
		width: 70px;
	}
	.pager li a.prev{
		margin-right: 15px;
		padding-left: 15px;
	}
	.pager li a.next{
		margin-left: 15px;
		padding-right: 15px;
	}

}/*END*/

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

	.pager li{
		margin-left: 2px;
		margin-right: 2px;
	}
	.pager li a.prev,
	.pager li a.next{
		width: 60px;
	}
	.pager li a.prev{
		margin-right: 10px;
		padding-left: 12px;
	}
	.pager li a.next{
		margin-left: 10px;
		padding-right: 12px;
	}

}/*END*/


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

.page_top{
	display: block;
	background: #000;
	position: relative;
	width: 60px;
	height: 60px;
	position: fixed;
	right: 20px;
	bottom: -100px;
	transition: all 0.4s;
}
.page_top span{
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.4s;
}
.page_top span:before,
.page_top span:after{
	content: "";
	background: #fff;
	width: 14px;
	height: 1px;
	position: absolute;
	top: 0;
	left: 0;
}
.page_top:hover span{
	margin-top: -5px;
}
.page_top span:before{
	transform: rotate(45deg);
}
.page_top span:after{
	transform: rotate(-45deg);
	margin-left: -10px;
}
.foot_contact{
	border-top: 1px solid #000;
}
footer{
	background: url("images/common/foot_bg.jpg");
	background-size: cover;
	padding-top: 130px;
	padding-bottom: 20px;
	color: #fff;
}
.foot_inner{
	max-width: 1090px;
	box-sizing: border-box;
	margin-right: auto;
	margin-left: auto;
	padding-left: 20px;
	padding-right: 20px;
}
.foot_add{
	float: left;
	width: 250px;
}
.foot_logo{
	display: block;
	color: #fff;
	text-decoration: none;
}
.foot_menu{
	float: right;
	width: 600px;
}
.foot_menu ul{
	position: relative;
	float: left;
	width: 50%;
}
.foot_menu ul li{
	margin-bottom: 20px;
}
.foot_menu li a{
	position: relative;
	color: #fff;
	transition: all 0.4s;
	text-decoration: none;
}
.foot_menu li a:before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background: #77111a;
	width: 5px;
	height: 18px;
	transition: all 0.4s;
	opacity: 0;
}
.foot_menu li a:hover:before{
	opacity: 1;
}
.foot_menu li a:hover{
	text-decoration: none;
	padding-left: 15px;
}
.foot_menu li.drawer_link{
	padding-left: 20px;
}
.foot_menu li.drawer_link a:before{
	content: "-";
	margin-right: 8px;
	display: inline-block;
	opacity: 1;
	background: none;
	position: relative;
	top: inherit;
	width: auto;
	height: auto;
	transform: none;
}
.foot_menu li.drawer_link a:hover:before{
	color: #77111a;
}
.foot_menu li.drawer_link a:hover{
	padding-left: 10px;
}
.foot_menu li.drawer_btn{
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	margin-bottom: 0 !important;
}
.foot_menu li.drawer_btn a:after{
	content: "";
	background: rgba(255, 255, 255, 0.3);
	width: 0;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	transition: all 0.4s;
}
.foot_menu li.drawer_btn a:hover{
	padding-left: 0;
}
.foot_menu li.drawer_btn a:hover:after{
	width: 100%;
}
.foot_menu li.drawer_btn a:before{
	content: none;
}
.maker{
	max-width: 990px;
	margin-right: auto;
	margin-left: auto;
}
.maker ul{
	margin-left: -2.02%;
}
.maker li{
	float: left;
	margin-left: 2.02%;
}
.maker li:nth-child(1){
	width: calc((240/990)*100%);
}
.maker li:nth-child(2){
	width: calc((130/990)*100%);
}
.maker li:nth-child(3){
	width: calc((170/990)*100%);
}
.maker li:nth-child(4){
	width: calc((150/990)*100%);
}
.maker li:nth-child(5){
	width: calc((200/990)*100%);
}
small{
	display: block;
	text-align: center;
	margin-top: 80px;
}

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

	.foot_btn{
		display: grid;
		grid-template-columns: repeat(3,1fr);
		gap: 40px;
	}

}/*END*/

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

	footer{
		padding-top: 80px;
	}
	.foot_menu{
		width: 510px;
	}

}/*END*/

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

	footer{
		padding-top: 10px;
	}
	.foot_inner{
		padding: 0;
	}
	.foot_add,
	.foot_menu,
	.foot_menu ul{
		float: none;
		width: 100%;
	}
	.foot_menu ul li{
		margin-bottom: 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	}
	.foot_menu ul li a{
		display: block;
		padding: 14px 5%;
	}
	.foot_add{
		text-align: center;
		margin-top: 50px;
	}
	.foot_logo{
		margin-right: auto;
		margin-left: auto;
	}
	small{
		margin-top: 50px;
	}

}/*END*/

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

	.foot_btn li{
		margin-bottom: 20px;
	}

}/*END*/


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

.contact_frame{
	background: #fff;
	padding-left: 20px;
	padding-right: 20px;
}
.contact{
	max-width: 760px;
	width: 100%;
	line-height: 1.8;
	margin-left: auto;
	margin-right: auto;
}
.contact th{
	font-weight: 500;
	color: #fff;
	background: #1b1b1b;
	text-align: left;
	padding: 8px 30px;
}
.contact td{
	padding: 30px 50px;
}
.contact td.date_01{
	padding-bottom: 15px !important;
}
.contact td.date_02{
	padding-top: 15px !important;
}
.contact td.date_03{
	padding-bottom: 15px !important;
	padding-top: 15px !important;
}

.hissu,
.nini{
	border-radius: 3px;
	line-height: 1;
	padding: 5px;
	display: inline-block;
	margin-left: 10px;
}
.hissu{
	color: #fff;
	background: #e60012;
}
.nini{
	color: #000 !important;
	background: #cecec8;
}
.zip{
	width: 300px;
}
.complet_link a,
.privacy a{
	color: #000;
}
.btn_submit input{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 360px;
	color: #fff;
	border-radius: 10px !important;
	padding: 20px 20px !important;
	font-size: 1.8rem;
	text-align: center;
	border: none !important;
	cursor: pointer;
	background: #000 !important;
	transition: all 0.4s;
}
.btn_submit input[type="button"]{
	background: #777 !important;
	margin-bottom: 20px;
}
.btn_submit input:hover{
	opacity: 0.7;
}
.mitsumori_text{
	color: #77111a;
	font-weight: 500;
}
.mitsumori_table,
.catalog_table{
	display: none;
}
.cnt_area{
	display: none;
	text-align: right;
}
.cnt_area.cnt_danger{
	color: #FF0000;
}

/*catalog*/
.catalog .wpcf7-list-item{
	float: left;
	width: 48%;
	box-sizing: border-box;
	margin-left: 0;
	overflow: hidden;
	margin-bottom: 25px;
}
.catalog .wpcf7-list-item:nth-child(even){
	float: right;
}
.catalog_img{
	float: left;
	width: 36%;
}
.catalog .wpcf7-list-item label{
	position: relative;
	float: left;
	width: 58%;
	margin-left: 6%;
	line-height: 1.3;
}
.catalog .wpcf7-list-item-label:before{
	top: 20px !important;
}
.catalog .wpcf7-list-item-label:after{
	top: 20px !important;
}
.catalog_text{
	display: block;
	margin-top: 20px;
	line-height: 1.5;
}

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

	.contact_frame{
		padding-left: 4.5%;
		padding-right: 4.5%;
	}
	.contact th{
		padding: 8px 20px;
	}
	.contact td{
		padding: 25px 15px;
	}
	.catalog .wpcf7-list-item{
		float: none;
		width: 100%;
	}

}/*END*/

select,
textarea,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="date"],
input[type="submit"]{
	box-sizing: border-box;
	font-family: 'Noto Sans JP', sans-serif;
	-webkit-appearance: none;
	transition: all 0.4s;
	border: 2px solid #888888;
	padding: 10px 20px;
	width: 100%;
	border-radius: 5px;
	background: #fff;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="date"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus{
	outline: none;
	border: 2px solid #000;
}
.event_name input{
	border: none;
	padding: 0;
	border-radius: 0;
}
.form1{
	width: 400px !important;
	margin-top: 6px;
}

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

	.form1{
		width: 100% !important;
		margin-top: 6px;
	}

}/*END*/

/*error*/
.wpcf7-not-valid-tip{
	margin-top: 5px;
	color: #e60012;
	font-weight: 500;
}
.wpcf7 form .wpcf7-response-output{
	display: none;
}
td.error{
	background: #ffe9eb;
}
.privacy .wpcf7-not-valid-tip{
	background: #ffe9eb;
	padding: 5px 10px;
	box-sizing: border-box;
	width: 320px;
	margin-left: auto;
	margin-right: auto;
}

/*radio checkbox*/
.radio input,
.check input{
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
.wpcf7-list-item-label{
	cursor: pointer;
	display: inline-block;
	padding: 5px 0 5px 40px;
	position: relative;
}
input[type=checkbox]:checked{
	opacity: 1;
}
.check .wpcf7-list-item-label:before{
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 5px;
	transform: translateY(-50%);
	border: 2px solid #888888;
	border-radius: 3px;
	background: #fff;
}
.check .wpcf7-list-item-label:after{
	content: "";
	display: block;
	width: 5px;
	height: 12px;
	position: absolute;
	top: 50%;
	left: 6px;
	transform: rotate(45deg) skewY(3deg) translateY(-50%);
	transform-origin: center right;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	opacity: 0;
}
.radio .wpcf7-list-item-label:before{
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
	border: 2px solid #888;
	border-radius: 50%;
}
.radio .wpcf7-list-item-label:after{
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #000;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	opacity: 0;
}
input[type=checkbox]:checked+.wpcf7-list-item-label:before{
	background: #000;
	border-color: #000;
}
input[type=checkbox]:checked+.wpcf7-list-item-label:after,
input[type=radio]:checked+.wpcf7-list-item-label:after{
	opacity: 1;
}

/*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;
}