@media screen and (max-width: 1200px){
  .heading3::before {
    content: attr(data-en);
    position: absolute;
    top: 3rem;
    color: rgba(217, 210, 196, 0.3);
    font-size: 12rem;
    font-style: italic;
    font-family: serif;
}
}

@media screen and (max-width: 650px){
  .top_header_en{
    font-size:4rem;
  } 
  .heading2{
    padding-top: 0;
  }
  .heading2::before {
    font-size: 6rem;
  }
  .abso2{
    top:0;
  }
  .abso3{
    top:-5%;
    position: relative;
  }
  .menu_back{
top:0;
  }
  .menu{
    top:2%;
  }
  .case_list{
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0px;
  }
html{
  background-color: #F7F6F2;
}

main{

  background-color: #F7F6F2;
}
#primary{
  padding-left: 10px;
  padding-right: 10px;
}
.container{

  margin: 0 auto;
  background-color: #F7F6F2;
}
.container_2{
  padding:80px 10%;
  margin: 0 auto;
  background-color: #F1f1f1;
}
.container_inner{
  max-width: 1440px;
  width: 88.8vw;
  margin-left:auto;
  margin-right: auto;
  position: relative;
  z-index:10;
}
.main_wrapper{
 
display: flex;
justify-content:flex-end;
align-items: center;

}
#slider{
  width: 100%;
  height: 38vh;
  transition:opacity 1.2s cubic-bezier(0.77, 0, 0.175, 1);
  will-change: opacity;
 position:relative;
 text-align: right;
}
.title_button_line,.title_button{
  display: none;
}
/* 見出し */
.head_ttl{
  height: 160px;
}
.ttl_mid2{
  font-size: 3rem;
}
.ttl_mid3{
  font-size: 2rem;
}
.heading {
	position: relative;
	padding-top: 50px;
	padding-bottom: 50px;
	font-size: 26px;
	text-align: center;
}

.heading span {
	position: relative;
	z-index: 2;
  display:block;
}

.heading::before {
	content: attr(data-en);
	position: absolute;
	top: -20px;
  left: 15%;
	transform: translateX(-50%);
	color: rgba(217, 210, 196, 0.3);
  font-size: clamp(24px, 25vw, 80px) ;
	font-style: italic;
  font-family: serif;
}



.hedding-big{
  padding-top: 10%;
  padding-bottom: 20px;
  font-size: 4rem;
  font-family: serif;
  z-index: 999;
}
/* 見出し */
/* 文字 */
.hedding-text{
  display: flex;
  flex-direction: column;
  justify-content:center;
  align-items: center;
  padding: 20px;
  margin-top: 18%;


  font-size:1.8rem;
  text-align: left;
}
/* 文字 */
/* ボタン */
a.button_1{
  width: 65%;
  margin:30px auto;
  padding: 15px;
  text-align: center;
  text-decoration: none;
  border: solid 0.5px #535D60;
  color: #535D60;


}
a.button_1:hover{
  background-color: #535D60;
  color:#fff;
}
/* ボタン */

.abso{
  position:absolute;
  top:0;
  left: 0;
}
.rele{
  position: relative;
}
.splogo{
  max-width: 180px;
}
.item1{order:1;}
.item2{order:2;}
/* gnav */
.gnav__menu{
  position: absolute;
  left:10%;
  transform: translateX(-50%);
}
.gnav__menu__item a {
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
  text-decoration: none;
  transition: .5s;
}
.gnav__menu__item {
  margin: 0px 0 5px 0px;
  opacity: 0;
  transform: translateY(0px);
}
.gnav__menu {
  position: absolute;
  left: 110px;
  transform: translateX(-50%);
  width: 100%;
}
.gnav a{
  padding: 0 10px;
}
.gnav__menu__item span {
  display: block;
  font-size: 14px;
  padding-left:0rem;
  padding: 0 15px;
  color: #fff;
}
.item_child {
  margin: 0px 30px 0px !important;
}
.gnav__menu_sp{
  width: 48%;
}
/* gnav */
.item30_work{
  width: 100%;
}
.gnav__menu2 {
  position: absolute;
  left: 65%;
  transform: translateX(-40%);
width: inherit;
}
.catch h3{
  font-size: 2rem;
}
ul.swh3 li{
  font-size:2rem;
}
.sw_box {
  text-align: center;
  background-color: #fff;
  width: 100%;
  padding: 10px;
}
p.swp{

  font-size: 1.4rem;
}
.section_kakomi {
  position: relative;
  width: 100%;
  max-width: 95%;
  border: 2px solid #8E9597;
  border-top: none;
  text-align: center;
  margin: 25px auto;
}
.section_kakomi h1 {
  position: relative;
  margin-top: -4rem;
  display: inline-block;
  letter-spacing: 4px;
  font-size: 2.2rem !important;
  font-weight: 700 !important;
}
.section_kakomi p {
  width: 88.8%;
  margin: 20px auto 40px auto;
  line-height: 24px;
}
.item80{
  width: 100%;
}
}

.br-sp {
  display: none;
}

@media (max-width: 650px) {
  .br-sp {
      display: block;
  }
  ul{  margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start:00px;}
  
}