@charset "UTF-8";

/* Reset */
html, body, ul, li, h1, h2, h3, h4, p, dl, dd, dt{
  padding: 0;
  margin: 0;
  list-style-type: none;
}
html, body {
  width: 100%;
  height: 100%;
}
html{
  font-size: 62.5% !important;
}

body{
  margin: 0;
  padding: 0;
  font-family: var(--font-yugo);
  font-size: 1.55rem;
}
body * {
  box-sizing: border-box;
}
img{
  vertical-align: top;
  width: 100%;
}
h2{
  font-size: 100%;
}
a, a:visited{
  color: var(--color-white);
}
main{
  display: block;
}

.is-safari-none{
  display: block;
}
.is-safari-block{
  display: none;
}
::-webkit-full-page-media, :future, :root .is-safari-none {
  display: none;
}
::-webkit-full-page-media, :future, :root .is-safari-block {
  display: block;
}

:root {
  --font-mincho: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif;
  --font-yugo: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  --color-black: #000000;
  --color-white: #F0F0F0;
  --color-red: #ff0000;
  --color-gold: #ffc000;
  --color-gold02: #bc992e;
  --color-gold03: #775900;
}

/* Utility */
.u-block{
  display: block;
}
.u-inline_block{
  display: inline-block;
}
.u-fs-200{
	font-size: 200%;
}
.u-fs-175{
	font-size: 175%;
}
.u-fs-150{
	font-size: 150%;
}
.u-fs-125{
	font-size: 125%;
}
.u-fs-110{
	font-size: 110%;
}
.u-fs-90{
	font-size: 90%;
}
.u-fs-75{
	font-size: 75%;
}
.u-fs-60{
	font-size: 60%;
}
.u-fs-50{
	font-size: 50%;
}
.u-fs-40{
	font-size:40%;
}
.u-fw-bold{
	font-weight: bold;
}
.u-color-black{
  color: var(--color-black);
}
.u-color-red{
  color: var(--color-red);
}
.u-color-blue{
  color: var(--color-blue);
}
.u-color-yellow{
  color: var(--color-yellow);
}
.u-color-green{
  color: var(--color-green);
}
.u-color-brown{
  color: var(--color-brown);
}
.u-text-center{
  text-align: center;
}
.u-font-mincho{
  font-family: var(--font-mincho);
}


/* Components */
.c-section{
  position: relative;
  line-height: 2;
}
.c-contents--center{
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-contents--icon-arrow, .c-contents--icon-arrow-double{
    position: relative;
}
.c-content__heading span{
  vertical-align: middle;
}

/* common */
[class$="_heading"]{
  position: relative;
  font-weight: bold;
}
[class^="p-order__common_contents"]{
  position: relative;
  background: var(--color-white);
}

/* l-header */
.l-header{
  position: relative;
}
.p-content_heading__container{
  height: inherit;
}
.p-order__contents{
  display: flex;
}


.l-container{
  background: #000000;
  text-align: center;
  color: var(--color-white);
  overflow: hidden;
}
body:not(.index) .l-container{
  padding-top: 130px;
}

/* l-main */
body:not(.index) h2{
  padding: 58px 0 50px;
  background: url(/common/images/bg-style05.png) repeat;
}

.p-anchor_nav{
  border-bottom: 2px solid #362b0d;
}
.p-anchor_nav__list{
  height: 78px;
  padding: 10px 0 0;
}
.p-anchor_nav li{
 display: flex;
 align-items: center;
 justify-content: center;
  height: 100%;
}
.p-anchor_nav::after{
  content: "";
  position: relative;
  top: -2px;
  display: block;
  width: 100%;
  border-bottom: 2px solid #191406;
}