* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-feature-settings: "palt";
	font-family: 'Noto Sans JP', sans-serif;
	font-size:0.95rem;}

body, html {
        width: 100%;
        height: 100%;}

img {
	vertical-align:bottom;}

img.w {
	width:100%;}

ul, li{
	list-style:none;}

.indent	{text-indent:-1em;padding-left:1em;}

.pc	{display:inline-block;}
.sp	{display:none;}

@media (max-width: 640px) {
.pc	{display:none;}
.sp	{display:inline-block;}
}

.cf:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}

.container{
	width:1100px;
	margin:0 auto;}

@media (max-width: 640px) {
.container{
	width:100%;}
}


header{
	}

@media (max-width: 640px) {
header img{
	width:100%;}
}

.moushikomi{
	text-align:center;
	padding:25px 0 50px;}

@media (max-width: 640px) {
.moushikomi{
	padding:20px 0 30px;}

.moushikomi img{
	width:100%;}
}

.hensai{
	padding:40px;
	background:url(../img/hensai_back.jpg)left top no-repeat;}

.hensai .block{
	padding:20px;
	background:#fff;}

.hensai li{
	float:left;
	margin-right:20px;}

.hensai li:last-child{
	margin-right:0;}

.hensai table,
.hensai th,
.hensai td{
	border:1px solid #bbb;
	border-collapse:collapse;
	padding:10px;
	text-align:center;
	line-height:1.8em;}

.hensai table{
	width:100%;}

.hensai thead th,
.hensai thead td{
	background:#dae7c8;}

.hensai tbody th{
	background:#edf0af;}

@media (max-width: 640px) {
.hensai{
	padding:0;
	background:url(../img/hensai_back.jpg)left bottom no-repeat;}

.hensai_back{
	padding:20px 10px 10px;
	background:url(../img/hensai_back.jpg)left top no-repeat;}

.hensai img{
	width:100%;}

.hensai .block{
	padding:10px;}

.hensai li{
	float:none;
	margin-right:0;
	margin-bottom:10px;}

.hensai li:last-child{
	margin-right:0;}

.tab-area {
	width:100%;}

.tab {
	width:50%;
	margin:0 !important;
	padding:10px;
	line-height:1em;
	float:left !important;
	text-align:center;
	box-sizing:border-box;
	background-color:#eee;
	border-radius:20px;}

.tab:last-child{
	}

.tab.active {
	background-color: #767922;
	color: #fff;}

.tab:last-child.active {
	background-color: #825e2d;
	color: #fff;}

.panel {
	display: none;}

.panel.active {
	display: block;}
}

.info h3{
	font-size:1.2rem;
	border-bottom:2px solid #000;}

.info table,
.info th,
.info td{
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	border-collapse:collapse;
	padding:15px;
	text-align:left;
	vertical-align:top;
	line-height:1.8em;}

.info table{
	width:100%;}

.info thead th,
.info thead td{
	background:#dae7c8;}

.info tbody th{
	width:200px;
	background:#bed12b;
	color:#fff;
	border-left:none;}

.info tbody th,
.info tbody td{
	border-top:1px solid #bbb;}

.info tbody td li{
	margin-left:1.5em;
	list-style-type:disc;}

@media (max-width: 640px) {
.foot img{
	width:100%;}

.info{
	padding:0 10px;}

.info tbody th{
	width:100px;}
}




footer { margin-top: 60px; }

.footer_tel { text-align: center; margin-top: 65px; margin-bottom: 25px; margin-left: auto; margin-right: auto; max-width: 363px; }

.footer_background { background-color: #f7f7f7; padding-top: 35px; }

.footer_link { max-width: 966px; margin: auto; }

.footer_link:last-child { margin-bottom: 1.5em; }

.footer_link li { text-align: center; }

.footer_link a { display: inline-block; text-align: center; }

.footer_logo { max-width: 966px; margin: auto; text-align: center; border-top: 1px solid #dbdad8; padding: 20px 0; margin-top: 25px; }

.footer_company { text-align: center; line-height: 1.7; padding-bottom: 20px;}

.footer_back { display: table; margin: auto; text-align: center; position: relative; margin-bottom: 25px; }

.footer_back a { display: table-cell; vertical-align: middle; align-items: center; padding: 10px 20px; border: 1px solid #dbdad8; background-color: #f7f7f7; text-decoration: none; transition: all .3s ease; width: 300px; height: 45px; }

.footer_back a:before { content: ''; display: inline-block; position: absolute; top: 42%; right: 13px; border-top: 5px solid #dbdad8; border-right: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid transparent; transform: rotate(-90deg); }

.footer_back a:hover { border: 1px solid #f7f7f7; background-color: #dbdad8; }

.footer_back a:hover:before { border-top: 5px solid #f7f7f7; }



@media (max-width: 640px) {
 footer img{width:100%;}
}

@media only screen and (max-width: 767px){
 footer{ margin-top: 10vw; }
 footer > *{ padding-left: 15px; padding-right: 15px; }
 .footer_tel{ margin-top: 6vw; margin-bottom: 4vw; }
 .footer_link{ display: table; }
 .footer_link li{ margin-bottom: 0.7em; }
 .footer_logo{ margin-top: 3vw; }
 .footer_back a:before{ right: 22px; }
}

@media only screen and (min-width: 768px){
 .footer_link{ display: flex; justify-content: center; }
 .footer_link + .footer_link{ margin-top: 1.1em; }
 .footer_link li + li{ border-left: solid 1px #000; }
 .footer_link a{ padding: 0 26px; }
}

@media (max-width: 640px) {
.accordion-content {
  display: none;
}

.accordion-title {
  position: relative;
	background-color: #825e2d;
	padding:15px;
	line-height:1em;
	text-align:center;
	color:#fff;
	border-radius:30px;
}
.accordion-title::after {
  border-right: solid 2px #fff; // 矢印の色
  border-top: solid 2px #fff; // 矢印の色
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  right: 25px;
  top: 38%;
  right: 0;
  top: 0;
  transform: rotate(135deg); // 最初の矢印は下向き
  transition: transform .3s ease-in-out, top .3s ease-in-out;
  width: 8px;
}
.accordion-title.open::after {
  top: 45%; // 矢印の位置を少し変える
  transform: rotate(-45deg); // 矢印を上向きに変える
}

}