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

/* 共通 */
#service{

.table-02 th {
 width: 140px;
}

.txt-3box .map iframe{
  border: 0;
  height: 290px;
  width: 100%;
}

.eco-area .map iframe{
  border: 0;
  height: 400px;
  width: 100%;
}

.flex{
  display: flex;
  flex-wrap: wrap;
  gap: 50px 30px;
  justify-content: flex-start;
}

.txt-3box {
  margin: 0;
  width: calc(100% / 3 - 20px);
}

.flex.mb-60,
.eco-area .flex,
.service-first-area{
    gap: 0;
}

.flex.anchor-area{
  gap: 0px 30px;
}

.movie iframe{
  height: 140px;
  width: 250px;
}

.service-first-area{
    margin-bottom: 100px;
}

.center-list-area .txt-3box {
    background-color: #fff;
    padding: 20px;
}

.center-list-img {
    margin: 0 auto 25px auto;
}

.center-list-area .table-02 th, .center-list-area .table-02 td {
    border: 0;
}

.center-list-area .table-02 th {
    background-color: #ddeced;
}

.center-list-area .table-02 .link-btn {
    padding: 12px 10px 14px 10px;
    font-size: 100%;
}

.center-list-area .map {
    margin: 25px auto 5px auto;
}

.bg-gray .center-list-area .txt-3box, .bg-blue .center-list-area .txt-3box {
    background-color: #fff;
}
/* .center-box {
    background-color: #f4f4f4;
    padding: 40px 40px 45px 40px;
} */

#contents .center-box h5 {
    margin-bottom: 35px;
}

.center-box .txt-2box {
    margin-right: 3%;
    width: 47%;
}

.center-box .txt-2box.end {
    margin-right: 0;
}

.center-list-area .center-box .map {
    margin: 40px auto 5px auto;
}
.center-list-area .table-02 tr {
    border-bottom: 1px solid #d3d3d3;
}

.center-list-area .table-02 tr:first-child {
    border-top: 1px solid #d3d3d3;
}
}

/* アコーディオン */
#service .center-list-area{
  background-color: #ddeced;
}

#service .center-list-area .accordion_inner {
  display: none; /* 最初は非表示 */
  padding: 40px;
  background-color: #ddeced;
}

#service .center-list-area h4 {
  position: relative;
  padding: 18px 38px 18px;
  transition: .3s;
  margin-bottom: 0;
}

#service .center-list-area .accordion-ttl {
  width: fit-content;
  position: relative;
  margin: auto;
}

#service .center-list-area h4:hover {
  cursor: pointer;
  opacity: 0.5;
  text-decoration: none;
}

#service .center-list-area .accordion-menu-link {
  display: block;
  height: 45px;
  margin: -50px 0 0 auto;
  position: absolute;
  width: 45px;
  right: -40%;
  top: 43px;
}

#service .center-list-area .accordion-menu-link::before {
	content: "";
	display: inline-block;
	position: absolute;
	top: 45%;
	right: 30px;
	width: 10px;
	height: 10px;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	transform: translateY(-50%) rotate(45deg);
	transition: .3s;
}

#service .center-list-area.open .accordion-menu-link::before {
	transform: rotate(225deg);
}

#service #contents .center-box .accordion_inner .center-inner{
  background-color: #fff;
  padding: 30px;
}

/* view-1140 notePC,Tablet */
@media screen and (max-width: 1140px) {
#service{

  .img-2box{
    margin-bottom: 30px;
}

.txt-3box {
  width: calc(100% / 2 - 15px);
}
}
}

/* view-959 Mobile,Tablet */
@media screen and (max-width: 959px) {
#service{

.flex.anchor-area {
  gap: 0px 15px;
}  

.link-btn.anchor {
    margin-top: 15px;
}

.anchor-area .txt-3box {
  width: calc(100% / 2 - 8px);
}  

 .anchor-area .txt-2box {
    margin-right: 0;
    width: 100%;
}

 .anchor-area .txt-2box.end {
    margin-right: 0;
}

.txt-3box {
  width: 100%;
}

.eco-area .map{
  margin-bottom: 20px;
}

.service-first-area {
    gap: 0;
    margin-bottom: 60px;
}

/* .center-box {
    padding: 20px;
} */

.center-box .txt-2box, .center-list-img {
    width: 100%;
}

}

#service .center-list-area h4 {
  font-size: 115%;
  padding: 13px 38px;
}

#service .center-list-area .accordion-menu-link {
  height: 35px;
  margin: -50px 0 0 auto;
  width: 35px;
  right: -40%;
  top: 43px;
}

#service .center-list-area .accordion-menu-link::before {
  top: 60%;
  right: 20px;
  width: 8px;
  height: 8px;
}

#service .center-list-area .accordion_inner {
  padding: 20px;
}
}

  /* view-559 Mobile */
@media screen and (max-width: 559px) {
#service{

.flex.anchor-area.center {
  justify-content: flex-start;
}

.link-btn.anchor{
  margin-top: 15px;
}  

 .anchor-area .txt-2box {
    width: 100%;
    margin-right: 0;
}

.flex{
  gap: 70px 0;
}

.service-first-area {
    gap: 0;
}

.center-list-area .table-02 th {
    width: 8em;
}
}

#service .service-first-area {
  margin-bottom: 30px;
}

#service .center-list-area .accordion_inner {
  padding: 15px;
}

#service .accordion_inner .flex {
  gap: 30px;
}
}