body{
 background-color: #EFEFEF;
}
#main{
 margin-bottom: 0px;
}
.main_img{
 width: 100%;
}
.circle_three{
 display: block;
 margin: -40px auto 22px;
}
.message{
 display: block;
 margin: 0 auto 65px;
}
.title{
 font-size: 35px;
 color: #fff;
 font-weight: 600;
 text-align: center;
 background-color: #2677B2;
 width: 100%;
 padding: 18px 0;
}
.media{
 display: block;
 margin: 118px auto 38px;
}
.voice{
 display: block;
 margin: 61px auto 44px;
}
.voice02,
.voice03,
.voice04{
 display: block;
 margin: 0 auto 64px;
}
.topSection img:last-child{
 width: 100%;
}
.topSection img:last-child:hover{
 opacity: 0.7;
}
/*2022.03.03*/
.aisatsu{
 display: flex;
 width: 1000px;
 margin: 0 auto 75px;
}
.aisatsu img{
 margin: 0 50px 0 0;
}
.aisatsu div p:first-child{
 color: #2677B2;
 font-size: 20px;
 font-weight: bold;
 letter-spacing: 1px;
 margin: 0 0 38px;
}
.aisatsu div p:nth-child(3){
 font-size: 17px;
 font-weight: 300;
 line-height: 29px;
 color: #2C2C2C;
}
.media_title{
 margin: 0 auto 118px;
}
.media_list{
 width: 1223px;
 margin: 0 auto 90px;
 display: flex;
 flex-wrap: wrap;
}
.media_list li{
 margin: 0 82px 40px 0;
}
.media_list li:nth-child(3n){
 margin: 0 0 40px 0;
}
.media_list li:nth-last-child(n+3){
 margin: 0 82px 0 0;
}
.media_list li:last-child{
 margin: 0;
}
.media_list li img{
 margin: 0 auto 22px;
}
.media_list li p{
 font-size: 16px;
 font-weight: 300;
 color: #2c2c2c;
}
.voice_title{
 margin: 0 auto 61px;
}
.cc_voice{
 text-align: center;
}
.cc_voice .ccv_list{
 margin: 0 auto 64px;
}
.cc_voice .ccv_list img{
 margin: 0 auto 18px;
}
.cc_voice .ccv_list > p{
 color: #2677B2;
    font-size: 25px;
    font-weight: 600;
    margin: 0 auto 44px;
}
.cc_voice .ccv_list ul li{
 width: 950px;
    background-color: #fff;
    margin: 0 auto 44px;
    padding: 40px;
    text-align: left;
}
.cc_voice .ccv_list ul li p:nth-child(2){
 color: #2677B2;
 font-size: 20px;
 font-weight: bold;
 line-height: 36px;
 margin: 0 auto 30px;
 position: relative;
 padding: 0 0 0 30px;
}
.cc_voice .ccv_list ul li p:nth-child(2)::before{
 position: absolute;
 content: "";
 background-image: url("../img/services/question_icon.png");
 background-repeat: no-repeat;
 width: 22px;
 height: 34px;
 background-size: 25px;
 background-position: center center;
 left: 0;
}
.cc_voice .ccv_list ul li p:nth-last-child(2){
 font-size: 17px;
 line-height: 33px;
 position: relative;
 padding: 0 0 0 30px;
}
.cc_voice .ccv_list ul li p:nth-last-child(2)::before{
 position: absolute;
 content: "";
 background-image: url("../img/services/answer.png");
 background-repeat: no-repeat;
 width: 22px;
 height: 34px;
 background-size: 25px;
 background-position: center center;
 left: 0;
}
@media screen and (max-width: 768px) {
 .title{
  font-size: 22px;
  padding: 9px 0;
  letter-spacing: 1px;
 }
 .media_title{
  margin: 0 auto 40px;
 }
 .circle_three{
  width: 90%;
  margin: -3% auto 0px;
 }
 .aisatsu{
  width: 95%;
  display: block;
  margin: 0 auto;
 }
 .aisatsu img{
  width: 100%;
  margin: 0 auto 10px;
 }
 .aisatsu div p:first-child{
  font-size: 19px;
  text-align: center;
  margin: 0 auto 5px;
 }
 .aisatsu div p:nth-child(3){
  font-size: 15px;
  line-height: 27px;
  margin: 0 10px 30px;
 }
 .media_list{
  width: 90%;
  margin: 0 auto;
 }
 .media_list li{
  width: 47%;
  margin: 0 20px 0 0;
 }
 .media_list li img{
  width: 100%;
  margin: 0 auto 11px;
 }
 .media_list li:nth-child(even){
  margin: 0 0 20px 0;
 }
  .media_list li:nth-child(3n){
  margin: 0 20px 20px 0;
 }
 .media_list li:nth-last-child(n+3){
  margin: 0 20px 20px 0;
 }
 .media_list li p{
  font-size: 14px;
 }
 .topSection{
  margin-bottom: 0px;
 }
 .voice_title{
  margin: 0 auto 40px;
 }
 .cc_voice .ccv_list{
  margin: 0 auto 40px;
 }
 .cc_voice .ccv_list img{
  width: 90%;
 }
 .cc_voice .ccv_list > p{
  font-size: 19px;
  margin: 0 auto 20px;
 }
 .cc_voice .ccv_list ul li{
  width: 90%;
  margin: 0 auto 20px;
  padding: 20px 10px;
 }
 .cc_voice .ccv_list ul li p:nth-child(2){
  font-size: 16px;
  line-height: 25px;
  margin: 0 auto 10px;
 }
 .cc_voice .ccv_list ul li p:nth-last-child(2){
  font-size: 14.5px;
  line-height: 23px;
 }
}
.topSection #gHeader img{
 width: auto;
}
.custom_pp{
 background: url(../img/index/bg02.jpg) no-repeat center top;
 background-size: 100%;
 margin-top: 0;
}
.custom_pp ul{
 max-width: none;
 padding: 10px 0;
}
.custom_pp li:first-child{
 border-left: none;
}
@media screen and (max-width: 768px) {
 .custom_pp.pc{
  display: none;
 }
 .pagePath ul{
  padding: 10px 0;
 }
}
.pp_service{
 margin-bottom: -102px;
}
.pp_service li:first-child{
 border-left: 1px solid #000;
}
.pp_service li a{
 color: #000;
}
.pp_service li{
 color: #000;
}
@media screen and (max-width: 768px) {
 .pp_service ul{
  display: none;
 }
}
.ccr_area{
 width: 1223px;
 margin: 0 auto ;
}
.ccr_area > img{
 width: 872px;
 margin: 0 auto;
 display: block;
}
.ccr_area .ccr_01 p{
 background: #fff;
 padding: 30px 50px 25px;
 margin: 40px auto;
 font-size: 16px;
}
.ccr_area .ccr_02 {
 margin: 0 auto 40px;
}
.ccr_area .ccr_02 li{
 width: 100%;
 display: flex;
 margin: 0 auto 15px;
}
.ccr_area .ccr_02 li .ccr_03{
 display: flex;
 width: 50%;
 font-size: 15px;
 margin: 0 40px 0 0;
}
.ccr_area .ccr_02 li .ccr_03 div:first-child{
 background: #333;
 color: #fff;
 padding: 15px 15px 20px;
 text-align: center;
 font-weight: bold;
 width: 15%;
}
.ccr_area .ccr_02 li .ccr_03 div:first-child span{
 display: block;
}
.ccr_area .ccr_02 li .ccr_03 div:last-child{
 background: #ddd;
 padding: 15px;
 width: 80%;
}
.ccr_area .ccr_02 li .ccr_03:nth-child(2) div:first-child{
 background: #b70000;
}
.ccr_area .cc_object{
 background: #2677B2;
 color: #fff;
 padding: 20px 30px;
 font-size: 20px;
 font-weight: bold;
}
.ccr_area .cc_object2{
 background: #fff;
 padding: 20px 30px;
 font-size: 16px;
 margin: 0 auto 30px;
}
.ccr_area + .voice_title{
 margin: 90px auto 60px;
}
/*2022.05.19*/
.tab-panel{
 width: 1223px;
 margin: 0 auto;
}
.tab-group{
 display: flex;
 justify-content: center;
}
.tab{
 flex-grow: 1;
 list-style:none;
 text-align:center;
 cursor:pointer;
 padding: 10px;
 border: solid 2px #2677B2;
 color: #2677B2;
 font-weight: bold;
 font-size: 17px;
 border-radius: 10px 10px 0 0;
}
.panel-group{
}
.panel{
 display:none;
}
.tab.is-active{
 background:#2677B2;
 color:#FFF;
 transition: all 0.2s ease-out;
}
.panel.is-show{
 display:block;
}
.add-service-cont{
 width: 1000px;
 margin: 0 auto 75px;
}
.add-service-cont li{
 background-color: #f7f7f7;
 padding: 22px 30px;
 border-radius: 10px;
 margin: 0 0 33px;
}
.add-service-cont li:last-child{
 margin: 0;
}
.add-service-cont li > div:first-child{
 display: flex;
 align-items: center;
 margin: 0 0 24px;
}
.add-service-cont li > div:first-child img{
 height: fit-content;
}
.add-service-cont li:first-child > div:first-child img{
 width: 260px;
}
.add-service-cont li > div:first-child p{
 line-height: 1.0em;
 color: #343535;
 font-size: 16px;
 margin: 0 0 0 10px;
}
.add-service-cont li:first-child > div:last-child{
 position: relative;
}
.add-service-cont li:first-child > div:last-child img{
 width: 800px;
}
.add-service-cont li:first-child > div:last-child div{
 position: absolute;
 width: 349px;
 right: 0;
 bottom: 10px;
}
.add-service-cont li:first-child > div:last-child div p:first-child{
 color: #5dad34;
 font-size: 15px;
 font-weight: bold;
 margin: 0 0 10px;
}
.add-service-cont li:first-child > div:last-child div p:last-child{
 line-height: 1.6em;
}
.add-service-cont li:last-child > div:first-child img{
 width: 120px;
}
.add-service-cont li:last-child > div:nth-child(2){
 display: flex;
 align-items: center;
 margin: 0 0 20px;
}
.add-service-cont li:last-child > div:nth-child(2) p:first-child{
 width: 100%;
 text-align: center;
 color: #5DAD34;
 font-size: 20px;
 font-weight: bold;
}
.add-service-cont li:last-child > div:nth-child(2) p:first-child span{
 display: block;
 font-size: 14px;
 font-weight: normal;
 margin: 10px 0 0;
 line-height: 1.6em;
}
.add-service-cont li:last-child > div:nth-child(2) p:last-child{
 width: 100%;
 line-height: 1.6em;
 color: #343535;
}
.add-service-cont li:last-child > div:nth-child(2) + img{
 width: 100%;
 margin: 0 0 20px;
}
.add-service-cont li:last-child > div:last-child{
 display: flex;
}
.add-service-cont li:last-child > div:last-child > img{
 width: 560px;
 margin: 0 25px 0 0;
}
.add-service-cont li:last-child > div:last-child > div{
 width: 100%;
 text-align: center;
}
.add-service-cont li:last-child > div:last-child > div img{
 width: 40%;
}
.add-service-cont li:last-child > div:last-child > div p{
 font-size: 16px;
 margin: 20px 0 0;
}
@media screen and (max-width: 768px) {
 .topSection #gHeader img{
  width: 30px;
 }
 .add-service-cont{
  width: 90%;
  margin: 0 auto;
 }
 .add-service-cont li{
  padding: 20px;
  margin: 0 0 20px;
 }
 .add-service-cont li > div:first-child{
  display: block;
 }
 .add-service-cont li:first-child > div:first-child{
  margin: 0;
 }
 .add-service-cont li:first-child > div:first-child img{
  width: 75%;
 }
 .add-service-cont li > div:first-child p{
  margin: 8px 0 0;
  font-size: 15px;
 }
 .add-service-cont li:first-child > div:last-child img{
  width: 100%;
  margin: 5px 0 0;
 }
 .add-service-cont li:first-child > div:last-child div{
  position: unset;
  width: 100%;
  bottom: unset;
  margin: 15px 0 0;
 }
 .add-service-cont li:last-child > div:first-child{
  margin: 0 0 15px;
 }
 .add-service-cont li:last-child > div:nth-child(2){
  display: block;
  margin: 0 0 10px;
 }
 .add-service-cont li:last-child > div:nth-child(2) p:first-child span{
  font-size: 15px;
  text-align: left;
  margin: 5px 0 10px;
 }
 .add-service-cont li:last-child > div:last-child{
  display: block;
 }
 .add-service-cont li:last-child > div:last-child > img{
  width: 100%;
  margin: 0 0 15px 0;
 }
 .add-service-cont li:last-child > div:last-child > div img{
  width: 25%;
 }
 .add-service-cont li:last-child > div:last-child > div p{
  font-size: 14px;
  margin: 15px 0 0;
 }
 .add-service-cont li:last-child > div:nth-child(2) p:first-child{
  font-size: 18px;
 }
 .add-service-cont li:last-child{
  margin: 0 0 30px;
 }
 .add-service-cont li:last-child > div:nth-child(2) + img + img,
 .add-service-cont li:last-child > div:nth-child(2) + img + img + img{
  width: 100%;
 }
 .add-service-cont li:last-child > div:nth-child(2) + img + img + img{
  margin: 10px auto 15px;
 }
}