@charset "UTF-8";
@font-face {
  font-family: 'MyFont';
  src: url(../font/A-OTF_A1_Mincho_Std/A-OTF-A1MinchoStd-Bold.woff);
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, menu, nav, section, summary,
time, mark, audio, video {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 15pt;
  vertical-align: baseline;
  background: transparent;
  line-height: 1.6;
  font-family: MyFont;
  letter-spacing: 1px;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

body {
  position: relative;
  color: #606060;
  font-family: "Calibri","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
}

pre {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  margin: 10px auto;
  padding: 15px;
  background-color: #000;
  border-radius: 10px;
  color: #0fe;
  white-space: pre-wrap;
  line-height: 1.8;
}
pre.htmlcode {
  color: #0d7;
}

.appearance {
  width: 100%;
  height: auto;
  margin: 10px auto;
  padding: 100px 10px;
  border: 1px solid #666;
  border-radius: 10px;
}

header {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  right: 0;
  width: 300px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  z-index: 300;
}

.partsUnit {
  margin: 0 0 100px;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 20px;
  font-family: MyFont;
  font-weight: 400;
}

/*
h1{ font-size: 36px; }
h2{ font-size: 30px; }
h3{ font-size: 26px; }
h4{ font-size: 20px; }
h5{ font-size: 16px; }
*/
p {
  margin: 0 0 10px;
}

#pagetop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 10pt;
  z-index: 110;
}
#pagetop a {
  color: #717170;
  text-decoration: none;
  text-shadow: 0px 0px 1px #fff;
}

#loader-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000;
  z-index: 500;
}

#loading {
  position: absolute;
  top: calc(50% - 48px);
  left: calc(50% - 48px);
  transform: translate(-50%, -50%);
  -webkit-animation: spin 2.5s linear infinite;
  -moz-animation: spin 2.5s linear infinite;
  -ms-animation: spin 2.5s linear infinite;
  -o-animation: spin 2.5s linear infinite;
  animation: spin 2.5s linear infinite;
  font-size: 0;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#container {
  position: relative;
}

@media screen and (min-width: 768px) {
  .sp {
    display: none;
  }

  .disp_non {
    overflow: hidden;
    height: 100vh;
  }

  #container {
    width: 100%;
    min-height: 100vh;
    margin: 0 auto;
  }

  .head_section {
    float: right;
  }
  .head_section .bnr {
    width: 151px;
    height: 151px;
    margin: 30px 0 0 30px;
    background: url(../img/btn_header_order.png) no-repeat center;
    background-size: 151px;
    /*&:hover{
      background: url(../img/btn_header_coming.png) no-repeat center;
      background-size: 151px;
    }*/
  }
  .head_section .bnr:hover {
    opacity: 0.8;
    filter: 0.8;
  }
  .head_section .bnr a {
    display: block;
    height: 100%;
  }
  .head_section .bnr span {
    display: none;
  }

  .item_area01 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column-start: 1;
    grid-column-end: 2;
    -ms-grid-row-span: 0;
    -ms-grid-row: 1;
    grid-row-start: 1;
    grid-row-end: 1;
    padding: 10px;
    text-align: left;
  }

  .box-nav {
    padding: 26px;
  }

  #head_sns {
    float: left;
  }
  #head_sns ul {
    margin-right: 16px;
    letter-spacing: -.4em;
  }
  #head_sns ul li {
    display: inline-block;
    width: 31px;
    height: 31px;
    margin-right: 10px;
    list-style-type: none;
    letter-spacing: normal;
  }
  #head_sns ul li#hd_youtube a {
    background: url(../img/icn_header_youtube.png) no-repeat center;
    background-size: 31px;
  }
  #head_sns ul li#hd_instagram a {
    background: url(../img/icn_header_instagram.png) no-repeat center;
    background-size: 31px;
  }
  #head_sns ul li#hd_facebook a {
    background: url(../img/icn_header_facebook.png) no-repeat center;
    background-size: 31px;
  }
  #head_sns ul li a {
    display: block;
    width: 31px;
    height: 31px;
    text-indent: -9999px;
  }

  .sp_menu {
    position: relative;
    float: right;
    width: 30px;
    margin: 0;
    text-align: right;
    z-index: 100;
  }
  .sp_menu .menu-trigger, .sp_menu .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
  }
  .sp_menu .menu-trigger {
    position: relative;
    width: 30px;
    height: 30px;
  }
  .sp_menu .menu-trigger span {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 6px;
    background-color: #fff;
  }
  .sp_menu .menu-trigger span:nth-child(1) {
    top: 0;
  }
  .sp_menu .menu-trigger span:nth-child(2) {
    top: 12px;
  }
  .sp_menu .menu-trigger span:nth-child(3) {
    bottom: 0;
  }

  .menu-trigger.active span:nth-child(1) {
    height: 2px;
    background-color: #7a7a7a;
    -webkit-transform: translateY(14px) rotate(-225deg);
    transform: translateY(14px) rotate(-225deg);
  }

  .menu-trigger.active span:nth-child(2) {
    opacity: 0;
  }

  .menu-trigger.active span:nth-child(3) {
    height: 2px;
    background-color: #7a7a7a;
    -webkit-transform: translateY(-14px) rotate(225deg);
    transform: translateY(-14px) rotate(225deg);
  }

  .anchor_ul {
    overflow: auto;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    flex-wrap: wrap;
    width: 300px;
    height: 100vh;
    margin: 0 auto;
    padding: 100px 10px 0;
    background-color: #fff;
    z-index: 10;
  }
  .anchor_ul li {
    box-sizing: border-box;
    display: flex;
    height: 74px;
    margin: 0 20px;
    border-bottom: 1px solid #000;
    list-style-type: none;
    text-align: left;
    align-items: center;
    line-height: 1.4;
    font-size: 15pt;
  }
  .anchor_ul li:first-child {
    border-top: 1px solid #000;
  }
  .anchor_ul li a {
    display: block;
    width: 100%;
    color: #333;
    text-decoration: none;
    background: url(../img/icn_arrow_right.png) no-repeat right center;
    background-size: 11.5px 20.5px;
  }

  #contents {
    overflow: hidden;
    width: 100%;
    margin: 0 auto 0;
  }

  section .inner {
    position: relative;
    width: 100%;
    padding: 80px 100px 0;
  }
  section .inner .sec_inner_left {
    width: 416px;
  }
  section .inner .sec_inner_right {
    float: right;
    width: 484px;
  }
  section .inner .en_ttl {
    margin-left: -20px;
  }
  section .inner .sp_bg {
    display: none;
  }
  section .inner h2 {
    font-size: 36pt;
    line-height: 1.3;
  }

  #sec01, #sec02, #sec03, #sec04, #sec05, #sec06, #sec07, #sec08, #sec08_2, #sec09, #sec10, #sec11 {
    position: relative;
    width: 100vw;
    min-height: 100vh;
  }

  #sec01 {
    height: 5000px;
  }

  #sec01_inner {
    position: relative;
    overflow: hidden;
    width: 100vw;
    min-height: 100vh;
    background: url(../img/bg_top_01.jpg) no-repeat center bottom;
    background-size: cover;
  }
  #sec01_inner #bg_sec01 {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    background: url(../img/bg_top_02.jpg) no-repeat center bottom;
    background-size: cover;
  }
  #sec01_inner #op_anime01 {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 765px;
    height: 115px;
    margin: 0 auto;
    transform: translateY(-50%) translateX(-50%);
    background: url(../img/img_en.png) no-repeat center;
    background-size: 765px 115px;
  }
  #sec01_inner #op_anime01 span {
    display: none;
  }
  #sec01_inner #op_anime02 {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 765px;
    height: 300px;
    margin: 0 auto;
    transform: translateY(-50%) translateX(-50%);
    text-align: center;
  }
  #sec01_inner #op_anime02 h2 {
    width: 320px;
    height: 105px;
    margin: 0 auto;
    background: url(../img/ttl_the_one.png) no-repeat center;
    background-size: 320px 105px;
  }
  #sec01_inner #op_anime02 h2 span {
    display: none;
  }
  #sec01_inner #op_anime02 p {
    color: #fff;
    font-size: 17pt;
  }
  #sec01_inner #op_anime03 {
    display: none;
    position: absolute;
    top: 75%;
    left: 50%;
    width: 765px;
    height: 150px;
    margin: 0 auto;
    transform: translateY(-75%) translateX(-50%);
    text-align: center;
  }
  #sec01_inner #op_anime03 p {
    color: #fff;
    font-size: 14pt;
    line-height: 2;
  }

  .active #sec01_inner {
    position: fixed !important;
    top: 0;
    left: 0;
  }

  #sec02_inner {
    overflow: hidden;
    width: 100vw;
    min-height: 100vh;
  }
  #sec02_inner.active::after {
    position: relative;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    background-color: #00f;
  }
  #sec02_inner .en_ttl img {
    width: 307px;
    height: 71px;
  }
  #sec02_inner h2, #sec02_inner .txt, #sec02_inner .en_ttl {
    display: none;
    text-shadow: 0px 1px 2px #fff;
  }
  #sec02_inner #sec02_left {
    position: absolute;
    top: 0;
    left: -100%;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    background: url(../img/bg_connect_left.png) no-repeat left top;
    background-size: cover;
    opacity: 0;
    filter: 0;
  }
  #sec02_inner #sec02_right {
    position: absolute;
    top: 0;
    right: -100%;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    background: url(../img/bg_connect_right.png) no-repeat left top;
    background-size: cover;
    opacity: 0;
    filter: 0;
  }

  .active #sec02_inner {
    display: block;
    position: fixed !important;
    top: 0;
    left: 0;
    opacity: 1;
  }

  #sec03_inner {
    overflow: hidden;
    width: 100vw;
    min-height: 100vh;
  }
  #sec03_inner .inner {
    box-sizing: border-box;
    right: 0;
    height: 100vh;
    padding: 0;
  }
  #sec03_inner .en_ttl img {
    width: 298px;
    height: 71px;
  }
  #sec03_inner h2, #sec03_inner .txt, #sec03_inner .en_ttl {
    display: none;
    color: #fff;
    text-shadow: 0px 1px 2px #000;
  }
  #sec03_inner .sec_inner_right {
    position: relative;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    min-height: 400px;
  }
  #sec03_inner #sec03_left {
    position: absolute;
    top: 0;
    left: -100%;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    background: url(../img/bg_round_left.png) no-repeat left top;
    background-size: cover;
    opacity: 0;
    filter: 0;
  }
  #sec03_inner #sec03_right {
    position: absolute;
    top: 0;
    right: -100%;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    background: url(../img/bg_round_right.png) no-repeat left top;
    background-size: cover;
    opacity: 0;
    filter: 0;
  }

  .active #sec03_inner {
    position: fixed !important;
    top: 0;
    left: 0;
    opacity: 1;
  }

  #sec04_inner {
    overflow: hidden;
    width: 100vw;
    min-height: 100vh;
  }
  #sec04_inner .inner {
    box-sizing: border-box;
    right: 0;
    height: 100vh;
    padding: 0;
  }
  #sec04_inner .en_ttl img {
    width: 327px;
    height: 93px;
  }
  #sec04_inner h2, #sec04_inner .txt, #sec04_inner .en_ttl {
    display: none;
    text-shadow: 0px 1px 2px #fff;
  }
  #sec04_inner .sec_inner_left {
    position: relative;
    top: 50%;
    left: 100px;
    transform: translateY(-50%);
    min-height: 400px;
  }
  #sec04_inner #sec04_left {
    position: absolute;
    top: 0;
    left: -100%;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    background: url(../img/bg_beauty_left.png) no-repeat left top;
    background-size: cover;
    opacity: 0;
    filter: 0;
  }
  #sec04_inner #sec04_right {
    position: absolute;
    top: 0;
    right: -100%;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    background: url(../img/bg_beauty_right.png) no-repeat left top;
    background-size: cover;
    opacity: 0;
    filter: 0;
  }

  .active #sec04_inner {
    position: fixed !important;
    top: 0;
    left: 0;
    opacity: 1;
  }

  #sec05_inner {
    overflow: hidden;
    width: 100vw;
    min-height: 100vh;
  }
  #sec05_inner .inner {
    box-sizing: border-box;
    right: 0;
    height: 100vh;
    padding: 0;
  }
  #sec05_inner .en_ttl img {
    width: 260px;
    height: 71px;
  }
  #sec05_inner h2, #sec05_inner .txt, #sec05_inner .en_ttl {
    display: none;
    color: #fff;
    text-shadow: 0px 1px 2px #000;
  }
  #sec05_inner .sec_inner_right {
    position: relative;
    top: 50%;
    right: 80px;
    min-height: 400px;
    transform: translateY(-50%);
  }
  #sec05_inner #sec05_left {
    position: absolute;
    top: 0;
    left: -100%;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    background: url(../img/bg_love_left.png) no-repeat left top;
    background-size: cover;
    opacity: 0;
    filter: 0;
  }
  #sec05_inner #sec05_right {
    position: absolute;
    top: 0;
    right: -100%;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    background: url(../img/bg_love_right.png) no-repeat left top;
    background-size: cover;
    opacity: 0;
    filter: 0;
  }

  .active #sec05_inner {
    position: fixed !important;
    top: 0;
    left: 0;
    opacity: 1;
  }

  #sec06_inner {
    overflow: hidden;
    width: 100vw;
    min-height: 100vh;
  }
  #sec06_inner .inner {
    box-sizing: border-box;
    right: 0;
    height: 100vh;
    padding: 0;
  }
  #sec06_inner .en_ttl img {
    width: 350px;
    height: 71px;
  }
  #sec06_inner h2, #sec06_inner .txt, #sec06_inner .en_ttl {
    display: none;
    color: #fff;
    text-shadow: 0px 1px 2px #000;
  }
  #sec06_inner .sec_inner_left {
    position: relative;
    top: 50%;
    left: 100px;
    min-height: 400px;
    transform: translateY(-50%);
  }
  #sec06_inner #sec06_left {
    position: absolute;
    top: 0;
    left: -100%;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    background: url(../img/bg_wreath_left.png) no-repeat left top;
    background-size: cover;
    opacity: 0;
    filter: 0;
  }
  #sec06_inner #sec06_right {
    position: absolute;
    top: 0;
    right: -100%;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    background: url(../img/bg_wreath_right.png) no-repeat left top;
    background-size: cover;
    opacity: 0;
    filter: 0;
  }

  .active #sec06_inner {
    position: fixed !important;
    top: 0;
    left: 0;
    opacity: 1;
  }

  #sec07_inner {
    overflow: hidden;
    width: 100vw;
    min-height: 100vh;
  }
  #sec07_inner .sec_inner_theone {
    position: relative;
    width: 100%;
    max-width: 984px;
    margin: 10% auto 0;
  }
  #sec07_inner .sec_inner_theone .the_one {
    display: none;
    position: absolute;
    top: 195px;
    left: 330px;
    cursor: pointer;
  }
  #sec07_inner .sec_inner_theone .the_one img {
    width: 324px;
    height: 106px;
  }
  #sec07_inner .sec_inner_theone .the_one_connect {
    display: none;
    position: absolute;
    top: 0px;
    left: 324px;
    cursor: pointer;
  }
  #sec07_inner .sec_inner_theone .the_one_connect img {
    width: 332px;
    height: 74px;
  }
  #sec07_inner .sec_inner_theone .the_one_round {
    display: none;
    position: absolute;
    top: 99px;
    left: 55px;
    cursor: pointer;
  }
  #sec07_inner .sec_inner_theone .the_one_round img {
    width: 303px;
    height: 74px;
  }
  #sec07_inner .sec_inner_theone .the_one_beauty {
    display: none;
    position: absolute;
    top: 290px;
    left: 0;
    cursor: pointer;
  }
  #sec07_inner .sec_inner_theone .the_one_beauty img {
    width: 328px;
    height: 94px;
  }
  #sec07_inner .sec_inner_theone .the_one_love {
    display: none;
    position: absolute;
    top: 387px;
    left: 360px;
    cursor: pointer;
  }
  #sec07_inner .sec_inner_theone .the_one_love img {
    width: 262px;
    height: 74px;
  }
  #sec07_inner .sec_inner_theone .the_one_wreath {
    display: none;
    position: absolute;
    top: 99px;
    left: 636px;
    cursor: pointer;
  }
  #sec07_inner .sec_inner_theone .the_one_wreath img {
    width: 349px;
    height: 74px;
  }
  #sec07_inner #connect_disp, #sec07_inner #round_disp, #sec07_inner #wreath_disp, #sec07_inner #the_one_disp, #sec07_inner #beauty_disp, #sec07_inner #love_disp {
    display: none;
  }
  #sec07_inner #sec07_left {
    position: absolute;
    top: 0;
    left: -100%;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    background: url(../img/bg_the_one_left.png) no-repeat left top;
    background-size: cover;
    opacity: 0;
    filter: 0;
  }
  #sec07_inner #sec07_right {
    position: absolute;
    top: 0;
    right: -100%;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    background: url(../img/bg_the_one_right.png) no-repeat left top;
    background-size: cover;
    opacity: 0;
    filter: 0;
  }

  .active #sec07_inner {
    position: fixed !important;
    top: 0;
    left: 0;
    opacity: 1;
  }

  #connect_disp, #round_disp, #wreath_disp, #the_one_disp, #beauty_disp, #love_disp {
    display: flex;
    width: 400px;
    height: 400px;
    background-color: #fff;
    text-align: center;
    justify-content: center;
    flex-direction: column;
  }
  #connect_disp div, #round_disp div, #wreath_disp div, #the_one_disp div, #beauty_disp div, #love_disp div {
    max-height: 90px;
    margin: 20px auto;
  }
  #connect_disp div img, #round_disp div img, #wreath_disp div img, #the_one_disp div img, #beauty_disp div img, #love_disp div img {
    width: 80%;
    border: 0;
  }
  #connect_disp div img a, #round_disp div img a, #wreath_disp div img a, #the_one_disp div img a, #beauty_disp div img a, #love_disp div img a {
    outline: none;
    border: 0;
  }
  #connect_disp p, #round_disp p, #wreath_disp p, #the_one_disp p, #beauty_disp p, #love_disp p {
    font-size: 18pt;
  }

  #sec08_inner {
    display: none;
    overflow: hidden;
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100vw;
    min-height: 100vh;
    background: url(../img/bg_brand_history_01.jpg) no-repeat center top;
    background-size: cover;
  }
  #sec08_inner h2 {
    color: #fff;
    font-size: 13pt;
    letter-spacing: 3px;
  }
  #sec08_inner p {
    margin-bottom: 20px;
    color: #fff;
    font-size: 10pt;
    line-height: 1.6;
    text-shadow: 0px 1px 2px #000;
  }
  #sec08_inner p a {
    color: #fff;
  }
  #sec08_inner .sec_inner_left {
    width: 700px;
    margin: 40px 80px;
  }
  #sec08_inner #history_inner {
    overflow: scroll-y;
    height: 90vh;
  }
  #sec08_inner #history_inner .history_section {
    margin-top: 40px;
  }
  #sec08_inner #history_inner .history_section img {
    width: 207px;
    height: 251px;
  }

  #sec08_2_inner {
    display: none;
    overflow: hidden;
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100vw;
    min-height: 100vh;
    background: url(../img/bg_brand_history_02.jpg) no-repeat center top;
    background-size: cover;
  }
  #sec08_2_inner h2 {
    color: #fff;
    font-size: 13pt;
    letter-spacing: 3px;
  }
  #sec08_2_inner h3 {
    color: #fff;
    border-bottom: 1px solid #fff;
    font-size: 13pt;
  }
  #sec08_2_inner p {
    margin-bottom: 20px;
    color: #fff;
    font-size: 10pt;
    line-height: 1.6;
  }
  #sec08_2_inner .sec_inner_left {
    width: 700px;
    margin: 40px 80px;
  }
  #sec08_2_inner #history_inner {
    overflow: scroll-y;
    height: 90vh;
  }
  #sec08_2_inner #history_inner .history_section {
    width: 520px;
    margin-top: 40px;
  }
  #sec08_2_inner #history_inner .history_section img {
    height: 180px;
  }

  /*.active #sec08_2_inner{
    overflow: hidden;
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 3;
  }*/
  #sec09_inner {
    display: none;
    overflow: hidden;
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100vw;
    min-height: 100vh;
    background: url(../img/bg_ec_conductor.jpg) no-repeat center top;
    background-size: cover;
  }
  #sec09_inner .sec_inner_right {
    position: absolute;
    top: 50%;
    right: 80px;
    width: 320px;
    transform: translateY(8%) translateX(0%);
  }
  #sec09_inner .sec_inner_right p {
    margin-bottom: 30px;
    font-size: 13pt;
    line-height: 1.8;
  }
  #sec09_inner .sec_inner_right p a {
    color: #606060;
  }
  #sec09_inner .sec_inner_right .bnr {
    width: 151px;
    height: 151px;
    background: url(../img/btn_shopping_order.png) no-repeat center;
    background-size: 151px;
    /*&:hover{
      background: url(../img/btn_header_coming.png) no-repeat center;
      background-size: 151px;
    }*/
  }
  #sec09_inner .sec_inner_right .bnr:hover {
    opacity: 0.8;
    filter: 0.8;
  }
  #sec09_inner .sec_inner_right .bnr a {
    display: block;
    height: 100%;
  }
  #sec09_inner .sec_inner_right .bnr span {
    display: none;
  }

  #sec10_inner {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100vw;
    height: 100vh;
    background: url(../img/bg_gallery.jpg) no-repeat center top;
    background-size: cover;
  }
  #sec10_inner .sec_inner_left {
    position: absolute;
    top: 40px;
    left: 80px;
    width: calc(100vw - 160px);
    height: 100vh;
    margin: 0 auto;
  }
  #sec10_inner .sec_inner_left .sec10_ttl {
    width: 300px;
  }
  #sec10_inner .sec_inner_left .sec10_ttl h2 {
    display: inline-block;
    margin-right: 30px;
    line-height: 37px;
    vertical-align: top;
  }
  #sec10_inner .sec_inner_left .sec10_ttl .btn_instagram {
    display: inline-block;
    width: 150px;
    height: 37px;
  }
  #sec10_inner .sec_inner_left .sec10_ttl .btn_instagram a {
    display: block;
    width: 150px;
    height: 37px;
    background: url(../img/btn_instagram.png) no-repeat center;
    background-size: 150px 37px;
  }
  #sec10_inner .sec_inner_left .sec10_ttl .btn_instagram a span {
    display: none;
  }
  #sec10_inner .sec_inner_left ul {
    position: absolute;
    top: calc(50% - 40px);
    left: 50%;
    width: 100%;
    max-width: 800px;
    height: 470px;
    margin: 0 auto;
    letter-spacing: -.4em;
    text-align: center;
    transform: translateY(-50%) translateX(-50%);
    list-style-image: url(data:0);
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);
    vertical-align: top;
  }
  #sec10_inner .sec_inner_left ul li {
    box-sizing: border-box;
    display: inline-block;
    width: 25%;
    max-width: 200px;
    height: 140px;
    margin: 8px 0;
    padding: 0 2%;
    list-style-type: none;
    text-align: center;
    letter-spacing: normal;
    vertical-align: top;
    line-height: 0;
  }
  #sec10_inner .sec_inner_left ul li a {
    display: block;
  }
  #sec10_inner .sec_inner_left ul li img {
    width: 100%;
    max-width: 140px;
  }
  #sec10_inner .sec_inner_left .btn_more {
    position: absolute;
    top: calc(50% + 220px);
    left: 50%;
    width: 120px;
    height: 21px;
    margin: 0 auto;
    transform: translateY(0) translateX(-50%);
  }
  #sec10_inner .sec_inner_left .btn_more a {
    display: block;
    width: 120px;
    height: 21px;
    background: url(../img/btn_more.png) no-repeat center;
    background-size: 120px 21px;
  }
  #sec10_inner .sec_inner_left .btn_more a span {
    display: none;
  }

  #sec11_inner {
    display: none;
    overflow: hidden;
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100vw;
    height: 100vh;
    background: url(../img/bg_gallery.jpg) no-repeat center top;
    background-size: cover;
  }
  #sec11_inner .board {
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 40px 75px 30px;
    background-color: #f5f6f8;
    transform: translateY(-50%) translateX(-50%);
  }
  #sec11_inner .board table {
    width: 100%;
    margin-bottom: 20px;
  }
  #sec11_inner .board table th {
    display: flex;
    width: 6.5em;
    font-size: 12pt;
    justify-content: space-between;
  }
  #sec11_inner .board table th span {
    font-size: 12pt;
  }
  #sec11_inner .board table td {
    padding: 0 0 0 40px;
    vertical-align: top;
    font-size: 12pt;
  }
  #sec11_inner .board table td + td {
    padding: 0;
    text-align: right;
    vertical-align: middle;
  }
  #sec11_inner .board table a {
    color: #606060;
    text-decoration: none;
  }
  #sec11_inner .board table .brb {
    border-bottom: 2px solid #494645;
  }
  #sec11_inner .board table .pb20 th, #sec11_inner .board table .pb20 td {
    padding-bottom: 15px;
  }
  #sec11_inner .board table .pt20 th, #sec11_inner .board table .pt20 td {
    padding-top: 15px;
  }
  #sec11_inner .board .map {
    width: 267px;
    height: 225px;
  }
  #sec11_inner .board .bnr {
    margin-bottom: 0;
    text-align: center;
  }
  #sec11_inner .board .bnr img {
    width: 100%;
    height: 100%;
    max-width: 846px;
    max-height: 170px;
  }
  #sec11_inner .board #jewelry {
    position: absolute;
    bottom: -50px;
    right: -50px;
    width: 111px;
    height: 110px;
    background: url(../img/img_about_jewelry.png) no-repeat center;
    background-size: 111px 110px;
  }
  #sec11_inner #footer_contents {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateY(0%) translateX(-50%);
  }
  #sec11_inner #footer_sns {
    width: 150px;
    margin: 0 auto;
  }
  #sec11_inner #footer_sns ul {
    display: flex;
    justify-content: space-between;
    list-style-image: url(data:0);
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);
  }
  #sec11_inner #footer_sns ul li {
    list-style-type: none;
  }
  #sec11_inner #footer_sns img {
    width: 26px;
    height: 26px;
  }
  #sec11_inner #footer_sns .youtube img {
    width: 36px;
  }
  #sec11_inner #copyright {
    font-size: 12px;
    text-align: center;
  }

  .pager {
    position: fixed;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    padding: 0;
    z-index: 100;
  }
  .pager li {
    display: block;
    margin: 20px;
  }
  .pager li a {
    display: block;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
  }
  .pager .is-current a {
    background: #232323;
  }
  .pager .is-current:nth-child(2) a {
    background: #BFB3FF;
  }
  .pager .is-current:nth-child(5) a {
    background: #FF9ED2;
  }
  .pager .is-current:nth-child(6) a {
    background: #D6D4FF;
  }
  .pager .is-current:nth-child(1) a, .pager .is-current:nth-child(3) a, .pager .is-current:nth-child(8) a {
    background: #E5E1A5;
  }
  .pager .is-current:nth-child(4) a, .pager .is-current:nth-child(9) a {
    background: #8DC6EA;
  }
  .pager .is-current:nth-child(7) a, .pager .is-current:nth-child(10) a, .pager .is-current:nth-child(11) a, .pager .is-current:nth-child(12) a {
    background: #C2A283;
  }

  #svg_area {
    box-sizing: border-box;
    display: none;
    position: fixed;
    overflow: hidden;
    bottom: 0;
    left: 20px;
    width: 100vw;
    height: calc(100vw * 9.9595%);
    max-height: 190px;
    z-index: 99;
    vertical-align: top;
    pointer-events: none;
  }
  #svg_area svg {
    width: 100vw;
    margin: 0;
  }
  #svg_area svg.opZero {
    opacity: 0.01;
    filter: 0.01;
  }
  #svg_area #en_white {
    display: flex;
    position: absolute;
    top: 50%;
    left: -2px;
    width: 100.6vw;
    transform: translateY(-50%);
    align-items: center;
    opacity: 0;
  }
  #svg_area #en_white img {
    width: 100%;
  }
  #svg_area #en_yellow {
    display: flex;
    position: absolute;
    top: 50%;
    left: -2px;
    width: 100.6vw;
    transform: translateY(-50%);
    align-items: center;
    opacity: 0;
  }
  #svg_area #en_yellow img {
    width: 100%;
  }
  #svg_area #en_pink {
    display: flex;
    position: absolute;
    top: 50%;
    left: -2px;
    width: 100.6vw;
    transform: translateY(-50%);
    align-items: center;
    opacity: 0;
  }
  #svg_area #en_pink img {
    width: 100%;
  }
  #svg_area #en_blue {
    display: flex;
    position: absolute;
    top: 50%;
    left: -2px;
    width: 100.6vw;
    transform: translateY(-50%);
    align-items: center;
    opacity: 0;
  }
  #svg_area #en_blue img {
    width: 100%;
  }

  .path {
    fill: none;
    stroke: #fff;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 7px;
    stroke-dasharray: 5000;
    stroke-dashoffset: 5000;
    /*animation: DASH 4s ease-in-out alternate forwards;
    -webkit-animation:DASH 4s ease-in-out 0s forwards;
    animation:DASH 4s ease-in-out 0s forwards;*/
  }

  @keyframes DASH {
    0% {
      stroke-dashoffset: 5000;
    }
    100% {
      stroke-dashoffset: 0;
    }
  }
  @-moz-keyframes DASH {
    0% {
      stroke-dashoffset: 5000;
    }
    100% {
      stroke-dashoffset: 0;
    }
  }
  @-webkit-keyframes DASH {
    0% {
      stroke-dashoffset: 5000;
    }
    100% {
      stroke-dashoffset: 0;
    }
  }
}
@media screen and (max-height: 767px) and (min-width: 768px) {
  #sec11_inner .board {
    top: 20px;
    transform: translateY(0%) translateX(-50%);
  }
}
@media screen and (min-width: 767px) and (max-width: 990px) {
  #sec07_inner .sec_inner_theone {
    position: relative;
    width: 100%;
    max-width: 984px;
    margin: 10% auto 0;
    text-align: center;
  }
  #sec07_inner .sec_inner_theone .the_one {
    left: 30%;
    top: 230px;
    width: 300px;
    height: 106px;
    margin: 0 auto 30px;
  }
  #sec07_inner .sec_inner_theone .the_one_connect {
    left: 30%;
    top: 0;
    width: 300px;
    height: 74px;
    margin: 0 auto 30px;
  }
  #sec07_inner .sec_inner_theone .the_one_round {
    left: 10%;
    top: 104px;
    width: 300px;
    height: 74px;
    margin: 0 auto 30px;
  }
  #sec07_inner .sec_inner_theone .the_one_wreath {
    left: 50%;
    top: 120px;
    width: 300px;
    height: 74px;
    margin: 0 auto 30px;
  }
  #sec07_inner .sec_inner_theone .the_one_beauty {
    left: 20%;
    top: 350px;
    width: 300px;
    height: 74px;
    margin: 0 auto 30px;
  }
  #sec07_inner .sec_inner_theone .the_one_love {
    left: 40%;
    top: 492px;
    width: 300px;
    height: 74px;
    margin: 0 auto 30px;
    text-align: left;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }

  #loader-bg {
    display: none;
  }

  header {
    position: fixed;
    top: 0;
    left: 0;
    box-sizing: border-box;
    margin: 0 0 0;
    padding: 0 10px;
  }

  .clone-nav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    transition: .1s;
    transform: translateY(-100%);
  }

  .is-show {
    transform: translateY(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
  }
  .is-show ul {
    max-width: 768px;
    background-color: #fff;
  }

  #container {
    width: 100%;
    max-width: 768px;
    min-height: 100vh;
    margin: 0 auto;
  }

  .head_section {
    max-width: 768px;
    margin: 0 auto;
  }

  .item_area01 {
    position: absolute;
    padding: 17px 10px 0;
  }
  .item_area01 img {
    width: 70px;
    height: 25px;
  }

  #contents {
    margin: 55px 0 0;
  }

  .box-nav {
    padding: 10px;
  }

  .disp_non {
    overflow: hidden;
  }

  .head_section {
    float: left;
  }
  .head_section .bnr {
    display: none;
    width: 0;
    height: 0;
    margin: 30px 0 0 30px;
    background: url(../img/btn_header_order.png) no-repeat center;
    background-size: 151px;
  }
  .head_section .bnr span {
    display: none;
  }

  .item_area01 {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column-start: 1;
    grid-column-end: 2;
    -ms-grid-row-span: 0;
    -ms-grid-row: 1;
    grid-row-start: 1;
    grid-row-end: 1;
    padding: 10px;
    text-align: left;
  }

  .box-nav {
    padding: 26px;
  }

  #head_sns {
    display: none;
    float: left;
  }
  #head_sns ul {
    margin-right: 16px;
    letter-spacing: -.4em;
  }
  #head_sns ul li {
    display: inline-block;
    width: 31px;
    height: 31px;
    margin-right: 10px;
    list-style-type: none;
    letter-spacing: normal;
  }
  #head_sns ul li#hd_youtube a {
    background: url(../img/icn_header_youtube.png) no-repeat center;
    background-size: 31px;
  }
  #head_sns ul li#hd_instagram a {
    background: url(../img/icn_header_instagram.png) no-repeat center;
    background-size: 31px;
  }
  #head_sns ul li#hd_facebook a {
    background: url(../img/icn_header_facebook.png) no-repeat center;
    background-size: 31px;
  }
  #head_sns ul li a {
    display: block;
    width: 31px;
    height: 31px;
    text-indent: -9999px;
  }

  .sp_menu {
    position: fixed;
    top: 25px;
    right: 20px;
    width: 30px;
    margin: 0;
    text-align: right;
    z-index: 100;
  }
  .sp_menu .menu-trigger, .sp_menu .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
  }
  .sp_menu .menu-trigger {
    position: relative;
    width: 21px;
    height: 16px;
  }
  .sp_menu .menu-trigger span {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 2px;
    background-color: #6c6c6c;
  }
  .sp_menu .menu-trigger span:nth-child(1) {
    top: 0;
  }
  .sp_menu .menu-trigger span:nth-child(2) {
    top: 7px;
  }
  .sp_menu .menu-trigger span:nth-child(3) {
    bottom: 0;
  }

  .menu-trigger.active span:nth-child(1) {
    height: 2px;
    background-color: #7a7a7a;
    -webkit-transform: translateY(7px) rotate(-225deg);
    transform: translateY(7px) rotate(-225deg);
  }

  .menu-trigger.active span:nth-child(2) {
    opacity: 0;
  }

  .menu-trigger.active span:nth-child(3) {
    height: 2px;
    background-color: #7a7a7a;
    -webkit-transform: translateY(-7px) rotate(225deg);
    transform: translateY(-7px) rotate(225deg);
  }

  .anchor_ul {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    flex-wrap: wrap;
    width: 250px;
    height: 100vh;
    margin: 0;
    padding: 30px 20px 0;
    background-color: #fff;
    z-index: 10;
  }
  .anchor_ul li {
    box-sizing: border-box;
    display: flex;
    height: 50px;
    margin: 0;
    border-bottom: 1px solid #000;
    list-style-type: none;
    text-align: left;
    align-items: center;
    line-height: 1.4;
    font-size: 11pt;
  }
  .anchor_ul li:first-child {
    border-top: 1px solid #000;
  }
  .anchor_ul li a {
    display: block;
    width: 100%;
    color: #333;
    text-decoration: none;
    background: url(../img/sp/icn_arrow_right.png) no-repeat right center;
    background-size: 7px 11px;
  }

  #contents {
    overflow: hidden;
    width: 100%;
    margin: 0 auto 0;
  }

  section .inner {
    position: relative;
    width: 100%;
    padding: 0;
  }
  section .inner .en_ttl {
    margin-bottom: 135px;
  }
  section .inner h2 {
    font-size: 16pt;
    line-height: 1.3;
  }
  section .inner p {
    font-size: 12px;
  }

  #sec01, #sec02, #sec03, #sec04, #sec05, #sec06, #sec07, #sec08, #sec08_2, #sec09, #sec10, #sec11 {
    position: relative;
    width: 100vw;
  }

  #sec01_inner {
    position: relative;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    background: url(../img/sp/bg_top_01.jpg) no-repeat center -60px;
    background-size: cover;
  }
  #sec01_inner #bg_sec01 {
    display: none;
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    background: url(../img/sp/bg_top_02.jpg) no-repeat center -60px;
    background-size: cover;
  }
  #sec01_inner #op_anime01 {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 254px;
    height: 39px;
    margin: 0 auto;
    transform: translateY(-50%) translateX(-50%);
    background: url(../img/sp/img_en.png) no-repeat center;
    background-size: 254px 39px;
  }
  #sec01_inner #op_anime01 span {
    display: none;
  }
  #sec01_inner #op_anime02 {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 765px;
    height: 300px;
    margin: 0 auto;
    transform: translateY(-50%) translateX(-50%);
    text-align: center;
  }
  #sec01_inner #op_anime02 h2 {
    width: 320px;
    height: 105px;
    margin: 0 auto;
    background: url(../img/ttl_the_one.png) no-repeat center;
    background-size: 320px 105px;
  }
  #sec01_inner #op_anime02 h2 span {
    display: none;
  }
  #sec01_inner #op_anime02 p {
    color: #fff;
    font-size: 14pt;
  }
  #sec01_inner #op_anime03 {
    display: none;
    position: absolute;
    bottom: 100px;
    left: 50%;
    width: 765px;
    height: 150px;
    margin: 0 auto;
    transform: translateY(0) translateX(-50%);
    text-align: center;
  }
  #sec01_inner #op_anime03 p {
    color: #fff;
    font-size: 11pt;
    line-height: 2;
  }

  #sec02_inner {
    overflow: hidden;
    width: 100vw;
    margin-bottom: 60px;
  }
  #sec02_inner .en_ttl {
    width: 192px;
    height: 43px;
    margin: 10px 20px;
    background: url(../img/sp/ttl_connect_en.png) no-repeat center;
    background-size: 192px 43px;
  }
  #sec02_inner .en_ttl img {
    display: none;
  }
  #sec02_inner .sp_bg {
    width: 100%;
    margin-bottom: 10px;
    padding-top: 72.2419%;
    background: url(../img/sp/bg_connect.jpg) no-repeat center top;
    background-size: cover;
  }
  #sec02_inner h2 {
    margin: 0 20px 10px;
  }
  #sec02_inner p {
    margin: 0 20px 10px;
    font-size: 11pt;
  }
  #sec02_inner #sec02_left {
    display: none;
  }
  #sec02_inner #sec02_right {
    display: none;
  }

  #sec03_inner {
    overflow: hidden;
    width: 100vw;
    margin-bottom: 60px;
  }
  #sec03_inner .en_ttl {
    width: 184px;
    height: 43px;
    margin: 10px 20px;
    background: url(../img/sp/ttl_round_en.png) no-repeat center;
    background-size: 184px 43px;
  }
  #sec03_inner .en_ttl img {
    display: none;
  }
  #sec03_inner .sp_bg {
    width: 100%;
    margin-bottom: 10px;
    padding-top: 72.2419%;
    background: url(../img/sp/bg_round.jpg) no-repeat center top;
    background-size: cover;
  }
  #sec03_inner h2 {
    margin: 0 20px 10px;
  }
  #sec03_inner p {
    margin: 0 20px 10px;
    font-size: 11pt;
  }
  #sec03_inner #sec03_left {
    display: none;
  }
  #sec03_inner #sec03_right {
    display: none;
  }

  #sec04_inner {
    overflow: hidden;
    width: 100vw;
    margin-bottom: 60px;
  }
  #sec04_inner .en_ttl {
    width: 187px;
    height: 48px;
    margin: 10px 20px;
    background: url(../img/sp/ttl_beauty_en.png) no-repeat center;
    background-size: 187px 48px;
  }
  #sec04_inner .en_ttl img {
    display: none;
  }
  #sec04_inner .sp_bg {
    width: 100%;
    margin-bottom: 10px;
    padding-top: 72.2419%;
    background: url(../img/sp/bg_beauty.jpg) no-repeat center top;
    background-size: cover;
  }
  #sec04_inner h2 {
    margin: 0 20px 10px;
  }
  #sec04_inner p {
    margin: 0 20px 10px;
    font-size: 11pt;
  }
  #sec04_inner #sec04_left {
    display: none;
  }
  #sec04_inner #sec04_right {
    display: none;
  }

  #sec05_inner {
    overflow: hidden;
    width: 100vw;
    margin-bottom: 60px;
  }
  #sec05_inner .en_ttl {
    width: 154px;
    height: 43px;
    margin: 10px 20px;
    background: url(../img/sp/ttl_love_en.png) no-repeat center;
    background-size: 154px 43px;
  }
  #sec05_inner .en_ttl img {
    display: none;
  }
  #sec05_inner .sp_bg {
    width: 100%;
    margin-bottom: 10px;
    padding-top: 72.2419%;
    background: url(../img/sp/bg_love.jpg) no-repeat center top;
    background-size: cover;
  }
  #sec05_inner h2 {
    margin: 0 20px 10px;
  }
  #sec05_inner p {
    margin: 0 20px 10px;
    font-size: 11pt;
  }
  #sec05_inner #sec05_left {
    display: none;
  }
  #sec05_inner #sec05_right {
    display: none;
  }

  #sec06_inner {
    overflow: hidden;
    width: 100vw;
    margin-bottom: 60px;
  }
  #sec06_inner .en_ttl {
    width: 216px;
    height: 43px;
    margin: 10px 20px;
    background: url(../img/sp/ttl_wreath_en.png) no-repeat center;
    background-size: 216px 43px;
  }
  #sec06_inner .en_ttl img {
    display: none;
  }
  #sec06_inner .sp_bg {
    width: 100%;
    margin-bottom: 10px;
    padding-top: 72.2419%;
    background: url(../img/sp/bg_wreath.jpg) no-repeat center top;
    background-size: cover;
  }
  #sec06_inner h2 {
    margin: 0 20px 10px;
  }
  #sec06_inner p {
    margin: 0 20px 10px;
    font-size: 11pt;
  }
  #sec06_inner #sec06_left {
    display: none;
  }
  #sec06_inner #sec06_right {
    display: none;
  }

  #sec07_inner {
    overflow: hidden;
    width: 100vw;
    margin-bottom: 60px;
    padding-bottom: 70px;
    background: url(../img/sp/bg_the_one.jpg) no-repeat center bottom;
    background-size: cover;
  }
  #sec07_inner .sec_inner_theone {
    position: relative;
    width: 100%;
    max-width: 984px;
    margin: 10% auto 0;
  }
  #sec07_inner .sec_inner_theone .the_one {
    width: 100%;
    height: 54px;
    margin: 0 0 40px;
    background: url(../img/sp/txt_theone.png) no-repeat center;
    background-size: 247px 54px;
  }
  #sec07_inner .sec_inner_theone .the_one img {
    display: none;
  }
  #sec07_inner .sec_inner_theone .the_one a {
    display: block;
    width: 100%;
    height: 54px;
  }
  #sec07_inner .sec_inner_theone .the_one_connect {
    width: 100%;
    height: 35px;
    margin: 0 0 40px;
    background: url(../img/sp/txt_the_one_connect.png) no-repeat 40% center;
    background-size: 156px 35px;
  }
  #sec07_inner .sec_inner_theone .the_one_connect img {
    display: none;
  }
  #sec07_inner .sec_inner_theone .the_one_connect a {
    display: block;
    width: 100%;
    height: 35px;
  }
  #sec07_inner .sec_inner_theone .the_one_round {
    width: 100%;
    height: 35px;
    margin: 0 0 40px;
    background: url(../img/sp/txt_the_one_round.png) no-repeat 10% center;
    background-size: 142px 35px;
  }
  #sec07_inner .sec_inner_theone .the_one_round img {
    display: none;
  }
  #sec07_inner .sec_inner_theone .the_one_round a {
    display: block;
    width: 100%;
    height: 35px;
  }
  #sec07_inner .sec_inner_theone .the_one_wreath {
    width: 100%;
    height: 35px;
    margin: 0 0 40px;
    background: url(../img/sp/txt_the_one_wreath.png) no-repeat 44% center;
    background-size: 164px 35px;
  }
  #sec07_inner .sec_inner_theone .the_one_wreath img {
    display: none;
  }
  #sec07_inner .sec_inner_theone .the_one_wreath a {
    display: block;
    width: 100%;
    height: 35px;
  }
  #sec07_inner .sec_inner_theone .the_one_beauty {
    width: 100%;
    height: 44px;
    margin: 0 0 40px;
    background: url(../img/sp/txt_the_one_beauty.png) no-repeat 8% center;
    background-size: 154px 44px;
  }
  #sec07_inner .sec_inner_theone .the_one_beauty img {
    display: none;
  }
  #sec07_inner .sec_inner_theone .the_one_beauty a {
    display: block;
    width: 100%;
    height: 44px;
  }
  #sec07_inner .sec_inner_theone .the_one_love {
    width: 100%;
    height: 35px;
    margin: 0 0 40px;
    background: url(../img/sp/txt_the_one_love.png) no-repeat 50% center;
    background-size: 123px 35px;
  }
  #sec07_inner .sec_inner_theone .the_one_love img {
    display: none;
  }
  #sec07_inner .sec_inner_theone .the_one_love a {
    display: block;
    width: 100%;
    height: 35px;
  }
  #sec07_inner #connect_disp, #sec07_inner #round_disp, #sec07_inner #wreath_disp, #sec07_inner #the_one_disp, #sec07_inner #beauty_disp, #sec07_inner #love_disp {
    display: none;
  }
  #sec07_inner #sec07_left {
    display: none;
  }
  #sec07_inner #sec07_right {
    display: none;
  }

  #connect_disp, #round_disp, #wreath_disp, #the_one_disp, #beauty_disp, #love_disp {
    overflow: hidden;
    display: flex;
    width: 300px;
    height: 300px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    justify-content: center;
    flex-direction: column;
  }
  #connect_disp div, #round_disp div, #wreath_disp div, #the_one_disp div, #beauty_disp div, #love_disp div {
    margin: 20px auto;
  }
  #connect_disp div img, #round_disp div img, #wreath_disp div img, #the_one_disp div img, #beauty_disp div img, #love_disp div img {
    width: 80%;
  }
  #connect_disp p, #round_disp p, #wreath_disp p, #the_one_disp p, #beauty_disp p, #love_disp p {
    font-size: 14pt;
  }

  #sec08_inner {
    overflow: hidden;
    width: 100vw;
    margin-bottom: 60px;
  }
  #sec08_inner .sp_bg {
    width: 100%;
    margin-bottom: 10px;
    padding-top: 72.2419%;
    background: url(../img/sp/bg_brand_history_01.jpg) no-repeat center top;
    background-size: cover;
  }
  #sec08_inner h2 {
    margin: 0 20px 20px;
    font-size: 13pt;
  }
  #sec08_inner p {
    margin: 0 20px 10px;
    letter-spacing: 0;
    font-size: 11pt;
  }
  #sec08_inner p a {
    color: #606060;
  }
  #sec08_inner img {
    display: none;
  }

  #sec08_2_inner {
    overflow: hidden;
    width: 100vw;
    margin-bottom: 60px;
  }
  #sec08_2_inner .sp_bg {
    width: 207px;
    height: 256px;
    margin: 0 0 10px 20px;
    background: url(../img/img_amemiya_ryo.jpg) no-repeat center top;
    background-size: 207px 256px;
  }
  #sec08_2_inner h2 {
    display: none;
  }
  #sec08_2_inner h3 {
    margin: 20px 20px 20px;
    font-size: 13pt;
  }
  #sec08_2_inner p {
    margin: 0 20px 20px;
    font-size: 11pt;
  }
  #sec08_2_inner img {
    display: none;
  }

  #sec09_inner {
    overflow: hidden;
    width: 100vw;
    margin: 60px 0;
  }
  #sec09_inner .en_ttl {
    width: 216px;
    height: 43px;
    margin: 10px 20px;
    background: url(../img/sp/ttl_wreath_en.png) no-repeat center;
    background-size: 216px 43px;
  }
  #sec09_inner .en_ttl img {
    display: none;
  }
  #sec09_inner .sp_bg {
    width: 100%;
    margin-bottom: 10px;
    padding-top: 72.2419%;
    background: url(../img/sp/bg_ec_conductor.jpg) no-repeat center top;
    background-size: cover;
  }
  #sec09_inner h2 {
    margin: 0 20px 20px;
    font-size: 13pt;
  }
  #sec09_inner p {
    margin: 0 20px 10px;
    font-size: 11pt;
  }
  #sec09_inner p a {
    color: #606060;
  }
  #sec09_inner .bnr {
    width: 112px;
    height: 20px;
    margin: 30px auto;
    background: url(../img/sp/btn_shopping_order.png) no-repeat center;
    background-size: 112px 20px;
  }
  #sec09_inner .bnr a {
    display: block;
    height: 100%;
  }
  #sec09_inner .bnr span {
    display: none;
  }
  #sec09_inner #sec09_left {
    display: none;
  }
  #sec09_inner #sec09_right {
    display: none;
  }

  #sec10_inner {
    overflow: hidden;
    width: 100vw;
    margin-bottom: 60px;
  }
  #sec10_inner .sec_inner_left .sec10_ttl {
    width: 100%;
  }
  #sec10_inner .sec_inner_left .sec10_ttl:after {
    content: "";
    display: block;
    clear: both;
  }
  #sec10_inner .sec_inner_left .sec10_ttl h2 {
    display: inline-block;
    margin: 0 20px 20px;
    font-size: 13pt;
    line-height: 19px;
    vertical-align: top;
  }
  #sec10_inner .sec_inner_left .sec10_ttl .btn_instagram {
    float: right;
    display: inline-block;
    width: 96px;
    height: 19px;
    margin-right: 20px;
  }
  #sec10_inner .sec_inner_left .sec10_ttl .btn_instagram a {
    display: block;
    width: 96px;
    height: 19px;
    background: url(../img/sp/btn_instagram.png) no-repeat center;
    background-size: 96px 19px;
  }
  #sec10_inner .sec_inner_left .sec10_ttl .btn_instagram a span {
    display: none;
  }
  #sec10_inner .sec_inner_left ul {
    width: 100%;
    margin: 0 auto 20px;
  }
  #sec10_inner .sec_inner_left ul:after {
    content: "";
    display: block;
    clear: both;
  }
  #sec10_inner .sec_inner_left ul li {
    float: left;
    width: 33.3%;
    margin: 0;
    list-style-type: none;
    text-align: center;
    font-size: 0;
  }
  #sec10_inner .sec_inner_left ul li a {
    display: block;
  }
  #sec10_inner .sec_inner_left ul li img {
    width: 100%;
  }
  #sec10_inner .sec_inner_left .btn_more {
    width: 112px;
    height: 20px;
    margin: 30px auto 0;
  }
  #sec10_inner .sec_inner_left .btn_more a {
    display: block;
    width: 112px;
    height: 20px;
    background: url(../img/sp/btn_more.png) no-repeat center;
    background-size: 112px 20px;
  }
  #sec10_inner .sec_inner_left .btn_more a span {
    display: none;
  }

  #sec11_inner {
    overflow: hidden;
    width: 100vw;
    margin-bottom: 60px;
  }
  #sec11_inner .board {
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 40px 20px 30px;
  }
  #sec11_inner .board table {
    width: 100%;
    margin-bottom: 30px;
  }
  #sec11_inner .board table th {
    width: 6.5em;
    font-size: 11pt;
    text-align: left;
    font-weight: normal;
  }
  #sec11_inner .board table th span {
    font-size: 11pt;
  }
  #sec11_inner .board table td {
    padding: 0 0 0 20px;
    vertical-align: top;
    letter-spacing: 0;
    font-size: 11pt;
  }
  #sec11_inner .board table td + td {
    padding: 0;
    text-align: right;
    vertical-align: middle;
  }
  #sec11_inner .board table a {
    color: #606060;
    text-decoration: none;
  }
  #sec11_inner .board table .brb {
    border-bottom: 2px solid #494645;
  }
  #sec11_inner .board table .pb20 th, #sec11_inner .board table .pb20 td {
    padding-bottom: 20px;
  }
  #sec11_inner .board table .pt20 th, #sec11_inner .board table .pt20 td {
    padding-top: 20px;
  }
  #sec11_inner .board .map {
    display: none;
  }
  #sec11_inner .board .bnr a {
    display: block;
    width: 100%;
    height: 0;
    margin: 0 auto 30px;
    padding-top: 25%;
    background: url(../img/sp/bnr_about_fujimitsu.jpg) no-repeat center;
    background-size: 100%;
    text-align: center;
  }
  #sec11_inner .board .bnr a img {
    display: none;
  }
  #sec11_inner .board #jewelry {
    display: none;
  }
  #sec11_inner #footer_contents {
    display: none;
  }
  #sec11_inner #footer_sns {
    display: none;
    width: 150px;
    margin: 0 auto;
  }
  #sec11_inner #footer_sns ul {
    display: flex;
    justify-content: space-between;
  }
  #sec11_inner #footer_sns ul li {
    list-style-type: none;
  }
  #sec11_inner #footer_sns img {
    width: 26px;
    height: 26px;
  }
  #sec11_inner #footer_sns .youtube img {
    width: 36px;
  }
  #sec11_inner #copyright {
    display: none;
    font-size: 12px;
    text-align: center;
  }

  .pager {
    display: none;
  }

  #svg_area {
    display: none;
    position: fixed;
    bottom: 10px;
    width: 100%;
    z-index: 99;
    pointer-events: none;
  }
  #svg_area #en_white, #svg_area #en_yellow, #svg_area #en_pink, #svg_area #en_blue {
    display: none;
    width: 0;
    height: 0;
  }

  .path {
    display: none;
  }
}