@charset "utf-8";
/* CSS Document */
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*---------------------------------------------------------------- common */
html{
	min-width:1210px;
}
body {
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.6;*/
	font-family: 'Noto Sans Japanese', serif;
	font-size: 13px;
	line-height: 1.2;
	color: #333;
	min-width: 1210px;
}
.common-width {
	width: 1100px;
	margin: 0 auto;
}
a:hover img {
	opacity: 0.8;
}
.bg1 {
	background: #fff url(../img/back1.jpg) center top no-repeat fixed;
	background-size: cover; /* 100%にすると下が真っ白になる場合があるから */
	padding-top: 39px;
}
#top .bg1 {
	padding-top: 0;
}
h1.page_title {
	text-align: center;
	padding-top: 70px;
	margin: 0 auto 70px;
}

/*---------------------------------------------------------------- header */
#header.home {
	/*width: 100%;
	position: fixed;
	top: -40px;*/
	/*background: rgba(0,0,0,0.8);
	padding: 10px 0 7px;*/
	/*z-index: 9999;*/
}
#header a:hover img {
	opacity: 1;
}
#header{
	background-color: rgba(34,34,34,0.8);
	padding: 13px 0;
	position: fixed;
	width: 100%;
	z-index: 9999;
}
#header .common-width{
	width: 740px;
}
#header ul li{
	float: left;
	margin-right: 35px;
	line-height: 1;
}
#header ul li:last-of-type{
	margin-right: 0;
}
#header ul li a{
	color: #fff;
	text-decoration: none;
}
#header ul li a.current{
	background: url(../img/common/current-icon.png) no-repeat center left;
	padding-left: 25px;
	margin-left: -15px;
}
/*---------------------------------------------------------------- footer */
.to_top_btn {
	top: -63px;
	right: 20px;
}
.footer {
	background-color: rgba(23,24,33,0.7);
	padding-top: 40px;
	padding-bottom: 10px;
	color: #fff;
}
#top .footer{
	background-color: rgba(46,28,11,0.7);
}
	ul.footer_category {
		width: 955px;
		margin: 0 auto 40px;
	}
		.footer_category li {
			float: left;
			/*width: 150px;*/
			margin-right: 30px;
		}
		.footer_category li:last-child {
			margin-right: 0;
		}
	.footer .footer_group_box{
		margin:0 auto;
		width: 1100px;
		padding-top: 40px;
		border-top: solid 1px rgba(71,71,71,0.8);
		padding-bottom: 65px;
	}
	#top .footer .footer_group_box{
		border-top: solid 1px rgba(204,204,204,0.2);
	}
		.footer .footer_group_box .box_ttl a:hover img{
			opacity: 0.7;
		}
		.footer .footer_group_box .group_list{
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			width: 820px;
			margin: 0 auto;
		}
			.footer .footer_group_box .group_list li{
				font-size: 12px;
				color:#CCCCCC;
				margin-top: 20px;
			}
			.footer .footer_group_box .group_list li:not(:last-child){
				margin-right: 25px;
			}
				.footer .footer_group_box .group_list li a{
					text-decoration: none;
					color:#CCCCCC;
				}
				.footer .footer_group_box .group_list li a:hover{
					opacity: 0.7;
				}
	.footer .copy {
		font-size: 12px;
	}
.footer a:hover img {
	opacity: 1;
}
/*---------------------------------------------------------------- top */
.bg2 {
	background: #fff url(../img/back2.jpg) center top no-repeat fixed;
	background-size: cover; /* 100%にするとfooterと重ならない */
}
.box2_bg {
	padding: 50px 0 20px;
	background: #fff;
}
/* 背景を動かす
@keyframes bg-size {
  100% { background-size: 200%; }
}
.bg1, .bg2 {
	background-size: 100%;
	animation: bg-size 30s infinite;
	-webkit-animation: bg-size 30s infinite;
}*/
#top .back1_text {
	/*margin-top:132px;
	padding-bottom:283px;*/
	margin-left:351px;
	margin-top: 230px;
	padding-bottom: 215px;
}
#top .box2 {
	overflow: hidden;
}
#top .box2 .box2_1 {
	margin-top: 49px;
	margin-bottom: 36px;
}
#top .box2 .box2_2 {
	margin-bottom: 47px;
}
#top .box3 {
	padding-top:100px;
	padding-bottom:100px;
}
	#top .box3_inner {
		width: 1100px;
		height: 620px;
		box-sizing: border-box;
		padding: 60px 65px;
		background-color: rgba(255,255,255,0.85);
	}
	#top .box3_inner .box3_text {
		margin-bottom: 70px;
	}
	#top .box3_inner li {
		float: left;
		width: 150px;
		margin-right: 55px;
		margin-bottom: 55px;
	}
	#top .box3_inner li:nth-child(5),
	#top .box3_inner li:nth-child(10) {
		margin-right: 0;
	}
	#top .box3_inner li:nth-child(n+6) {
		margin-bottom: 0;
	}
#top .box4 p {
	width: 50%;
	float: left;
}
	#top .box4 p img {
		width: 100%;
	}
#top .box5 {
	padding-top: 210px;
	/*padding-bottom: 616px;*/
}
	#top .box5 .fb-box_outer {
		border: 3px solid #3B5999;
	}
	#top .box5 .info_box {
		/* width: 530px; */
		background: #FFF;
		padding: 30px 30px 20px 40px;
		box-sizing: border-box;
		height: 600px;
	}
	#top .box5 .info_box .info_inner {
		height: 500px;
	}
	#top .box5 .info_box .date {
		color: #555;
		font-size: 13px;
	}
	#top .box5 .info_box .title {
		color: #000;
		font-weight: 500;
	}
	#top .box5 .info_box .detail {
		color: #000;
		font-weight: 200;
	}
#top .box6 .back2_text {
	margin-top: 361px;
	margin-bottom: 400px;
}
#top .box7 {
	margin-top: 75px;
	margin-bottom: 100px;
}
/*---------------------------------------------------------------- message */
#message .box1 {
	background-color: #fff;
	text-align: center;
	padding: 50px 0;
	margin-bottom: 200px;
}
/*----------------------------------------------------------------  company*/
#company .box1 {
	background-color: #fff;
	text-align: center;
	padding: 50px 0 55px;
	margin-bottom: 200px;
}
#company table {
	width: 625px;
	margin: 0 auto 80px;
}
	#company table th,
	#company table td {
		padding: 10px 0 10px 10px;
	}
	#company table th {
		color: #444;
		font-size: 18px;
		font-weight: 500;
	}
	#company table td {
		font-size: 16px;
		font-weight: 200;
	}
#company .shop_category_ttl{
	font-size: 20px;
	color:#444;
	font-weight: bold;
	width: 625px;
	text-align: left;
	margin:0 auto;
	margin-bottom: 20px;
	padding-left: 10px;
	box-sizing: border-box;
}
#company .shop_list1 {
	width: 645px;
	margin: 0 auto 30px;
	text-align: left;
	border-bottom: 1px dashed #777;
}
#company .shop_list1.border-none {
	border: none;
}
	#company .shop_list1 .single_shop {
		float: left;
		box-sizing: border-box;
		padding-left: 10px;
		margin-bottom: 50px;
	}
	#company .shop_list1 .single_shop:nth-child(odd){
		width: 350px;
	}
	#company .shop_list1 .single_shop:nth-child(even){
		width: 285px;
	}
	#company .shop_list1 .single_shop:last-child {
		margin-bottom:30px;
	}
		#company .shop_list1 .single_shop .shop_name {
			font-size: 18px;
			color:  #444;
			font-weight: 500;
			margin-bottom: 5px;
		}
		#company .shop_list1 .single_shop .shop_address {
			font-size: 16px;
			color:  #000;
			font-weight: 200;
		}
			#company .shop_list1 .single_shop .shop_address span.arrange{	/*〒を左端にそろえる*/
				margin-left:-2px;
			}
			#company .shop_list1 .single_shop .shop_address span.arrange02{	/*フリーダイアルマークを左端にそろえる*/
				padding-left:1px;
			}
#company .shop_list2 {
	width: 625px;
	margin: 0 auto 20px;
	text-align: left;
	/*border-bottom: 1px dashed #777;*/
}
	#company .shop_list2 .single_shop {
		float: left;
		box-sizing: border-box;
		padding-left: 10px;
		margin-bottom: 50px;
	}
	#company .shop_list2 .single_shop:nth-child(odd){
		width: 330px;
	}
	#company .shop_list2 .single_shop:nth-child(even){
		width: 285px;
	}
		#company .shop_list2 .single_shop .shop_name {
			font-size: 18px;
			color:  #444;
			font-weight: 500;
			margin-bottom: 5px;
		}
		#company .shop_list2 .single_shop .shop_address {
			font-size: 16px;
			color:  #000;
			font-weight: 200;
		}

	#company .shop_list2 .shop_rayout {
		box-sizing: border-box;
	}
		#company .shop_list2 .shop_rayout .shop_info{
			min-height:40px;
			margin-bottom:10px;
			padding:0 10px 0;
			border-left:solid 1px #CCC;
			border-right:solid 1px #CCC;
			display:inline-block;
		}
		#company .shop_list2 .shop_rayout .shop_name{
			/*width:200px;*/
			min-height:40px;
			box-sizing: border-box;
			padding:18px 10px 0 0;
		}
	#company .shop_list2 .single_shop .shop_accress{
		font-size:16px;
		line-height:1.4;
		font-weight: 200;
	}
		#company .shop_list2 .single_shop .shop_accress span.arrange{	/*〒を左端にそろえる*/
			margin-left:-2px;
		}
		#company .shop_list2 .single_shop .shop_accress span.arrange02{	/*フリーダイアルマークを左端にそろえる*/
			padding-left:1px;
		}
	#company .shop_list2 .clearfix.second_layer{
		width:100%;
	}
		#company .shop_list2 .clearfix.second_layer .fl:nth-child(odd){
			width: 330px;
		}
		#company .shop_list2 .clearfix.second_layer .fl:nth-child(even){
			width: 285px;
		}
			#company .shop_list2 .clearfix.second_layer .fl .single_shop{
				width:100%;
				float:none;
			}
				#company .shop_list2 .clearfix.second_layer .fl .single_shop .shop_secton{
					/*padding-left:1.5em;*/
				}
					#company .shop_list2 .clearfix.second_layer .fl .single_shop .shop_secton .shop_name{
						font-size:16px;
					}
					#company .shop_list2 .clearfix.second_layer .fl .single_shop .shop_secton .shop_accress{
						font-size:16px;
						line-height:1.4;
						font-weight:200;
					}


#company .box1_3 {
	margin-bottom:45px;
}
#company .map_link {
	margin-top: 5px;
}
#company .group_box{
	width: 625px;
	margin: 0 auto 40px;
	text-align: left;
}
#company .group_list a{
	text-decoration:none;
}
#company .group_list a:hover{
	text-decoration:underline;
}
#company .group_list dl{
	text-align:left;
}
#company .group_list dt a{
	color:#444;
	font-size:18px;
	font-weight:bold;
}
#company .group_list dd,
#company .group_list dd a{
	font-size:16px;
	line-height:1.8;
	font-weight: 200;
	color:#333;
}
#company .group_list dd a{
	padding-right:20px;
	background:url(../img/common/link_icon.gif) no-repeat 97% 7px;
}
#company .group_list dd a:hover{
	opacity:1;
	background:url(../img/common/link_icon-on.gif) no-repeat 97% 7px;
}
/*---------------------------------------------------------------- domain */
#domain .box1_1 {
	margin-bottom: 100px;
}
#domain .box1_2 {
	margin-bottom: 200px;
}
#domain_side{
	position: fixed;
	left: 0;
	top: 243px;
}
/*---------------------------------------------------------------- LIVE NEWS */
#live_news{
	padding: 0 0 200px;
}
#blog_area{
	width: 820px;
}
#blog_area>a{
	color: #000;
}
#blog_area .blog_block{
	margin-bottom: 30px;
	background-color: #fff;
}
#blog_area .blog_block .photo_area{
	height: 230px;
	overflow: hidden;
	width: 346px;
}
#blog_area .blog_block .blog_content{
	padding: 18px;
	width: 474px;
	height: 230px;
	box-sizing: border-box;
	overflow: hidden;
}
#blog_area .blog_date{
	font-size: 12px;
	margin-bottom: 5px;
}
#blog_area .blog_title{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}
#blog_area .blog_text{
	font-size: 15px;
	color: #555;
	line-height: 1.6;
}

#blog_single .inner_block{
	padding: 20px;
	background-color: #fff;
	margin-bottom: 30px;
}
#blog_single .inner_block .blog_title{
	font-weight: normal;
}
#blog_single .inner_block.sub .blog_text p{
	margin-bottom: 15px;
}
#blog_single .inner_block img.position_c{
	width: 100%;
	display: block;
	margin: 0 auto;
}
#blog_single .inner_block img.position_l,
#blog_single .inner_block img.position_r{
	width: 390px;
}
#blog_single .inner_block img.position_l+p,
#blog_single .inner_block p.blog_text.fl {
	max-width: 365px;
}

#blog_side{
	width: 250px;
}
#blog_side > div{
	padding: 15px;
	box-sizing: border-box;
	background-color: #fff;
	margin-bottom: 18px;
}
#blog_side ul li{
	border-bottom: 1px dotted #BBB;
	padding: 14px 0;
	font-size: 13px;
}
#blog_side ul li:last-child{
	border: none;
	padding-bottom: 0;
}
#blog_side a{
	color: #000;
	text-decoration: none;
}
#blog_side a:hover{
	text-decoration: underline;
}
#blog_side .side_category ul{
	margin-top: 8px;
}
#blog_side .side_latest>img{
	margin-bottom: 10px;
}
#blog_side .side_latest td{
	padding: 0 0 0 7px;
}
#blog_side .latest_date{
	color: #777;
	font-size: 11px;
	margin-bottom: 5px;
}
#blog_side .latest_title{
	color: #444;
	font-size: 13px;
}
#blog_side .side_archive img{
	margin-bottom: 6px;
}
/*---------------------------------------------------------------- Pagenavi */
.wp-pagenavi{
	background-color: #fff;
	border: 1px solid #DDD;
	margin-top: 80px;
	text-align: center;
	padding: 13px;
	position: relative;
}
.wp-pagenavi a,
.wp-pagenavi span{
	box-sizing: border-box;
	display: inline-table;
	font-size: 16px;
	height: 36px;
	line-height: 1;
	text-align: center;
	padding: 10px 0 0;
	vertical-align: middle;
	width: 36px;
}
.wp-pagenavi a{
	border: 1px solid #AAA;
	color: #AAA;
	text-decoration: none;
}
.wp-pagenavi a:hover{
	background-color: #AAA;
	color: #fff;
}
.wp-pagenavi .current,
.wp-pagenavi .page{
	margin-right: 10px;
}
.wp-pagenavi .current{
	background-color: #AAA;
	color: #fff;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink{
	position: absolute;
}
.wp-pagenavi .previouspostslink{
	left: 13px;
}
.wp-pagenavi .nextpostslink{
	right: 13px;
}
/*---------------------------------------------------------------- Contact */
#contact .content{
	padding: 0 0 250px;
}
.contact_box{
	background-color: #fff;
	font-size: 16px;
	padding: 50px 120px;
}
.contact_box table th,
.contact_box table:not(.submit) td{
	box-sizing: border-box;
	vertical-align: middle;
	border: 1px solid #777;
}
.contact_box table th{
	background-color: #444;
	color: #fff;
	padding: 18px;
	width: 200px;
}
.contact_box .required{
	color: #F00;
}
.contact_box table td{
	max-width: 650px;
	padding: 10px 18px;
	width: 650px;
}
.contact_box table td .gray{
	color: #777;
}
.contact_box td input[type=text],
.contact_box td input[type=email]{
	padding: 10px;
	width: 280px;
}
.contact_box td input[type=tel],
.contact_box td input[type=text].address_area{
	padding: 10px;
	width: 75px;
}
.contact_box textarea{
	height: 90px;
	width: 610px;
}
.contact_box input[type=image]:hover{
	opacity: 0.7;
}
.contact_box .btn_return a {
	color: #006699;
	text-decoration: none;
}
.contact_box .btn_return a:hover {
	text-decoration: underline;
}

/*---------------------------------------------------------------- Renovation_reform */
#re_re *, #re_re *:before, #re_re *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	color:#444;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans Japanese', "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position: relative;
	z-index: 10;
}
#re_re .bg1{
	position: relative;
}
#re_re .bg1:before{
	background: rgba(0,0,0,0.1);
	content: "";
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}
#re_re p{
	font-size:16px;
	line-height:2;
}
#re_re .lh1{
	line-height:1;
}
#re_re .mb100{
	margin-bottom:100px;
}
#re_re .whiteBox{
	background-color:#FFF;
}
#re_re .box_Pb{
	position:relative;
}
	#re_re .box_Pb .box_Cb{
		position:absolute;
	}
	#re_re .box_Pb .box_Cb .box_GCb{
		position:relative;
		width:100%;
		height:100%;
		overflow:hidden;
	}
	#re_re .box_Pb .box_Cb .box_GCb .mask{
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
		opacity:0;
		background-color:rgba(0,0,0,0.7);
		-webkit-transition:all 0.6s ease;
		transition:all 0.6s ease;
		display: table;
		text-align: center;
	}
	#re_re .box_Pb .box_Cb .box_GCb:hover .mask{
		opacity:1;
	}
		#re_re .box_Pb .box_Cb .box_GCb .mask .txt{
			display: table-cell;
			vertical-align: middle;
		}
			#re_re .box_Pb .box_Cb .box_GCb .mask .txt p{
				font-size:20px;
				color:#FFF;
				line-height:1.4;
			}
			#re_re .box_Pb .box_Cb .box_GCb .mask .txt .small_txt{
				font-size: 10px;
				padding: 0 10px;
				margin-top: 10px;
			}
			#re_re .box_Pb .box_Cb .box_GCb .txt .txtBox{
				margin-top: 20px;
			}
			#re_re .box_Pb .box_Cb .box_GCb .txt .txtBox span{
				border:1px solid #FFF;
				padding:3px 15px;
				font-size:20px;
				line-height:1;
				color:#FFF;
			}
			/*ホバーでアニメーション*/
			#re_re .box_Pb .box_Cb .box_GCb:hover .mask .txt p{
				animation: slide_in_left 0.5s ease-in-out;
				animation-fill-mode: forwards;
			}
			#re_re .box_Pb .box_Cb .box_GCb:hover .mask .txt .small_txt{
				animation: slide_in_left 0.5s ease-in-out 0.15s;
				animation-fill-mode: both;
			}
			#re_re .box_Pb .box_Cb .box_GCb:hover .txt .txtBox{
				animation: slide_in_left 0.5s ease-in-out 0.3s;
				animation-fill-mode: both
			}
			/*アニメーション設定*/
			@keyframes slide_in_left{
				0%{
					transform: translate(-25%, 0);
					opacity: 0;
				}
				100%{
					transform: translate(0, 0);
					opacity: 1;
				}
			}
#re_re .anchor{
	padding-top:39px;
	margin-top:-39px;
	width:0.1px;
	display:block;
	height:0;
}


#re_re h1.page_title{
	margin-bottom:93px;
}
#re_re .side{
	display: none;
	position:fixed;
	top:60px;
	left:0;
	width:47px;
	z-index:100;
}
	#re_re .side ul li{
		background-color:#555;
		display:block;
		margin-bottom:1px;
		/*
		padding:15px 14px 12px 13px;
		*/
	}
	#re_re .side ul li.current{
		background-color:#FEEE02;
	}
#re_re_side a:hover img{
	opacity: 1;
}
/*
	#re_re .side ul li:first-child{
		padding-top:15px;
		padding-bottom:12px;
	}
	#re_re .side ul li:nth-child(2){
		padding-top:16px;
		padding-bottom:16px;
	}
	#re_re .side ul li:nth-child(3){
		padding-top:59px;
		padding-bottom:61px;
	}
	#re_re .side ul li:nth-child(4){
		padding-top:12px;
		padding-bottom:11px;
	}
*/
#re_re .box01{
	padding:20px 20px 40px 20px;
}
	#re_re .box01 table{
		margin: auto;
		width: 800px;
	}
		#re_re .box01 th,
		#re_re .box01 td{
			color: #fff;
			font-size: 18px;
			background-color: #8C8C8C;
			line-height: 2;
			padding-top: 12px;
			padding-bottom: 12px;
		}
		#re_re .box01 tr:first-child th,
		#re_re .box01 tr:first-child td{
			padding-bottom: 0;
		}
		#re_re .box01 tr:last-child th,
		#re_re .box01 tr:last-child td{
			padding-top: 0;
		}
		#re_re .box01 th{
			padding-left: 120px;
		}
		#re_re .box01 td{
			padding-right: 120px;
		}
			#re_re .box01 th span{
				color: #fff;
				font-size: 29px;
				line-height: 1;
				vertical-align: -4px;
			}
		#re_re .box01 .anot{
			width: 800px;
			margin: auto;
			color: #8c8c8c;
			margin-top: 3px;
			font-size: 12px;
		}
#re_re .box02{
	padding:56px 20px 20px 20px;
}
#re_re .box02 .large{
	font-size: 20px;
}
	#re_re .box02 .clearfix h3{
		color:#000;
		line-height:1;
		text-align:center;
		padding-bottom:20px;
		border-bottom:solid 1px #555;
		margin-bottom:20px;
		font-size:16px;
	}
	#re_re .box02 .clearfix ul{
		margin-left:20px;
	}
		#re_re .box02 .clearfix ul li{
			line-height:1;
		}
		#re_re .box02 .clearfix ul li:not(:last-child){
			margin-bottom:16px;
		}
		#re_re .box02 .clearfix ul.merit li:before{
			content:"";
			background:url(../img/renovation_reform/box02_icon01.png) no-repeat center;
			padding-left:26px;
			margin-left:5px;
		}
		#re_re .box02 .clearfix ul.demerit li:before{
			content:"";
			background:url(../img/renovation_reform/box02_icon02.png) no-repeat center;
			padding-left:26px;
			margin-left:5px;
		}
	#re_re .box02 .clearfix .fl{
		padding-right:20px;
		border-right:solid 1px #777;
		width:530px;
	}
		#re_re .box02 .clearfix .fl .txt,
		#re_re .box02 .clearfix .fr .txt{
			height: 8em;
			margin-bottom: 30px;
		}
	#re_re .box02 .clearfix .fr{
		width:510px;
	}
#re_re .box03{
	background:#FFF url(../img/renovation_reform/box03_img01.jpg) no-repeat left top;
	width:1100px;
	height:900px;
	padding-right:74px;
}
	#re_re .box03 .fr{
		width:347px;
	}
	#re_re .box03 h2{
		margin-top:91px;
	}
#re_re .box04{
	padding:50px 20px 20px 20px;
}
#re_re .gray_box{
	background-color: #999;
	text-align: center;
	margin: 0 auto;
	width: 800px;
}
#re_re .gray_box > .inner_up{
	border-bottom: 1px solid #FFF;
	color: #fff;
	font-size: 17px;
	line-height: 1.5;
	letter-spacing: 0.3em;
	padding: 20px 0 20px;
}
#re_re .gray_box > .inner_bot{
	color: #fff;
	line-height: 1;
	font-size: 12px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0.2em;
	padding: 20px 0 20px;
}
	#re_re .box04 .anot{
		font-size: 10px;
		color: #999;
		width: 800px;
		margin: 3px auto 0;
	}
	#re_re .box04 .box_Pb{
		width:1060px;
		height:2100px;
	}
		#re_re .box04 .box_Pb .box_Cb.box04_b01{
			width:600px;
			height:300px;
			top:0;
			left:0;
		}
		#re_re .box04 .box_Pb .box_Cb.box04_b02{
			width:460px;
			height:600px;
			top:0;
			right:0;
		}
		#re_re .box04 .box_Pb .box_Cb.box04_b03{
			width:300px;
			height:500px;
			top:300px;
			left:0;
		}
		#re_re .box04 .box_Pb .box_Cb.box04_budget{
			width:300px;
			height:300px;
			top:300px;
			left:300px;
		}
		#re_re .box04 .box_Pb .box_Cb.box04_b04{
			width:760px;
			height:450px;
			top:600px;
			right:0;
		}
		#re_re .box04 .box_Pb .box_Cb.box04_b05{
			width:300px;
			height:540px;
			top:800px;
			left:0;
		}
		#re_re .box04 .box_Pb .box_Cb.box04_b06{
			width:300px;
			height:290px;
			bottom:760px;
			left:300px;
		}
		#re_re .box04 .box_Pb .box_Cb.box04_b07{
			width:460px;
			height:290px;
			bottom:760px;
			right:0;
		}
		#re_re .box04 .box_Pb .box_Cb.box04_b08{
			width:600px;
			height:410px;
			bottom:350px;
			left:0;
		}
		#re_re .box04 .box_Pb .box_Cb.box04_b09{
			width:460px;
			height:410px;
			bottom:350px;
			right:0;
		}
		#re_re .box04 .box_Pb .box_Cb.box04_b10{
			width:330px;
			height:350px;
			bottom:0;
			left:0;
		}#re_re .box04 .box_Pb .box_Cb.box04_b11{
			width:730px;
			height:350px;
			bottom:0;
			right:0;
		}
#re_re .box05{
	padding:20px;
}
	#re_re .box05 .box_Pb{
		width:1060px;
		height:1200px;
	}
		#re_re .box05 .box_Pb .box_Cb.box05_b01{
			width:300px;
			height:600px;
			top:0;
			left:0;
		}
		#re_re .box05 .box_Pb .box_Cb.box05_b02{
			width:760px;
			height:300px;
			top:0;
			right:0;
		}
		#re_re .box05 .box_Pb .box_Cb.box05_budget{
			width:300px;
			height:300px;
			top:300px;
			left:300px;
		}
		#re_re .box05 .box_Pb .box_Cb.box05_b03{
			width:460px;
			height:300px;
			top:300px;
			right:0;
		}
		#re_re .box05 .box_Pb .box_Cb.box05_b04{
			width:600px;
			height:300px;
			top:600px;
			left:0;
		}
		#re_re .box05 .box_Pb .box_Cb.box05_b05{
			width:460px;
			height:300px;
			top:600px;
			right:0;
		}
		#re_re .box05 .box_Pb .box_Cb.box05_b06{
			width:300px;
			height:300px;
			bottom:0;
			left:0;
		}
		#re_re .box05 .box_Pb .box_Cb.box05_b07{
			width:760px;
			height:300px;
			bottom:0;
			right:0;
		}
#re_re .box06{
	padding:20px;
}
	#re_re .box06 .box_Pb{
		width:1060px;
		height:900px;
	}
		#re_re .box06 .box_Pb .box_Cb.box06_b01{
			width:300px;
			height:600px;
			top:0;
			left:0;
		}
		#re_re .box06 .box_Pb .box_Cb.box06_b02{
			width:760px;
			height:320px;
			top:0;
			right:0;
		}
		#re_re .box06 .box_Pb .box_Cb.box06_budget{
			width:300px;
			height:300px;
			top:300px;
			left:300px;
		}
		#re_re .box06 .box_Pb .box_Cb.box06_b03{
			width:460px;
			height:600px;
			bottom:0;
			right:0;
		}
		#re_re .box06 .box_Pb .box_Cb.box06_b04{
			width:600px;
			height:300px;
			bottom:0;
			left:0;
		}
#re_re .box07{
	width:1120px;
	height:1040px;
	margin-bottom:210px;
}
	#re_re .box07 .clearfix .fl{
		width:520px;
	}
		#re_re .box07 .clearfix .fl .inner{
			width: 396px;
			margin: auto;
		}
			#re_re .box07 h2{
				margin-top:92px;
			}
			#re_re .box07 .text{
				margin-bottom:22px;
				font-size: 16px;
				font-weight: 200;
				line-height: 2;
			}
				#re_re .box07 .label{
					color: #000;
					font-weight: 400;
				}
				#re_re .box07 a{
					display:block;
					padding:20px 0;
					text-align:center;
					border:1px solid #444;
					width:396px;
					font-size:20px;
					color:#000;
					line-height:1;
					text-decoration:none;
					transition: 0.3s;
				}
				#re_re .box07 a:hover{
					background-color: #feee02;
					border: 1px solid #ff0;
				}
			#re_re .copy{
				color:#FFF;
			}

/*---------------------------------------------------------------- aclasspanel 20241206 */
#aclasspanel .page-wrap{
	margin-bottom: 210px;
	background-color: #fff;
}
#aclasspanel .page-wrap .page-wrap-inner{
	padding: 0 50px 100px 50px;
}
#aclasspanel .txt--cmn{
	font-size: 16px;
	line-height: 1.68;
}
#aclasspanel .ttl1{
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	padding: 15px;
}
#aclasspanel .sec-taishin,
#aclasspanel .sec-dannetsu,
#aclasspanel .sec-hinshitsu,
#aclasspanel .sec-taikyu,
#aclasspanel .sec-detail,
#aclasspanel .sec-contact{
	padding: 0 50px;
}
#aclasspanel .sec-taishin .block-img,
#aclasspanel .sec-dannetsu .block-img,
#aclasspanel .sec-hinshitsu .block-img{
	display: flex;
	justify-content: space-between;
}
#aclasspanel .sec-taishin .sec-ttl{
	background-color: #136EAB;
}
#aclasspanel .sec-dannetsu,
#aclasspanel .sec-zeh,
#aclasspanel .sec-hinshitsu,
#aclasspanel .sec-taikyu,
#aclasspanel .sec-case,
#aclasspanel .sec-detail,
#aclasspanel .sec-contact{
	margin-top: 100px;
}
#aclasspanel .sec-dannetsu .sec-ttl{
	background-color: #D87600;
}
#aclasspanel .sec-zeh .sec-ttl{
	position: relative;
	z-index: 2;
	margin-bottom: -90px;
}
#aclasspanel .sec-zeh .sec-ttl .ttl{
	color: #22ac38;
	font-size: 22px;
	font-weight: bold;
	padding-top: 10px;
}
#aclasspanel .sec-zeh .sec-inner{
	background-color: #F2F7F2;
	padding: 123px 50px 50px 50px;
}
#aclasspanel .sec-zeh .block-txt span{
	font-size: 22px;
	font-weight: bold;
	color: #f39800;
}
#aclasspanel .sec-zeh .block-img{
	background-color: #fff;
	padding: 50px;
}
#aclasspanel .sec-hinshitsu .sec-ttl{
	background-color: #56941F;
}
#aclasspanel .sec-hinshitsu .block-lead .block-ttl{
	color: #56941f;
	font-size: 22px;
	font-weight: bold;
}
#aclasspanel .sec-hinshitsu .block-check{
	display: flex;
	flex-wrap: wrap;
}
#aclasspanel .sec-hinshitsu .block-check .check-item{
	margin-top: 30px;
	margin-right: 30px;
	display: flex;
}
#aclasspanel .sec-hinshitsu .block-check .check-item .txt{
	padding-left: 7px;
	font-size: 22px;
	font-weight: bold;
}
#aclasspanel .sec-taikyu .sec-ttl{
	background-color: #B62124;
}
#aclasspanel .sec-taikyu .block-txt .block-ttl{
	font-size: 22px;
	font-weight: bold;
}
#aclasspanel .sec-case{
	padding: 50px;
	background-color: #FCFAED;
}
#aclasspanel .sec-case .sec-ttl{
	background-color: #DCCD51;
}
#aclasspanel .sec-case .block-slide,
#aclasspanel .sec-case .block-thumbnail{
	width: 820px;
	margin-left: auto;
	margin-right: auto;
}
#aclasspanel .sec-case .block-slide{
	position: relative;
}
#aclasspanel .sec-case .swiper-button-prev,
#aclasspanel .sec-case .swiper-button-next{
	z-index: 5;
	box-sizing: border-box;
	position: absolute;
	cursor: pointer;
	margin: 0;
	top: 200px;
	width: 60px;
	height: 100px;
	background-color: #4B4948;
}
#aclasspanel .sec-case .swiper-button-next.swiper-button-disabled,
#aclasspanel .sec-case .swiper-button-prev.swiper-button-disabled{
	opacity: 0;
}
#aclasspanel .sec-case .swiper-button-prev:before,
#aclasspanel .sec-case .swiper-button-next:before{
	content: '';
	display: block;
	position: absolute;
	pointer-events: none;
	box-sizing: border-box;
	width: 27px;
	height: 27px;
	top: calc((100% - 27px) / 2);
	border-top: 3px solid #fff;
}
#aclasspanel .sec-case .swiper-button-prev:after,
#aclasspanel .sec-case .swiper-button-next:after{
	display: none;
}
#aclasspanel .sec-case .swiper-button-prev{
	left: -90px;
}
#aclasspanel .sec-case .swiper-button-prev:before{
	border-left: 3px solid #fff;
	right: 10px;
	transform: rotate(-45deg);
}
#aclasspanel .sec-case .swiper-button-next{
	right: -90px;
}
#aclasspanel .sec-case .swiper-button-next:before{
	border-right: 3px solid #fff;
	left: 10px;
	transform: rotate(45deg);
}
#aclasspanel .sec-case .block-thumbnail{
	margin-top: 10px;
	display: flex;
}
#aclasspanel .sec-case .block-thumbnail .swiper-slide{
	cursor: pointer;
	position: relative;
}
#aclasspanel .sec-case .block-thumbnail .swiper-slide:before{
	content: '';
	display: block;
	position: absolute;
	pointer-events: none;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(75, 73, 72, .8);
	opacity: 0;
}
#aclasspanel .sec-case .block-thumbnail .swiper-slide-thumb-active:before{
	opacity: 1;
}
#aclasspanel .sec-case .block-thumbnail img{
	width: 100%;
	height: auto;
}
#aclasspanel .sec-detail .sec-ttl{
	background-color: #4B4948;
}
#aclasspanel .sec-detail .block-tbl{
	display: flex;
	justify-content: space-between;
}
#aclasspanel .sec-detail .box-tbl{
	width: calc((100% - 20px) / 2);
}
#aclasspanel .sec-detail table{
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #BCBCBC;
}
#aclasspanel .sec-detail th,
#aclasspanel .sec-detail td{
	box-sizing: border-box;
	vertical-align: middle;
	padding: 20px 15px;
}
#aclasspanel .sec-detail tr:not(:last-child) th,
#aclasspanel .sec-detail tr:not(:last-child) td{
	border-bottom: 1px solid #BCBCBC;
}
#aclasspanel .sec-detail th{
	width: 197px;
	background-color: #ECECEC;
	border-right: 1px solid #BCBCBC;
}
#aclasspanel .sec-contact{
	padding-bottom: 100px;
}
#aclasspanel .sec-contact .block-btn{
	display: flex;
	justify-content: center;
}
#aclasspanel .sec-contact .block-btn .btn{
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	height: 120px;
	padding: 0 20px;
	background-color: #FEEE02;
	color: inherit;
	text-decoration: none;
}
#aclasspanel .sec-contact .block-btn .btn .txt{
	margin-left: 10px;
	font-size: 26px;
	font-weight: bold;
}
#aclasspanel .sec-contact .block-btn .btn:hover{
	opacity: 0.8;
}
#aclasspanel .sec-contact .block-btn .btn:hover img{
	opacity: 1;
}