@charset "utf-8";

/**
 *
 *  コンテンツ共通
 *
 */

/*--------------------------------------------------------------------------
   general style
---------------------------------------------------------------------------*/

/* txt
-----------------------------------------------------------------*/
.em{
	font-weight:bold;
}
.tipped{
	color:#7A7171;
}

/* icon
-----------------------------------------------------------------*/
.link-icon{
	margin:0 0 0 6px;
	vertical-align:text-top;
}


/*--------------------------------------------------------------------------
   template
---------------------------------------------------------------------------*/

/* frame
-----------------------------------------------------------------*/


/* title
-----------------------------------------------------------------*/


/* list
-----------------------------------------------------------------*/


/* 2nd --- 第2階層インデックス ---
-----------------------------------------------------------------*/
.cont-2nd .sec-catch{
	height:298px;
	border-bottom:1px solid #C9C7C5;
}
.cont-2nd .sec-catch-inline{
	position:relative;
	width:978px;
	margin:0 auto;
}
.cont-2nd .inner-base{
	width:978px;
	margin:0 auto;
	padding:35px 0 0;
}
@media (max-width: 767px) {
  .cont-2nd .sec-catch-inline{
	width:100%;
}
.cont-2nd .inner-base{
	width:100%;
}  
    
    
}
/* side --- 下層ページ ---
-----------------------------------------------------------------*/
#Side .snavi{
	margin:-4px 0 0;
	background:url(/shared/images/snavi_bg_rp.png) repeat-y;
    background: none;
}
#Side .snavi-outline{
	background:url(/shared/images/snavi_bg_tp.png) no-repeat;
    background: none;
}
#Side .snavi-inline{
	padding:4px;
	background:url(/shared/images/snavi_bg_bt.png) no-repeat 0 100%;
    background: none;
}
#Side .snavi-inline h2 {
    background: #f95158;
    color: #fff;
    font-size: 18px;
    line-height: 60px;
    box-sizing: border-box;
    padding: 0 20px;
    font-weight: normal;
}
#Side .snavi-inline ul li {
    border-bottom: 1px solid #c9c7c5;;
}

#Side .snavi-inline ul li a{
    display: block;
    position: relative;
    color: #333;
    font-size: 14px;
    width: 100%;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 20px;
    background: #fff;
    text-decoration: none;
}
#Side .snavi-inline .snavi-arr {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 14px;
    height: 14px;
    transform: translateY(-50%);
    display: block;
}
#Side .snavi-inline .snavi-arr::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #f95158;
}

#Side .snavi-inline .snavi-arr::after {
    content: "";
    display: block;
    position: absolute;
    left: 4px;
    top: 50%;
    width: 4px;
    height: 4px;
    border-top: 2px solid #f95158;
    border-right: 2px solid #f95158;
    transform: translateY(-40%) rotate(45deg);
}
#Side .snavi-inline ul li a:hover {
    background: #444;
    color: #fff;
}
#Side .snavi-inline ul li a:hover .snavi-arr::before {
    border: 1px solid #fff;
    background: #fff;
}

#Side .snavi-inline ul li a:hover .snavi-arr::after {
    border-top: 2px solid #444;
    border-right: 2px solid #444;
}

#Side .bnr-list{
	margin:22px 0 0;
}
#Side .snavi-inline p a {
    display: block;
    background: #e6e5e1;
    font-size: 12px;
    width: 100%;
    color: #333;
    position: relative;
    line-height: 40px;
    box-sizing: border-box;
    padding: 0 20px;
    text-decoration: none;
}
#Side .snavi-inline p a .snavi-last-arr {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 14px;
    height: 14px;
    transform: translateY(-50%);
    display: block;
}
#Side .snavi-inline p a .snavi-last-arr::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #9d9992;
}
#Side .snavi-inline p a .snavi-last-arr::after {
    content: "";
    display: block;
    position: absolute;
    left: 4px;
    top: 50%;
    width: 4px;
    height: 4px;
    border-top: 2px solid #9d9992;
    border-right: 2px solid #9d9992;
    transform: translateY(-40%) rotate(45deg);
}
#Side .snavi-inline p a:hover {
    background: #cecdc8;
}
#Side .snavi-inline p a:hover .snavi-last-arr::before {
    border: 1px solid #9c9891;
}

#Side .snavi-inline p a:hover .snavi-last-arr::after {
    border-top: 2px solid #9c9891;
    border-right: 2px solid #9c9891;
}
#Side .news-year .snavi-inline h2 {
    padding: 0;
}
#Side .snavi.news-year ul li a {
    height: auto;
}
@media (max-width: 767px) {
#Side .snavi-inline {
padding: 4px 15px;
}
#Side .snavi-inline h2 {
font-size: 18px;
line-height: 50px;
padding: 0 20px;
font-weight: normal;
}
#Side .snavi-inline ul li a {
font-size: 18px;
line-height: 60px;
}
#Side .snavi-inline .snavi-arr {
width: 20px;
height: 20px;
}
#Side .snavi-inline .snavi-arr::before {
border-radius: 50%;
border: 1px solid #f95158;
}
#Side .snavi-inline .snavi-arr::after {
left: 6px;
top: 50%;
width: 5px;
height: 5px;
border-top: 2px solid #f95158;
border-right: 2px solid #f95158;
transform: translateY(-40%) rotate(45deg);
}
#Side .snavi-inline ul li a:hover .snavi-arr::before {
border: 1px solid #fff;
background: #fff;
}
#Side .snavi-inline ul li a:hover .snavi-arr::after {
border-top: 2px solid #444;
border-right: 2px solid #444;
}

#Side .snavi-inline p a {
    line-height: 60px;
    font-size: 16px;
}
#Side .snavi-inline p a .snavi-last-arr {
width: 20px;
height: 20px;
}
#Side .snavi-inline p a .snavi-last-arr::before {
border-radius: 50%;
border: 1px solid #9d9992;
}
#Side .snavi-inline p a .snavi-last-arr::after {
left: 6px;
top: 50%;
width: 5px;
height: 5px;
border-top: 2px solid #9d9992;
border-right: 2px solid #9d9992;
transform: translateY(-40%) rotate(45deg);
}
#Side .snavi-inline p a:hover {
background: #cecdc8;
}
#Side .snavi-inline p a:hover .snavi-last-arr::before {
border: 1px solid #9c9891;
}

#Side .snavi-inline p a:hover .snavi-last-arr::after {
border-top: 2px solid #9c9891;
border-right: 2px solid #9c9891;
}

}

/*--------------------------------------------------------------------------
   common parts
---------------------------------------------------------------------------*/

/* page-category-cmn　--- カテゴリー ---
-----------------------------------------------------------------*/
.page-category-cmn{
	height:100px;
	border-bottom:1px solid #FB485B;
	background:#F8F6F2;
}
.page-category-cmn h1,
.page-category-cmn p{
	width:978px;
	margin:0 auto;
	padding:35px 0 0;
	box-sizing: border-box;
}
@media (max-width: 767px) {
.page-category-cmn h1,
.page-category-cmn p{
	width:100%;
	padding:35px 15px 0;
}
.page-category-cmn img {
display: block;
width: auto;
height: 33px;
}
}

/* page-title-cmn　--- タイトル ---
-----------------------------------------------------------------*/
.page-title-cmn{
	border-bottom:1px solid #C9C7C5;
}
.page-title-cmn-outline{
	height:148px;
}
.page-title-cmn-inline{
	position:relative;
	width:978px;
	margin:0 auto;
}
.page-title-cmn h1{
	padding:50px 0 0;
}
.page-title-cmn .btn-back{
	position:absolute;
	top:45px;
	right:-4px;
}

@media (max-width: 767px) {
 .page-title-cmn-inline{
	width:100%;
}   
}

/* location-cmn　--- パンくずリスト ---
-----------------------------------------------------------------*/
.location-cmn{
	min-height:29px;
	padding:10px 0 0;
	border-bottom:1px solid #C9C7C5;
	background:#E6E5E1;
}
.location-cmn ul{
	overflow:hidden;
	width:978px;
	margin:0 auto;
}
.location-cmn ul li{
	float:left;
	margin:0 0 0 10px;
	padding:0 0 0 15px;
	background:url(/shared/images/ico_location_arrow.png) no-repeat 0 .5em;
	font-size:93%;
	line-height:1.4;
}
.location-cmn ul li:first-child{
	margin:0;
	padding:0;
	background:none;
}
.location-cmn ul li img{
	margin-top:3px;
}
.location-cmn ul li a{
	color:#F95158;
	text-decoration:underline;
}
.location-cmn ul li a:hover{
	text-decoration:none;
}
@media (max-width: 767px) {
	.location-cmn{
		padding:10px 15px 0;
	}
	.location-cmn ul{
		width:100%;
	}
}



/* btn-list-cmn　--- 一覧へのボタン ---
-----------------------------------------------------------------*/
.btn-list-cmn{
	margin:20px 0 0;
}
.btn-list-cmn.no-mg{/* マージンなしバージョン */
	margin:0;
}
.btn-list-cmn a{
	display:block;
	padding:0 20px;
	background:#C9C7C5;
	text-align:center;
}
.btn-list-cmn a:hover{
	background:#D5D4D2;
}
.btn-list-cmn a span{
	display:block;
	background:url(/shared/images/ico_arrow01.png) no-repeat 100% 50%;
}

/* type2 */
.btn-list-cmn.type2 a{
	border:2px solid #FB485B;
	background:#FFF;
}
.btn-list-cmn.type2 a:hover{
	background:#FEEDED;
}
.btn-list-cmn.type2 a span{
	background:url(/shared/images/ico_arrow02.png) no-repeat 100% 50%;
}

/* bnr-recruit-bt　--- ページ下部バナー ---
-----------------------------------------------------------------*/
.bnr-recruit-bt{
	margin:50px 0 0;
	text-align:center;
}