@charset "utf-8";
/*モバイルファースト　一部PCファースト*/

.clearfix::after {
   content: "";
   display: block;
   clear: both;
}

@media screen and (min-width: 768px) {
.b-hero { /*PC版トップ画像*/
	background: #fff url("../images/word/word2x.jpg") center 141px/1536px 200px no-repeat;
	
}
}
.b-section_5__panel--num_1 {
	margin-bottom: 40px;
	background-color: #F2F2F2;
}
/*20210520追記*/
.tab-panel{
	background-color: #F2F2F2;
	padding: 20px 0px;
}

 .tab-group{
	text-align: center;
	margin-bottom: 0px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 1120px;
	padding-top: 0px;
	padding-bottom: 10px;
	 
}
.tab{
	display: inline-block;
	padding-top: 1%;
	padding-right: 1.5%;
	padding-left: 1.5%;
	padding-bottom: 1%;
	margin: 0.25%;
	vertical-align: middle;
	list-style: none;
	border: solid 1px #CCC;
	text-align: center;
	width: auto;
	cursor: pointer;
	font-size: 80%;
	background-color: #fff;
}
.panel-group{
}
.panel{
  display:none;
}
.tab.is-active{
	background-color: #048C01;
	color: #FFF;
	transition: all 0.2s ease-out;
}
.panel.is-show{
  display:block;
}
.midashi {
	background-color: #048C01;
	color: #FFFFFF;
	padding: 15px;
	font-size: 18px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.list li {
	border-bottom: 1px dotted #666666;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.list li .list-img {
	float: right;
	padding-left: 40px;
}
.list-title {
	font-weight: bold;
	font-size: 20px;
	padding-bottom: 20px;
}
.list-txt {
	font-size:14px;
	 margin: 6px 0 6px;
    line-height: 1.8;
}
.caption {
	background-color: #E7E7E7;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	font-size: 14px;
	line-height: 1.8;
	margin-top: 20px;
}
.caption dt {
	font-weight: bold;
	font-size: 16px;
}

.acbtn {
  cursor: pointer;
}
.content {
  display: none;
}








.word-wrap {
	margin: 0;
	background: #f0f0f0;
	padding-top: 40px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 40px;
}
.basic-wrap a {
	color: #C72826!important;
}

/**** サブタイトル　****/


.b-container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.b-section_2 img {
    max-width: 80%;
  }
.b-container {
		max-width: 1120px;
	}
@media screen and (max-width: 767px) {
	.b-container {
		max-width: 90%;
	}

.b-section_5__panel--num_1 {
	margin-bottom: 20px;
	background-color: #F2F2F2;
}
/*20210520追記*/
.tab-panel{
	background-color: #F2F2F2;
	padding: 10px 0px;
}

 .tab-group{
	text-align: center;
	margin-bottom: 0px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	padding-top: 0px;
	padding-bottom: 10px;
	 
}
.tab{
	display: inline-block;
	padding-top: 4%;
	padding-right: 4%;
	padding-left: 4%;
	padding-bottom: 4%;
	margin: 1%;
	vertical-align: middle;
	list-style: none;
	border: solid 1px #CCC;
	text-align: center;
	width: auto;
	cursor: pointer;
	font-size: 80%;
	background-color: #fff;
}
.panel-group{
}
.panel{
  display:none;
}
.tab.is-active{
	background-color: #048C01;
	color: #FFF;
	transition: all 0.2s ease-out;
}
.panel.is-show{
  display:block;
}
.midashi {
	background-color: #048C01;
	color: #FFFFFF;
	padding: 10px;
	font-size: 10px;
	margin-bottom: 10px;
}
.list li {
	border-bottom: 1px dotted #666666;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.list li .list-img {
	float: none;
	padding-left: 40px;
}
.list-title {
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 20px;
}
.list-txt {
	font-size:12px;
	 margin: 6px 0 6px;
    line-height: 1.8;
}
.caption {
	background-color: #E7E7E7;
	padding-top: 1%;
	padding-right: 1%;
	padding-bottom: 1%;
	padding-left: 1%;
	font-size: 14px;
	line-height: 1.8;
	margin-top: 20px;
}
.caption dt {
	font-weight: bold;
	font-size: 16px;
}

.acbtn {
  cursor: pointer;
}
.content {
  display: none;
}








.word-wrap {
	margin: 0;
	background: #f0f0f0;
	padding-top: 40px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 40px;
}
.basic-wrap a {
	color: #C72826!important;
}




}
.b-row {
/* このwidthスタイルをいじるとスマホ対応が崩れるので注意	width:760px 絶対！;*/
}



/* ボタン　*/
.btn_box {
	width: 260px;
	margin: 0 auto;
	text-align: center;
}
@media screen and (min-width:768px) {
	.anchor {
		height: 1px;
		margin-top: -131px;
		padding-top: 131px;
	}
}
/* 対応メーカーリスト */
.about-price_brand__list {
	width: 100%;
	margin: 8px auto 0;
}
@media screen and (min-width:1000px) {
	.about-price_brand__list {
		width: auto;
		margin: 12px auto 0;
	}
}

.about-price_brand__list td {
	width: 33.33%;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
}
@media screen and (min-width:480px) {
	.about-price_brand__list td {
		/*height: 54px;*/
		font-size: 14px;
	}
}
@media screen and (min-width:960px) {
	.about-price_brand__list td {
		font-size: 17px;
	}
}
.b-section_5__paragraph_3 {
  margin-top: 8px;
  font-size: 100%;
  line-height: 1;

}
@media screen and (max-width: 767px) {
  .b-section_5__panel {
    padding: 30px 0 40px;
  }
/*背景画像　モバイル用*/
.b-section_5__panel--num_1 {
  min-height: 100px;
}
}

/*:::: バナー ::::*/
.about-banner {
    width: 100%;
	text-align:center;
    padding-top: 50px;
}
.about-banner img {
	border:1px solid #ccc;
}
.about-banner02 {
    padding-top: 20px;
}
@media screen and (max-width: 767px) {
.about-banner {
	width:92%;
	margin:20px auto;
	padding:0;
}
/*モバイル版画像の調整*/
.b-mt40-10 {
margin: 40px 10px 0;
}
}

/*0404 追加*/
div.center {
	width:95%;
	margin:0 auto;
}
.panel {
	padding:50px 10px 10px;
}

.kome {
	margin-top: 20px;
	font-size: 100%;
	line-height: 1.9;
}
@media screen and (max-width: 767px) {
.kome {
	font-size: 82%;
	line-height: 1.1;
	text-indent:-1em;
	margin-left:1em;
	text-align:left;
}
}

/*非表示・表示*/
.sp_style {
display:none;

}
@media screen and (max-width:480px) {
.pc_style {
display:none;
}
.sp_style {
display:block;
}


}

/*--- CSS add heading-----*/
.about-wrap .txt-addtop {
  color: #C72826;
  font-size: 400%;
  font-weight: 800;
  line-height: 1.2;
  margin: 40px 0 55px;
}
@media screen and (max-width:767px) {
  .about-wrap .txt-addtop {
    font-size: 180%;
    line-height: 1.2;
    margin: 25px 0 40px;
  }
}
@media screen and (max-width:320px) {
  .about-wrap .txt-addtop {
    font-size: 26px;
  }
}

.cel2{
	display: inline-block;
	margin: 20px 8px;
}
a:hover img{
	opacity: 0.8;
}