@charset "UTF-8";
/* CSS Document */

.header-logo text-hide{
	background: url("../img/logo.jpg")
}

.header-description{
	font-size: 18px;
	width: auto;
	color: #555;
}

.navbar-right{
display: flex;	
align-items: flex-end;
}

.top-cat-trouble{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

@media (max-width:767px) {
.top-cat-trouble{
	width: 50%;
	height: auto;
	margin-bottom: 4px;
}
}

.top-cat-trouble p{
	text-align: center;
}

.top-chart{
	width: 100%;
	height: 300px;
}

.flex{
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.navbar{
	padding: 10px 0px !important;
}
li+ li.nav-item  {
  border-left: 1px solid #CACACA;	
}

@media (max-width:767px) {
li+ li.nav-item  {
  border-left: none;	
}	
	}
li.nav-item  {
	  padding: 0 10px;
}

.navbar-expand-sm.navbar-nav.nav-link{
    padding-right: 1rem !important;
    padding-left: 1rem !important;
	}

.balloon1 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 10px 10px;
  width: 100%;
  color: #fff;
  font-size: 16px;
  background: #F4A0A3;
	text-align: center;
	  border-radius: 8px;
}

.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #F4A0A3;
}

.balloon1 p {
  margin: 0;
  padding: 0;
}

.top-cat-survice{
	color: #555;
	font-size: 15px;
}

ul li.top-cat-survice{
	list-style: none;
}

ul.top-cat-survice-box {
	 padding: 0;
}

.top-cat-trouble-link{
	display: block;
}


.top-cat-trouble img{
	width: 100%;
	height: auto;
}


ul.cat-trouble-survice-link {
		padding: 0px;
}

li.cat-trouble-survice-link {
	float: left;
	padding: 0px;
	list-style: none;
}
li.cat-trouble-survice-link-title {
font-size: 18px;
	font-weight: bold;
		list-style: none;

}

#accordionExample ul{
	margin: 0;
	padding: 0;
}

#accordionExample button[aria-expanded="false"]:after {
  content: url("../img/plus.png");
	    position: absolute;
    top: 21px;
    right: 13px;
}

#accordionExample button[aria-expanded="true"]:after {
  content: url("../img/minus2.png");
	    position: absolute;
    top: 21px;
    right: 13px;
}

.btn-block {
    display: block;
    width: 100%;
    text-align: left;
}

.clear{
	clear: both;
}

.sidebar_fixed {
  position: sticky;
  top: 60px;
}
.sidebar_content {
  margin-bottom: 100px;
}

.nagai{
	width: 100%;
	height: 1000px;
	background-color: #CACACA;
}

.wrap{
	margin: 40px 0px;
}





body{
	font-size: 16px !important;
line-height: 2.2;
}

.access-fax-box {
    padding: 0.7em 2em;
    margin: 100px auto 100px;
    border: solid 5px #e8eaf0;
    width: 600px;
    text-align: center;
	font-size: 30px;
	font-weight: bold;
}

.access-fax-text-middl{
	font-size: 23px;
	font-weight: bold;
}
.access-fax-text-small{
	font-size: 18px;
	font-weight: normal;
}


.access-fax-list-box{
	border: 1px solid #ddd;
	padding: 20px;
}

ul.access-fax-list{
	list-style: none;
}
li.access-fax-list{
	clear: both;
	margin: 1em;
}
.access-fax-list-mark{
	background-color: #1a3168;
	color: #fff;
	padding: 0px 2px;
	float: left;
	width: 80px;
	text-align: center;
	margin-right: 10px;
}

.box {
	border: 1px solid #ddd;
	padding: 20px;
}

footer.container{
	margin-top: 40px;
}

ul li{
	list-style: none !important;
}





.container2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  }

.item { flex: 10%; }


/*トップページバナーのクリック時、リンクボタンのクリック時に透明70％*/
.topbanner img:hover, .linkbutton :hover {
opacity: 0.7;	
}


a {color: #000000}


/*新着の文字*/
.text12-19 {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 1em;
	color: #333333;
	line-height: 140%;
}

.news-frame {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0px;

}



/*インフレームをスマホ表示*/
.iframe-wrap {
  position: relative;
  width: 100%;
  padding: calc(480 / 854 * 100%) 0 0; /* 高さと横幅の数字には単位は入れません。 */
}
 
.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}