a {
 text-decoration: none;
 color: #000;
}

ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

H1 {
 color: #fff;
 font-size: 11px;
 text-align: left;
 width: 100%;
 box-sizing: border-box;
 line-height: 35px;
 padding-left: 10px;
 float: left;
 position: fixed;
 top: 0;
 z-index: 1001;
 margin: 0;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 background: #614c3f;
}

body {
 background: url(../img/bg.png);
 background-size: contain;
 height: 100vh;
 margin: 0;
}

@font-face {
 font-family: 'komorebi-gothic';
 src: url(../font/komorebi-gothic.ttf);
}

@font-face {
 font-family: 'Segoe Script';
 src: url('.../font/Segoe Script.woff') format('woff'),
  url('../font/Segoe Script.ttf') format('truetype');
}

/*---------header----------*/
header {
 width: 100%;
 position: relative;
 overflow: hidden;
}

.header_inner {
 width: 1000px;
 margin: 120px auto 0;
 z-index: 10;
 position: relative;
 padding-bottom: 50px;
}

.header_inner::before {
 content: "";
 background: url(../img/h_bg.png);
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center;
 display: block;
 position: absolute;
 top: -200px;
 left: -143%;
 width: 3864px;
 height: 404px;
 z-index: -1;
}

.header_inner ul {
 display: flex;
 justify-content: space-between;
 align-items: flex-end;
}

.header_inner ul li a {
 display: block;
 width: 100px;
 text-align: center;
 font-size: 15px;
 line-height: 30px;
 letter-spacing: -0.08em;
 font-family: 'komorebi-gothic';
 font-weight: bold;
}

.header_inner ul li:first-child a {
 width: 125px;
 font-size: 13px;
}

.header_inner ul li:nth-child(2) a,
.header_inner ul li:nth-child(3) a {
 width: 90px;
}

.header_inner ul li:nth-child(4) a {
 width: 95px;
}

.header_inner ul li a span {
 display: block;
 font-size: 12px;
 line-height: 12px;
 font-family: 'Segoe Script';
}

.header_inner ul li a:hover {
 color: #e88d0c;
 transition: .3s;
}

.header_inner ul li a:hover span {
 color: #e88d0c;
 transition: .3s;
}

.header_inner ul li a:hover::before {
 transition: .3s;
 opacity: 0.8;
}

.header_inner ul li:nth-child(5) a:hover {
 opacity: 0.8;
}

.header_inner ul li a::before {
 content: "";
 background: url(../img/h_icon1.png);
 background-size: contain;
 background-repeat: no-repeat;
 background-position: center;
 display: block;
 margin: 0 auto;
 width: 51px;
 height: 59px;
}

.header_inner ul li:nth-child(2) a::before {
 background: url(../img/h_icon2.png);
 width: 46px;
 height: 52px;
}

.header_inner ul li:nth-child(3) a::before {
 background: url(../img/h_icon3.png);
 width: 47px;
 height: 73px;
}

.header_inner ul li:nth-child(4) a::before {
 background: url(../img/h_icon4.png);
 width: 42px;
 height: 41px;
}

.header_inner ul li:nth-child(6) a::before {
 background: url(../img/h_icon5.png);
 width: 50px;
 height: 41px;
}

.header_inner ul li:nth-child(7) a::before {
 background: url(../img/h_icon6.png);
 width: 52px;
 height: 43px;
}

.header_inner ul li:nth-child(8) a::before {
 background: url(../img/h_icon7.png);
 width: 51px;
 height: 60px;
}

.header_inner ul li:nth-child(9) a::before {
 background: url(../img/h_icon8.png);
 width: 44px;
 height: 29px;
}

.header_inner ul li:nth-child(5) a::before {
 content: none;
}

.header_inner ul li:nth-child(1) a,
.header_inner ul li:nth-child(9) a {
 margin-bottom: -50px;
}

.header_inner ul li:nth-child(2) a,
.header_inner ul li:nth-child(8) a {
 margin-bottom: -30px;
}

.header_inner ul li:nth-child(3) a,
.header_inner ul li:nth-child(7) a {
 margin-bottom: -15px;
}

.h_contact_wrap {
 width: 207px;
 height: 95px;
 background: #fff;
 position: absolute;
 right: -160px;
 top: -70px;
 border-radius: 5px;
 box-sizing: border-box;
 padding: 10px;
}

.h_contact_wrap p {
 font-size: 12px;
 line-height: 19px;
 letter-spacing: 0.05em;
 color: #000;
 margin: 0;
 font-family: 'komorebi-gothic';
}

.h_contact_wrap p span {
 font-size: 15px;
 line-height: 19px;
 font-family: 'komorebi-gothic';
}

.h_tel_btn a {
 display: block;
 margin: 5px auto 0;
 width: 170px;
 height: 30px;
 background: #e88d0c;
 border: 1px solid #e88d0c;
 box-sizing: border-box;
 text-align: center;
 border-radius: 15px;
 color: #fff;
 font-size: 15px;
 line-height: 30px;
 letter-spacing: 0.05em;
 font-family: 'komorebi-gothic';
}

.h_tel_btn a:hover {
 background: #fff;
 color: #e88d0c;
 transition: .3s;
}

/*---------/header----------*/
/*---------footer----------*/
footer {
 width: 100%;
 overflow: hidden;
 position: relative;
}

footer::after {
 content: "";
 background: url(../img/f_img.png);
 background-size: contain;
 background-position: center;
 display: block;
 position: absolute;
 bottom: -45px;
 left: 0;
 width: 100%;
 height: 277px;
}

.footer_inner {
 width: 1000px;
 margin: 80px auto 190px;
}

.footer_inner ul {
 display: flex;
 justify-content: space-between;
 align-items: center;
 height: 70px;
 position: relative;
 padding: 0 10px;
}

.footer_inner ul::before {
 content: "";
 background: url(../img/f_border.png);
 display: block;
 position: absolute;
 top: 0px;
 left: 0;
 width: 999px;
 height: 7px;
}

.footer_inner ul::after {
 content: "";
 background: url(../img/f_border.png);
 display: block;
 position: absolute;
 bottom: 0px;
 left: 0;
 width: 999px;
 height: 7px;
}

.footer_inner ul a {
 font-size: 14px;
 font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
}

.footer_inner ul a:hover {
 text-decoration: underline;
}

.f_con {
 display: flex;
 align-items: flex-end;
 margin-top: 40px;
}

.f_contact {
 width: 300px;
 margin: 0 30px;
 text-align: center;
}

.f_con_btn {
 display: flex;
 justify-content: space-between;
 margin-top: 20px;
}

.f_con_btn a {
 font-family: 'komorebi-gothic';
 display: block;
 width: 145px;
 height: 40px;
 line-height: 40px;
 text-align: center;
 background: #fff;
 border-radius: 5px;
 color: #6b625d;
 font-size: 15px;
 font-weight: bold;
 box-sizing: border-box;
 border: 2px solid #fff;
}

.f_contact img:hover {
 opacity: 0.8;
}

.f_con_btn a:hover {
 background: #6b625d;
 color: #fff;
 transition: .3s;
}

.f_company {
 width: 580px;
 display: flex;
 justify-content: space-between;
}

.f_com_con {
 width: 280px;
 box-sizing: border-box;
 border: 1px dashed #6b625d;
}

.f_com_ti {
 background: #6b625d;
 color: #fff;
 font-size: 18px;
 line-height: 30px;
 padding-left: 10px;
}

.f_com_con span {
 display: inline-block;
 position: relative;
 color: #6b625d;
 font-size: 25px;
 line-height: 50px;
 padding-left: 45px;
}

.f_com_con span::before {
 content: "";
 background: url(../img/tel_icon.png);
 display: block;
 width: 25px;
 height: 22px;
 position: absolute;
 bottom: 16px;
 left: 12px;
}

.f_com_con p {
 color: #6b625d !important;
 font-size: 12px !important;
 line-height: 17px !important;
 padding-left: 10px;
 margin: 0 0 10px !important;
}

.copy {
 width: 100%;
 text-align: center;
 background: url(../img/copy_bg.png);
 height: 39px;
 color: #fff;
 line-height: 39px;
 font-size: 14px;
}

/*---------/footer----------*/
.pc_off {
 display: none !important;
}

.instagram_w {
 width: 1000px;
 margin: 50px auto 0px auto;
 position: relative;
}

.instagram_w h2 br {
 display: none;
}

.instagram_w a {
 width: 100%;
 height: 100%;
 display: block;
 position: absolute;
 top: 0;
 left: 0;
}

.instagram_w iframe {
 width: 1000px;
 height: 330px;
}

.f_txt {
 width: 940px;
 margin: 40px auto !important;
 font-size: 12px;
 line-height: 22px;
 letter-spacing: 0.05em;
}

.f_txt a {
 text-decoration: underline;
}

#jsp {
 text-align: right;
}

#jsp a {
 font-size: 11px;
}