﻿/*---------------------------------------
	service
----------------------------------------*/
.sub .p_service-inner {
  max-width: 1000px;
}
.p_service {
}
.p_service__wrap {
}
.p_service__intro {
  background-color: #f4f4f4;
  padding: 24px 32px;
}
.p_service__items {
  list-style: outside;
  padding-left: 3em;
  margin-top: 40px;
}
.p_service__item {
  margin-top: 5px;
}
.p_service__item span {
  font-weight: bold;
  border-bottom: 1px solid;
}

@media only screen and (max-width: 1024px) {
  .sub .p_service-inner {
    max-width: 740px;
  }
}

@media only screen and (max-width: 767px) {
  .p_service__wrap {
    margin-top: 50px;
  }
  .p_service__img img {
    width: 100%;
  }
  .p_service__intro {
    line-height: 2.9rem !important;
    padding: 12px 16px;
  }
  .p_service__items {
    padding-left: 2em;
  }
}


#service-takeover .grid {
  margin:50px auto 12px;
  display: grid;
  gap: 20px 15px;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
}
#service-takeover .item {
  padding: 0;
  text-align: center;
  position: relative;
  overflow: hidden;
  transition: .5s;
  background:#EFEFEF;
}
#service-takeover .item:hover {
    box-shadow: 0 0 20px rgba(32, 30, 28, .05);
}

#service-takeover p.to_title {
	margin:0;
	padding:0.25em 0 0.25em;
	font-size:1.6rem;
	font-weight:bold;
	text-align: center;
	background:#38761D;
	color:#fff;
}
#service-takeover p.to_intro {
	font-size:1.4rem;
	line-height:1.4;
	margin:1em 0.5em 0;
	padding:0;
	text-align: left;
	min-height:3.5em;
}
#service-takeover p.to_price {
	margin:1em 0 0;
	padding:0;
	font-size:1.85rem;
	font-weight:bold;
	text-align: center;
	font-style: italic;
}
#service-takeover p.to_price .yen {
	padding-left:0.5em;
	font-weight:bold;
	font-size:1rem;
	font-style: normal;
}
#service-takeover p.to_price .yen:after {
	content: "（税込）";
}

#service .icon {
	width:100%;
	max-width:160px;
	height:auto;
	margin:0 auto 30px;
}



#faq {
	max-width:900px;
	margin:50px auto 0;
}

#faq h3{
	font-size:28px;
	font-weight:bold;
	margin:20px 0;
	line-height:1.5;
}

#faq dl{
	margin:12px;
}
#faq dl dt{
	margin:0 0 0 0.5em;
	font-size:22px;
	font-weight:bold;
	line-height:1.6;
	text-indent: -1em;
}
#faq dl dd{
	padding:0.5em 1em 1em;
	font-size:18px;
	line-height:1.6;
}

@media only screen and (max-width: 1024px) {
	#faq h3{
		font-size:22px;
	}
	#faq dl dt{
		font-size:20px;
		line-height:1.5;
	}
	#faq dl dd{
		font-size:16px;
		line-height:1.5;
	}
}