TOP202301@charset "UTF-8";
/*==========================================================
==  00_共通
===========================================================*/
html {
  font-size: 16px;
}

body {
  font-family:  '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
  font-size: 1rem;
  margin: 0;
  padding: 0;
  border-top: 3px solid #000;
  text-align: center;
  -webkit-text-size-adjust: none;
}

a {
  text-decoration: none;
}

a:visited {
  color: #000;
}

a:link {
  color: #000;
}

img {
  max-width: 100%;
  height: auto;
  /* 保存禁止 */
	pointer-events: none;
}

.container {
/*  width: 100%;*/
	max-width: 1100px;
  margin: 0 auto;
  padding: 0 4%;
}
a.btn span {
	opacity: 1;
	transition: opacity 0.3s ease-out 0s;
}

/*大きな背景画像 */
/*
.big-bg {
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;*
}
/
/*画像コピー禁止*/
#img_wrap {
  position: relative;
}
#img_wrap::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(images/toumei.png);
  background-position: top left;
  background-size: 100% 100%;
}
/*==========================================================
==  01_共通（文字の大きさ関連）
===========================================================*/
#works-wrapper h2,
#info-wrapper h2,
#info h2,
#aboutus h2,
#recruit h2,
#service h2,
#works h2,
#shoplist h2,
#access h2,
#contact h2,
#contact_th h2,
#privacy h2,
#site-policy h2 {
  font-family: 'Roboto', sans-serif;
  font-size: 1.5rem;
  letter-spacing: 5px;
  padding: 150px 0 20px 0;
  width: 100%;
  text-align: center;
  color: #000;
}
#info h3,
#works_category h3,
#works h3,
#service h3 {
  font-size: 1.25rem;
  width: 100%;
  color: #000;
/*  height: 33px;*/
}
#service h4,
#recruit h4 {
  color: #000;
  font-size: 1.125rem;
  text-align: left;
  clear: both;
}
#info-wrapper p,
#aboutus p,
#recruit p,
#service p,
#access p,
#shoplist p ,
#contact_th p {
  font-family: 'Roboto', sans-serif;
  color: #000;
  font-size: 1rem;
  line-height: 2em;
  text-align: left;
  clear: both;
}
/*==========================================================
== 02_iframe
===========================================================*/
iframe {
  width: 100%;
  border: 0px;
}
/*==========================================================
==  03_header
===========================================================*/
.header_wrap {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content:space-between;
  position: fixed;
  left: 0;
  top: 0;
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  z-index: 95;
}
#header_logo {
  position: relative;
  z-index: 5;
}
.logo {
 width: 300px;
 padding-top:10px;
}
#navigation {
  background: rgba(0,0,0,0.8);
  display: none;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 5;
}
.nav_wrap {
  align-items:center;
  display: flex;
  display: -webkit-flex;
  height: 100%;
  justify-content: center;
  -webkit-justify-content:center;
  position: absolute;
  width: 100%;
  top: 50px;
}
.nav_menu_item {
  margin: 20px 0;
}
.nav_menu_item a {
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 5px;
  text-decoration: none;
  transition: .5s;
  z-index: 98;
  font-family: 'Roboto', sans-serif;
}
#hb_menu {
	display: block;
	position: relative;
	width: 60px;
	height: 60px;
	z-index: 98;
	background: #777;
	line-height: 0;
}
#nav_trgr,
#nav_trgr span {
	display: inline-block;
	transition: all 0.4s;
	box-sizing: border-box;
}
#nav_trgr {
	position: absolute;
	left: 15px;
	top: 14px;
	width: 30px;
	height: 28px;
}
#nav_trgr span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #fff;
}
#nav_trgr span:nth-of-type(1) {
	top: 0;
}
#nav_trgr span:nth-of-type(2) {
	top: 13px;
}
#nav_trgr span:nth-of-type(3) {
	bottom: 0;
}
#nav_trgr.nav_open span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-45deg);
  transform: translateY(15px) rotate(-45deg);
}
#nav_trgr.nav_open span:nth-of-type(2) {
  opacity: 0;
}
#nav_trgr.nav_open span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(45deg);
  transform: translateY(-11px) rotate(45deg);
}
#ft-link {
	width: 100%;
	margin: 0 auto;
}
#ft-link ul {
	display: flex;
  display: -webkit-flex;
	justify-content: center;
  -webkit-justify-content:center;
	flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
#ft-link li {
	display: inline-block;
}
#ft-link .fa {
  margin-right:5px;
  color: lightgrey;
}
#ft-link-second-level {
  display:none;
}
#ft-link-second-level a {
  display:block;
  text-align: left;
  color: #fff;
  font-size: 1.0rem;
  padding-left: 260px;
  padding-bottom:15px;
  text-decoration: none;
  transition: .5s;
  z-index: 98;
  font-family: 'Roboto', sans-serif;
}
/*==========================================================
==  04_index.html
===========================================================*/
.home_bg{
  margin: 20px;
}
.home_bg::before{
  content:"";
  display:block;
/*  position:fixed;*/
  top:0;
  left:0;
  z-index:-1;
  width:100%;
/*  height:150vh; */
  background-repeat:no-repeat;
  background-position:center 100px;
  background-image: url(../images/TOP0326.jpg);
  /*background-image: url(../images/0113_TOP.jpg);*/
  background-size:auto;
  padding-top:60%;
}
#info-wrapper {
/*  padding: 300px 0;*/
}
#works-wrapper {
  padding: 30px 0;
}
#works-wrapper h2,
#info-wrapper h2 {
  padding: 30px 0;
  width: 100%;
  text-align: left;
}
#info-wrapper p {
  margin: 0 12px 25px;
  padding: 0;
  font-size: 0.75rem;
  width:80px;
  text-align: left
}
.info_home {
  display: flex;
  display: -webkit-flex;
  color: #000;
  font-size: 0.75rem;
  line-height: 2em;
  text-align: left;
}
.info_home_top{
  padding-left:30px;
}
.info_home_topB{
  padding-left:30px;
  font-weight: bold;
}
.h2_line{
  font-weight: normal;
  font-size: 1.25px;
  text-indent: 58px;
  position: relative;
  margin: 0;
  letter-spacing: 1px;
}
.h2_line:before {
  content: "";
  width: 43px;
  border-bottom: 2px solid #e43200;
  position: absolute;
  left: 0;
  height: 0.75rem;
  vertical-align: middle;
}
.grid {
  display: grid;
  gap :30px;
  grid-template-columns: repeat(3,1fr);
  justify-content: center;
}
.grid figcaption {
  font-family: 'Roboto', sans-serif;
  color: #000;
  font-size:1rem;
  line-height: 42px;
}
#go-works {
  padding:30px 0;
  text-align: center;
}
#go-works p {
  font-size: 1rem;
  border :2px solid grey;
  color: #777;
  background-color: lightgrey;
  line-height: 42px;
  width: 300px;
  display: inline-block;
  text-align: center;
}
/*==========================================================
==  05_info.html
===========================================================*/
#info {
  min-height: 100vh;
  text-align: center;
  background-color: lightgrey;
}
#info article dt {
  text-align: left;
  font-size: 1.125rem;
  padding: 5px 0 20px 0;

}
#info article dd {
  color: #000;
  font-size: 0.75rem;
  line-height: 2em;
  text-align: left;
  display: block;
}
p.post {
  padding-top: 30px;
  text-align: left;
  font-size: 0.75rem;
/*  color: #e43200;*/
}
.news_list {
  border-top: medium solid #fff;
  padding-bottom: 20px;
}
.info_d {
  text-decoration: underline;
}
/*==========================================================
==  06_aboutus.html
===========================================================*/
.aboutus_bg{
  margin: 20px;
}
.aboutus_bg::before{
  content:"";
  display:block;
/*  position:fixed;*/
  top:0;
  left:0;
  z-index:-1;
  width:100%;
/*  height:100vh; */
  background-repeat:no-repeat;
  background-position:center 100px;
  background-image: url(../images/aboutus.jpg);
  background-size:auto;
  position: absolute;
  padding-top:60%;
}
#aboutus h2 {
  position:relative;
}
#aboutus p {
/*  color: #fff;*/
  font-family: 'Roboto', sans-serif;
  color: #000;
  padding-bottom:20px;
}
.portrait {
  margin-top: 60%;
  margin-left: 70px;
  margin-bottom: 20%;
/*  margin: 500px 0 250px 70px;*/
  background:rgba(255, 255, 255, 0.5);
/*  background-color: #fff;*/
/*  opacity: 0.5;*/
}
 /*==========================================================
 ==  07_service.html
 ===========================================================*/
 .service_bg{
   margin: 20px;
 }
 .service_bg::before{
   content:"";
   display:block;
/*   position:fixed;*/
   top:0;
   left:0;
   z-index:-1;
   width:100%;
/*   height:100vh; */
   background-repeat:no-repeat;
   background-position:center 100px;
   background-image: url(../images/service4.jpg);
   background-size:auto;
   position: absolute;
   padding-top:60%;
 }
 #service h2 {
   position: relative;
 }
h3.lead  {
/*  margin-top: 400px;*/
  margin-top: 60%;
  color: #000;
  text-align: center;
}
#service h3 {
  padding-left: 10px;
/*  font-weight: bold;*/
  background:rgba(255, 255, 255, 0.5);
}
#service h4 {
  padding-left: 25px;
  background:rgba(255, 255, 255, 0.5);
}
#service p {
  margin: 0 25px;
  padding: 0;
  background:rgba(255, 255, 255, 0.5);
}
#service h5 {
  padding: 30px 20px 60px 20px;
  color: #000;
  font-size: 0.8rem;
  text-align: left;
  clear: both;
/*  background:rgba(255, 255, 255, 0.5);*/
/*  font-weight: bold;*/
}
.service_cont {
  padding: 0;
  list-style: disc;
  list-style-position: inside;
  color: #000;
  font-size: 1rem;
  line-height: 2em;
  padding-top: 50px;
  padding-left: 10px;
  background:rgba(255, 255, 255, 0.5);
}
.service_cont li {
  padding: 0;
  text-align: left;
 }
.service_cont li:last-child {
  margin: 2em 0 0;
  padding: 0;
  list-style: none;
}
.service_flow {
  padding-bottom: 250px;
}
.service_flow h3 {
  padding: 40px 0 20px 0;
  text-align: left;
  color: #000;
}
.accordion-wrap{
  border-bottom: 1px solid #ddba4d;
  background:rgba(255, 255, 255, 0.5);
/*  background-color: #fff;*/
/*  opacity: 0.8;*/
}

.accordion-item{
  width: 100%;
  margin: 0 auto;
  cursor: pointer;
  margin-top: 30px;
}

.accordion-header{
  transition: ease-in-out 100ms;
}
p.accordion-header{
  font-weight: bold;
}
.accordion-text{
  width: 100%;
/*  color: #5b513b;*/
  color: #000;
  display: none;
  padding-top: 5px;
  padding-left: 20px;
 }
  .accordion-text dt {
   padding: 10px 0 5px 20px;
   text-align: left;
   line-height: 1.6em;
   font-size: 1rem;
 }
 .accordion-text dd {
   line-height: 1.6em;
   text-align: left;
   padding-right: 30px;
   padding-left:30px;
   padding-bottom: 5px;
   font-size: 0.75rem;
 }
 .fa{
    transition: ease-in-out 300ms;
 }
 .rotate-fa{
    transform: rotate(180deg);
 }
.accordion-header .fa{
    float: right;
    line-height: 35px;
 }
 /*==========================================================
 ==  08_works_home.html
 ===========================================================*/
#works_category h3 {
  margin: 150px auto 60px;
  padding: 50px 20px 20px 20px;
}
#works h3 {
  padding: 50px 20px 20px 0;
}
#works_category ul {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content:space-between;
  width: 100%;
  margin: 1em 0;
  list-style: none;
}
#works_category li {
/*  position: relative;*/
  width: 100%;
  margin: 0 0 1em;
  padding: 0 0.5em 0 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}
#works_category a {
	background: none;
	letter-spacing: 0.03em;
}
#works_category a:hover {
	cursor: pointer;
}
#works_category a.mixitup-control-active {
  color: #f00;
}
.details {
  margin: 0 0 50px 20px;
  padding: 0;
  list-style-type: none;
  color: #000;
  text-align: left;
}
.details li a {
  color: #000;
  text-decoration: none;
}
.details li a:hover {
  color: #847655;
}
.details li.age {
  margin: 0;
  padding: 0;
  font-size: 0.75rem;
  line-height: 2em;
}
.details li.age span {
  font-size: 0.875rem;
}
.details li.design {
  margin: 5px 0 0;
  padding: 0;
  font-size: 0.625rem;
  line-height: 1.6em;
}
.details li.concept,
.details li.etc {
  margin: 25px 0 0;
  padding: 0;
  font-size: 0.75rem;
  line-height: 2em;
}
#works_container {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}
.works_photo {
  width: 100%;
  margin: 0 0 50px 20px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content:space-between;
  justify-content:space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.img-w {
  display: block;
  margin: 7px auto;
  width: 100%;
  max-width: 800px;
}
.img-h {
  margin: 7px auto;
  display:block;
  width: 393px;
  max-width: 400px;
}
/*==========================================================
==  09_access.html
===========================================================*/
#access p {
  margin: 10px 50px 0 25px;
  padding: 0;
  text-align: center;
}
.location-info p strong {
  font-weight: bold;
}
.location-map {
  width:100%;
}
/*==========================================================
==  10_contact.html
===========================================================*/
#mf_wrapper {
  width: 100%;
  text-align:left;
  margin: 0 auto;
}
.mailform {
  margin: 0 auto;
}
.mailform tr th,
.mailform tr td {
  font-weight: normal;
  font-size: 1rem;
  padding: 10px 3px;
  vertical-align: top;
  color: #000;
  text-align: left;
}
.mailform tr th {
  width: 200px;
  text-align: right;
}
.mailform tr td textarea {
  height: 120px;
}
.mailform caption {
  margin: 20px 0 0 60px;
  padding: 0;
  font-size: 0.75rem;
  color: #000;
  text-align: left;
}
.ast {
  display: inline-block;
  margin: 0 5px;
  padding: 3px 4px;
  color:#d99100;
  font-size: 1rem;
  line-height: 1em;
}
#contact_th {
  padding-bottom: 50px;
}
/*==========================================================
==  11_recruit.html
===========================================================*/
#recruit h4 {
  line-height: 2em;
  margin: 0 50px 25px;
}
#recruit p {
  margin: 0 50px 25px;
  padding: 0;
}
dl.recruit {
  margin: -49px auto 0;
  padding: 0;
  font-size: 1rem;
  color: #000;
  list-style: none;
  float: right;
  display: table-cell;
}
dl.recruit dt:first-child {
  margin: 100px 0	10px 50px;
}
dl.recruit dt {
  margin: 0 0	10px 20px;
  padding: 0 0 5px;
  float: left;
  text-align: right;
  line-height: 1.6em;
  font-weight: bold;
}
dl.recruit dd {
  margin: 0 0 10px 200px;
  padding: 0 0 5px 1.5em;
  line-height: 1.6em;
  text-align: left;
}
dl.recruit hr {
  background-color: #666;
  border: 0;
  clear: both;
  height: 1px;
}
dl.recruit a {
  color: #000;
  text-decoration: none;
}
dl.recruit a:hover {
  color: #b09d72;
 }
/*==========================================================
==  12_footer
===========================================================*/
footer {
  margin: 0;
  padding: 50px 0;
  clear: both;
/*  text-align:left;*/
}
footer hr {
  background-color: #666;
  border: 0;
  clear: both;
  height: 1px;
}
.related {
  margin: 0 0 0 -10px;
  padding: 0;
  font-size: 0.75rem;
  float: left;
  overflow: hidden;
}
.related li {
  margin: 0 0 0 -1px;
  padding: 0 20px;
  border-left: solid 1px #847655;
  float: left;
  display: inline-block;
}
.related li a {
  margin: 0;
  padding:  0;
  display: block;
  color: #000;
  line-height: 1em;
  white-space: nowrap;
}
.related li a:hover {
  color: #847655;
  text-decoration: underline;
}
footer p {
  margin: 0;
  padding: 0;
  font-size: 0.75rem;
  color: #000;
  float: right;
}
#go_top {
	position: fixed;
	right: 20px;
	bottom: 0;
  z-index: 10;
}
#go_top a {
	display: block;
	width: 60px;
	height: 60px;
	line-height: 1em;
	background: #777;
}
.fa-inverse {
  color: #777;
}
/*==========================================================
==  13_privacy policy
===========================================================*/
#privacy {
  text-align: left;
  color: #000;
}
#privacy dt {
  padding: 20px 0 0 30px;
  font-size: 1.25rem;
}
#privacy dd {
  padding: 20px 0 40px 50px;
  font-size: 1rem;
}
/*==========================================================
==  14_site-policy
===========================================================*/
#site-policy {
  text-align: left;
  color: #000;
}
#site-policy dt {
  padding: 20px 0 0 30px;
  font-size: 1.25rem;
}
#site-policy dd {
  padding: 20px 0 40px 50px;
  font-size: 1rem;

}
/*==========================================================
==  15_shoplist
===========================================================*/
#shoplist {
  text-align: left;
  color: #000;
}
.SHOP_NAME {
  font-weight: bold;
  padding: 0.25em 0.5em;/*上下 左右の余白*/
  color: #494949;/*文字色*/
  background: transparent;/*背景透明に*/
/*  border-left: solid 5px #e43200;/*左線*/ */
}
.SHOP_ADD {
  padding: 0px 5px 0px 20px;/*上下 左右の余白*/
}
.bg_gray a {
/*  background: #999 none repeat scroll 0 0; */
  color: #9e9e9e;
  font-size: 0.75rem;
  padding: 1px 2px 0px 2px;
  text-decoration: underline;
}
/*==========================================================*/
/*-----959以下----------------タブレット向けレイアウト-------- */
/*==========================================================*/
@media screen and  (max-width: 959px) {
  html {
    font-size: 14px;
  }
  #aboutus p {
    font-size: 14px;
  }
  .grid {
    display: grid;
    gap :10px;
    grid-template-columns: repeat(2,1fr);
  }
  #works_category ul {
    width: 100%;
  }
/*-------------------------------------------------------------*/
/*   背景画像                                              -----*/
/*-------------------------------------------------------------*/
  .home_bg{
    margin: 20px;
  }
  .home_bg::before{
    content:"";
    display:block;
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100vh;
    background-repeat:no-repeat;
    background-position:center 100px;
    /*background-image: url(../images/0113_TOP.jpg);*/
    background-image: url(../images/TOP0326.jpg);
    background-size:contain;
  }
  #info-wrapper {
    padding: 400px 0 200px 0;
  }
  .aboutus_bg{
    margin: 20px;
  }
  .aboutus_bg::before{
    content:"";
    display:block;
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100vh;
    background-repeat:no-repeat;
    background-position:center 100px;
    background-image: url(../images/aboutus.jpg);
    background-size:contain;
  }
  .portrait {
    margin: 250px 0 400px 0;
 }
  .service_bg{
    margin: 20px;
  }
  .service_bg::before{
    content:"";
    display:block;
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100vh;
    background-repeat:no-repeat;
    background-position:center 100px;
    background-image: url(../images/service4.jpg);
    background-size:contain;
  }
  h3.lead  {
    margin-top: 100px;
  }
  .service_flow {
    margin-bottom: 400px;
  }
  #recruit h4 {
    margin: 0 0 50px 20px;
  }
}
/*==========================================================*/
/*------480以下-----------------スマホ向けレイアウト---------- */
/*==========================================================*/
@media screen and  (max-width: 480px) {
  html {
  	font-size: 12px;
  }
  #aboutus p {
    font-size: 12px;
  }
  #info article p {
    font-size: 9px;
  }
  #service h3{
    font-size: 15px;
  }
  #service h4 {
  font-size: 13.5px;
  }
  #service h5 {
    font-size: 9.6px;
  }
  #service p {
    font-size: 12px;
  }
  .service_cont {
  font-size: 12px;
  }
  .accordion-text dt {
  font-size: 12px;
  }
  .accordion-text dd {
  font-size: 9px;
  }
  #shoplist p {
    font-size:12px;
  }
  #access p {
    font-size:12px;
  }
  #privacy dt {
    font-size: 15px;
  }
  #privacy dd {
    font-size: 12px;
  }
  #site-policy dt {
    font-size: 15px;
  }
  #site-policy dd {
    font-size: 12px;
  }
  .grid {
    display: grid;
    gap :10px;
    grid-template-columns: repeat(1,1fr);
  }
  #recruit h4 {
    font-size: 13.5px;
    margin : 0 0 60px 20px;
  }
  #recruit p{
    font-size: 12px;
    margin: 0 0 20px 20px;
  }
  #recruit dt{
    font-size: 12px;
  }
  #recruit dd{
    font-size: 12px;
  }
  .works_photo {
    margin: 0 0 50px 0;
  }
  .img-h {
    width: 100%;
  }
  .related {
    margin: 0;
    padding: 0 0 0 70px;
    font-size: 12px;
    float: left;
    overflow: hidden;
  }
  .copyright {
    margin: 0;
    padding: 10px 0 0 60px;
    font-size: 9px;
    color: #000;
    float: left;
  }
  #works_category ul {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }
  #mf_wrapper td {
      box-sizing: border-box;
      display: block;
      width: 100%;
      padding: 1em;
  }
  #mf_wrapper th {
    box-sizing: border-box;
    width: 100%;
    display: block;
    padding: 1em 1em 0;
  }
  .mailform tr th {
    width: 200px;
    text-align: left;
  }
  .mailform caption {
    margin: 20px 20px 0 20px;
    padding: 0;
    font-size: 9px;
    color: #000;
    text-align: left;
  }
  /*-------------------------------------------------------------*/
  /*   背景画像                                              -----*/
  /*-------------------------------------------------------------*/
  .home_bg{
    margin: 20px;
  }
  .home_bg::before{
    content:"";
    display:block;
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100vh;
    background-repeat:no-repeat;
    background-position:center 100px;
    /*background-image: url(../images/0113_TOP.jpg);*/
    background-image: url(../images/TOP0326.jpg);
    background-size:contain;
  }
  #info-wrapper {
    padding: 400px 0 200px 0;
  }
  .aboutus_bg{
    margin: 20px;
  }
  .aboutus_bg::before{
    content:"";
    display:block;
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100vh;
    background-repeat:no-repeat;
    background-position:center 100px;
    background-image: url(../images/aboutus.jpg);
    background-size:contain;
  }
  .portrait {
    margin: 250px 0 400px 0;
 }
  .service_bg{
    margin: 20px;
  }
  .service_bg::before{
    content:"";
    display:block;
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
/*    height:100vh; */
    background-repeat:no-repeat;
    background-position:center 100px;
    background-image: url(../images/service4.jpg);
    background-size:contain;
    padding-top:60%;
  }
  h3.lead  {
    margin-top: 230px;
    padding-top: 20px;
  }
  .service_flow {
    margin-bottom: 400px;
  }
  #ft-link-second-level a {
    font-size: 14px;
    padding-left:240px;
  }
  dl.recruit dd {
    margin: 0 0 10px 140px;
  }
}