@charset "utf-8";

html {
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-x: scroll;
	font-size:16px;
	font-family: Meiryo, メイリオ,'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',sans-serif;
}
body{
	font-size:inherit;
	font:100%;
	line-height:1.6;
	margin:0 0 0 0;
	padding: 0 0 0 0;
}
div, span, pre, p, blockquote, form, fieldset, label, legend, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, embed, object, form, caption, tbody, tfoot, thead, a, abbr, acronym, address, small, strike, sub, sup, tt, var, del, u, i, center, big, cite, code, iframe, obect, applet {
	margin: 0;
	padding: 0;
	list-style: none;
	vertical-align: baseline;
	outline: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
}
table{
	margin:0 auto;
}
th,td,input,textarea,select,option {
	margin: 0;
	padding: 0;
	font-style:normal;
	font-weight:normal;
	text-align:left;
}
a { 
	vertical-align: baseline;outline: none;
	overflow:hidden;
	outline:none;   
}
a img{border:none;}
a:hover img.over{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
a:link,a:visited{
	color:#5f5f5f;
	text-decoration:none;
}
a:hover,a:active{
	color:#5f5f5f;
	text-decoration:none;
}
.cf::after {
    content: " ";
    display: block;
    clear: both;
}
.clearfix::after {
    content: " ";
    display: block;
    clear: both;
}
.sidemax{
	max-width:1200px;
	margin:0 auto;
}
@media screen and (min-width: 0px) and (max-width: 768px) {
    /*SP 769未満*/
        .sidemax{width:96%;}
        .sidemax img{overflow:hidden;}
           
}

/******************************************
print
*******************************************/
@media print{
    .no_print{
        display: none;
    }
}

/******************************************
spnavi
*******************************************/

.spnavi_bt{
    width:40%;
}
.spnavi_bt img{
    width:30%;
    float:left;
    margin-right:3%;
}
body .drawer-nav{
    background-color: #025885;
    opacity: 0.9;
}
body .drawer-nav ul li{
    text-align: left;
    padding:10px 20px;
    border-bottom: 1px #ccc dotted;
}
body .drawer-nav ul li.child{
    text-align: left;
    padding:5px 30px;
    border-bottom: 1px #ccc dotted;
}
body .drawer-nav ul li a{
    color:#fff;
    font-size:14px;
}

/******************************************
header
*******************************************/
#header_text{
	background:#fff;
	color:#666;
	min-width:1200px;
	line-height:20px;
}
#header_text h1{
	font-size:12px;
	float:left;
	text-align:left;
}
#header_text .inquiry_btn{
    display: inline-block;
    text-decoration: none;
    margin-top: 0px;
    height: 20px;
    background:#009eec;
    padding: 2px 10px 4px;
    line-height: 20px;
    border-radius: 0 0 4px 4px;
}

#header_text .company_btn{
    display: inline-block;
    text-decoration: none;
    margin-top: 0px;
    height: 20px;
    background:#ffc286;
    padding: 2px 10px 4px;
    line-height: 20px;
    border-radius: 0 0 4px 4px;
}

#header_text .inquiry_btn:active{
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    border-bottom: none;/*線を消す*/
}
#header_text .favorite_btn{
    display: inline-block;
    padding: 0;
    width: 180px;
    background-image: url("../images/header_okiniiri_bg.png");
    background-repeat: no-repeat;
    float:right;
    margin-top:0px;
    height: 50px;
}

#header_text .favorite_btn span{
    display: block;
    color:#fff;
    border-radius: 4px;
    width: 20px;
    height:20px;
    margin-left: 135px;
    margin-top: 0px;
}
#header{
	padding:4px 0px 0px 0px;
    background: #fff;
}
#logo{
	float:left;
	z-index:100000;
    margin-right: 60px;
}
#header p{
	float:left;
	font-size:12px;
	line-height:1.8;
	color:#777;
	margin-top: 24px;
    width: 460px;
}
#header .header_bt a{
    padding: 6px 10px;
    border: 1px solid #333;
    border-radius: 4px;
    width: 100px;
    display: block;
    float: right;
    text-align: center;
    margin: 0 5px;
}
#header .header_bt a:hover{
    background-color: #ccc;
}
.favorite_count{
    margin: -34px 0 0 98px;
    background-color: #a81338;
    color: #fff;
    display: block;
    width: 20px;
    position: absolute;
    border-radius: 4px;
}
#header_tel{
    margin:0;
}
#header_tel a{
	float: right;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
    /*SP 769未満*/
    #header {padding: 10px 0px 0px;}
    #header{overflow:hidden;}
    #header_text{line-height:18px;height:20px;margin-bottom:5px;min-width:100%;}
	#header_text p{padding:0;text-align:right; margin:0;}
    #logo{width:54%;float:left;margin: 8px 0px;}
    #logo img{width:100%;height:auto;}
    #header_tel{margin:-10px 0px 10px 0px;padding:0;height:32px;}
    .topmenu_sp ul li img {
        float: left;
        width: 33.3%;
    }


}
/******************************************
globalmenu
*******************************************/
.globalmenu_bg {
    margin:0px auto 0px;
	background: #fff;
    padding-top: 14px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-top: 10px;
}
#globalmenu ul{
	list-style:none;
    height: 40px;
    text-align: center;
}
#globalmenu li:first-child{
    border-left:1px solid #c3c3c3;
}
#globalmenu li{
	float:left;
    height: 30px;
    padding:0 44px;
    border-right:1px solid #c3c3c3;
}
#globalmenu li span{
    display: block;
    text-align: center;
    font-size: 8px;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
    /*SP 769未満*/
    .globalmenu_bg {margin: 0px auto 0px;}

    
}

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

.container {
    width: 100%;
    overflow-x: hidden;
}
.slide_all {
    width: 1100px;
    margin: 0 auto;
    height: 440px;
    position: relative;
}
.slide_wrap {
    width: 3300px;
    position: absolute;
    left: 50%;
    margin-left: -1650px;
}
.slide_wrap img{
    width:780px;
}
.slide_wrap img:hover{
    opacity: 0.6;
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}
.bx-controls{
    display: none;
}
.bx-wrapper .bx-viewport {
    background: none;
    border: none;
    box-shadow: none;
    padding: 20px 0;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
    /*SP 769未満*/
    .bx-wrapper .bx-viewport {
        padding: 0px;
    }
    .slider_sp,.slider_sp ul{width:100%;margin-bottom:15px;}
	.slider_sp li{margin:5px 0 !important;width:100% !important;}

    
}


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

.section_title{
    color:#5f5f5f;
    text-align: left;
    padding: 0.6em 1em;
    border-top: solid 2px #c3c3c3;
    border-bottom: solid 2px #c3c3c3;
    margin-bottom:20px;
    font-weight:700;
}
@media screen and (min-width: 0px) and (max-width: 768px) {
    /*SP 769未満*/
    .section_title{
        margin:4px 4px 10px 4px;
        font-size:14px;
        line-height:1.6;
        padding: 1em 1em 1em;
    }
    .section_title img{height:20px;width:auto;}

    
}


/******* new-rent  new-sale 1200 ************/

.new_rent{
    padding:20px 0;
}
.new_sale{
    padding:20px 0;
}

h3.section_title{
    position: relative;
    color: #5f5f5f;
    text-align: left;
    padding: 0.8em 1em 1em;
    border-top: none;
    border-bottom: none;
    margin-bottom: 20px;
    font-weight: 700;
}
h3.section_title:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    content: '';
    background-image: -webkit-repeating-linear-gradient(135deg, #c3c3c3, #c3c3c3 1px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient(-45deg, #c3c3c3, #c3c3c3 1px, transparent 2px, transparent 5px);
    background-size: 7px 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
h3.section_title span{
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
    font-size:18px;
    padding:0 20px;
    color:#9c9c9c;
}
.recommend2 ul li img{
    width: 130px;
	height: 130px;
    object-fit: cover;
	float:left;
}
.recommend2{
	overflow:hidden;
	width:100%;
}
.recommend2 ul{
	width:100%;
}
.recommend2 ul li .syubetsu_ic{
	color: #e62b4e;
	padding: 2px 4px;
	border: 1px solid #e62b4e;
	border-radius: 4px;
	width: 140px;
	font-size: 10px;
	text-align: center;
}
.recommend2 ul li .icon{
	position:absolute;
	top:0;
	left:0;
	width:40px;
	height:auto;
    z-index: 100;
}
.recommend2 ul li{
	position: relative;
    width: 47.7%;
	margin: 0 1.15% 1%;
    height: 130px;
    float: left;
    text-align: left;
    font-size: 14px;
    overflow: hidden;
	border-bottom:1px #ccc dotted;
	padding-bottom: 10px;
}
.recommend2 ul li:hover{
    background-color: #fdfdf8;
}
.recommend2 ul li .newdetail{
	width: calc(100% - 150px);
	float: right;
}
.recommend2 ul li h4{
	line-height: 20px;
	font-size: 16px;
	font-weight: 700;
	padding-top: 8px;
}
.recommend2 ul li span{
	font-weight: bold;
    font-size: 16px;
	padding: 0 10px 0 0;
    float: left;
}
.recommend2 ul li .address{
	background: url(../images/icon-area.png) no-repeat 0px 50%;
	padding:0 0 0 30px;
    font-size: 14px;
}
.recommend2 ul li .train{
	background: url(../images/icon-train.png) no-repeat 0px 50%;
	padding:0 0 0 30px;
    font-size: 14px;
}
.recommend2 ul li strong{
	color:#4D4D4D;
	font-size:14px;
	display:block;
	padding:0px 10px;
	line-height:1.8;
    height: 28px;
    overflow: hidden;
}
.recommend2 ul li .more{
	background:#999999;
	display:block;
	padding:5px 0;
	text-align:center;
	color:#fff;
	width:100%;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
    /*SP 769未満*/
    .recommend2 ul li{width:100%;margin:0 0 5px 0;box-shadow:none;
        border-bottom:dashed 1px #ccc;height:120px;}
	.recommend2 ul li img{width: 100px;height: 100px;float: left;}
    .recommend2 ul li .icon {left:0;}
    .recommend2 ul li div {float:right;width: calc(100% - 100px);}
	.recommend2 ul li strong{float:right;width: calc(100% - 120px);}
    .recommend2 ul li>p{
        float: left;
        width: calc(100% - 110px);
    }
    .recommend2 ul li>p p{
        width: 100%;
    }
    .recommend2 ul li .newdetail {
        width: calc(100% - 110px);
    }
    .recommend2 ul li .syubetsu_ic {
        float: none;
    }
    .recommend2 ul li span {font-size: 14px;padding:0 10px;}
    
}

/******* top-blog 1200 ************/

.top_blog{
	padding:20px 0;
}
.blog_title{
	padding: 0.6em 1em;/*文字周りの余白*/
    color: #5f5f5f;/*文字色*/
    background: #E9E9E9;/*背景色*/
	font-weight: 700;
    border-left: solid 5px #e483a0;/*左線（実線 太さ 色）*/
    margin-bottom: 20px;
    font-size: 18px;
	text-align: left;
}
.blog_title span{
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-size: 18px;
	padding: 0 20px;
	color: #9c9c9c;	
}
.blog_area {
	overflow:hidden;
	width:100%;
	margin-bottom:15px;
}
.blog_area ul{width:100%;}
.blog_area li{
	float:left;
	border-bottom:1px dotted #ccc;
	width: 24%;
	margin: 0 0.5%;
    height: 360px;
}
.blog_area li:hover{
	box-shadow: 0px 0px 3px 1px #ccc;
    background-color: #fdfdf8;
}
.blog_area li p{
	font-size:12px;
	line-height:1.6;
	color:#666666;
	word-wrap: break-word;
    text-align: left;
    padding:0 6px;
}
.blog_area li p span{
	display:block;
	margin-top:5px;
}
.blog_area li h4{
	font-size: 14px;
    color: #666666;
    margin-bottom: 2px;
    line-height: 1.6;
    padding: 6px 0px 4px 4px;
    text-align: left;
    padding:10px 6px;
    font-weight:600;
	height: 64px;
}
.blog_area li img{
	float:left;
	margin-bottom:10px;
    width: 100%;
	height: 180px;
    object-fit: cover;
}


@media screen and (min-width: 0px) and (max-width: 768px) {
    /*SP 769未満*/
    .blog_area li{width:100%;height: auto;margin:0 0 10px 0;}
    .blog_area li>div{
        float: left;
        width: 100px;
    }
    .blog_area li h4 {
        font-size:12px;
        width: calc(100% - 120px);
        float: right;
        height:auto;
        padding: 0px 6px 10px;
    }
	.blog_area li p{
        font-size:12px;
        width: calc(100% - 120px);
        float: right;
        padding: 0 6px 10px;
    }
	.blog_area li img{width:100px;height:100px;}

    
}

/******* top-message 1200 ************/

#top_message {
    padding: 4px 0 50px 0;
    z-index: 100;
    position: relative;
}
.message_box{
    text-align: center;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
    /*SP 769未満*/
    .message_box img{
        max-width:100%;
        margin:20px suto;
    }

    
}

/******* top-menubox 1200 ************/

#top_menubox{
    width:100%;
}
#top_menubox ul li{
    width:28%;
    float:left;
    margin:10px 2.6% 46px 2.6%;
    border-bottom: 1px solid #ccc;
}
#top_menubox ul li img{
    width:100%;
    height:auto;
}
#top_menubox ul li:hover{
    opacity: 0.6;
    -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out;
    transition: 0.6s ease-in-out;
}
#top_menubox ul li h3{
    font-size: 16px;
    line-height: 2;
    font-weight: 700;
    color: #9f9f9f;
    padding:4px 0;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
    /*SP 769未満*/
    #top_menubox ul li{
        width:96%;
        float:left;
        margin:10px 2% 46px;
    }

    
}


/******************************************
top-contenter 870
*******************************************/


/************ top-recommend3  870 **********/

.recommend3{
	overflow:hidden;
	width:100%;
}
.recommend3 ul{
	width:100%;
}
.recommend3 ul li{
	position: relative;
    width: 30%;
    margin: 0 1.65% 30px;
    height: 430px;
    float: left;
    text-align: left;
    font-size: 14px;
    overflow: hidden;
	border-bottom:1px dotted #ccc;
}
.recommend3 ul li:hover{
    background-color: #fdfdf8;
}
.recommend3 ul li img{
    display: inline-block;
	width:100%;
	height:260px;
    object-fit: cover;
}
.recommend3 ul li .over:hover{
    transform: scale(1.05);
    transition: 0.3s ease-in-out;
}
.recommend3 ul li .icon{
	position:absolute;
	top:0;
	right:0;
	width:60px;
	height:25px;
    z-index: 100;
}
.recommend3 ul li .syubetsu_ic {
	color: #e62b4e;
	padding: 2px 4px;
	border: 1px solid #e62b4e;
	border-radius: 4px;
	width: 140px;
	font-size: 10px;
	text-align: center;
	margin: 4px 0;
}
.recommend3 ul li h4{
	padding:2px 0;
	line-height:1.8;
	font-weight:700;
	font-size:16px;
	overflow: hidden;
}
.recommend3 ul li p{
	padding:10px 0;
	line-height:1.8;
}
.recommend3 ul li span{
	font-weight: bold;
    font-size: 20px;
    padding: 0 10px 0 0;
    float: left;
}
.recommend3 ul li .address{
    font-size: 14px;
    background: url(../images/icon-area.png) no-repeat 0px 50%;
	padding: 0 0 0 30px;
}
.recommend3 ul li .train{
    font-size: 14px;
    background: url(../images/icon-train.png) no-repeat 0px 50%;
	padding: 0 0 0 30px;
}
.recommend3 ul li strong{
	color:#4D4D4D;
	font-size:14px;
	display:block;
	padding:0px 10px;
	line-height:1.8;
    height: 28px;
    overflow: hidden;
}
.recommend3 ul li .more{
	background:#999999;
	display:block;
	padding:5px 0;
	text-align:center;
	color:#fff;
	width:100%;
}
@media screen and (min-width: 0px) and (max-width: 768px) {
    .recommend3 ul li {
        position: relative;
        width: 96%;
        margin: 0 2% 30px;
        height: auto;
        float: left;
        text-align: left;
        font-size: 14px;
        overflow: hidden;
        border-bottom: 1px dotted #ccc;
        padding-bottom: 20px;
    }
}

/************ top-new-list  870 **********/

.news_list{margin:-20px 0 20px 0;}
.news_list li{
	border-bottom:#666666 1px dotted;
	padding:10px 10px;
	font-size:12px;
	text-align:left;
	margin:0;
}
.news_list li strong{
	color:#FBB03B;
	margin-right:10px;
}
@media screen and (min-width: 0px) and (max-width: 768px) {
    
}


/************ top blog-area1  870 **********/

.blog_area1 {
    height: 340px;
}
.blog_area1 ul{
    height: 300px;
    overflow: scroll;
}
.blog_area1 li{
    width:96%;
    display: block;
    padding:1%;
    margin:1%;
    border-bottom: 1px dotted #666666;
}
.blog_area1 li:hover{
    background-color: #dfeefc;
}
.blog_area1 li h4{
    font-size: 14px;
    line-height:1.6;
    color: #666666;
    font-weight:700;
}
.blog_area1 li p{
    font-size:12px;
	line-height:1.6;
	color:#666666;
}


@media screen and (min-width: 0px) and (max-width: 768px) {
    /*SP 769未満*/


    
}






/******************************************
sidebar
*******************************************/

.blue_title{
	background-color:#d0cece;
	color: #fff;
	text-align: center;
	padding: 0.6em;
}
.icon-search{
	background:url(../images/icon-search.png) #d0cece no-repeat 8px 8px;
}
.gray_title{
	padding:15px 15px 15px 15px;
	font-size:17px;
	color:#fff;
	background:#5f5f5f;
	font-weight:bold;
	text-align:left;
	margin-bottom:20px;
}
.white_title{
	padding:10px 0px 10px 0px;
	text-indent:15px;
	width:100%;
	margin:0;
	font-size:14px;
	color:#5f5f5f;
	border:#cccccc 1px solid;
	font-weight:bold;
	text-align:left;
	margin-bottom:20px;
}
.siborikomi_title{
	color:#5f5f5f;
	border:none;
	font-weight:bold;
	text-align:left;
	padding-bottom:0px !important;
	line-height:1.8 !important;
	width:100% !important;
	border-top:1px solid #ccc !important;
	padding:10px 0 !important;
	text-indent:15px;
}
.section_text{
	padding:0 20px;
	font-size:14px;
	line-height:2;
	margin:0 10px 20px;
    color: #666;
}

h4.member_title{
    background: url("../images/member_icon.png") no-repeat 0px 50%;
    font-size: 18px;
    padding: 10px 10px 10px 30px;
    border-bottom: 1px solid #999;
}
.member_sidetext{
    font-size:16px;
    padding:10px;
    line-height:2;
    border-bottom: 2px dotted #ccc;
}
.member_sidecount{
    font-size:16px;
    padding:10px;
    line-height:2;
    color:#000;
}
.member_sidecount span{
    font-size:24px;
    padding:0 20px;
    color:#ffba00;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
#sidebar img{
    margin-bottom:10px;
}
.side_blog_area{

}
.side_blog_area ul li{
	width:100%;
	height: auto;
	margin: 10px 0 10px 0;
	border-bottom:1px dotted #ccc;
}
.side_blog_area ul li img{
	width: 100px;
	height: 100px;
	float: left;
	object-fit: cover;
}
.side_blog_area ul li h4 {
	color: #666666;
	margin-bottom: 6px;
	line-height: 1.8;
	text-align: left;
	font-size: 12px;
	width: calc(100% - 120px);
	float: right;
	padding: 0px 6px 4px;
	height: auto;
	font-weight: 600;
	overflow: hidden;
}
.side_blog_area ul li p {
	font-size: 12px;
	width: calc(100% - 120px);
	float: right;
	padding: 0px 6px 4px;
	line-height: 1.6;
	color: #666666;
	word-wrap: break-word;
	text-align: left;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
    /*SP 769未満*/


    
}

/******************************************
footer
*******************************************/
#pagetop{
	float:right;
	margin:-50px 0 0 0;
}
#footer{
	border-top: solid 2px #c3c3c3;
	color:#003E89;
	padding: 30px 40px 40px;
	font-size:12px;
	min-width:1120px;
}
#footer .pull-left{
    width:21%;
    padding-right:2%;
    float:left;
}
#footer .pull-left ul{
	width:100%;
	color:#fff;
	text-align:left;
	margin:10px auto;
}
#footer .pull-left ul li{
	font-size:12px;
	padding:10px 10px;
    border-bottom:1px dotted #666666;
}
#footer .pull-left ul .tit_c{
    background: url("../images/footer_icon.png") no-repeat 0px 50%;
    padding:10px 0 10px 40px;
    line-height:30px;
}
#footer .pull-left ul .tit_c:hover{
    background: url("../images/footer_icon_on.png") no-repeat 0px 50%;
}
#footer ul li.tit{
	color:#666666;
    font-weight: 600;
    font-size: 15px;
    line-height: 30px;
}
#footer a{
	color:#666666;
}
#footer a:hover{
	color:#fa7306;
}
#footer .f_company {
    width: 30%;
    text-align: left;
    font-size: 14px;
    max-width:400px;
}
#footer .pf_company img {
    margin: 0 auto 15px;
}
#footer .f_company div {
    border: 1px solid #c3c3c3;
    padding: 12px 4%;
}
#footer .f_company div p {
    line-height: 2;
    margin-bottom: 10px;
}
#footer .f_company .btn, a.btn {
    padding: 15px 20px;
    color: #fff;
    margin: 0 auto 10px auto;
    display: block;
    width: 80%;
    font-size: 16px;
    text-decoration: none;
    background: #ef8b1e;
    font-weight: bold;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    box-shadow: 3px 3px 0px 0px #aa6d30;
    -moz-box-shadow: 3px 3px 0px 0px #aa6d30;
    -webkit-box-shadow: 3px 3px 0px 0px #aa6d30;
    border: none;
    text-align: center;
}
#footer .f_company .btn:hover{
    background: #cc7d28;
}
.copy {
    padding: 15px 0;
    font-size: 12px;
    background: #4f4f4f;
    color: #fff;
    text-align: center;
    display: block;
    width:100%;
}
.copy a {
    color: #fff;
}
#page-top {
    position: fixed;
    bottom: 60px;
    right: 20px;
    font-size: 77%;
}
#footer address a{
    line-height:2;
    font-size:20px;
    font-weight:600;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
    /*SP 769未満*/
    #pagetop{clear:both;float:none;display:block;margin:-40px auto 0 auto !important;text-align:center;width:200px !important;}
	#pagetop img{width:100%;}
	#footer ul{width:100%;margin:0 0 10px 0;}
	#footer ul li {font-size:12px;}
	#footer .cf{font-size:12px;}
	#footer{min-width:90%;padding:5%;}
    #footer .f_company {width: 98%;text-align: center;font-size: 14px;padding:1%;}
    #footer .f_company img{width:100%;}
    #footer .pull-left {width: 100%;padding-right: 0%;}	
    #page-top {
    bottom: 20px;
    right: 10px;
}

    
}

/******************************************
company
*******************************************/

.stuff{
	padding-bottom:20px;
	width:95%;
	margin:0 auto;
}
.stuff .staff_img_photo {
	width: 37.6%;
}
.dls{
	width:60%;
	float:right;
}
.dls dt{width: 23%;}
.dls dd{width: 68.9%;}

.staff_coment{
    margin-top:20px;
    position:relative;
    background:#fdf3e7;
    padding:16px;
    text-align:left;
    color:#8d8266;
    font-size:14px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.staff_coment:after,.staff_coment:before{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    bottom:100%;
    left:16%;
}
.staff_coment:after{
    border-color: rgba(252, 214, 168, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-bottom-color:#fdf3e7;
}

@media screen and (min-width: 0px) and (max-width: 768px) {
    /*SP 769未満*/
    

    
}