/* CSS Document */
	
/*******************************/
/*  ?T?C?g?J?��?[???X �fu?????[?h  */
/* ???@#326598;/*sma_color_01*/
/*     ?w?b?_,h2,?p?�g????�hw?i  */
/* ??  #BBBBBB;/*sma_color_02*/
/*  ?X?��?C?h???j?�c?[�hw?i  */
/*???j#????;/*sma_color_01*/
/*              ?
/*???j#????;/*sma_color_01*/
/* sma_color???R???�g?g?A?E?g????????�fu??*/
/* ?J?��?[?R?[?h?????????X*/
/*******************************/

.sm-tel{
	font-family: "?q?��?M?m?p?S Pro W3", "Hiragino Kaku Gothic Pro", "???C???I", Meiryo, Osaka, "?l?r ?o?S?V?b?N", "MS PGothic", sans-serif;
	font-size: 26px;
	line-height: 44px;
	font-weight: bold;
	color: #F00;
	background-repeat: no-repeat;
}
.tel-back{
	background-image: url(/mobile_img/sm-tel.png);
	background-repeat: no-repeat;
}

.waku{
	border: solid 1px #CCC;
	padding: 3px;
	font-size: 13px;
}
.top{
	margin-top: 10px;

}
.orange{
	color: #FF3F00;
}



.t_main_wrap{
    background-image: url(/img/top/main_bg.webp);
    background-position-x: center;
    background-repeat: no-repeat;
    height: 420px;
    overflow: hidden;
    background-size: cover;
    position: relative;
}
.t_main_box{
	width:92%;
	margin:auto;
	position:relative;
	height:100%;
}
.t_main_title{
padding-top: 113px;
    text-shadow: 0px 0px 10px #ffffff, 0px 0px 10px #ffffff, 0px 0px 10px #ffffff;
}

.t_main_title span{
    font-size: 20px;
    font-weight: bold;
    border: solid 2px #333;
    padding: 0px 15px;
    line-height: 46px;
    display: block;
    width: fit-content;
    border-radius: 10px;
}
.t_main_title span span{
font-size: 26px;
    font-weight: bold;
    color: #a77d00;
    padding: 0px;
    border: none;
    display: inline-block;

}
.t_main_title h2{
    margin: 10px 0px 0px 0px;
    font-size: 26px;
    font-weight: bold;
    line-height: 40px;
}
.t_main_title p{
    margin: 8px 0px 0px 0px;
    font-size: 16px;
    font-weight: bold;
    line-height: 28px;
}


.t_topics_wrap{
    width: 92%;
    margin: -37px auto 30px auto;
    position: relative;
    background-color: #fff;
    padding: 15px;
    box-sizing: border-box;
}
.t_topics_wrap::before{
    content: "";
    background-image: url(/img/top/topics_t_bg.webp);
    background-size: 100%;
    top: -21px;
    left: 0px;
    width: 100%;
    height: 32px;
    border-right: cornflowerblue;
    position: absolute;
}
.t_info{
    width: 100%;
    position: relative;
    margin-bottom: 20px;
}
.t_info_title{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.t_info_title h2{
    font-size: 18px;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 31px;
    display: flex;
    justify-content: left;
    align-items: center;
    background-image: url(/img/top/info_icon.webp);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position-x: left;
    background-position-y: center;
}
.t_info:nth-child(2) .t_info_title h2{
    background-image: url(/img/top/new_icon.webp);
}
.t_info_title h2 span{
	color:#72bf43;
	font-size:14px;
	padding:0px 0px 0px 15px;
	font-weight:bold;
}
.t_info_title a{
    font-size: 15px;
    font-weight: bold;
    padding: 0px 27px 0px 0px;
    background-image: url(/img/top/link_icon.webp);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;
    position: relative;
    color: #333;
}
.t_info_title a::before {
    content: "";
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    border: 1px solid #333;
    background-color: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    position: absolute;
}
.t_info_title a::after {
    content: "";
    right: 7px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width: 4px;
    height: 4px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
}
.t_info_title a:hover{
	color:#72bf43;
}
.t_info_box{
overflow: hidden;
        background-color: #fff;
}
.t_new_box{
    border: solid 1px #c1b07d;
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    margin: 4px 4px;
    overflow-y: scroll;
    height: 170px;
}
.t_info_box ul{
        margin: 0px;
        padding: 0px 15px;
        list-style-type: none;
        box-sizing: border-box;
}
.t_info_box ul li{

}
.t_info_box ul li a{
        display: block;
        padding: 10px 0px;
        border-bottom: solid 1px #ccc;
        color: #333;
        text-decoration: none;
}
.t_new_box ul li a{
    display: block;
}
.t_new_box ul li a span{

}
.t_new_box ul li a p{

}
.t_new_box_tex{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    font-size: 14px;
    line-height: 21px;
}
.t_info_box ul li a:hover{
	text-decoration:underline;
}
.t_info_box ul li:last-child a{
	border-bottom:none;
}
.t_info_box ul li a span{
        font-weight: bold;
        margin-right: 10px;
        font-size: 14px;
}
.t_info_box ul li a p{
        font-weight: normal;
        margin-right: 10px;
        font-size: 14px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        line-height: 19px;
        margin: 0px;
}
.t_info iframe{
    width: 100%;
    height: 170px;
    background: none;
    display: block;
    border: none;
    border: solid 1px #c1b07d;
    border-radius: 10px;
}
.t_search_wrap{
	background-color:#fefbf2;
	padding:50px 0px;
    border-top: solid 1px #cccc;
}
.t_search{
    width: 92%;
    margin: 0px auto 0px auto;
    border-radius: 10px;
    padding: 0px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.t_search_wrap h2{
width: 100%;
    font-size: 30px;
    font-weight: bold;
    line-height: 32px;
    margin: 0px auto 30px auto;
    position: relative;
    z-index: 2;
    text-align: center;
}
.t_search_wrap h2 span{
    color: #c1b07d;
    display: block;
    font-size: 16px;
    line-height: 20px;
    margin-top: 10px;
}

.t_search_conts{
    margin: 0px 0px 20px 0px;
    padding: 0px;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    box-shadow: 0 0 6px #cccccc;
    border-radius: 10px;
    overflow: hidden;
    width: fit-content;
    width: 100%;
}
.t_search_conts li{
    border-right: solid 1px #ccc;
    width: 33%;
}
.t_search_conts li a{
    display: block;
    background-color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 15px 0px 15px 0px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 0px;
	color:#333;
}
.t_search_conts li:last-child {
    border-right: none;
}
.t_search_conts li a img{
    display: block;
    margin: 0px auto 5px auto;
    width: 32px;
}
.t_search_conts:nth-child(4){

}
.t_search_conts:nth-child(4) li{
    width: 50%;
}
.t_search_conts:nth-child(4) li a{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 8%;
}
.t_search_conts:nth-child(4) li img{
    margin: 0px 10px 0px 0px;
    height: 28px;
    width: auto;
}
.t_search_conts:nth-child(5){

}
.t_search_conts:nth-child(5) li{
    width: 50%;
}
.t_search_conts:nth-child(5) li a{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-right: 8%;
}
.t_search_conts:nth-child(5) li img{
    margin: 0px 10px 0px 0px;
    height: 28px;
    width: auto;
}
.t_search_area{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    box-shadow: 0 0 6px #cccccc;
    border-radius: 10px;
    overflow: hidden;
    flex-wrap: wrap;
    width: 486px;
}
.t_search_area li{
	width:33.3%;
	position:relative;
}
.t_search_area li::before {
    display: block;
    content: "";
    width: 1px;
    height: 34px;
    background-color: #ccc;
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}
.t_search_area li:nth-child(3n)::before {
	display:none;
}
.t_search_area li:nth-child(1),.t_search_area li:nth-child(2),.t_search_area li:nth-child(3){
    border-bottom: solid 1px #ccc;
}
.t_search_area li a{
    display: block;
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    background-color: #FFF;
    padding: 14px 0px;
    color: #333;
    text-align: center;
}
.t_search_area li a:hover{
	background-color:#ebf8e2;
}
.t_search_area li a i{
    padding: 0px 7px 0px 18px;
}
.t_search_free{
    width: 100%;
}
.t_search_free p{
    font-size: 18px;
    font-weight: bold;
    margin: 20px 0px 10px 0px;
    line-height: 23px;
}
.search_space{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}
.search_window{
    border: solid #c1b07d 1px !important;
    display: block;
    font-size: 16px !important;
    border-radius: 10px 0px 0px 10px !important;
    line-height: 49px !important;
    padding: 0px 20px !important;
    width: 85% !important;
    box-sizing: border-box !important;
    background-color: #fff !important;
    margin: 0px !important;
    box-shadow: none !important;
    height: auto !important;
}
.quick_keyword{
    width: 15%;
}
.free_btn{
    background-color: #c1b07d !important;
    display: block !important;
    border: none !important;
    width: 100% !important;
    height: 51px !important;
    border-radius: 0px 10px 10px 0px !important;
    box-shadow: none !important;
    line-height: normal !important;
    margin: 0px !important;
    background: #666;
    background-image: url(/img/top/search_,free_icon.webp);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: 18px;
}
.t_search_campus{
    margin-top: 40px;
}
.t_search_campus p{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    position: relative;
    margin: 0px 0px 20px 0px;
}
.t_search_campus p::before {
    display: block;
    content: "";
    width: 20%;
    height: 5px;
    border-top: dotted 5px #c1b07d;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}
.t_search_campus p::after {
    display: block;
    content: "";
    width: 20%;
    height: 5px;
    border-top: dotted 5px #c1b07d;
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
}
.t_search_campus ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.t_search_campus ul li{
    width: 48%;
    margin-bottom: 15px;
}
.t_search_campus ul li a{
    display: block;
    line-height: 48px;
    background-color: #fff;
    height: 55px;
    box-shadow: 0 0 6px #cccccc;
    border-radius: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    padding: 0px 9px 0px 0px;
}
.t_search_campus ul li a::after {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 7%;
    width: 10px;
    height: 10px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(45deg);
    box-sizing: border-box;
}
.t_search_campus ul li:last-child a::after {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}
.t_search_campus ul li:last-child a{
    font-size: 14px;
    font-weight: bold;
    background-color: #c1b07d;
    color: #fff;
}
.t_search_campus ul li a img{
    width: 72%;
}

.t_tokusen_wrap{
	padding:50px 0px;
	background-color:#f4f0e1;
	background-image:url(/img/top/room_bottom_bg.webp);
	background-position-x:center;
	background-position-y:bottom;
	background-repeat:no-repeat;
	background-size:500px;
}
.t_tokusen{
    width: 100%;
    margin: auto;
}
.t_tokusen_in{

	margin-bottom:50;
	position:relative;
}
.t_tokusen_in::before{
    display: block;
    content: "";
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
}
.t_tokusen_in::after{
    display: block;
    content: "";
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
}
.t_tokusen_in:nth-child(1)::after {
background-image: url(/img/top/pet_wan.webp);
    width: 58px;
    height: 79px;
    right: 10px;
    top: 20px;
}
.t_tokusen_in:nth-child(2)::after {
    background-image: url(/img/top/tanshin_wan.webp);
    width: 39px;
    height: 141px;
    left: 11%;
    top: 11px;
}
.t_tokusen_in:nth-child(3)::after {
    background-image: url(/img/top/couple_wan.webp);
    width: 72px;
    height: 83px;
    right: 5%;
    top: -7px;
}
.t_tokusen_in:nth-child(4)::after {
    background-image: url(/img/top/gensen_wan.webp);
    width: 50px;
    height: 96px;
    left: 9%;
    top: 13px;
}
.t_tokusen_in:last-child{
	margin-bottom:0px;
}
.t_tokusen_title{
    position: relative;
}
.t_tokusen_title h3{
    font-size: 26px;
    line-height: 37px;
    text-align: center;
    font-weight: bold;
    margin: 0px 0px 20px 0px;
}
.t_tokusen_title h3 span{
	color:#c3b281;
	font-weight:bold;
}
.t_tokusen_link{
    display: block;
    background-color: #c3b281;
    color: #fff;
    line-height: 62px;
    border-radius: 40px;
    text-align: center;
    width: 64%;
    position: relative;
    font-size: 16px;
    margin: 20px auto 0px auto;

}
.t_tokusen_link::after {
content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 21px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    box-sizing: border-box;
}
.t_tokusen_box{
    width: 96%;
    margin: 0px 0px 0px 4%;
    overflow: scroll;
}
.t_tokusen_box ul{
    margin: auto;
    padding: 0px;
    list-style-type: none;
    display: flex;
    justify-content: left;
    box-sizing: border-box;
    width: max-content;
}
.t_tokusen_box ul li {
    width: 220px;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 6px #cccccc;
    border-radius: 10px;
    overflow: hidden;
    margin: 0px 20px 0px 0px;
    position: relative;
}
.t_tokusen_madori{
    background-color: #c1b07d;
    color: #fff;
    padding: 0px 8px;
    line-height: 22px;
    text-align: center;
    border-radius: 3px;
    position: absolute;
    top: 13px;
    right: 10px;
}
.t_tokusen_room_link{
    display: block;
    text-decoration: none;
    color: #333;
}
.t_tokusen_list ul li>a{
    display: block;

}
.t_tokusen_list ul li:hover img{
 transform: scale(1.1,1.1);
    transition: .3s
}
.t_tokusen_kakaku{
    color: #d04242;
    font-size: 15px;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
}
.t_tokusen_kakaku span{
	color:#333;
	font-size:14px;
	font-weight:normal;
}
.t_tokusen_img{.t_tokusen_come
    height: 150px;
    overflow: hidden;
}
.t_tokusen_img a{
    height: 150px;
    display:flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background:#d9d3ba;
}
.t_tokusen_img img{
    display: block;
    /* max-width: 100%; */
    max-height: 100%;
    height: 150px;
    margin: auto;
	width:auto;
}
.t_tokusen_come{
    background-color: #ececec;
    padding: 8px;
    border-radius: 10px;
    line-height: 19px;
    font-size: 13px;
    margin: 5px 0px 0px 0px;
}
.t_tokusen_come span{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	overflow:hidden;
}
.t_tokusen_info{
    padding:15px;
    position: relative;
}
.t_tokusen_ti{
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 19px;
    font-weight: bold;
    margin: 0px 0px 5px 0px;
}
.t_tokusen_ti span{
    display: block;
    font-size: 21px;
    color: #bd0000;
    font-weight: bold;
    margin: 15px 0px;
}
.t_tokusen_info p{
    margin: 0px 0px 0px 0px;
    font-size: 13px;
    line-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.t_tokusen_shubetsu{
    position: absolute;
    background-color: #00306d;
    font-size: 14px;
    color: #fff;
    top: 0px;
    left: 0px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.t_tokusen_shubetsu span{
    font-size: 12px;
}
.t_tokusen_more {
    width: 300px;
    line-height: 52px;
    background-color: #72bf43;
    font-size: 15px;
    border-radius: 10px;
    color: #fff;
    margin: 20px auto 0px auto;
    padding: 0px 14px 0px 0px;
    background-image: url(/img/top/link_icon_f.webp);
    background-repeat: no-repeat;
    box-shadow: 0 0 6px #cccccc;
    background-position: right 20px center;
    display: block;
    text-align: center;
    box-sizing: border-box;
}
.t_tokusen_more:hover{
	background-color:#60a734;
}


.t_owner_wrap{
	padding:50px 0px;
	background-image:url(/img/top/owner_bg.webp);
}
.t_owner_wrap h2{
    width: 100%;
    font-size: 30px;
    font-weight: bold;
    line-height: 32px;
    margin: 0px auto 30px auto;
    position: relative;
    z-index: 2;
    text-align: center;
}
.t_owner_wrap h2 span{
    color: #c1b07d;
    display: block;
    font-size: 16px;
    line-height: 20px;
    margin-top: 10px;
}
.t_owner_box{
	width:92%;
	margin:auto;
}
.t_owner_box img{
margin: 0px 0px 0px 0px;
    width: 100%;
}

.t_owner_r{
	position:relative;
}
.t_owner_r::after{
    display: block;
    content: "";
    position: absolute;
    background-image: url(/img/top/owner_people.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 22%;
    height: 68px;
    right: 0px;
    top: -26px;
}
.t_owner_title{
    margin-bottom: 20px;
    margin-top: 0px;
}
.t_owner_title span{
    font-size: 20px;
    font-weight: bold;
    line-height: 51px;
    padding-bottom: 8px;
    border-bottom: dotted 5px #c1b07d;
}
.t_owner_r p{
    font-size: 14px;
    line-height: 28px;
    margin: 0px 0px 25px 0px;
}
.t_owner_r ul{
    margin: 0px 0px 20px 0px;
    padding: 0px;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.t_owner_r ul li{
    width: 48%;
    margin-bottom: 15px;
}
.t_owner_r ul li a{
    background-color: #c3b281;
    color: #fff;
    line-height: 55px;
    border-radius: 40px;
    text-align: center;
    position: relative;
    font-size: 14px;
	display:block;
	font-weight:bold;
}
.t_owner_r ul li a::after {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8%;
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg);
    box-sizing: border-box;
}

.t_company_wrap{
    background-color: #f4f0e1;
    background-image: url(/img/top/company_bottom_bg.webp);
    background-position-y: bottom;
    padding: 50px 0px;
    background-repeat: repeat-x;
}
.t_company{
	width:92%;
	margin:auto;
}
.t_company_l{
	width:100%;
	position:relative;
}
.t_company_l::after{
    display: block;
    content: "";
    position: absolute;
    background-image: url(/img/top/company_people.webp);
    background-size: 100%;
    width: 26%;
    height: 75px;
    right: 0px;
    top: -3px;
    background-repeat: no-repeat;
}
.t_company_name{
    margin: 0px 0px 13px 0px;
    font-size: 20px;
    font-weight: bold;
}
.t_company_tel{
    font-size: 28px;
    font-weight: bold;
    margin: 0px 0px 15px 0px;
    padding: 0px 0px 0px 18px;
    background-image: url(/img/top/company_tel_icon.webp);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position-y: 0px;
    background-position-x: 0px;
    line-height: 24px;
}
.t_company_tel a{
	color:#333;
	text-decoration:none;
}
.t_company_shosai{
    font-size: 14px;
    font-weight: bold;
    line-height: 26px;
    margin: 0px 0px 20px 0px;
}
.t_company_shosai a{
	text-decoration:underline;
}
.t_company_l p{
    background-color: #FFF;
    padding: 15px;
    font-size: 14px;
    font-weight: bold;
    line-height: 27px;
    margin: 0px 0px 20px 0px;
    border-radius: 10px;
}
.t_company_l ul{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.t_company_l ul li{
    width: 48%;
	margin-bottom:15px;
}
.t_company_l ul li a{
    background-color: #fff;
    border: solid 1px #c1b07d;
    color: #333;
    line-height: 55px;
    border-radius: 40px;
    text-align: center;
    position: relative;
    font-size: 14px;
    display: block;
    font-weight: bold;
}
.t_company_l ul li a::after {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8%;
    width: 6px;
    height: 6px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(45deg);
    box-sizing: border-box;
}
.t_company img{
    display: block;
    margin: 0px 0px 20px 0px;
    width: 100%;
}
.line_bn_wrap{
border: solid 1px #c1b07d;
    background-color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
    color: #00b900;
    width: 92%;
    margin: auto;
    text-align: center;
    border-radius: 50px;
    text-decoration: none;
    padding: 10px 0px;
    position: relative;
}
.line_bn_wrap::after {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8%;
    width: 6px;
    height: 6px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    transform: rotate(45deg);
    box-sizing: border-box;
}
.line_bn_wrap img{
    margin-right: 20px;
    width: 10%;
}
.c21_bn{
width: 100%;
    margin: 30px auto 0px auto;
}
.c21_bn a{
	display:block;
}
.c21_bn img{
	width:100%;
}