/*
Theme Name: ミセドコロ
Author: TN
Description: 「ミセドコロ」のスタイルシートです。
Version: 1.0
Text Domain: one-fudosan
*/

/* 必要に応じてスタイルを追加してください */



@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Serif+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

@font-face {
    font-family: "LogoTypeGothic";
    src: url('./font/LogoTypeGothic7.eot');
    src: url('./font/LogoTypeGothic7.eot?#iefix') format('embedded-opentype'),
         url('./font/LogoTypeGothic7.woff') format('woff'),
         url('./font/LogoTypeGothic7.otf') format('opentype');
    font-weight: normal;
    font-style: normal;

}


body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h3,
h4,
h5,
h6,
form,
input,
textarea,
button,
option,
select,
p {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	line-height: 160%;
	color: #000000;
	font-weight: 400;
    font-family:"Noto Sans JP",'Noto Sans JP',ヒラギノ角ゴ ProN W3,"Hiragino Kaku Gothic Pro",Hiragino Kaku Gothic ProN,"游ゴシック",YuGothic,"メイリオ",Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

img{
	max-width:100%;
	height:auto;
	vertical-align:middle;
image-rendering: -webkit-optimize-contrast;
}
/*クリアフィックス*/

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	margin-left: 0;
	text-align: center;
}

.clearfix:before {
	display: block;
	content: "";
	font-size: 14px;
	clear: both;
}

.clearfix {
	display: block;
	margin: 0 auto;
}

.clear {
	clear: both;
}


.fead-mv {
	opacity: 0;
	transition: 0.6s;
	transition-timing-function:ease-in;
	
}
.mv {
	opacity: 1;	
}

a {
	color: #000000;
    text-decoration: none;
}

a:hover{
    opacity: 0.7;
}
ul {
	list-style: none;
}

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.flexl {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: justify;
	justify-content: flex-start;
}
.flexc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: justify;
	-webkit-justify-content: center;
	justify-content: center;
}
.flexs {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.flexb {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flext {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: justify;
	justify-content: flex-start;
}
.rpic{
	flex-direction:row-reverse;
}
a[href*="tel:"] {
	pointer-events: none;
}
@media only screen and (max-width: 1024px) {
	a[href*="tel:"] {
		pointer-events: initial !important;
	}
}
body{
	min-width: 1230px;
}
#wrapper{
	max-width: 100%;
	min-width: 320px;
}

.foot_wrap{
	background: #000000;
	padding: 60px 0 0 0;
}
.foot_nav {
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
}
.foot_nav a{
	color: #fff;
}
.foot_nav dl,.foot_nav ul{
	width: 25%;
	box-sizing: border-box;
	padding: 0 0 0 1em;
}
.foot_nav dt,.foot_nav li{
	font-weight: bold;
	font-size: 20px;
	padding: 0 0 2px 0;
}
.foot_nav dd{
	padding-left: 20px;
	padding: 0 0 2px 0;
}
.foot_btm {
	width: 95%;
	margin: 0 auto;
	border-top:#ffea00 2px solid ;
	padding: 16px 0;
}
.foot_btm p{
	color: #fff;
}

.foot_btm p.logo{
	max-width: 50%;
	font-size: 14px;
	box-sizing: border-box;
	padding: 0 0 0 0.5em;
}
.foot_btm p.logo img{
	vertical-align: middle;
	margin: 0 1em 0 0;
}
.foot_btm p.logo .t{
	display: inline-block;
	vertical-align: middle;
}
.foot_btm ul{
	max-width: 50%;
}
.foot_btm ul li{
	margin: 0 6px 0 6px;
}
.foot_btm ul li a{
	width: 40px;
	line-height: 40px;
	display: inline-block;
	border-radius: 100%;
	background:#364253 ;
	text-align: center;

}
.foot_btm ul li a img{
	vertical-align: middle;
	transform: translateY(-2px);
}
.copy{
	text-align: center;
	background: #fff;
	padding: 4px 0;
	font-size: 14px;
}
.policy a{
	color: #fff;
}
.policy a:before{
	content: "＞";
	display: inline-block;
}
.policy p{
	max-width: 95%;
	margin: 0 auto;
	text-align: right;
	font-size: 14px;
}
.policy{
	padding: 20px 0 10px 0;
}
.foot_info{
	background:linear-gradient(to top, #000 50%, #fff 50%);
}
.foot_info .wrap{
	width: 95%;
	margin: 0 auto;
	max-width: 1340px;
}
.foot_info .box{
	width: calc(100% / 3);
	box-sizing: border-box;
	padding: 40px 1em 0 1em;
}
.foot_info .line{
	background:#c3c2a7;
}
.foot_info .box dt{
	text-align: center;
	font-weight: 900;
	font-size: 22px;
	padding: 0 0 24px 0;

}
.foot_info .box dd{
	text-align: center;
}
.foot_info .foot_tel{
	background:#ffea00 ;
}
.foot_info .mail{
	background: #e3e3e3;
}
.foot_info .mail dt+dd a{
	display: inline-block;
	width: 100%;
	max-width: 340px;
	height: auto;
	line-height: 70px;
	background: #000000;
	color: #ffffff;
	font-weight: 900;
	margin: 0 auto;
}
.foot_info dt+dd span.i{
	vertical-align: baseline;
	margin: 0 8px 0 0;
}
.foot_info .foot_tel dt+dd{
	line-height: 70px;
	font-size: 50px;
	font-weight: 900;
	letter-spacing: -1px;
}
.foot_info dd+dd{
	padding: 30px 0 24px 0;
	font-size: 14px;
}
.fmesse{
	text-align: center;
	width: 95%;
    margin: 0 auto;
    max-width: 1340px;
}
.fmesse p{
	font-size: 18px;
	font-weight: 900;
	padding: 0 0 10px 0;
}
.fmesse p .k{
	display: inline-block;
	padding: 0 1em;
}

#header{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
	box-sizing: border-box;
	padding: 20px 1.5% 5px 1.5%;
	z-index: 100;
	min-width: 1230px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.home #header{
	box-shadow: none;
	background: rgba(0, 0, 0, 0.7);
}
#header h1{
	width: 304px;
	font-size: 12px;
	color: #fff;
	
}
#header h1 img{
	filter: invert(100%);
}
.home #header h1 img{
	filter: none;
}
#header h1 .l{
	display: inline-block;
	border-bottom: 10px #ffea00 solid;
    padding: 10px 0.5em;
}
#header h1 .t{
	display: inline-block;
	padding: 0 0 0 1em;
	vertical-align: middle;
	color: #000;
}
.home #header h1 .t{
	color: #fff;
}
#header #nav li a{
	
	color: #000;
	font-size: 14px;
	display: inline-block;
	padding: 10px 1.5em;
	font-weight: 700;
}
.home #header #nav li a{
	color: #000;
	color: #fff;
}
#header #nav li.st a{
	background:#ffea00 ;
	color: #000;
}
#header #nav p a{
	display: inline-block;
	padding: 10px 1.5em;
	background: #000;
	color: #fff;
	font-weight: 700;
}
.home #header #nav p a{
	background: #fff;
	color: #000;
}
#header #nav ul{
	padding: 0 50px 0 0 ;
}
.sp_nav{
	display: none;
}
@media only screen and (max-width: 1490px) {
	#header #nav ul{
		padding: 0 10px 0 0;
	}
	#header #nav li a{
		padding: 10px 0.8em;
		font-size: 14px;
	}
	#header .head_cont{
		font-size: 14px;
	}
	#header #nav p a{
		padding: 10px 0.8em;
	}
	.foot_info .foot_tel dd+dd br{
		display: none;
	}
	.foot_info .wrap{
		width: 97%;
	}
}
@media only screen and (max-width: 770px) {
	body{
		min-width: 0;
	}
	#header h1 img{
		width: 100px;
	}
	#header h1{
		font-size: 10px;
	}
	#header #nav{
		display: none;
	}
	#header{
		min-width: none;
		padding-top: 10px;
		
	}
	
	.sp_nav{
		display: block;
		
		
	}
	.sp_nav .nbtn{
		position: fixed;
		top: 20px;
		left: calc(100vw - 60px);
		z-index: 101;
		cursor: pointer;
		width: 30px;
		height: 24px;
	}
	.sp_nav .nbtn .m{
		position: absolute;
		top: 14px;
		left: 0;
		width: 30px;
		height: 2px;
		background: #000;
		transition: transform 0.3s ease-in-out;
	}
	.home .sp_nav .nbtn .m{
		background: #fff;
	}
	.sp_nav .nbtn .m:before{
		content: "";
		width: 30px;
		height: 2px;
		background: #000;
		position: absolute;
		top: -8px;
		left: 0;
		transition: transform 0.3s ease-in-out;
	}
	.home .sp_nav .nbtn .m:before{
		background: #fff;
	}
	.sp_nav .nbtn .m:after{
		content: "";
		width: 30px;
		height: 2px;
		background: #000;
		position: absolute;
		top: 8px;
		left: 0;
		transition: transform 0.3s ease-in-out;
	}
	.home .sp_nav .nbtn .m:after{
		background: #fff;
		}
	.sp_nav .spnav_wrap{
        width: 100%;
		height: 100%;
        overflow-y: auto;
		position: fixed;
		top: 0;
		right: 0;
		background: rgba(255, 255, 255, 1);
		z-index: 99;
		padding: 80px 5% 0 5%;
		box-sizing: border-box;
		transform: translateX(100vw);
		transition: transform 0.3s ease-in-out;
		

    }
	.home .sp_nav .spnav_wrap{
		background: rgba(0, 0, 0, 0.9);
	}
	.sp_nav.action .nbtn .m{
		transform: rotate(45deg);
	}
	.sp_nav.action .nbtn .m:before,.sp_nav.action .nbtn .m:after{
		transform: rotate(90deg);
		top: 0;
	}
	.home .sp_nav .spnav_wrap a{
		color: #fff;
	}
	.sp_nav .spnav_wrap .inav li{
		border-bottom: 1px solid #999;
	}
	.sp_nav .spnav_wrap .inav li:last-child{
		border: none;
	}
	.sp_nav .spnav_wrap .inav li a{
		display: block;
		padding: 15px 0;
		font-weight: 700;
	}
	.sp_nav .spnav_wrap .head_cont a{
		background: #000;
		display: block;
		padding: 12px 0;
		text-align: center;
		font-weight: 700;
		margin: 40px 0;
		color: #fff;
	}
	.home .sp_nav .spnav_wrap .head_cont a{
		background: #fff;
		color: #000;
	}
	.sp_nav .spnav_wrap .sns li a {
    width: 40px;
    line-height: 40px;
    display: inline-block;
    border-radius: 100%;
    background: #364253;
    text-align: center;
    }
	.sp_nav .spnav_wrap .sns li{
		padding: 0 4px;
	}
	.sp_nav .spnav_wrap .sns{
		padding-bottom: 30px;
	}
	#main{
		overflow: hidden;
	}
	body.overlay #wrapper{
		height: 100vh;
		overflow: hidden;
	}
	.sp_nav.action .spnav_wrap{
		transform: translateX(0);
		
	}
	body.overlay #header{
		background: #fff;
	}
	body.overlay.home #header{
		background: #000;
	}
	.foot_info .box{
		width: 100%;

	}
	.foot_nav{
		display: none;
	}
}
@media only screen and (max-width: 599px) {
	
	.foot_info .box dt{
		font-size: 18px;
		padding-bottom: 18px;
	}
	.foot_info .foot_tel dt+dd{
		font-size: 36px;
	}
	.foot_info dt+dd span.i img{
		width: 24px;
	}
	.foot_info dd+dd{
		padding-top: 20px;
	}
	.foot_info .foot_tel dt+dd{
		line-height: 180%;
	}
	.fmesse p .k{
		display: none;
	}
	.fmesse p .zen{
		display: block;
	}
	.foot_btm p.logo{
		width: 100%;
		max-width: none;
	}
	.foot_btm .sns{
		width: 100%;
		max-width: none;
		justify-content: center;
		padding: 16px 0 0 0;

	}
	.foot_btm p.logo .t{
		font-size: 10px;
	}
	.foot_btm p.logo img{
		width: 100px;
	}
}

.home_main{
	position: relative;
	display: flex;
}
.home_main:before{
	content: "";
	width: 1px;
	padding-bottom: 45.43%;
}

.home_main .pic{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}
.home_main .pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.home_main .cache{
	max-width: 900px;
	margin: 0 auto;
	width: 90%;
	display: flex;
	align-items: center;
	justify-content: right;
	padding: 40px 0;
}
.home_main .cache .wrap{
	background: rgba(0, 0, 0, 0.7);
	max-width: 400px;
	width: 100%;
	padding: 30px 2% 10px 2%;
	box-sizing: border-box;
}
.home_main .cache .wrap p{
	text-align: center;
	padding: 0 0 20px 0;
}
.home_main .cache .wrap li{
	width: 45%;
	padding: 0 0 10px 0;
}
.home_main .cache .wrap li a{
	display: block;
	text-align: center;
	background: #fff;
	padding: 12px 2.5%;
	font-weight: bold;
}
.home_main .cache .wrap ul{
	max-width:340px ;
	margin: 0 auto;
}
.home_main .cache .wrap li:first-child a{
	background:#ffea00 ;
}

.home_nav{
	max-width: 1100px;
	width: 90%;
	margin: -30px auto 0 auto;
	background: #fff;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
.home_nav li{
	width: calc(100% / 6);
	font-size: 14px;
	padding: 10px 1.5em;
	box-sizing: border-box;
}
.home_nav li a{
	display: inline-block;
	font-weight: bold;
}
.home_nav li .i{
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	line-height: 40px;
	text-align: center;
	margin-right: 1em;
}
.home_nav li.hc1 a .i {
	background:#678b5a ;
}
.home_nav li.hc2 a .i {
	background:#d97b27 ;
}
.home_nav li.hc3 a .i {
	background:#176cd5;
}
.home_nav li.hc4 a .i {
	background:#ebcd43 ;
}
.home_nav li.hc5 a .i {
	background:#ef70a3 ;
}
.home_nav li.hc6 a .i {
	background:#4c5970 ;
}
.h2h{
	text-align: center;
	font-size: 38px;
	font-weight: 900;
	line-height: 140%;
	padding: 0 0 24px 0;
}
.h2h .e{
	display: block;
	font-weight: 300;
	font-size: 10px;
	line-height: 1;
}
.home_buken{
	padding: 24px 0 45px 0;
	overflow: hidden;
}
.home_buken .swiper-slide{
	box-sizing: border-box;
	box-shadow:0 0 8px rgba(0,0,0,0.2);
	background: #fff;
	height: auto;
}
.home .home_buken .swiper-slide{
	flex: 0 0 auto; /* 固定幅スライドにするため */
	width: 280px !important;
}
.home_buken .swiper-slide .pic{
	position: relative;
	display: flex;
}
.home_buken .more{
	text-align: center;
}
.home_buken .more a{
	color: #000;
	border-color: #000;
}
.home_buken .hbuken_slider{
	margin-bottom: 45px;
}
.home_buken .hbuken_slider .swiper-wrapper{
	align-items: stretch;
}
.home_buken .swiper-slide .pic:before{
	content: "";
	width: 1px;
	padding-bottom: 64.29%;
}
.home_buken .swiper-slide .pic img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}
.home_buken .swiper-slide a{
	display: flex;
	flex-direction: column;
	height: 100%;
}
.home_buken .swiper-slide .pic .p_info{
	position: absolute;
	top: 12px;
	left: 8px;
	display: flex;
}
.home_buken .swiper-slide .pic .p_info li{
	font-size: 12px;
	padding: 0 0.5em;
	box-sizing: border-box;
	margin: 0 8px 0 0;
}
.home_buken .swiper-slide .pic .p_info li.o{
	border:2px solid #ee6907 ;
	background: #fff;
}
.home_buken .swiper-slide .pic .p_info li.m{
	
	border:2px solid #529834 ;
	background: #529834;
	color: #fff;
}
.home_buken .swiper-slide .pic .good{
	position: absolute;
	top: 12px;
	right: 8px;
	background: #fff;
	border-radius: 50%;
	width: 28px;
	line-height: 28px;
	text-align: center;
	font-weight: 600;
}
.home_buken .swiper-slide .tit{
	padding: 12px 8px 10px 8px;
	font-weight: 500;
	font-size: 14px;
}
.home_buken .swiper-slide .info1 {
	padding: 0 8px 10px 8px;
}
.home_buken .swiper-slide .info1 li{
	font-size:12px ;
	padding-left: 1.2em;
	position: relative;
}
.home_buken .swiper-slide .info1 li .i img{
	width: 10px;
}
.home_buken .swiper-slide .info1 li .i{
	position: absolute;
	top: 0;
	left: 0;
}
.home_buken .swiper-slide .cost{
	font-weight: 700;
	color:#ff0000 ;
	padding: 0 8px 5px 8px;
}
.home_buken .swiper-slide .oinfo{
	font-size: 12px;
	font-weight: bold;
	padding: 0 8px 12px 8px;
}
.home_buken .swiper-slide .stay{
	padding: 0 8px 15px 8px;
}
.home_buken .swiper-slide .stay li{
	margin: 0 9px 5px 0;
	font-size: 12px;
	padding: 0 0.5em;
	color: #fff;
	font-weight: 700;
}
.home_buken .swiper-slide .stay li.r{
	background: #ea0606;
}
.home_buken .swiper-slide .stay li.y{
	background: #fff600;
	color: #000;
}
.home_buken .swiper-slide .stay li.m{
	background: #529834;
}
.home_buken .swiper-slide .stay li.b{
	background: #176cd5;
}
.home_buken .swiper-slide .stay li.o{
	background: #ee6907;
}
.home_buken .swiper-slide .stay li.k{
	background: #ef70a3;
}
.inner{
	max-width: 1000px;
	margin: 0 auto;
	width: 90%;
}

.home_about{
	display: flex;
	position: relative;
}
.home_about:before{
	content: "";
	width: 1px;
	padding-bottom: 51.21%;
}

.home_about .pic{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}
.home_about .pic img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.home_about h2{
	color: #fff;
	padding: 0 0 40px 0;
}
.home_about .inner{
	padding:60px 0 0 0;
}
.home_about .txt p{
	font-size: 24px;
	color: #fff;
	text-align: center;
	line-height: 210%;
	padding: 0 0 30px 0;
}
.home_about .txt {
	padding: 0 0 60px 0;
}
.home_about .more{
	text-align: center;
}

.more a{
	display: inline-block;
	border:1px solid #fff ;
	max-width: 300px;
	width: 100%;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	padding: 12px 0;
}
.home_about .logo1{
	position: absolute;
	bottom: -20px;
	right: 2%;
	z-index: 2;
	max-width: 80%;
}
.home_bk{
	background: url(images/home_bk.png) no-repeat right 0;
	overflow: hidden;
}
.home_bk:after{
	content: "";
	display: block;
	width: 50vw;
	margin-left: 50%;
	height:8px ;
	background: #ffea00;
}
.home_bk .logo2{
	padding: 0 0 0 2%;
	max-width: 80%;
}
.home_flow {
	padding: 80px 0 80px 0;
	position: relative;
}
.home_flow .inner{
	max-width: 1200px;

}
.home_flow li{
	border: 1px solid #ccc;
	width: 21.67%;
	margin: 0 4.44% 30px 0;
	box-sizing: border-box;
	background: #fff;
	box-shadow: 5px 5px 0px 0px rgba(255, 255, 255, 1), 5px 5px 0px 1px #ccc;
	position: relative;
}
.home_flow li:nth-child(4n){
	margin-right: 0;
}
.home_flow li:before{
	content: "";
	border-top: 25px solid #ffea00;
	border-left: 25px solid transparent;  
	position: absolute;
	top: 0;
	right: 0;
}
.home_flow dl{
	padding: 12px;
}
.home_flow .no .n{
	display: inline-block;
	background: #ffea00;
	width: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
}
.home_flow .no{
	padding: 0 0 12px 0;
}
.home_flow dt{
	font-size: 14px;
	padding: 0 0 14px 0;
}
.home_flow dt .i{
	display: inline-block;
	vertical-align: text-bottom;
	margin: 0 0.5em 0 0;
}
.home_flow dt+dd{
	font-size: 14px;
	padding: 0 0 10px 0;
}
.home_flow:before{
	content: "";
	width: 50vw;
	height:8px ;
	background: #ffea00;
	position: absolute;
	right: 50%;
	bottom: 0;
}

.home_is{
	max-width: 1200px;
	position: relative;
	padding: 120px 0 90px 0;
}
.home_is h2{
	width: 80px;
	writing-mode: vertical-rl;
	text-align: left;

}
.home_is h2 .e{
	display: block;
	padding-left: 5px;
}
.home_is div.flex{
	width:calc(100% - 140px) ;
}
.home_is div.flex .box{
	width: 31.13%;
	margin: 0 3.3% 10px 0;
}
.home_is div.flex .box:nth-child(3n){
	margin-right: 0;
}
.home_is div.flex .box p.pic{
	position: relative;
	display: flex;
}
.home_is div.flex .box p.pic:before{
	content: "";
	width: 1px;
	padding-bottom: 74.23%;
}
.home_is div.flex .box p.pic img{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.home_is div.flex .box dl{
	padding: 5px 0 0 0;
}
.home_is div.flex .box dt{
	font-weight: 700;
	font-size: 14px;
}
.home_is div.flex .box dd{
	font-size: 14px;
}
.home_example{
	background: #fbfbfb url(images/home_example_bk.png) 0 0 no-repeat;
	padding: 60px 0 90px 0;
}
.home_example .inner{
	max-width: 1100px;
}
.home_example .wrap{
	background: #fff;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
	padding: 50px 0 0 0;
}
.home_example .swiper-slide{
	background: #fff;
	opacity: 0 !important;
}
.home_example .swiper-slide-visible{
	opacity: 1 !important;
}
.home_example .exslider{
	max-width:960px;
	width: 95%;
	margin: 0 auto;
}
.home_example .beforeafter dl{
	width: 46.88%;
	padding: 0 0 20px 0;
}
.home_example .beforeafter dd{
	position: relative;
	display: flex;
}
.home_example .beforeafter dd:before{
	content: "";
	width: 1px;
	padding-bottom: 111.11%;
	display: block;
}
.home_example .beforeafter dd img{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.home_example dt{
	padding: 0 0 5px 0;
}
.home_example dt span{
	font-size: 18px;
	font-weight: 700;
	display: inline-block;
	padding: 5px 14px;
	background: #cbcbcb;
}
.home_example dt span.a{
	background:#ffea00 ;
}
.home_example .txt{
	text-align: center;
	padding: 20px 0 30px 0;
}
.home_example .txt h3,.home_example .txt p{
	padding: 0 0 5px 0;
	font-weight: 500;
}
.home_example .slidenav{
	align-items: center;
	padding: 0 0 40px 0;
}
.home_example .slidenav .syosai{
	width: 100%;
	max-width: 260px;
	box-sizing: border-box;
	padding: 0 20px;
	text-align: center;
}
.home_example .slidenav .syosai a{
	display: block;
	background: #000;
	color: #fff;
	padding: 12px 0;
}
.home_example .slidenav button{
	width:50px ;
	border: 2px solid #000;
	line-height: 44px;
	box-sizing: border-box;
	border-radius: 50%;
	background: #fff;
	font-size: 24px;
	font-weight: 700;
	padding-bottom: 2px;
	cursor: pointer;
}
.home_example .slidenav button:hover{
	background: #000;
	color: #fff;
}
.home_strengths{
	background: url(images/home_strengths_bk.jpg) no-repeat center center;
	background-size: cover;
	padding: 110px 0 ;
}

.home_strengths h2{
	color: #fff;
	padding: 0 0 60px 0;
}
.home_strengths dl{
	background: rgba(0, 0, 0, 0.7);
	width: 46%;
	margin: 0 8% 30px 0;
	box-sizing: border-box;
	padding:20px 1em 10px 1em;
}
.home_strengths dl:nth-child(2n){
	margin-right: 0;
}
.home_strengths dt{
	color: #fff;
	font-weight:700 ;
	padding: 0 0 12px 0;
}
.home_strengths dt .i{
	display: inline-block;
	vertical-align: middle;
	margin: 0 0.5em 0 0;
}
.home_strengths dd{
	color: #fff;
	padding: 0 0 12px 0;
}
.home_blog{
	max-width: 1200px;
	padding: 80px 0;
}
.home_blog h2 {
    width: 80px;
    writing-mode: vertical-rl;
    text-align: left;
}
.home_blog .tbox{
	width: calc(100% - 140px);
}
.home_blog .blogs{
	width: 29.25%;
	margin: 0 6.12% 0 0;
}
.home_blog .blogs:nth-child(3n){
	margin-right: 0;
}
.h3h{
	font-weight: 900;
}
.home_blog h3{
	padding: 0 0 5px 0;
}
.h3h .e{
	display: inline-block;
	font-size: 10px;
	font-weight: 400;
	vertical-align: middle;
	margin-left: 1em;
}
.toblog{
	font-size: 10px;
}
.toblog .i{
	color: #ffea00;
	display: inline-block;
	margin-left: 1em;
}
.home_blog .blogs ul{
	border-top: 1px #f8f8f8 solid;
	padding: 20px 0 0 0;
	margin: 14px 0 0 0;
}
.home_blog .blogs .pic{
	width: 36.16%;
	position: relative;
	display: flex;
}
.home_blog .blogs .pic:before{
	content: "";
	width: 1px;
	padding-bottom: 63.64%;
	display: block;
}
.home_blog .blogs .pic img{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.home_blog .blogs .txt{
	width:58.6% ;
}
.home_blog .blogs .txt p{
	font-size: 10px;
}
.home_blog .blogs li{
	padding: 0 0 16px 0;
}

@media only screen and (max-width: 770px) {
	.home_main .cache .wrap{
		width: 60%;
	}
	.home_main .cache{
		padding: 80px 0 50px 0;
	}
	.home_main .cache .wrap p{
		padding: 0 5.5% 20px 5.5%;
	}
	.home_main .cache .wrap li a{
		font-size: 14px;
	}
	.home_main .cache .wrap li{
		width: 48%;
	}
	.home_main .pic img{
		object-position: 35% 0;
	}
	.home_nav li .i{
		display: block;
		margin: 0 auto 5px auto;
	}
	.home_nav li{
		padding: 10px 0.5em;
		text-align: center;
	}
	.h2h{
		font-size: 24px;
	}
	.home_about .txt p{
		font-size: 18px;
	}
	.home_about .more{
		padding: 0 0 80px 0;
	}
	.home_about .pic img{
		object-position: 30% 0;
	}
	.home_flow li{
		width: 30%;
		margin-right: 5% !important;
	}
	.home_flow li:nth-child(3n){
		margin-right: 0 !important;
	}
	.home_is h2{
		width: 100%;
		writing-mode: inherit;
		text-align: center;
	}
	.home_is{
		padding: 60px 0 40px 0;
	}
	.home_is div.flex{
		width: 100%;
	}
	.home_blog h2{
		width: 100%;
		writing-mode: inherit;
		text-align: center;
	}
	.home_blog .tbox{
		width: 100%;
	}
	.home_blog .blogs{
		width: 100%;
		padding-bottom: 40px;
	}
	.home_blog{
		padding-bottom: 30px;
	}
	.home_blog .blogs .txt p{
		font-size: 14px;
	}
}
@media only screen and (max-width: 599px) {
	.home_nav li{
		width: calc(100% / 3);
	}
	.home_nav{
		max-width: 350px;
	}
	.home_nav .flex{
		padding: 10px 0;
	}
	.more a{
		max-width: 200px;
	}
	.home_about .txt{
		padding-bottom: 0;
	}
	.home_about .logo1{
		bottom: -10px;
	}
	.home_about .txt p{
		font-size: 16px;
	}
	.home_flow{
		padding-top: 60px;
	}
	.home_flow li,.home_flow li:nth-child(3n){
		width: 48%;
		margin-right: 4% !important;
	}
	.home_flow li:nth-child(2n){
		margin-right: 0 !important;			
	}
	.home_flow dt .i img{
		width: 18px;
	}
	.home_flow dl{
		padding: 6px;
	}
	.home_is div.flex .box{
		width: 48%;
		margin-right: 4% !important;
	}
	.home_is div.flex .box:nth-child(2n){
		margin-right: 0 !important;
	}
	.home_example dt span{
		font-size: 16px;
	}
	.home_example .beforeafter dl{
		width: 49%;
	}
	.home_example .slidenav .syosai{
		width: auto;
	}
	.home_example .slidenav .syosai a{
		padding: 10px 1em;
	}
	.home_strengths dl{
		width: 100%;
		margin-right: 0;
	}
	.home_strengths h2{
		padding: 0 0 40px 0;
	}

}
.main_mv h2{
	font-size: 46px;
	font-weight: 700;
}
.main_mv {
	padding: 50px 0;
}
.grade{
	background:linear-gradient(to left top , #ccf4f4 , #fff4bc);
}
.grade.mb{
	margin-bottom: 60px;
}
.b_list .left{
	width: 70%;
}
.b_list .swiper-slide{
	width: 48.57%;
	margin: 0 2.8% 25px 0;
}
.b_list .swiper-slide:nth-child(2n){
	margin-right: 0;
}
.b_list #side{
	width:26%;
}
.b_list .home_buken{
	padding: 0;
}
.b_list{
	padding: 70px 0 80px 0;
}

#side .wrap{
	background: #fff;
	padding: 10px;
}
#side .wrap .sidetit{
	text-align: center;
	background: #000;
	color: #fff;
	padding: 12px 0;
}
#side .wrap .submit{
	display: block;
	width: 100%;
	background:#ffea00 ;
	border: none;
	font-weight: 700;
	padding: 10px 0;
	margin-top: 5px;
}
#side .wrap .reset-button{
	display: block;
	width: 100%;
	border: 1px solid #ccc;
	padding: 10px 0;
	margin-top: 10px;
}
#side .wrap p{
	font-size: 18px;
	font-weight: 700;
	padding: 5px 0 0 0;
}
#side .wrap dd label{
	display: block;
	padding: 0 0 0 1.5em;
}
#side .wrap dt{
	padding: 2px 0;
	cursor: pointer;
}
#side .wrap dd,#side .wrap dt{
	position: relative;
}
#side .wrap dd input[type="checkbox"],#side .wrap dt input[type="checkbox"]{
	position: absolute;
	left: 0;
	top: 8px;
}
#side .wrap .rent{
	padding-bottom: 8px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
}
#side input[type="text"]{
	width: 100%;
	box-sizing: border-box;
}
#side .other_search dl dt{
	background: #364253;
	color: #fff;
	padding: 8px 10px;
	margin: 1px 0;
}
#side .other_search dl dd{
	padding: 2px 0;
}
#side .wrap dt:before{
	content: "+";
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
}
#side .wrap dt.sidetit:before,#side .wrap dt.all:before{
	display: none;

}
#side .wrap .is-open > dt:before{
	content: "−";
}
.pagenav .wp-pagenavi span.current{
    background:#000 ;
    color: #fff;
    border-color:#000 ;

}
.pagenav .wp-pagenavi a:hover{
    opacity: 1;
    background: #000;
	color: #fff;
}
.pagenav .wp-pagenavi a,.pagenav .wp-pagenavi span{
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	background: #fff;
}
.pagenav a, .pagenav span {
    display: inline-block;
    padding: 0 8px;
    font-size: 14px;
    color: #333;
}
.wp-pagenavi{
	padding-top: 10px;
}
@media only screen and (max-width: 770px) {
	.b_list .left{
		width: 100%;
	}
	.b_list #side{
		width: 100%;
		margin-bottom: 20px;
	}
	.main_mv h2{
		font-size: 24px;
	}
	.main_mv{
		padding: 30px 0;
	}
}
@media only screen and (max-width: 599px) {
	.b_list .swiper-slide{
		width: 100%;
		margin-right: 0;
	}
}