@charset "UTF-8";

.message {
  background: url(../img/service/bg_01.jpg) no-repeat center bottom;
  background-size: cover;
  padding: 70px 0 130px;
}
.message .copy {
  font-size: 2.375rem;
  font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', serif;
  margin: 0 0 130px;
  letter-spacing: .1em;
  text-align: center;
  font-weight: 500;
}
.message h3 {
  font-size: 1.25rem;
  font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', serif;
  letter-spacing: .1em;
  margin: 0 0 25px;
  font-weight: 500;
}
.message p {
  font-size: .9375rem;
  line-height: 2;
  width: 590px;
  margin: 0 0 50px;
}
.message ul {
  display: flex;
  flex-wrap: wrap;
  width: 600px;
}
.message ul li{
  background: rgba(255,255,255,.6);
  width: 110px;
  text-align: center;
  font-size: 0.75rem;
  font-weight: bold;
  padding: 3px 0;
  margin: 0 10px 10px 0;
}


.team {
  background: url(../img/service/bg_02.jpg) no-repeat center bottom;
  background-size: cover;
  padding: 50px 0 50px;
}
.team .inner {
  padding: 0 0 0 400px;
}
.team .copy{
  font-size: 1.25rem;
  font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', serif;
  letter-spacing: .1em;
  margin: 0 0 25px;
  font-weight: 500;
}

.team h3 {
  font-size: 1.25rem;
  font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', serif;
  letter-spacing: .1em;
  margin: 0 0 25px;
  font-weight: 500;
}

.team p{
  font-size: .9375rem;
  line-height: 2;
  width: 590px;
  margin: 0 0 10px;
}

.team ul{
  display: flex;
  flex-wrap: wrap;
  width: 620px;
}
.team ul li{
  font-family: 'Lora', serif;
  font-weight: 700;
  font-size: 0.8125rem;
  width: 120px;
  height: 120px;
  background: #FFDF70;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 35px 10px 0;
}
.team ul li::before{
  content: "";
  display: block;
  width: 15px;
  height: 3px;
  background: #000;
  position: absolute;
  top: 50%;
  right: -26px;
}
.team ul li::after{
  content: "";
  display: block;
  width: 3px;
  height: 15px;
  background: #000;
  position: absolute;
  top: calc(50% - 6px);
  right: -20.5px;
}
.team ul li:nth-child(4)::before,
.team ul li:nth-child(4)::after{
  display: none;
}
.team ul li:nth-child(8)::before,
.team ul li:nth-child(8)::after{
  display: none;
}

.suggest {
  background: url(../img/service/bg_03.jpg) no-repeat center bottom;
  background-size: cover;
  padding: 100px 0 300px
}

.suggest h3{
  font-size: 1.25rem;
  font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', serif;
  letter-spacing: .1em;
  margin: 0 0 25px;
  font-weight: 500;
}
.suggest p{
  font-size: .9375rem;
  line-height: 2;
  width: 590px;
  margin: 0 0 10px;
}

.planning {
  padding: 100px 0;
}
.planning .inner{
  text-align: center;
}

.planning h3{
  font-size: 1.75rem;
  font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', serif;
  letter-spacing: .1em;
  margin: 0 0 25px;
  font-weight: 500;
}
.planning p{
  font-size: .9375rem;
  line-height: 2;
  margin: 0 0 60px;
}
.planning ul{
  display: flex;
  justify-content: space-between;
}

.flow{
  background: #F8EBDC;
  padding: 100px 0 80px;
}
.flow .inner{
  width: 760px;
}
.flow h3{
  font-size: 1.25rem;
  font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', serif;
  letter-spacing: .1em;
  margin: 0 0 35px;
  text-align: center;
  font-weight: 500;
}
.flow .step{
  position: relative;
  margin: 0 0 40px;
}
.flow .step:last-of-type{
  margin: 0;
}
.flow .step p{

}
.flow .step dl{
  position: absolute;
  top: 15px;
  left: 110px;
}
.flow .step dl dt{
  padding: 10px 45px 15px 0;
  display: inline-block;
  max-width: 500px;
}
.flow .step dl dt span{
  font-size: 0.75rem;
}
.flow .step dl dd{
  font-size: 0.8125rem;
}

.flow .step1 dl dt{
  background: url(../img/service/icn_01.svg) no-repeat right top;
  -webkit-background-size: 32px 35px;
  background-size: 32px 35px;
}
.flow .step2 dl dt{
  background: url(../img/service/icn_02.svg) no-repeat right top;
  -webkit-background-size: 34px 32px;
  background-size: 34px 32px;
}
.flow .step3 dl dt{
  background: url(../img/service/icn_03.svg) no-repeat right center;
  -webkit-background-size: 33px 35px;
  background-size: 33px 35px;
}
.flow .step4 dl dt{
  background: url(../img/service/icn_04.svg) no-repeat right center;
  -webkit-background-size: 35px 32px;
  background-size: 35px 32px;
}
.flow .step5 dl dt{
  background: url(../img/service/icn_05.svg) no-repeat right top;
  -webkit-background-size: 31px 32px;
  background-size: 31px 32px;
}
.flow .step6 dl dt{
  background: url(../img/service/icn_06.svg) no-repeat right 5px;
  -webkit-background-size: 31px 32px;
  background-size: 31px 32px;
}
.flow .attention{
  font-size: 0.6875rem;
  text-align: right;
}