@charset "UTF-8";

/*
color set
Primary：#1C4B82  < #007bff /primary>
Secondary：#183661 〈 #6c757d/secondary 〉
Counter：#DD6B4D 〈 #28a745 /success〉
Other：#DAE1E7 〈 #f8f9fa /lite 〉


*/
*::-webkit-scrollbar{
 display:none;
}
* {
 -ms-overflow-style:none;
}
* {
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}

.selector {
 -ms-overflow-style:none;
}
.anchor {
    padding-top: 82px;
    margin-top: -82px!important;
}
a:hover {
	text-decoration: none;
}
a img {
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
}
a img:hover {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    opacity: 0.8;
}
header {
	border-bottom: solid 4px #DD6B4D;
	width: 100%;
	top: 0px;
}
.navbar a {
	color: #FFFFFF;
}
main {
	margin-top: 60px!important;
}
.footer-navi {
	font-size: 0.8rem;
}
.title-line {
	border: solid 1px #DD6B4D;
	width: 180px;
	text-align: center;
	margin: 4px auto ;
}
.sub-text {
	font-size: 0.8rem;
}

.object-cover {
	object-fit: cover;
	object-position: center center;
}
h4 {
	color: #1C4B82;
}

.img-bg {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	min-height: 320px;
}
.gallery-thumbnail p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* 更新コンテンツ関連 */
.update-list .img-thumbnail {
	width: 157px;
	height: 157px;
	object-fit: cover;
	object-position: center center;
}

.update-detail img {
	max-width: 100%;
}

.update-list-cont-thumbnail img {
	width: 100%;
	height: 157px;
	object-fit: cover;
	object-position: center center;
}
/* トップページ */
.cont-top .topix-area img {
	width: 84px;
	height: 84px;
	object-fit: cover;
}
.top-thumbnail-img {
	width: 100%;
	height: 164px;
	object-fit: cover;
	object-position: center center;
}
.gallery-area .col {

}
.gallery-area img {
	object-fit: cover;
	border: solid 1px #DAE1E7;
}
.gallery-area p {
	width: 100%;
	background-color: rgba(255,255,255,0.55);
}

/*トピックス*/
.topix-header img {
	width: 100%;
	height: 240px;
	object-fit: cover;
}

/* gallry */
.gallery-group-img {
	width: 100%;
	object-fit: cover;
	object-position: center center;
	height: 177px;
}


/* cont-zeh */
.function-but img {
	height: 72px;
	width: 72px;
	object-fit: cover;
	object-position: center center;
	border-radius: 36px;
}
.function-but h5 {
	color: #DD6B4D;
	font-size: 1.1em;
}
.function-but span {
	color: #000000;
}
.function-but-area a:hover {
	background-color: #DAE1E7;
}

/* my-house */
.flow_house  {
	counter-reset: li;    /* li のカウンタを 0 にセット */
  list-style: none;
}
.flow_house li:before {
	color: #DD6B4D;
  font-weight: bold;
  counter-increment: li;   /* li の数を一つずつ増加 */
  content: counter(li) ". ";          /* 数を表示 */
	margin-left: -1.7em;
	margin-right: 0.5em;
}

/*corporate*/


.cont-corporate ol {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
}

.cont-corporate li {
  margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
}
.cont-corporate li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #DD6B4D;
  color: #FFF;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}

.card-corporate-flow {
	margin-top: 4.5rem;
	float: left;
}
.card-corporate-flow img {
	width: 9rem;
	height: 9rem;
	margin-top: -4rem;
	left: 4.5rem;
	object-fit: cover;
}
.card-corporate-flow .card-body {
	padding-top: 5.5rem;
}

.fuwatto-wrap [class*='fuwatto'] {
  opacity: 0;
  transform: translate(0, 10px);
  transition: all 0.9s;
}
.fuwatto-wrap [class*='fuwatto'].f-act {
  opacity: 1;
  transform: translate(0, 0);
}

.calendar {
  position: relative;
}
.calendar::before {
  content: "";
  display: block;
  padding-top: calc(100% * 3 / 4);
}
.calendar iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}


/* 210318 ADD Shimokawa */

#slideL3,
#slideL4 { display:none;}


#slideL {
    z-index: 100;
    cursor: pointer;
    position: fixed;
    top: 125px;
    right: -190px;
    width: 260px;
    height: 57px;
    padding: 0 0 0 60px;
    background: #1C4B82;
    border-radius:5px 0 0 5px;
    border:3px solid #dae1e7;
}

#slideL2 {
    z-index: 100;
    cursor: pointer;
    position: fixed;
    top: 195px;
    right: -190px;
    width: 260px;
    height: 57px;
    padding: 0 0 0 60px;
    background: #1C4B82;
    border-radius:5px 0 0 5px;
    border:3px solid #dae1e7;

}

#slideL .slide-inner,
#slideL2 .slide-inner {
	position: relative;
	overflow: auto;
	overflow-x: hidden;
	background: #1C4B82;
}

#slideL .slide-inner a,
#slideL2 .slide-inner a {
	color:#fff !important;
	display:block;
	padding:12px 10px;
}


#slideL .nav-icon,
#slideL2 .nav-icon {
    position: absolute;
    left: 17px;
    top: 8px;
    font-size: 20px;
    color: #fff;
}

#slideL .nav-icon img{
    width:25px;
}

#slideL2 .nav-icon img{
    width:30px;
}

.scroll_area{
    height: 65vh;
    overflow: auto;
    border: solid 0.5px;
}

.banner_item{
    padding: 10px;
}

.mb-0 {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
#slideL,
#slideL2 { display:none;}

#slideL3,
#slideL4 { display:inherit !important;}


#slideL3 {
    z-index: 100;
    cursor: pointer;
    position: fixed;
    bottom: 90px;
    left: -190px;
    width: 250px;
    height: 57px;
    padding: 0 60px 0 0;
    background: #1C4B82;
    border-radius:0 5px 5px 0;
}

#slideL4 {
    z-index: 100;
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    left: -190px;
    width: 250px;
    height: 57px;
    padding: 0 60px 0 0;
    background: #1C4B82;
    border-radius:0 5px 5px 0;
}

#slideL3 .slide-inner,
#slideL4 .slide-inner {
	position: relative;
	overflow: auto;
	overflow-x: hidden;
	background: #1C4B82;
}

#slideL3 .slide-inner a,
#slideL4 .slide-inner a {
	color:#fff !important;
	display:block;
	padding:15px 10px;
}


#slideL3 .nav-icon,
#slideL4 .nav-icon {
    position: absolute;
    right: 17px;
    top: 10px;
    font-size: 20px;
    color: #fff;
}

#slideL3 .nav-icon img{
    width:25px;
}

#slideL4 .nav-icon img{
    width:30px;
}


footer .container {
    width: 88%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: 0;
    margin-left: auto;
}

footer .py-2 {
    padding-bottom: .5rem!important;
    padding-left: 4.5rem;
}

footer .text-nowrap {
    white-space: normal !important;
}


}