@charset "shift_jis";
/* CSS Document */

/****************************
トップページ専用cssです

※新規制作の際は下記cssを全て消してから制作してください

****************************/
.noto{
	font-family:'Noto Sans JP', sans-serif;
}
.footer_top_not{
	display:none;
}
.master_kino_wrap{
    display: flex;
    justify-content: space-around;
}
.main_imgBox {
	height: 851px;
	overflow: hidden;
	position: relative;
	z-index:0;
}

.main_img {
	z-index: 10;
	opacity: 0;
	width: 100%;
	height: 851px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-animation: anime 24s 0s infinite;
	animation: anime 24s 0s infinite;
}
.main_img:nth-of-type(2) {
	-webkit-animation-delay: 6s;
	animation-delay: 6s;
}

.main_img:nth-of-type(3) {
	-webkit-animation-delay: 12s;
	animation-delay: 12s;
}
.main_img:nth-of-type(4) {
	-webkit-animation-delay: 18s;
	animation-delay: 18s;
}
@keyframes anime {
	0% {
		opacity: 0;
	}

	12.5% {
		opacity: 1;
	}

	25% {
		opacity: 1;
	}

	37.5% {
		opacity: 0;
		transform: scale(1.1);
		z-index: 9;
	}

	100% {
		opacity: 0
	}
}
.t_main_wrap{
	height:751px;
	background-repeat:no-repeat;
	background-position-x:center;
	position:relative;
}
.t_main_wrap::before {
    content: "";
	position:absolute;
	right:0px;
	bottom:0px;
	width:580px;
	height:66;
	background-image:url(/img/top/main_right.png);
	background-position-x:left;
	z-index:1;
}
.t_main_logo{
	position:absolute;
	width:533px;
	top:40px;
	left:40px;
	right:0px;
}
.t_main_logo a{
	display:block;
}
.t_main_logo a img{

}
.t_main_inq{
    display: block;
    color: #ed6103;
    border: solid 4px #ed6103;
    border-radius: 40px;
    font-size: 15px;
    line-height: 40px;
    width: 180px;
    text-align: center;
    text-decoration: none;
    background: #fff;
    box-sizing: border-box;
    padding: 0px 20px 0px 0px;
    position: absolute;
    top: 40px;
    right: 40px;
}
.t_main_inq:hover{
	background-color:#ed6103;
	color:#fff;
}
.t_main_inq::before {
    content: "";
    top: 21px;
    right: 13px;
    width: 18px;
    height: 1px;
    background: #ed6103;
    position: absolute;
}
.t_main_inq:hover::before {
    background: #fff;
}
.t_main_inq::after {
    content: "";
    right: 12px;
    top: 18px;
    width: 9px;
    height: 2px;
    background: #ed6103;
    -webkit-transform: rotate( 
45deg);
    transform: rotate( 
45deg);
    position: absolute;
}
.t_main_inq:hover::after {
    background: #fff;
}
.t_info_wrap{
width: 929px;
    bottom: 50px;
    left: 50px;
    position: absolute;
    background: rgba(255,255,255,0.8);
    border-radius: 60px;
    padding: 20px 40px;
}
.t_info_wrap h2{
	font-size:17px;
	font-weight:bold;
	margin:0px;
	float:left;
	color:#ed6103;
}
.t_info_wrap iframe{
    border: none;
    width: 700px;
    float: left;
    margin: 1px 0px 0px 20px;
    height: 29px;
}
.t_info_box{
    float: left;
    width: 675px;
    margin-left: 23px;
}
.ticker{
    margin: 0 auto;
    padding: 0px 0px;
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
}
.ticker ul{
    width: 100%;
	margin:0px;
	padding:0px;
    position: relative;
}
.ticker ul li {
    width: 100%;
    display: none;
}
.t_info_box ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.t_info_box ul li{
	
}
.t_info_box ul li a{
	text-decoration:none;
	color:#333;
	font-size:15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.t_info_box ul li a:hover{
	text-decoration:underline;
}
.t_info_box ul li a span{
    display: inline-block;
    font-size: 12px;
    color: #ed6103;
    border: solid 2px #ed6103;
    width: 130px;
    line-height: 25px;
    text-align: center;
    margin: 0px 14px;

}
.t_info_link{
    float: right;
    font-size: 13px;
    position: relative;
    padding: 0px 30px 0px 0px;
    margin: 7px 0px 0px 0px;
	color:#333;
	text-decoration:none;
}
.t_info_link:hover{
	color:#ed6103;
}
.t_info_link::before {
    content: "";
    top: 7px;
    right: 0px;
    width: 18px;
    height: 1px;
    background: #333;
    position: absolute;
}
.t_info_link:hover::before {
    background:#ed6103;
}
.t_info_link::after {
    content: "";
    right: 0px;
    top: 4px;
    width: 9px;
    height: 1px;
    background: #333;
    -webkit-transform: rotate( 
45deg);
    transform: rotate( 
45deg);
    position: absolute;
}
.t_info_link:hover::after {
    background: #ed6103;
}
.t_main_scroll{
    position: absolute;
    bottom: 181px;
    right: 80px;
    z-index: 10;

}
.t_menu_wrap{
margin: auto;
    overflow: hidden;
    clear: both;
    background: #fff;
    z-index: 2;
    position: relative;
}
.t_menu_box{
margin: 0px 0px 0px 50px;
    padding: 30px 0px;
}
.t_menu_box ul{
    width: 816px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
}
.t_menu_box ul li{

}
.t_menu_box ul li a{
    font-size: 15px;
    color: #333;
    text-decoration: none;
}
.t_menu_box ul li a:hover{
	color:#ed6103;
}
.t_menu_box ul li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.t_menu_box ul li a::after {
  position: absolute;
  bottom: 40px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #ed6103;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
.t_menu_box ul li a:hover::after {
 bottom: 46px;
  opacity: 1;
  visibility: visible;

}

.search_wrap{
	background-color:#f5f4f0;
	padding:40px 0px;
	position:relative;
}
.search_keisai{
    position: absolute;
    top: -40px;
    right: -940px;
    left: 0px;
    margin: auto;
    width: 234px;
	z-index:2;
}
.search_keisai img{
	
}
.search_kensu_wrap{
    width: 660px;
    margin: auto;
    background-color: #FFF;
    padding: 20px 50px 20px 60px;
    border-radius: 100px;
    overflow: hidden;
    box-sizing: border-box;
}
.search_kensu_l{
	float:left;
}
.search_kensu_kazu{
    font-size: 17px;
    font-weight: bold;
    color: #ed6103;
    line-height: 40px;
}
.search_kensu_kazu span{
font-size: 37px;
    font-weight: bold;
    padding: 0px 5px;
}
.search_kensu_l p{
    font-size: 16px;
    font-weight: normal;
    color: #ed6103;
    margin: 4px 0px 0px 0px;
}
.search_kensu_title{
    float: right;
    font-size: 17px;
    background-image: url(/img/top/kensu_icon.png);
    background-repeat: no-repeat;
    background-position-y: 6px;
    background-position-x: 0px;
    line-height: 28px;
    padding: 0px 0px 0px 50px;
	margin-top:6px;
}
.search_box{
width: 1100px;
    margin: 0px auto 0px auto;
    height: 698px;
}
.search_l{
	float:left;
	margin-top:-40px;
}
.search_map{

}
.search_r{
float: right;
    width: 500px;
    margin: 40px 0px 0px 0px;
}
.search_ensen{
	margin-bottom:20px;
}
.search_ensen ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	display: flex;
	justify-content: space-between;
    border-radius: 5px;
}
.search_ensen ul li{
    width: 250px;
    box-sizing: border-box;
}
.search_ensen ul li:first-child{
	border-right:dotted 1px #ed6103;
	
}
.search_ensen ul li a{
	display: block;
	background-color: #FFF;
	font-size: 18px;
	font-weight: bold;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #333;
	text-align: center;
	padding: 45px 0px 45px 30px;
	position:relative;
}
.search_ensen ul li a:hover{
	background-color: #ffecdf;
}
.search_ensen ul li a::before {
content: "";
    bottom: 20px;
    right: 21px;
    width: 22px;
    height: 1px;
    background: #ed6103;
    position: absolute;
}
.search_ensen ul li a::after {
    content: "";
    right: 19px;
    bottom: 24px;
    width: 13px;
    height: 1px;
    background: #ed6103;
    -webkit-transform: rotate( 45deg);
    transform: rotate( 45deg);
    position: absolute;
}
.search_ensen ul li:nth-child(1) a{
	background-image:url(/img/top/search_icon01.png);
background-position-y: 26px;
    background-position-x: 35px;
}
.search_ensen ul li:nth-child(2) a{
	background-image:url(/img/top/search_icon02.png);
background-position-y: 33px;
    background-position-x: 35px;
}
.search_ensen ul li a span{
	color:#ed6103;
	font-size:21px;
	font-weight:bold;
}
.search_joken{
	margin-bottom:20px;
}
.search_joken ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	display: flex;
	justify-content: space-between;
    border-radius: 5px;
}
.search_joken ul li{
	width:167px;
    box-sizing: border-box;
	border-right:dotted 1px #ed6103;
}
.search_joken ul li:last-child{
	border-right:none;
	
}
.search_joken ul li a{
	display: block;
	background-color: #FFF;
	font-size: 15px;
	font-weight: bold;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #ed6103;
	text-align: center;
	padding: 95px 0px 20px 0px;
	position:relative;
	background-position-x:center;
}
.search_joken ul li a:hover{
	background-color: #ffecdf;
}
.search_joken ul li:nth-child(1) a{
	background-position-y:12px;
	background-image:url(/img/top/search_icon03.png);
}
.search_joken ul li:nth-child(2) a{
	background-position-y:12px;
	background-image:url(/img/top/search_icon05.png);
}
.search_joken ul li:nth-child(3) a{
	background-position-y:20px;
	background-image:url(/img/top/search_icon04.png);
}
.search_gakku{
	margin-bottom:20px;
}
.search_gakku ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	    display: flex;
    justify-content: space-between;
}
.search_gakku ul li{
	width:240px;
}
.search_gakku ul li a{
	display: block;
	background-color: #FFF;
	font-size: 15px;
	font-weight: normal;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #333;
	text-align: left;
	padding: 0px 0px 0px 60px;
	line-height:60px;
	position:relative;
	background-position-x:center;
    box-sizing: border-box;
    border-radius: 5px;
}
.search_gakku ul li a:hover{
	background-color: #ffecdf;
}
.search_gakku ul li:nth-child(1) a{
    background-position-y: 16px;
    background-position-x: 24px;
	background-image:url(/img/top/search_icon06.png);
}
.search_gakku ul li:nth-child(2) a{
    background-position-y: 16px;
    background-position-x: 18px;
	background-image:url(/img/top/search_icon07.png);
}
.search_free{
	margin-bottom:20px;
}
.search_free p{
	font-size:17px;
	font-weight:bold;
	margin:0px 0px 12px 0px;
}
.search_space{
	overflow:hidden;
}
.search_window{
    width: 395px;
    font-size: 14px;
    border: solid 1px #aaa;
    text-indent: 15px;
    padding: 10px 0px;
    border-radius: 5px;
    float: left;
}
.quick_keyword{

}
.free_btn{
display: block;
    float: right;
    width: 90px;
    height: 38px;
    border: none;
    background-image: url(/img/top/search_icon08.png);
    cursor: pointer;
}
.search_kodawari{

}
.search_kodawari p{
	font-size:17px;
	font-weight:bold;
	margin:0px 0px 12px 0px;
}
.search_kodawari ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.search_kodawari ul li{
    width: 155px;
    float: left;
    margin: 0px 17px 17px 0px;
}
.search_kodawari ul li:nth-child(3n){
	margin-right:0px;
}
.search_kodawari ul li:nth-child(4){
	margin-bottom:0px;
}
.search_kodawari ul li:nth-child(5){
	margin-bottom:0px;
}
.search_kodawari ul li:nth-child(6){
	margin-bottom:0px;
}
.search_kodawari ul li a{
	display:block;
	background-color:#f8eee5;
	border: solid 1px #ed6103;
	line-height:52px;
	font-size:14px;
	text-align:left;
	padding:0px 0px 0px 50px;
    box-sizing: border-box;
    border-radius: 5px;
	text-decoration:none;
	color:#333;
	background-repeat:no-repeat;
}
.search_kodawari ul li a:hover{
	background-color:#FFF;
}
.search_kodawari ul li:nth-child(1) a{
    background-image: url(/img/top/search_icon10.png);
background-position-y: 9px;
    background-position-x: 9px;
}
.search_kodawari ul li:nth-child(2) a{
    background-image: url(/img/top/search_icon11.png);
    background-position-y: 12px;
    background-position-x: 17px;
}
.search_kodawari ul li:nth-child(3) a{
    background-image: url(/img/top/search_icon09.png);
    background-position-y: 12px;
    background-position-x: 17px;
}
.search_kodawari ul li:nth-child(4) a{
    background-image: url(/img/top/search_icon12.png);
    background-position-y: 12px;
    background-position-x: 17px;
}
.search_kodawari ul li:nth-child(5) a{
    background-image: url(/img/top/search_icon13.png);
    background-position-y: 10px;
    background-position-x: 17px;
}
.search_kodawari ul li:nth-child(6) a{
    background-image: url(/img/top/search_icon14.png);
    background-position-y: 14px;
    background-position-x: 16px;
}

.t_company{
	width:1100px;
	margin:auto;
    display: flex;
    justify-content: space-between;
}
.t_shop_l{
	float:left;
}
.t_shop_r{
	float:right;
}
.t_shop_box{
	width:535px;
}
.t_shop_box h2{
	margin-bottom:25px;
}
.t_shop_box h2 img{

}
.t_shop_box ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	    display: flex;
    justify-content: space-between;
}
.t_shop_box ul li{
	width:245px;
	position:relative;
}
.t_shop_box ul li img{
	
}
.t_shop_box ul li h3{
    font-size: 18px;
    margin: 30px 0px 12px 0px;
    text-align: center;
}
.t_shop_box ul li p{
	margin:0px;
	font-size:13px;
}
.t_shop_box ul li p span{
	display:block;
	margin-bottom:5px;
	font-size:13px;
}
.t_shop_tel{
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    line-height: 50px;
    background-color: #f5f4f0;
    border-radius: 5px;
    background-repeat: no-repeat;
    padding: 0px 0px 0px 20px;
    background-position-x: 32px;
    background-position-y: 18px;
    margin-bottom: 15px;
}
.t_shop_l .t_shop_tel{
	background-image:url(/img/top/company_icon01.png);
}
.t_shop_r .t_shop_tel{
	background-image:url(/img/top/company_icon02.png);
}
.t_shop_link{
width: 120px;
    position: absolute;
    top: 137px;
    right: 23px;
}
.t_shop_link a{
display: block;
    line-height: 30px;
    font-size: 13px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    border: solid 1px #fff;
    text-decoration: none;
    box-sizing: border-box;
    padding: 0px 8px 0px 0px;
	position:relative;
}
.t_shop_link a::before{
    content: "";
    right: 12px;
    top: 12px;
    width: 5px;
    height: 5px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
}
.t_shop_l .t_shop_link a{
	background-color:#ed6103;
}
.t_shop_l .t_shop_link a:hover::before{
    border-top: 2px solid #ed6103;
    border-right: 2px solid #ed6103;
}
.t_shop_l .t_shop_link a:hover{
	background-color:#fff;
	color:#ed6103;
    border: solid 1px #ed6103;
}
.t_shop_r .t_shop_link a{
	background-color:#0392d6;
}
.t_shop_r .t_shop_link a:hover::before{
    border-top: 2px solid #0392d6;
    border-right: 2px solid #0392d6;
}
.t_shop_r .t_shop_link a:hover{
	background-color:#fff;
	color:#0392d6;
    border: solid 1px #0392d6;
}
.panorama_wrap{
    background-image: url(/img/top/search_bg.jpg);
    padding: 80px 0px;
    margin: 80px 0px 40px 0px;
}
.panorama_box{
	width:1100px;
	margin:auto;
}
.panorama_box iframe{
	border:none;
	width:1100px;
	height:570px;
}
.panorama_box h2{
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    background-image: url(/img/top/panorama_title_bg.png);
    background-repeat: no-repeat;
    background-position-x: 138px;
	margin-bottom:40px;
}
.panorama_box h2 span{
	display:block;
	font-weight:bold;
	font-size:32px;
	text-align:center;
	margin:0px 0px 20px 0px;
	color:#ed6103;
}
.panorama_tokusen{
    overflow: hidden;
    padding: 3px;
}
.panorama_tokusen ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.panorama_tokusen ul li{
width: 260px;
    box-shadow: 0 0 6px #dddddd;
	float:left;
	margin-right:12px;
}
.panorama_tokusen ul li:last-child{
	margin-right:0px;
}
.panorama_tokusen ul li a{
display: block;
    padding: 10px;
    border-radius: 10px;
    background-color: #fff;
	text-decoration:none;
	color:#333;
}
.panorama_tokusen ul li a:hover{
	background-color:#f3f3f3;
}
.panorama_img{
    overflow: hidden;
    height: 400px;
    margin-bottom: 10px;
}
.panorama_img img{
height: 170px;
    display: block;
    margin: auto;
}
.panorama_img iframe{
    border: none;
    width: 100%;
    height: 400px;
}
.panorama_syurui{
    height: 56px;
    margin-bottom: 7px;
}
.panorama_syurui p{
margin: 0px 0px 0px 0px !important;
    height: auto !important;
    overflow: auto !important;
    border-radius: 0px !important;
}
.panorama_syurui p label{
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 22px;
    padding: 0px 10px;
    background-color: #ed6103;
    display: inline-block;
    margin: 0px 5px 5px 0px;
}
.panorama_tokusen ul li a p{
    display: block;
    padding: 0px;
    font-size: 15px;
    border-radius: 10px;
    margin: 0px 0px 5px 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 47px;
}
.panorama_shosai{
	font-size:15px;
	border:solid 1px #cccccc;
	background-color:#eeeeee;
	line-height:40px;
	text-align:center;
}
.panorama_link{
display: block;
    color: #333;
    text-decoration: none;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    background-image: url(/img/top/panorama_icon.png);
    background-repeat: no-repeat;
    background-position-x: 53px;
    background-position-y: 29px;
    background-color: #fdc609;
	border:solid 2px #fdc609;
    width: 380px;
    line-height: 75px;
    margin: auto;
    border-radius: 70px;
	position:relative;
	margin-top:40px;
}
.panorama_link:hover{
	background-color:#FFF;
}
.panorama_link::before {
    content: "";
    top: 40px;
    right: 43px;
    width: 18px;
    height: 1px;
    background: #333;
    position: absolute;
}
.panorama_link::after {
    content: "";
    right: 41px;
    top: 36px;
    width: 11px;
    height: 1px;
    background: #333;
    -webkit-transform: rotate( 45deg);
    transform: rotate( 45deg);
    position: absolute;
}
.panorama_come{
    font-size: 14px !important;
    color: #959595;
    height: 41px !important;
}
.t_tokusen_wrap{
    background-position-x: center;
    padding: 35px 0px 0px 0px;
    margin: 60px 0px 0px 0px;
	position:relative;
}
.t_tokusen_wrap:before{
	content: "";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:200px;
	background-image:url(/img/top/osusume_bg_top_gray.webp);
	background-repeat:no-repeat;
	background-position-x:center;
}
.t_tokusen{
	position:relative;
	padding-top:160px;
}
.t_tokusen h2{
    font-size: 16px;
    margin: 0px auto 0px auto;
    padding: 100px 0px 34px 430px;
    width: 1180px;
    background-image: url(/img/top/osusume.png);
    background-repeat: no-repeat;
    background-position-y: top;
    background-position-x: left;
    box-sizing: border-box;
    position: absolute;
    top: -74px;
    left: 0px;
    right: 0px;
}

.t_tokusen h2 span{
	display:block;
	font-weight:bold;
	font-size:32px;
	color:#ed6103;
	margin-bottom:29px;
}

.tokusen_box_wrap:nth-child(2){
    z-index: 10;
	padding-top:60px;
    padding-bottom: 190px;
    background-color: #fcefe5;
}

.tokusen_box_wrap:nth-child(2):after{
	content: "";
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:160px;
	background-image:url(/img/top/osusume_bg_bottom_gray.webp);
	background-repeat:no-repeat;
	background-position-x:center;
}


.tokusen_box_wrap:nth-child(3){
    margin: 0px 0px 0px 0px;
    padding: 30px 0px 30px 0px;
}
.tokusen_box_wrap:nth-child(4){
    background-position-x: center;
    background-position-y: top;
    z-index: 10;
    margin: 0px 0px 0px 0px;
    padding: 180px 0px 185px 0px;
    background-color: #ebf1f6;
}
.tokusen_box_wrap:nth-child(4):before{
	content: "";
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:160px;
	background-image:url(/img/top/osusume_bg_top_blue.webp);
	background-repeat:no-repeat;
	background-position-x:center;
}
.tokusen_box_wrap:nth-child(4):after{
	content: "";
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:160px;
	background-image:url(/img/top/osusume_bg_bottom_blue.webp);
	background-repeat:no-repeat;
	background-position-x:center;
}

.tokusen_box_wrap:nth-child(5){
    margin: 40px 0px 0px 0px;
    padding: 0px 0px 60px 0px;
    z-index: 1;
}
.tokusen_box_wrap{
	position:relative;
	overflow:hidden;
}
.tokusen_box{
	width:1100px;
	margin:auto;
	position:relative;

}
.tokusen_box_wrap:nth-child(2) .tokusen_box::before {
    content: "";
    background-image: url(/img/top/osusume_hito.png);
    position: absolute;
    width: 127px;
    height: 217px;
    top: 230px;
    left: 30px;
}
.tokusen_box_wrap:nth-child(3) .tokusen_box::before {
    content: "";
    background-image: url(/img/top/kawagoe_hito.png);
    position: absolute;
    width: 524px;
    height: 295px;
    top: 230px;
    right: -60px;
}
.tokusen_box_wrap:nth-child(4) .tokusen_box::before {
    content: "";
    background-image: url(/img/top/yokohama_hito.png);
    position: absolute;
    width: 207px;
    height: 513px;
    top: 0px;
    left: -30px;
}
.tokusen_box_wrap:nth-child(5) .tokusen_box::before {
    content: "";
    background-image: url(/img/top/kamata_hito.png);
    position: absolute;
    width: 109px;
    height: 300px;
    top: 210px;
    right: 10px;
}
.tokusen_l{
	float:left;
}
.tokusen_r{
	float:right;
}
.tokusen_title{
    position: relative;
    margin-top: 60px;
}
.tokusen_box_wrap:nth-child(4) .tokusen_title{
    margin-top: 110px;
}
.tokusen_title h3{
	font-size:21px;
	font-weight:bold;
	color:#ed6103;
	text-align:center;
}
.tokusen_title h3 span{
    display: block;
    margin: 10px auto 10px auto;
    font-size: 19px;
    color: #fff;
    text-align: center;
    line-height: 35px;
    padding: 0px 15px;
    background-color: #ed6103;
    border-radius: 20px;
    width: fit-content;
}
.tokusen_le_h2{
	color:#0392d6 !important;
}
.tokusen_le_h2 span{
	background-color:#0392d6 !important;
}
.tokusen_title p{
	margin:0px 0px 0px 0px;
	text-align:center;
	font-size:13px;
}
.tokusen_bukken{
	width:850px;
}
.tokusen_bukken ul{
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
}
.tokusen_bukken ul li{
    width: 264px;
    background-color: #FFF;
    border-radius: 10px;
    float: left;
    margin-right: 29px;
    box-shadow: 0 0 4px #d5d2d2;
	overflow:hidden;
	position:relative;
}
.tokusen_bukken_link{
	display:block;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	position:absolute;
	z-index:50;
}
.tokusen_bukken ul li:last-child{
	margin-right:0px;
}

.tokusen_bukken_img{
	height:336px;
	width:100%;
	position:relative;
	z-index:0;
}
.tokusen_bukken_img::before {
content: "";
    background-image: url(/img/top/tokusen_img_bg.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 49px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    z-index: 10;

}
.tokusen_bukken_img img{
position: absolute;
    top: 50%;
    left: 50%;
    right: 0 px;
    margin: auto;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    object-fit: cover;
    font-family: 'object-fit: cover';
    font-family: 'object-fit: cover;';
    z-index: 1;
}
.tokusen_bukken_tex{
padding: 10px;
    margin: 0px 0px 0px 0px;
    position: relative;
    z-index: 1;
    background-color: #fff;
}
.tokusen_bukken_syurui{
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 21px;
    background-color: #ed6103;
    padding: 0px 10px;
    display: inline-block;
    margin-bottom: 7px;
    margin-top: -30px;
    z-index: 50;
    position: relative;
}
.tokusen_bukken_title{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	font-size:14px;
	margin-bottom:7px;
}
.tokusen_bukken_kakaku{
	font-size:13px;
margin-bottom: 8px;
	color:#ed6103;
}
.tokusen_bukken_kakaku span{
	font-size:20px;
	color:#ed6103;
	padding-right:2px;
}
.tokusen_bukken_shosai{
	margin-bottom:5px;
}
.tokusen_bukken_shosai span{
	display:block;
	font-size:13px;
	color:#333;
}
.tokusen_bukken_tex p{
    font-size: 13px;
    margin: 0px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 39px;
    overflow: hidden;
}
.tokusen_le_h2{

}
.tokusen_bukken_come{
    padding: 13px;
    margin: -40px 0px 0px 0px;
}
.tokusen_le_shurui{

}
.t_inq_bn{
	width:1100px;
	margin:40px auto 0px auto;
}
.t_inq_bn a{

}
.t_inq_bn a img{

}

.t_conts_wrap{

}
.t_conts_box_wrap{
background: #fff5ee;
    padding: 60px 0px;
}
.t_conts_box_wrap .t_conts_box{
	padding:0px 0px;
}
.t_conts_box{
	width:1100px;
	margin:auto;
	overflow:hidden;
	padding:40px 0px;
}
.t_conts_l{
	float:left;
}
.t_conts_r{
	float:right;
}
.t_conts_tex{
    margin: 60px 0px 0px 0px;
}
.t_conts_tex h2{
    font-size: 32px;
    color: #ed6103;
    font-weight: bold;
    text-align: center;
    margin: 0px 0px 40px 0px;
    text-align: center;
    background-repeat: no-repeat;
    background-position-x: right;
    padding: 10px 0px 0px 0px;
}
.t_conts_box:nth-child(1) .t_conts_tex h2{
	background-image:url(/img/top/management.png);
}
.t_conts_box_wrap .t_conts_tex h2{
	background-image:url(/img/top/realestatesale.png) !important;
}
.t_conts_tex p{
    font-size: 16px;
    margin: 0px 0px 0px 0px;
    text-align: center;
    line-height: 25px;
}
.t_conts_link{
    display: block;
    font-size: 19px;
    text-align: center;
    background-color: #fdc609;
	border:solid 2px #fdc609;
    width: 318px;
    text-decoration: none;
    color: #333;
    line-height: 70px;
    border-radius: 35px;
    font-weight: bold;
    position: relative;
    padding: 0px 20px 0px 0px;
    box-sizing: border-box;
    margin: 40px auto 0px auto;
}
.t_conts_link:hover{
	background-color:#FFF;
}
.t_conts_link::before {
    content: "";
    top: 38px;
    right: 23px;
    width: 18px;
    height: 1px;
    background: #333;
    position: absolute;
}
.t_conts_link::after {
    content: "";
right: 21px;
    top: 34px;
    width: 11px;
    height: 1px;
    background: #333;
    -webkit-transform: rotate( 45deg);
    transform: rotate( 45deg);
    position: absolute;
}
.t_conts_img{

}
.t_conts_img img{

}

.t_company_wrap{
    background-image: url(/img/top/group_bg.jpg);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;
    padding: 130px 0px 0px 0px;
	margin:60px 0px;
}
.t_company_wrap h2{
    background-image: url(/img/top/aboutus.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: 0px;
    font-size: 32px;
    font-weight: bold;
    color: #ed6103;
    text-align: center;
    width: 520px;
    margin: 0px auto 100px auto;
    padding: 22px 0px 0px 0px;

}
.t_company_wrap ul{
margin:0px auto 0px auto;
    padding: 0px;
    list-style-type: none;
    width: 1100px;
    border: solid 1px #ed6103;
    border-radius: 50px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}
.t_company_wrap ul li{
width: 275px;
}
.t_company_wrap ul li a{
display: block;
    font-size: 15px;
    text-align: center;
    color: #333;
    text-decoration: none;
    background-color: #fff;
    padding: 180px 0px 60px 0px;
	background-repeat:no-repeat;
	background-position-x:center;
	position:relative;
}
.t_company_wrap ul li a:hover{
	background-color:#ffecdf;
}
.t_company_wrap ul li a::before {
    content: "";
    border-left:dotted 1px #ed6103;
	height:198px;
	top:45px;
	right:0px;
	position:absolute;

}
.t_company_wrap ul li:nth-child(4) a::before{
	border:none;
}
.t_company_wrap ul li:nth-child(1) a{
	background-image:url(/img/top/group_img01.png);
    background-position-y: 50px;
    background-position-x: 71px;

}
.t_company_wrap ul li:nth-child(2) a{
	background-image:url(/img/top/group_img02.png);
	background-position-y:82px;

}
.t_company_wrap ul li:nth-child(3) a{
	background-image:url(/img/top/group_img03.png);
    background-position-y: 28px;
    background-position-x: 91px;

}
.t_company_wrap ul li:nth-child(4) a{
	background-image:url(/img/top/group_img04.png);
	background-position-y:63px;

}
.t_company_wrap ul li a span{
    display: block;
    text-align: center;
    font-size: 19px;
    font-weight: bold;
    color: #ed6103;
    margin: 0px 0px 10px 0px;
}
.js-animation {
  opacity: 0;
  visibility: hidden;
  transform: translateY(40px);
  transition: all 1s;
}
.js-animation.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.fadein {
	opacity : 0;
	transform : translate(0, 50px);
	transition : all 800ms;
	}

/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}
.t_conts_box .fadein:nth-of-type(2) {
	-moz-transition-delay:500ms;
	-webkit-transition-delay:500ms;
	-o-transition-delay:500ms;
	-ms-transition-delay:500ms;
	}
/* 3つ目の要素に400msのdelayをかける */
.t_conts_box .fadein:nth-of-type(3) {
	-moz-transition-delay:800ms;
	-webkit-transition-delay:800ms;
	-o-transition-delay:800ms;
	-ms-transition-delay:800ms;
	}
.search_box .fadein:nth-of-type(2) {
	-moz-transition-delay:500ms;
	-webkit-transition-delay:500ms;
	-o-transition-delay:500ms;
	-ms-transition-delay:500ms;
	}
#jsp{
	width:auto;
    height: 18px;
    font-size: 12px;
    text-align: right;
}
#jsp a{
	color:#333;
}
.t_bn {
text-align: center;
}
.t_cont_wrap {
	width: 1200px;
	margin:70px auto 55px auto;
	padding: 0px;
	list-style-type: none;
	display: flex;
	justify-content: space-between;
	letter-spacing: 1px;

	li{

		a{
			display: block;
			width: 220px;
			height: 200px;
			box-sizing: border-box;
			font-size: 22px;
			font-weight: bold;
			color: #fff;
			text-decoration: none;
			padding:125px 0px 0px 25px;
			box-sizing: border-box;
			position: relative;
			transition: all .5s;
			&:hover{
				filter: brightness(80%);
			}
			&::before{
            	content: "";
				right: 13px;
				bottom: 13px;
				background-image: url(/img/top/link_icon_f.webp);
				width: 23px;
				height: 23px;
				position: absolute;
			}
			span{
				display: block;
                font-size: 13px;
                font-weight: normal;
                margin: 0px 0px 5px 0px;
                color: #fff;
                letter-spacing: 2px;
			}
		}

		&:nth-child(1) a{
			background-image: url(/img/top/t_conts_bg01.webp);
		}
		&:nth-child(2) a{
			background-image: url(/img/top/t_conts_bg02.webp);
		}
		&:nth-child(3) a{
			background-image: url(/img/top/t_conts_bg03.webp);
		}
		&:nth-child(4) a{
			background-image: url(/img/top/t_conts_bg04.webp);
		}
		&:nth-child(5) a{
			background-image: url(/img/top/t_conts_bg05.webp);
		}

	}
}
/*.t_shop_wrap{
	background-color: #fef5f0;
	padding: 70px 0px;
	h2{
		font-size: 30px;
		font-weight: bold;
		margin: 0px auto 35px auto;
		padding: 0px 0px 0px 45px;
		position: relative;
		line-height: 29px;
		background-image: url(/img/top/shop_ti_icon.webp);
		background-repeat: no-repeat;
		width: 1200px;
		box-sizing: border-box;
		span{
			font-size: 17px;
			font-weight: bold;
			color: #b4b4b4;
			padding: 0px 0px 0px 10px;
		}
	}
	ul{
		width: 1200px;
		margin: auto;
		padding: 0px;
		list-style-type: none;
		display: flex;
		align-items: self-start;
		justify-content:space-between;
		li{
			padding: 40px 45px;
			width: 580px;
			box-sizing: border-box;
			border-radius: 15px;
			display: flex;
			justify-content: space-between;
			background-color: #fff;
			box-sizing: border-box;
			.t_shop_box{
                width: 315px;
                margin-top: 5px;
			}

			h3{
				font-size: 20px;
				font-weight: bold;
				color: #ed6103;
				margin: 0px 0px 20px 0px;
			}
			p{
                font-size: 15px;
                line-height: 22px;
                margin: 0px;
			}
		}
	}

}*/
.t_review_warp {
	width: 1200px;
	margin:110px auto 80px auto;
	height: 650px;
	h2{
		width: fit-content;
		font-size: 40px;
		font-weight: bold;
		margin: 0px auto 50px auto;
        line-height: 57px;
        background: linear-gradient(transparent 74%, #ffecd9 50%);
		position: relative;
		&::before{
			content: "";
			background-image: url(/img/top/kuchikomi_title_icon.webp);
			width:77px;
			height:45px;
			left: -100px;
			top: 0px;
			bottom: 0px;
			margin: auto;
			position: absolute;
		}

	}
	.t_review_link{
        display: block;
        width: 440px;
        margin: 60px auto 0px auto;
        font-size: 20px;
        font-weight: bold;
        line-height: 80px;
        border-radius: 5px;
        text-align: center;
        background-color: #fff;
		border: solid 1px #ed6103;
        color: #ed6103;
        text-decoration: none;
        background-image: url(/img/top/link_icon_o.webp);
        background-repeat: no-repeat;
        background-position-y: center;
        background-position-x: 385px;
        position: relative;
        z-index: 1;
	transition: all .5s;
	top: -220px;
		&:hover{
				background-color: #ed6103;
				color: #fff;
            	background-image: url(/img/top/link_icon_f.webp);
		}
	}
}