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

img { -ms-interpolation-mode: bicubic; }

.sp{
display: none;
}

header{
width: 100%;
padding: 1% 0;
position: relative;
}

header section{
display: flex;
width: 900px;
margin: 0 auto;
}

header section div{
width: 161px;
margin: 0 auto;
display: block;
padding-bottom: 1%;
}


.login_btn{
background: #7D574F;
color: #fff;
font-size: 1.8rem;
padding: 2% 4%;
margin-right: 1em;
}

.login_btn i{
margin-right: 0.5em;
}

.buy_btn{
background: #fff;
font-size: 1.8rem;
padding: 2% 4%;
}

.main_section_03{
width: 1200px;
margin: 0 auto;
padding: 4% 0;
}

footer section{
background: #E3BC43;
text-align: center;
padding: 2% 0;
}

footer section img{
width: 200px;
}

footer p{
text-align: center;
font-family: fot-rodin-pron, sans-serif;
font-weight: 600;
font-style: normal;
font-size: 1.2rem;
padding: 1.5%;
}



.h_main{
background: #14100D;
padding: 2%;
}

.section_01{
background: #14100D;
padding: 5% 0;
margin-top: -2%;
position: relative;
}

.section_01 div{
width: 1200px;
margin: 0 auto;
}

.section_01 div p{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 2.3rem;
  color: #fff;
  line-height: 270%;
  position: relative;
}

.section_01 div img{
width: 848px;
margin-top: 50px;
position: relative;
}

.img_01{
width: 70%;
position: absolute;
top: 20%;
right: -10%;
}

.section_02{
background: #14100D;
padding: 5% 0;
margin-top: -17px;
position: relative;
}

.img_03{
width: 872px;
margin: 0 auto;
display: block;
margin-bottom: 100px;
}

.honbun_01{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 3.5rem;
  color: #fff;
  text-align: center;
}

.img_04{
width: 858px;
margin: 0 auto;
display: block;
margin-top: 20px;
}

.ba_01{
background: url("../img/img_05.jpg") no-repeat center center;
background-attachment: fixed;
  background-size: cover;
  height: 425px;
  margin: 40px 0;
}

.img_06{
width: 965px;
margin: 0 auto;
display: block;
margin-top: 20px;
margin-bottom: 100px;
}

.section_03{
background: #14100D;
padding: 0 0 15% 0;
margin-top: -17px;
position: relative;
}

.section_03 > section{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 1200px;
margin: 0 auto;
}

.section_03 div:nth-of-type(1){
width: 505px;
}

.section_03 div:nth-of-type(2){
width: 616px;
}

.img_08{
width: 554px;
}

.data{
font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 1.4rem;
  color: #fff;
  margin: 20px 0 30px 0;
}

.button_01 input{
width: 388px;
display: block;
}