@charset "UTF-8";
/* CSS Document */
/*共通*/

 .fs-s{
  font-size: .8em;
 }
.flex{
  display: flex;
  flex-wrap: wrap;
 }
#top .profile h2,#top .service h2{
text-align: center;
}
#top .profile h2 img,#top .service h2 img{
 width: auto;
 height: 20px;
}
#top .profile h2 span,#top .service h2 span{
 display: inline-block;
 line-height: 1;
 font-size: 14px;
 padding-top: 10px;
}

/*profile*/
 #top .profile{
  padding: 10vw;
  border-bottom: solid 10vw #6FBA2C;
 }

#top .profile .flex{
 flex-direction: column-reverse;
}
  #top .profile .item{
  width:  calc(100% / 1);
 }
 #top .profile_list{
 margin-top: 2em;
  text-align: center;
}
#top .profile_list_tit img{
 width: auto;
 height: 1.5em;
 margin-bottom: 1em;
}
#top .profile_list_txt{
 font-size: 12px;
}
 #top .profile_list_txt ul{
 }
#top .profile_list_txt li > *{
  border-bottom: solid 1px  #6FBA2C;
  line-height: 2;
  padding-bottom: .1em;
  color:  #000;
}

 #top .profile .item:nth-child(2) img{
  width: 100%;
  max-width: 400px;
  margin-bottom: 1em;
 }
#top .profile_list:last-child img{
 display: inline-block;
 width: auto;
 height: 50px;
 margin-right: 5px;
  margin-left: 5px;
}
/*service*/ 
 #top .service .item{
  width: calc(100%);
 }
 #top .service .item:nth-child(2){
  width: calc(100%);
  padding: 10vw;
 }
 #top .service .item h3{
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 7vw;
  letter-spacing: .05em;
  line-height: 1.5;
  text-align: center;
 }
 #top .service .item li{
  margin-top: 1em;
  padding-bottom: .5em;
  line-height: 1.5;
  font-size: 16px;
  border-bottom: dashed 1px #ddd;
 }
  #top .service .item li:last-child{
  margin-top: 2em;
  text-align: center;
  border-bottom: none;
 }
@media screen and (min-width: 768px) {
 #top .profile h2,#top .service h2{
text-align: left;
}
 #top .profile h2 img,#top .service h2 img{
 height: 30px;
}
#top .profile h2 span,#top .service h2 span{
 font-size: 16px;
}
/*profile*/
 #top .profile{
  padding: 100px 10vw 0;
 }
#top .profile .flex{
 flex-direction: row;
 max-width: 760px;
 margin: 0 auto;
}
  #top .profile .item:nth-child(1){
  width:  calc(45%);
 }
 #top .profile .item:nth-child(2){
  width:  calc(55%);
 }
 #top .profile .item:nth-child(2) img{
  transform: translateY(50px) scale(1.1);
 }
  #top .profile_list{
  text-align:left;
}
#top .profile_list_txt{
 font-size: 16px;
}

/*service*/
  #top .service{
  background-image:url("../../img/top/top_service.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left -15vw center;
 }
 
 #top .service .item:nth-child(1){
  width: calc(55%);
 }
 #top .service .item:nth-child(2){
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+1,ffffff+100&0+0,0.9+50 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.02) 1%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 1%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.02) 1%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6ffffff',GradientType=0 ); /* IE6-9 */
 width: calc(45% - 2vw);
  padding: 100px 2vw 50px;
 }
  #top .service .item h3{
  margin-top: .5em;
  margin-bottom: .5em;
  font-size: 36px;
  text-align: left;
 }
 
  #top .service .item li:last-child{
  text-align: right;
 }
/*works_area*/
 #top .works_area .slide_list_area.no_slider_wp li{
  width: calc(100% / 2 - 10px);
 }
/*contact_common*/
 .form_area_img{
  right: auto;
  left: -75px;
 }
}
@media screen and (min-width: 1401px) {
 /*service*/
  #top .service{
  background-position: left 0vw center;
 }
}