@charset "UTF-8";
/****************common********************************************/
#contents {
  background: #121212 url("../img/bg_pc.png") repeat;
  background-size: 50% auto;
  color: #fff;
}

#contents .bg .btn_order a {
  background: #ac905f;
}
footer {
  background: #121212;
}


/****************layout********************************************/
/*****key****/
#contents .key {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
#contents .key ul {
  width:calc(100vw / (1200 / 800));
  margin: 0 auto;
  padding: 0;
  position: absolute;
  left:calc(100vw / (1200 / 150));
  bottom:calc(100vw / (1200 / 25));
  justify-content: space-between;
}
#contents .key ul li{
  width:31%;
}
/********* main common ********/
#contents .inner {
  margin: 0 auto;
  position: relative;
}
#contents p, #contents li, #contents dt, #contents dd {
  line-height: 1.5;
  font-size: calc(100vw / (1200 / 17));
}
/********************** co_01 **********************/
#contents .co_01,
#contents .co_02{
  padding: calc(100vw / (1200 / 50)) 0 calc(100vw / (1200 / 50));
  position: relative;
  text-align: center;
}
#contents .co_01 h2,
#contents .co_02 h2 {
  width: calc(100vw / (1200 / 340));
  margin: 0 auto calc(100vw / (1200 / 25));
}
#contents .co_01 .img {
  margin:  calc(100vw / (1200 / 15)) auto;
}

#contents .co_01 p span.fs {
  font-size: calc(100vw / (1200 / 13));
}


#contents .co_02 .inner .img_logo{
  width: calc(100vw / (1200 / 500));
  margin: calc(100vw / (1200 / 25)) auto ;
}
#contents .co_02 .inner{
  width: calc(100vw / (1200 / 900));
  margin:0 auto;
}
#contents .co_02 .inner .flex{
  align-items: start;
}

#contents .co_02 .inner .box{
  width: calc(100vw / (1200 / 430));
  margin:0 auto;
}

#contents .co_02 .inner .img_3{
  margin: calc(100vw / (1200 / 10)) auto ;
}

#contents .co_02 .inner p{
  line-height:1.6;
}


#contents .co_02 .inner p span.kiryu{
  margin-left:calc(100vw / (1200 / 5)) ;
  margin-right: calc(100vw / (1200 / 5)) ;
  padding-left:calc(100vw / (1200 / 2)) ;
  padding-right: calc(100vw / (1200 / 2)) ;
  background: #bc0203;
  padding: auto 10px;
  font-weight: bold;
}
#contents .co_02 .inner p span.mine{
  margin-left:calc(100vw / (1200 / 5)) ;
  margin-right: calc(100vw / (1200 / 5)) ;
  padding-left:calc(100vw / (1200 / 2)) ;
  padding-right: calc(100vw / (1200 / 2)) ;
  background: #fff;
  color:#000;
  font-weight: bold;
}
#contents .co_02 p.btn{
  margin: calc(100vw / (1200 / 50)) auto ;
  font-weight: bold;
}
#contents .co_02 p.btn a{
  border: 1px solid #fff;
  background: #a61500;
  color:#fff;
}


/**********************.co_03 **********************/
#contents .co_03{
  padding: calc(100vw / (1200 / 50)) 0 calc(100vw / (1200 / 50));
  position: relative;
  text-align: center;
}
#contents .co_03 h2{
  width: calc(100vw / (1200 / 300));
  margin: 0 auto calc(100vw / (1200 / 10));
}
#contents .co_03 h3{
  width: calc(100vw / (1200 / 300));
  margin: 0 auto calc(100vw / (1200 / 25));
}
#contents .co_03 .inner{
  width: calc(100vw / (1200 / 900));
  margin: 0 auto;
  padding:calc(100vw / (800 / 20)) 0 ;
}

#contents .co_03 .inner .cp{
  margin:0 auto calc(100vw / (1200 / 50));
  border: 2px solid #fff;
}
#contents .co_03 .inner .flex{
  justify-content: space-between;
}
#contents .co_03 .inner .flex .cp{
  width:47%;
  padding: 0;
}

/*********bn********/
#contents .btnarea {
  width: calc(100vw / (1200 / 600));
  margin: auto;
}
#contents .btnarea ul{
  margin:calc(100vw / (1200 / 50)) auto;
  text-align: left;
}
#contents .btnarea ul li{
  font-size: calc(100vw / (1200 / 15));
}

#contents .btnarea .btn {
  margin: calc(100vw / (1200 / 75)) auto;
}

/*********line******/
#contents .btnarea .area_line {
 width: calc(100vw / (1200 / 650));
 margin: calc(100vw / (1200 / 100)) auto;
 padding: calc(100vw / (1200 / 5)) calc(100vw / (1200 / 10)) 0;
 border-radius: 4px;
 text-align: center;
 color: #fff;
 position: relative;
 font-size: calc(100vw / (1200 / 18));
}
#contents .btnarea .area_line .box {
 display: flex;
 background: #a61500;
}
#contents .btnarea .area_line .box ul {
 width: calc(100vw / (1200 / 390));
 margin-left: calc(100vw / (1200 / 10));
}
#contents .btnarea .area_line .box ul li:nth-child(1) {
 width: calc(100vw / (1200 / 390));
 margin: 0 auto calc(100vw / (1200 / 20));
}
#contents .btnarea .area_line .box ul li:nth-child(2) {
 width: calc(100vw / (1200 / 300));
 margin: 0 auto calc(100vw / (1200 / 20));
}
#contents .btnarea .area_line .box ul li:last-child {
 width: calc(100vw / (1200 / 280));
 margin: 0 auto;
 padding: calc(100vw / (1200 / 10)) 0;
 border: 2px solid#fff;
 background: #fff;
 border-radius: 100px;
 font-size: calc(100vw / (1200 / 16));
 font-weight: bold !important;
 color: #a61500;
 position: relative;
}
#contents .btnarea .area_line .box ul li:last-child::after {
 content: "";
 display: inline-block;
 background: url("../img/icon_arrow.png") no-repeat;
 width: calc(100vw / (1200 / 10));
 height: calc(100vw / (1200 / 16));
 background-size: 100%;
 position: absolute;
 top: calc(100vw / (1200 / 14));
 right: calc(100vw / (1200 / 16));
}
#contents .btnarea .area_line .box .img {
 width: calc(100vw / (1200 / 230));
 margin: calc(100vw / (1200 / 5));
}
#contents .btnarea .area_line a {
  text-decoration: none;
}
#contents .btnarea .area_line .link {
 font-weight: bold !important;
   text-align: center;
 color: #a61500;
}


#contents .sega{
  margin:0 auto calc(100vw / (1200 / 50));
  text-align: center;
  font-size: calc(100vw / (1200 / 13));
  color: #fff;
}