@charset "utf-8";
/* ///////////////////////////////////////////////////////////////////

top.css
[business]
[sidebar]
[top_service]

/////////////////////////////////////////////////////////////////// */


/* -----  announce-wrap ----- */

.announce-wrap {
	font-size: 13px;
	background-color: #f9f9f9;
	padding: 1em 2em;
	margin-bottom: 2em;
	border: 2px solid #eee;
}

/* -----  assessment ----- */
#assessment {
}
#assessment img {
    border: 2px solid #abb5cf;
    box-sizing: border-box;
    display: block;
    margin-top: 1rem;
}

/* -----  service-bnr-wrap -----  */
#service-bnr-group {
}
#service-bnr-group .service-bnr {
    border: 2px solid #abb5cf;
    box-sizing: border-box;
    margin-top: 1rem;
}

#service-bnr-group .service-bnr img{
	width:100%;
}
#service-bnr-group .service-bnr.btn-timeroom-wrap {
    padding: 1rem 1.2rem;
}
#service-bnr-group .service-bnr.btn-timeroom-wrap img {
    float: left;
    width: calc(100%/3 - 20px);
    margin: 10px;
}

/* -----  seminar-list-wrap ----- */

#seminar-wrap {
    margin-top: 60px;
}

.accordion {
    position: relative;
    table-layout: fixed;
}
.accordion .accordion-bnr:hover,
.accordion .accordion-bnr:active{
    cursor: pointer;
    opacity: .75;
}


.seminar-list-wrap {
    display: none;
}

.seminar-list-wrap section {
    margin-top: 2rem;
}
.seminar-list-wrap section h3.title04 {
    margin-bottom: 0;
}

.seminar-list li{
    position: relative;
    padding-left: .8rem;
    margin-top: 1rem;
    border-bottom: 1px solid #cccfd0;
}
.seminar-list li::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: .3rem;
    left: 0;
    width: .6rem;
    height: .8em;
    background: url(/images/common/arrow_blue.png) no-repeat 0 50%;
    background-size: contain;
    vertical-align: middle;
}
.seminar-list li a {
    position: relative;
    /*background: url(/images/common/icon_link_b.png) no-repeat 100% 0%;*/
    padding-left: 1rem;
}

.btn_seminar_more {
    padding: .4rem .6rem;
    float: right;
    margin-top: 1rem;
}


/* -----  business ----- */
#business {
    /* background: none repeat scroll 0 0 #f3f3f3; */
    margin-top: 60px;
}
#business .wrap {
    padding: 25px 0;
}

#business ul{
	display:flex;
	justify-content: center;
	flex-wrap:wrap;
}

#business ul li{
	width: 10.2rem;
	margin: .7rem .2rem 0.4rem .2rem;
	border: 4px solid #c1cae2;
	box-sizing: border-box;
	text-align: center;
}

/* ラベル部分 右下に表示 */

#business ul li{
	position:relative;
}
#business ul li::before {
    content: "";
    bottom: 0;
    right: 0;
    border-top: .8rem solid transparent;
    border-right: .8rem solid #c12748; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 100;
}
.triangle li::after {
    content: "";
    display: block;
    bottom: 5px;
    transform: rotate(135deg);
    font-weight: bold;
    right: 0px;
    position: absolute;
    z-index: 101;
}

/* ラベル部分 色指定 */

#business li.icon-fig-franchise::before  {border-right: .8rem solid #B2D63E; /* ラベルの色はここで変更 */}
#business li.icon-fig-fudosan::before  {border-right: .8rem solid #66CEF0; /* ラベルの色はここで変更 */}
#business li.icon-fig-financial::before  {border-right: .8rem solid #3D75B5; /* ラベルの色はここで変更 */}
#business li.icon-fig-baibai::before  {border-right: .8rem solid #4166C1; /* ラベルの色はここで変更 */}
#business li.icon-fig-housing::before  {border-right: .8rem solid #FFAC00; /* ラベルの色はここで変更 */}
#business li.icon-fig-reform::before  {border-right: .8rem solid #36B89E; /* ラベルの色はここで変更 */}
#business li.icon-fig-building::before  {border-right: .8rem solid #E95504; /* ラベルの色はここで変更 */}

/* overlay */
.overlay{
	cursor: pointer;
}
#business li.icon-fig-franchise .overlay {background: url(/images/common/more.png) no-repeat center/88% rgba(178,214,62,.85);}
#business li.icon-fig-fudosan .overlay {background: url(/images/common/more.png) no-repeat center/88% rgba(102,204,239,.85);}
#business li.icon-fig-financial .overlay {background: url(/images/common/more.png) no-repeat center/88% rgba(64,116,180,.85);}
#business li.icon-fig-baibai .overlay {background: url(/images/common/more.png) no-repeat center/88% rgba(67,102,191,.85);}
#business li.icon-fig-housing .overlay {background: url(/images/common/more.png) no-repeat center/88% rgba(255,170,0,.85);}
#business li.icon-fig-reform .overlay {background: url(/images/common/more.png) no-repeat center/88% rgba(57,182,156,.85);}
#business li.icon-fig-building .overlay {background: url(/images/common/more.png) no-repeat center/88% rgba(233,85,4,.66);}

#business li a {
	display: inline-block;
	position: relative;
	width: 100%;
	padding-bottom: 9px;
	color: #333333;
	font-weight: bold;
}

#business li a .overlay span {
    border: 2px solid #fff;
    color: #fff;
    font-size: 88%;
    padding: 4px 30px;
}
#business li a .list_img {
    display: block;
    margin-top: -20px;
}
#business li a .list_tit {
    display: block;
    margin: 0 0 4px 0;
    color: #143075;
    font-size: 96%;
    line-height: 1.2;
}
#business li a .list_txt {
    display: block;
    font-size: 82%;
    font-weight: normal;
    padding: 0 10px;
    line-height: 1.4;
}
#release {
    margin-bottom: 40px;
    position: relative;
}
.news_category {
    position: absolute;
    right: 0;
    top: 3.4rem;
}
.news_category li {
    -webkit-box-shadow: 0px 1px #cccfd0;
    -moz-box-shadow: 0px 1px #cccfd0;
    box-shadow: 0px 1px #cccfd0;
    color: #333333;
    display: table;
    font-weight: nomal;
    text-align: center;
    vertical-align: middle;
    float: left;
    margin-left: 10px;
    font-size: 82%;
}


.news_category li span {
    color: #333333;
    display: table-cell;
    padding: 0 10px;
    vertical-align: middle;
    cursor:pointer;
}
.news_category li span:hover,
.news_category li.current span  {
    color: #fff;
    text-decoration: none;
}
.news_category li.news_all span:hover,
.news_category li.news_all.current span {
    background-color: #555555;
}
.news_category li.news_release span:hover,
.news_category li.news_release.current span  {
    background-color: #FFA062;
}
.news_category li.news_media span:hover,
 .news_category li.news_media.current span
 {
    background-color: #F5C149;
}
.news_category li.news_topics span:hover,
 .news_category li.news_topics.current span
 {
    background-color: #56c445;
}
.news_category li.news_event span:hover,
 .news_category li.news_event.current span
 {
    background-color: #63b4ff;
}
.news_category li.news_ir span:hover,
 .news_category li.news_ir.current span {
    background-color: #8898C2;
}


.news_category .news_all {
    background: url(/images/top/icon_all.png) no-repeat right bottom #edeff0;
}
.news_category .news_release {
    background: url(/images/top/icon_release.png) no-repeat right bottom #edeff0;
}
.news_category .news_media {
    background: url(/images/top/icon_media.png) no-repeat right bottom #edeff0;
}
.news_category .news_topics {
    background: url(/images/top/icon_topics.png) no-repeat right bottom #edeff0;
}
.news_category .news_event {
    background: url(/images/top/icon_event.png) no-repeat right bottom #edeff0;
}
.news_category .news_ir {
    background: url(/images/top/icon_ir.png) no-repeat right bottom #edeff0;
}
ul.news_list {
    font-size: 88%;
    margin-bottom: 20px;
}
ul.news_list li {
    border-bottom: 1px solid #cccfd0;
    padding: 7px 0;
}

ul.news_list li.item_ir a {
	padding-right: 1.6em;
	min-height: 26px;
	display: inline-block;
	background: url(https://ssl4.eir-parts.net/Custom/public/parts/3457/ja/parts/img/filetype_icon/pdf.gif) no-repeat scroll 100% 50%;
}

ul.news_list li dl {
    overflow: hidden;
    position: relative;
}
ul.news_list li dl dt {
    float: left;
    width: 25%;
}
ul.news_list li dl dt span {
    display: inline-block;
    font-size: 65%;
    margin-left: 10px;
    text-align: center;
    width: 6.5em;
}
ul.news_list li dl dd {
    float: right;
    width: 75%;
}
ul.news_list li dl dt .icon_release {
    border: 1px solid #ff6600;
    background-color: #ffe0cc;
    color: #de4900;
}
ul.news_list li dl dt .icon_media {
    border: 1px solid #f6ab00;
    background-color: #fdeecc;
    color: #b97700;
}
ul.news_list li dl dt .icon_ir {
    border: 1px solid #0a3190;
    background-color: #ced6e9;
    color: #001d77;
}
ul.news_list li dl dt .icon_topics {
    border: 1px solid #35a928;
    background-color: #d7eed4;
    color: #007300;
}
ul.news_list li dl dt .icon_event {
    border: 1px solid #4199ef;
    background-color: #d9ebfc;
    color: #0066b7;
}

ul.news_more {
    float: right;
    font-size: 88%;
}
ul.news_more li {
    float: left;
    font-weight: normal;
    margin-left: 15px;
    text-shadow: 0 0 #fff;
}
ul.news_more li a {
    padding: 2px 10px 0;
}

ul.news_more li a.icon_rss {
    background: url(/images/top/icon_rss.png) no-repeat scroll 10px center;
    padding-left: 25px;
}
/* ----- sidebar ----- */
#sidebar .title08 {
    display: none;
}
#sidebar .side_bnr li {
    margin-bottom: 15px;
    text-align: center;
}

#sidebar li.bnr-line {
	border-top: 1px dotted #cccfd0;
	padding-top: 15px;
	margin-top: 15px;
}

#sidebar .bnr-partner {
  padding-top: 1rem;
	border-top: 1px dotted #cccfd0;
  text-align: center;
}
/* ----- top_service ----- */
#top_service {
	margin-top: 100px;
}
#top_service dl {
    border: 1px solid #dde0e1;
    border-radius: 2px;
    box-shadow: 0 2px #dde0e1;
    box-sizing: border-box;
    float: left;
    margin-right: 2.85%;
    width: 31.4%;
}
#top_service dl:last-child {
/*    float: right;*/
    margin-right: 0;
}
#top_service dt a {
    border-bottom: 1px solid #cccfd0;
    color: #333;
    display: block;
    font-weight: bold;
    line-height: 1;
    padding: 7px 0 5px;
}
#top_service dt a:hover {
    background-color: #f7f8f8;
}
#top_service dd {
    font-size: 82%;
    padding: 13px 15px 13px 25px;
}
#top_service dd ul li a {
    color: #333;
    margin-left: -10px;
}
#consumer dt a {
    background: url(/images/top/icon_user.png) no-repeat 13px center #edeff0;
    padding-left: 34px;
}
#corporation dt a {
    background: url(/images/top/icon_bag.png) no-repeat 10px center #edeff0;
    padding-left: 34px;
}
#investor dt a {
    background: url(/images/top/icon_graph.png) no-repeat 16px center #edeff0;
    padding-left: 34px;
}

/* ----- top_partner ----- */
#top_partner {
	margin-top: 60px;
}
#top_partner p {}
#top_partner .bnr-partner {}



#slider2 li .photo img.bnr-movie {
	margin-top: .5em;
}
#slider2 li em {
    font-style: normal;
}




/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

@media screen and (min-width: 801px) {
	#top_slider {
		height: 300px;
	}
	.bx-pagerwrap {
		top: -90px !important;
	}
	.wrap {
		margin-top: 30px;
		width: 980px;
	}
	#business {
		margin-bottom: 40px;
	}
	#business ul li img {
		width: 7rem;
	}
	.main-contents {
		width: 680px;
		float: left;
	}
	  #top_partner p {
		float: left;
		width: 360px;
	  }
	  #top_partner .bnr-partner {
			float: right;
		width: 280px;
	  }
	#sidebar {
		float: right;
		width: 220px;
		padding: 20px;
		background-color: #f3f3f3;
	}
	
	#slider2 .txt-movie-wrap {
		text-align: center;
		margin-left: 2em;
	}
	#slider2 li dl.txt-movie-wrap dt {
		font-size: 225%;
		margin-bottom: 0;
	}
	#slider2 .first-text:first-letter {
		position: relative;
		/*margin-left: -.8em;*/
	}
	#slider2 li .photo img.bnr-movie {
		width: 300px;
		margin: .4em auto 0;
	}
  #slider2 .pc-none {
    display: none;
  }
    #slider2 .slider-shop-num {
        font-size: 200%;
    }
    .seminar-list-wrap section {
        margin-top: 3rem;
    }
    #business ul li{
/* 	height: 150px; */
}

}



@media screen and (max-width: 800px) {
    #service-bnr-group .service-bnr.btn-timeroom-wrap {
        padding: .4rem;
    }
    #service-bnr-group .service-bnr.btn-timeroom-wrap img{
        width: calc(100%/3 - 10px);
        margin: 5px;
    }
	.news_category {
		left: -15px;
		position: relative;
		right: 0;
		top: -30px;
	}
	#business ul li {
		margin-top: 20px;
	}
  #top_partner .bnr-partner {
    margin-top: 1rem;
  }
  #top_partner .bnr-partner img {
    width: 80%;
    display: block;
    margin:  0 auto;
  }
	#slider2 li .photo img.bnr-movie {
		width: 50%;
	}
    #recruit-wrap {
        margin-top: 2rem;
    }
    .recruit-list {
    }
    .recruit-list li {
        margin-top: 1rem;
        text-align: center;
    }
    #sidebar {
        float: none;
        width: 100%;
        position: relative;
    }
    #sidebar .side_bnr {
    }
    #sidebar .side_bnr li {
    }
#business li a {
	min-height:unset;
	padding-bottom: 0;
}




@media screen and (max-width: 700px) {/* 700以下　*/

    /* -----  business ----- */
    #business {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    #business  {
        /* margin-top: 0; */
        width: 100%;
    }
    #business ul li {
    	display: table;
    	position: relative;
    	width: 100%;
    	margin: 0.4rem 0;
    	padding: 3px 0 0 0;
    	border: 1px solid #abb5cf;
    	box-shadow: 0 2px #cccfd0;
    	box-sizing: border-box;
    	line-height: 1;
    }
    #business li a .list_img {
        display: table-cell;
        width: 50px;
    }
    #business li a .list_img img{
        width: 100%;
    }
    #business li a .list_tit{
        display: table-cell;
        font-size: 105%;
        margin-bottom: 0;
        padding-left: 0.5rem;
        vertical-align: middle;
    }
    #business li a .list_txt{
        display: none;
    }
    #business li a {
        width: 96%;
        /* padding: 1.5% 0; */
        /* background: url(/images/common/arrow_blue_sp.png) no-repeat scroll 97% center #fff; */
        /* background-size:.5rem; */
        text-align: left;
    }
    #business li a:hover:after {
        height: 0;
    }
    #recruit-wrap {
        margin-top: 2rem;
    }
    .recruit-list li {
        margin-top: 1rem;
        text-align: center;
    }
    .news_category {
        display: none;
    }
    ul.news_list li dl dt {
        float: none;
        width: 100%;
    }
    ul.news_list li dl dt span {
        position: absolute;
        top: 5px;
    }
    ul.news_list li dl dd {
        float: none;
        width: 100%;
    }
    #sidebar {
        margin-top: 60px;
        margin-bottom: 30px;
    }
    #sidebar .title08 {
        display: block;
    }
    #sidebar .side_bnr li a {
        display: block;
        width: 100%;
            text-align: center; 
    }
    #sidebar .side_bnr li a img {
        max-width: 100%;
    }
    #top_service dl {
        border: 1px solid #dde0e1;
        border-radius: 0;
        box-sizing: border-box;
        float: none;
        margin-bottom: 2.5%;
        margin-right: 0;
        width: 100%;
        height: auto !important;
    }
    #top_service dt a {
        line-height: 2.5;
    }
    #top_service dd {
        display: none;
    }

    #slider2 li .photo img.bnr-movie {
        width: 80%;
        display: block;
        margin: .5em auto 0;
    }

}