/************************************************************
 *   支店ページ用CSS
 ************************************************************/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	overflow: hidden; /*デザイン時のみ使用 */
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
li {
	list-style-type: none;
}
h1,h2,h3,h4,h5 {
	font-size:100%;
}
img {
	vertical-align: bottom;
	border:0px;
}
*{
	margin: 0px;
	padding: 0px;
}
#container {
/*	width:960px;*/
	margin: 0px auto;
}
#main {
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
	-webkit-text-size-adjust: none;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 960px;
	margin: 0px auto;
}

/*--------------------------------------------------*
 *   メイン
 *--------------------------------------------------*/
#main_content {
	width: 960px;
}
#main_content .img_bottom {
	font-size: 0px;
}
#main_content h3 {
	margin-top: 0px;
	background: none;
	height: auto;
}
#office {
	width: 960px;
	font-size: 14px;
	line-height: 1.4em;
	background-color: #FFF;
	color: #333;
}
#office a:hover img {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
}
#office .ttl_office_top {
	background-color: #FFF;
	padding: 30px 25px;
}
#office .ttl_office_top span {
	display: block;
	font-size: 24px;
	line-height: 1.2em;
	background-image: url(../img/common/logo_balioh.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 4px;
	padding-left: 60px;
}
#office .photo_grp {
	width: 960px;
	/*border-top: 4px solid #F0F0F0;
	border-bottom: 4px solid #F0F0F0;*/
	position: relative;
}
#office .photo_grp .left {
	width: 660px;
	float: left;
	/*border-right: 4px solid #F0F0F0;*/
}
#office .photo_grp .left ul.slide_menu {
	text-align: center;
	letter-spacing: -.40em;
	padding: 25px 0px 20px 0px;
}
#office .photo_grp .left ul.slide_menu li {
	width: 124px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	letter-spacing: normal;
	text-align: center;
	padding: 0px 2px;
}
.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 0px #ccc !important;
	-webkit-box-shadow: 0 0 0px #ccc !important;
	box-shadow: 0 0 0px #ccc !important;
	border: none !important;
	left: 0px !important;
	background: none !important;
}
.bx-wrapper {
	margin: 0 auto !important;
}
#office .photo_grp .right {
	width: 296px;
	float: right;
}
#office .photo_grp .right .piece2 {
	position: absolute;
	/*bottom: 0px;*/
	right: 0px;
	margin-top: 18px;
}
#office .lead {
	font-size: 16px;
	color: #990C1C;
	font-weight: bold;
	line-height: 1.4em;
	padding: 30px 40px 40px 40px;
	background-color: #FFF;
}
#office .staff_grp {
	width: 960px;
	background-color: #990C1C;
	padding-bottom: 40px;
}
#office .staff_grp .wrap {
	width: 903px;
	margin: 0px auto;
}
#office .staff_grp ul {
	text-align: left;
	letter-spacing: -.40em;
	padding-top: 10px;
}
#office .staff_grp ul li {
	width: 285px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	letter-spacing: normal;
	text-align: left;
	padding: 10px 8px 0px 8px;
	vertical-align: top;
}
#office .staff_grp ul li .inner {
	width: 285px;
	background-image: url(../img/common/frm_staff_bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 20px;
}
#office .staff_grp ul li .inner .name {
	width: 285px;
	height: 246px;
	background-image: url(../img/common/frm_staff_top.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#office .staff_grp ul li .inner .name .item1 {
	text-align: center;
	padding-top: 40px;
}
#office .staff_grp ul li .inner .name .item2 {
	text-align: center;
	margin-top: -10px;
}
#office .staff_grp ul li .inner .name .item2 span {
	font-size: 15px;
	color: #F44844;
	font-weight: bold;
	text-align: center;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	background-color: #FFF;
	padding: 2px 10px;
	letter-spacing: 1px;
}
#office .staff_grp ul li .inner .name .item3 {
	font-size: 22px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	margin-top: 18px;
}
#office .staff_grp ul li .inner .box {
	background-image: url(../img/common/frm_staff_middle.png);
	background-repeat: repeat-y;
	padding: 12px 12px 8px 12px;
}
#office .staff_grp ul li .inner .box .memo {
	font-size: 13px;
	min-height: 210px;
}
#office .staff_grp ul li .inner .box .bt_report {
	text-align: center;
}
#office .staff_grp .bn_staff_report {
	margin-top: 30px;
	text-align: center;
}

/*--------------------------------------------------*
 *   スタッフレポート
 *--------------------------------------------------*/
#office .ttl_staff_report {
	width: 960px;
	height: 75px;
	background-image: url(../img/common/title_office_back.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	padding-top: 110px;
}
#office .staff_report {
	width: 880px;
	background-color: #FFEFE8;
	padding: 20px 40px 40px 40px;
}
#office .staff_report .inner {
	background-color: #FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	border-radius: 10px;
	-moz-border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-o-border-top-left-radius: 0px;
	-ms-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	-moz-border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-o-border-top-right-radius: 0px;
	-ms-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	padding-bottom: 20px;
}
#office .staff_report .inner .box {
	width: 820px;
	padding: 25px 30px 0px 30px;
}
#office .staff_report .inner .box .left {
	width: 250px;
	float: left;
	padding-top: 10px;
}
#office .staff_report .inner .box .right {
	width: 570px;
	float: right;
}
#office .staff_report .inner .box .right .name {
	display: table;
	width: 570px;
}
#office .staff_report .inner .box .right .name .item1 {
	display: table-cell;
	width: 142px;
	vertical-align: top;
	text-align: left;
}
#office .staff_report .inner .box .right .name .item1 span {
	color: #FFF;
	font-weight: bold;
	text-align: center;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	background-color: #F44844;
	padding: 2px 10px;
}
#office .staff_report .inner .box .right .name .item2 {
	display: table-cell;
	vertical-align: top;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.0em;
}
#office .staff_report .inner .box .right .writing1 {
	font-size: 13px;
	margin-top: 20px;
}
#office .staff_report .inner .writing2 {
	width: 820px;
	font-size: 13px;
	padding: 20px 30px 0px 30px;
}
#office .staff_report .inner .report_list {
	width: 840px;
	margin: 30px auto 0px auto;
	background-image: url(../img/common/frm_report_in_bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 40px;
}
#office .staff_report .inner .report_list ul {
	width: 780px;
	background-image: url(../img/common/frm_report_in_middle.png);
	background-repeat: repeat-y;
	padding: 1px 30px;
}
#office .staff_report .inner .report_list ul li {
	background-image: url(../img/common/icon_arrow_2.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px 0px 5px 20px;
}
#office .staff_report .inner .report_list ul li a {
	color: #0265CA;
}

/*--------------------------------------------------*
 *   ページトップへ
 *--------------------------------------------------*/
p.bt_pagetop {
	width: 180px;
	height: 40px;
	padding:10px 0px;
	float: right;
}
p.bt_pagetop a {
	width: 180px;
	height: 40px;
	display: block;
	background:url(../img/bt_pagetop.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
p.bt_pagetop a:hover {
	background-position: left bottom;
}
p.bt_pagetop a span {
	position:absolute;
	left:-7650px;
}

/*--------------------------------------------------*
 *   バリ王東京支店案内
 *--------------------------------------------------*/
#main_content .about_block {
	width: 880px;
	padding: 0px 40px 40px 40px;
}
#main_content .about_block p.about_title {
	padding-top: 40px;
	padding-bottom: 15px;
}
#main_content .about_block table {
	width: 880px;
	border-top: 1px solid #CCC;
	font-size: 13px;
	line-height: 1.35em;
}
#main_content .about_block table th {
	width: 80px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: normal;
	text-align: center;
	background-color: #EFEFEF;
	border-bottom: 1px solid #CCC;
}
#main_content .about_block table td {
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	border-bottom: 1px solid #CCC;
}
#main_content .about_block p.map {
	padding-top: 10px;
	text-align:center;
}
#main_content .about_block p.text {
	font-size: 13px;
	line-height: 1.35em;
}
#main_content .about_block p.tyuui {
	font-size: 15px;
	line-height: 1.35em;
	color:#E42343;
	margin-top: 10px;
	font-weight: bold;
}
#main_content .about_block .yoyaku{
	text-align:center;
	margin:10px auto 0;
}
#main_content .about_block .yoyaku a{
	border-radius: 10px;
	color: #FFF;
	font-weight: bold;
	font-size: 15px;
	display: block;
	text-decoration: none;
	position: relative;
	padding: 10px 0;
	background: #f79b17;
}
#main_content .about_block .yoyaku a::after {
    display: block;
    position: absolute;
    top: 32%;
    right: 20px;
    content: "";
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 11px solid #FFF;
}
#main_content .about_block .yoyaku a:hover{
	opacity:0.8;
}
/*--------------------------------------------------*
 *   東京発の人気ツアーランキング
 *--------------------------------------------------*/
#main_content .popular_block {
	width: 780px;
	padding: 30px 90px;
	background-color: #FCB8B7;
}
#main_content .popular_block .contents {
	width: 780px;
	background-image: url(../img2/frame_middle_popular.gif);
	background-repeat: repeat-y;
}
#main_content .popular_block .contents ul {
	width: 738px;
	margin: 0px auto;
	border-top: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
#main_content .popular_block .contents ul li {
	width: 737px;
	height: 32px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	background-color: #FFF;
}
#main_content .popular_block .contents ul li a {
	display: block;
	font-size: 13px;
	background-image: url(../img2/img_arrow.gif);
	background-repeat: no-repeat;
	line-height: 30px;
	padding-left: 35px;
}

/*--------------------------------------------------*
 *   ページトップへ
 *--------------------------------------------------*/
p.bt_pagetop {
	width: 180px;
	height: 40px;
	padding:10px 0px;
	float: right;
}
p.bt_pagetop a {
	width: 180px;
	height: 40px;
	display: block;
	background:url(../img2/bt_pagetop.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
p.bt_pagetop a:hover {
	background-position: left bottom;
}
p.bt_pagetop a span {
	position:absolute;
	left:-7650px;
}
/*--------------------------------------------------*
 *   2015/3/17追加CSS
 *--------------------------------------------------*/
#pan {
    background-color: #bb0321;
    height: 30px;
}
#pan p {
    color: #fff;
    line-height: 30px;
    padding-left: 10px;
	font-size:15px;
}
#pan p a {
    color: #ffcc00;
}
#pan p a:hover {
    color: #fff;
}


.slide_menu a img{
    border: 3px solid #fff;
}
.slide_menu a.active img{
    border: 3px solid #F44844;
}

.kiji_banner_area{
	width:895px;
	margin:0 auto;
	}
.kiji_banner_area ul{
	overflow:hidden;
	margin-top:12px;
	margin-bottom:25px
	}
.kiji_banner_area ul li{
	display:inline-block;
	}
.kiji_banner_area ul li:first-child{
	margin-right:4px;
	}
.space{
	text-align:center;
	padding-bottom:30px;
	/*background: #fcf3e7;*/
	margin-bottom:30px;
}
.space .midashi{
	padding: 20px 0;
	color: #4b1f09;
	font-weight: bold;
}
.space .midashi span {
    display: block;
    font-size: 24px;
    line-height: 1.2em;
    background-image: url(../img/common/logo_balioh_2.png);
    background-repeat: no-repeat;
  background-position: 280px center;
    padding-top: 4px;
    padding-left: 60px;

}

.new_report_midashi {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-left: 40px;
	 background: url(/company/image/report_icon.png) no-repeat 8px center;
}
.new_report {
    background: #f44844;
    border-radius: 8px;
    margin-top: 11px;
	    padding: 5px 7px 0;
}

.new_report_inner {
    background: #fff url(/company/image/report_icon_arrow.png) no-repeat 5px center;
    border: #f39800 solid 3px;
    border-radius: 5px;
    /*margin: 0 7px;*/
    padding: 3px 3px 3px 16px;
}

.new_report_inner a {
    font-size: 13px;
    color: #99332b;
    font-weight: bold;
}

.new_report_inner p{
	font-size:12px;
	color:#f34744;
	font-weight:bold;
	}
.new_report_inner p span{
	color:#84af31
	}

.new_report > a{
	color:#fff;
	font-size:12px;
	text-align:right;
	display:block;
	padding-right:14px;
	background: url(/company/image/report_icon_arrow_s.png) no-repeat right center;
	}
/*190807その他のスタッフ追加*/
#office .staff_grp .other_report  ul li{
	width:100%;
	padding: 0 8px 5px;
}
.other_report .new_report_inner{
	border: none;
	border-bottom: #f39800 dotted 2px;
	border-radius: 0;
	
}
#office .staff_grp .other_report ul{
	padding-top: 0;
}
#office .staff_grp ul .other_report .inner .name{
	height: 115px;
		background-image: url(../img/common/frm_staff_top_s.png);
}
.other_report_box .new_report_inner{
	padding: 0 3px 3px 16px;
	margin-right: 15px;
}
#office .staff_grp ul li.other_report .inner .name .item1{
	padding-top: 38px;
}
#office .staff_grp ul .other_report .inner .box{
	padding-bottom: 0;
}
.other_report .oth_more{
	color:#F44844;
	font-size:12px;
	text-align:right;
	display:block;
	padding-right:14px;
	background: url(/company/image/report_icon_arrow_s_2.png) no-repeat right center;
	margin-right: 10px;
	}

/*アクセス*/
.accessroute{
    margin: 20px auto;
    background-color: #f5f5f5;
}
.accessroute div{
    padding: 20px 80px;
    
}
.accessroute .access_text{
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}
.accessroute .access_text2{
    margin-bottom: 5px;
}
.accessroute .access_text span,.accessroute .access_text2 span{
    font-weight: bold;
}
.accessroute img{
    width: 450px;
    height: auto;
}
/*スタッフ新デザイン*/
#main .staff_grp_new ul li{
    margin: 10px;
    border: solid 2px #c9cbcc;
    padding: 10px;
    border-radius: 20px;
}
#main .staff_grp_new ul li .base a{
    text-decoration: none;
    color: #333;
}
#main .staff_grp_new ul li .base .left{
    display: flex;
    align-items: center;
    justify-content: center;
}
#main .staff_grp_new ul li .base .left img{
    width: 100px;
}
#main .staff_grp_new ul li .base .right .name{
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0;
    text-align: center;
}
#main .staff_grp_new ul li .base .right .text{
    font-size: 14px;
    color: #333;
}
#main .staff_grp_new ul li .base .right .text:hover{
    text-decoration: underline;
}
#main .staff_grp_new ul li .review{
    margin: 10px 0;
}
#main .staff_grp_new ul li .review .midashi{
    font-weight: bold;
    font-size: 16px;
    color: #e47a12;
    margin-bottom: 5px;
}
#main .staff_grp_new ul li .review .midashi img,#main .staff_grp_new ul li .report img{
    width: 20px;
    margin-right: 5px;
}
#main .staff_grp_new ul li .review .link{
    background: #fff8ed;
    padding: 5px;
}
#main .staff_grp_new ul li .report .link{
    display: flex;
    background: #fff8ed;
    padding: 5px;
}
#main .staff_grp_new ul li .report .link a{
    color: #321902;
    font-size: 13px;
   white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 61%;
  margin-left: 3px;
}
#main .staff_grp_new ul li .review .link a{
    color: #321902;
    font-size: 13px;
  display: -webkit-box;
  -webkit-line-clamp: 2; 
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#main .staff_grp_new ul li .report{
    margin: 10px 0;
}
#main .staff_grp_new ul li .report .midashi{
    font-weight: bold;
    font-size: 16px;
    color: #0290cd;
    margin-bottom: 5px;
}
#main .staff_grp_new ul li .report .link span{
    font-size: 12px;
}
#main .staff_grp_new ul li .report .link .new{
    color:#e83232;
    font-size: 10px;
}
#main .others_new .midashi{
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 10px;
    color: #ca1510;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
#main .others_new .midashi .sm{
    font-size: 14px;
}
#main .others_new .midashi img{
    width: 35px;
}
#main .others_new .report,#main .others_new .review{
    margin: 10px;
    border: solid 2px #c9cbcc;
    padding: 10px;
    border-radius: 20px;
}
#main .others_new li{
    border-bottom: dotted 1px #c9cbcc;
}
#main .others_new ul li>div{
    padding: 5px 0;    
}
#main .others_new .report ul li>div{
    display: flex;
    color: #321902;
    align-items: center;
}
#main .others_new .report ul li>div p{
    width: 20%;
    font-size: 12px;
}
#main .others_new .report ul li>div a{
    width: 80%;
}
#main .others_new ul li a{
    color: #321902;
    font-size: 14px;
}
#main .others_new .report .oth_more{
    text-align: right;
    margin: 5px 0;
    color: #321902;
    font-size: 13px;
    display: block;
}
#main .bn_staff_report{
    text-align: center;
    margin-top: 20px;
}
/* PCレイアウト */
@media (min-width: 640px) {
/*--------------------------------------------------*
 *   PCでは無効/表示されない
 *--------------------------------------------------*/
.pc_none {
	display: none !important;
}
/*スタッフ新デザイン*/
#main .staff_grp_new ul{
    display: flex;
    align-items: stretch;
    justify-content: start;
    flex-wrap:wrap;
    margin: 0 10px;
    gap: 15px;
}
#main .staff_grp_new ul li{
    width: 280px;
    margin: 0;
    flex: 0 0 calc((100% - 30px) / 3);
    box-sizing: border-box;
}
#main .staff_grp_new ul li .base .left img.img115{
    width: 115px;
}
#main .staff_grp_new ul li .base .left img.img105{
    width: 105px;
}
#main .others_new {
    display: flex;
    align-items: stretch;
    justify-content: start;
    flex-wrap:wrap;
    margin: 20px 10px 0;
    gap: 15px;
}
#main .others_new .report,#main .others_new .review{
    margin: 0;
    flex: 0 0 calc((100% - 15px) / 2);
    box-sizing: border-box;
}
/*その他1つの場合*/
#main .others_new .report.item1{
    flex: 0 0 calc((100%) / 1);
    padding: 10px 80px;
}
#main .others_new .report.item1 ul li>div p{
    width: 12%;
}
#main .others_new .report ul li>div a{
    width: 88%;
}
}

/* スマホレイアウト */
@media (max-width: 639px) {
/*--------------------------------------------------*
 *   SPでは無効/表示されない
 *--------------------------------------------------*/
.sp_none {
	display: none !important;
}
body {
	-webkit-text-size-adjust: 100%;
}
.bottom img {
	width: 100%;
}
.img_bottom img {
	width: 100%;
}
#container {
	width: 100%;
}
#top_wrapper{
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-image: none;
}
#whole{
	width: 100%;
}
#Cont{
	width: 100%;
	margin: 0px;
	overflow: visible;
	background-image: none;
	background-color: #FFF;
}
#Page{
	padding-right: 0px;
	background-image: none;
}
#Main{
	width: 100%;
	float: none;
	padding: 0px;
	font-size: 14px;
	line-height: 1.6;
}
#main{
	width: 100%;
	font-size: 14px;
	line-height: 1.6;
	padding-bottom: 0px;
	overflow: visible;
}
#main *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#main img {
	border: 0px;
	vertical-align: top;
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

/*ここからスマホのCSSを記入*/

body{
    padding:0;
    background-color: #fff;
}

#Container{
    width:100%;
    margin-right: 0;
    padding-right: 0;
    background: url(none);
}

#container{
    background-color: #fff;
}
#panlist_bali {
	background: #a00105 none repeat scroll 0 0;
	color: #fff;
	font-size: 12px;
	list-style: outside none none;
	margin: 0;
	overflow: hidden;
	padding: 4px;
	margin-top: 72px;
}
#panlist_bali li {
	float: left;
}
#panlist_bali li a {
	color: #ffcc00;
}

#main_content,
#office,
#office .photo_grp,
.space,
.space iframe,
#office .staff_grp,
#office .staff_grp .wrap{
    width:100%;
}

#office .ttl_office_top {
    padding: 10px 20px;
}

#office .ttl_office_top span{
    font-size: 16px;
	line-height:2em;
	font-weight: bold;
}

#office .photo_grp .left {
    width:100%;
    float:none;
}

#office .photo_grp .right {
    width:100%;
    float:none;
}

#office .photo_grp .right:after {
    content: "";
    display: block;
    clear:both;
}
#office .photo_grp .right .piece1{
    text-align: center;
    width: 50%;
    float: left;
    padding-left: 5px;
    padding-right: 2.5px;
    box-sizing: border-box;
}

#office .photo_grp .right .piece2{
    margin-top: 0;
    position: static;
    width: 50%;
    float: right;
    padding-left: 2.5px;
    padding-right: 5px;
    box-sizing: border-box;
}

#office .lead {
    padding: 10px;
    font-size: 14px;
}

.space {
    margin-bottom: 0;
}

.space .midashi{
    text-align: center;
}

.space .midashi span{
    padding: 10px;
    font-size: 16px;
    background-image: url(none);
}

#office .photo_grp .left ul.slide_menu {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
	margin-top:15px;
}

#office .photo_grp .left ul.slide_menu li {
    width: 19%;

}

#office .staff_grp {
    background-color: #fff;
    padding-bottom: 0;
}

#office .staff_grp ul li .inner,
#office .staff_grp ul li .inner .name {
    width:100%;
}

#office .staff_grp ul li .inner .name {
    background-image: url(none);
    background-color: #F44844;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

#office .staff_grp ul li .inner .box {
    background: url(none);
}

#office .staff_grp ul li .inner {
    background: url(none);
    border:1px solid #ccc;
    border-radius: 12px;
}

#office .staff_grp .bn_staff_report {
    padding-left: 10px;
    padding-right: 10px;
}

#office .staff_grp ul,
#office .staff_grp ul li {
    width: 100%;
}

#main_content .about_block {
    width: 100%;
    padding: 0 10px;
}

#main_content .about_block table {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 10px;
}

#main_content .about_block table td {
    border-bottom: none;
}

#main_content .about_block table tbody tr th {
    border-top: 1px solid #ccc;
}

#main_content .about_block table tbody tr:first-child th {
    border-top:none;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#main_content .about_block table th,
#main_content .about_block table td{
    display: block;
    width:100%;

}
#main_content .popular_block,
#main_content .popular_block .contents{
    width: 100%;
    padding: 0;
}

#main_content .popular_block .contents ul,
#main_content .popular_block .contents ul li {
    width: 100%;
    height: auto;
}

#main_content .popular_block .contents ul li {
    padding-top: 5px;
    padding-bottom: 5px;
}

#main_content .popular_block .contents ul li a{
    text-decoration: none;
    line-height: 140%;
    color: #2F3E46;
	font-size:14px;
}

#main_content .about_block p.map {
    margin-bottom: 20px;
}

#main_content .img_bottom img {
    display: none;
}

#footer,
.copyright{
    width: 100%;
}

#Footer2016 ul li.AirNavi .fot-left,
#Footer2016 ul li.AirNavi .fot-right{
    width: 100%;
    float: none;
}

p.bt_pagetop{
    float: none;
    width: 100%;
    height: auto;
}

p.bt_pagetop a{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
#office .staff_grp ul li .inner .box .memo {
	font-size: 14px;
}
	.kiji_banner_area{
		width: auto;
	}
	.kiji_banner_area ul li:first-child{
		margin-right: 0;
	}
	.kiji_banner_area ul li{
		margin-top:5px;
	}
	/*190807その他のスタッフ追加*/
#office .staff_grp ul .other_report .inner .name{
	height: 82px;
		background-image: none;
}
#office .staff_grp ul li.other_report .inner .name .item1{
	padding-top: 11px;
}
/*アクセス*/
html {
  scroll-padding-top: 70px;
}
.accessroute div{
    padding: 20px 40px;
}
.accessroute img{
    width: 100%;
    height: auto;
}
/*スタッフ新デザイン*/
#main .staff_grp_new ul li{
    border:none;
    border-bottom: solid 1px #c9cbcc;
    border-radius: 0;
    margin: 0;
}
#main .staff_grp_new ul li .base a{
    display: flex;
    align-items: center;
}
#main .staff_grp_new ul li .base .left{
    width: 22%;
    margin-right: 10px;
}
#main .staff_grp_new ul li .base .left img{
    width: 100%;
}
#main .staff_grp_new ul li .base .right{
    width: 80%;
}
#main .staff_grp_new ul li .base .right .name{
    font-size: 4.5vw;
    text-align: left;
}
#main .staff_grp_new ul li .base .right .text a{
    font-size: 3.3vw;
}
#main .staff_grp_new ul li .review,#main .staff_grp_new ul li .report{
}
#main .staff_grp_new ul li .review .midashi{
    font-size: 3.5vw;
}
#main .staff_grp_new ul li .review .midashi img,#main .staff_grp_new ul li .report img{
    width: 20px;
    margin-right: 5px;
}
#main .staff_grp_new ul li .review .link a,#main .staff_grp_new ul li .report .link a{
    font-size: 3.3vw;
}
#main .staff_grp_new ul li .report .midashi{
    font-size: 3.5vw;
}
#main .staff_grp_new ul li .report .link span{
    font-size: 3.3vw;
}
#main .staff_grp_new ul li .report .link a{
    width: 70%;
}
#main .others_new .midashi{
    font-size: 4.5vw;
}
main .others_new .midashi .sm {
    font-size: 3.3vw;
}
#main .others_new ul li a,#main .others_new .report .oth_more{
    font-size: 3.3vw;
}
#main .others_new .report ul li>div p{
    font-size: 3vw;
    width: 23%;
}
}



