@charset "UTF-8";/*
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption {
  font-family: "メイリオ", "Meiryo", "Meiryo UI", Osaka, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  border: 0;
  outline: 0;
  background: transparent;
}*/

li {
  list-style: none;
}
/*
body {
  line-height: 0;
  overflow-x: hidden;
  color: #333333;
  background-color: #ffffff;
}*/

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

*:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

.clearfix {
  zoom: 1;
  /* for IE6/7 */
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

.tablet {
  display: none;
}

.sp {
  display: none !important;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover img {
  opacity: 0.8;
}
/*
h2 {
  font-size: 20px;
  margin: 110px 0;
  text-align: center;
}

h2.line-up {
  font-size: 20px;
  margin: 65px 0;
  text-align: center;
}

h3 {
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 70px;
  text-align: center;
  color: #333333;
}

h4 {
  margin-bottom: 30px;
  text-align: left;
}

.company-wrap h4 {
  font-size: 20px;
  margin-bottom: 60px;
}
*/
header {
  position: fixed;
  z-index: 99999;
  top: 0;
  width: 100%;
  min-width: 1280px;
  height: 80px;
  border-bottom: 1px solid #eeeeee;
  background: #ffffff;
}

header .inner {
  width: 1280px;
  margin: 0 auto;
  padding: 0 47px;
}

header .inner h1 {
  float: left;
  width: 147px;
  padding-top: 25px;
}

header .inner nav {
  position: relative;
  float: right;
  width: 1039px;
}

header .inner .g-nav .vrbanner {
  position: absolute;
  top: 48%;
  right: 82%;
  width: 14vw;
  min-width: 106px;
  max-width: 138px;
  max-height: 73px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

header .inner .g-nav .vrbanner img {
  width: 100%;
}

header .inner nav ul li {
  font-family: "メイリオ", Meiryo;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  float: right;
  height: 80px;
  border-right: 1px solid #eeeeee;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

header .inner nav ul li:last-child {
  border-left: 1px solid #eeeeee;
}

header .inner nav ul li a {
  display: block;
  padding: 0 16px;
  font-size: 14px;
  font-family: "メイリオ", "Meiryo", "Meiryo UI", Osaka, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif;
}

header .inner nav ul li.b-left a {
  display: block;
  padding: 17px 20px 0;
}

header .inner nav ul li:hover {
  background: #efefef;
}

header .inner nav ul li.b-left {
  border-left: 1px solid #eeeeee;
}

header .inner nav ul li.b-left img {
  position: relative;
  top: -8px;
}

header .inner nav ul::after {
  display: block;
  clear: both;
  content: "";
}

header .inner nav::after {
  display: block;
  clear: both;
  content: "";
}

.float-btn {
  position: fixed;
  z-index: 99990;
  top: 100px;
  right: 0;
  width: 40px;
}

.float-btn img {
  margin-bottom: 10px;
}

.sp {
  display: none !important;
}

.main {
  line-height: 0;
  width: 100%;
  min-width: 1280px;
}

.main .float-area {
  position: absolute;
  z-index: 99990;
  top: 50%;
  left: 50%;
  width: 420px;
  /* width: 320px; */
  height: 320px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.4);
}

.main .float-area img.fleat-img {
  position: absolute;
  top: 88px;
  left: 50%;
  width: 170px;
  height: auto;
  margin-left: -85px;
}

.main .float-area p {
  line-height: 2;
  position: absolute;
  bottom: 55px;
  width: 100%;
  text-align: center;
  color: #ffffff;
}

.main-tab {
  width: 100%;
  min-width: 1280px;
}

.main-tab ul {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  width: 100%;
  -js-display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.main-tab ul li {
  position: relative;
  width: 25%;
  height: 25vw;
  text-align: center;
  vertical-align: middle;
  color: inherit;
}

.main-tab ul li p {
  font-size: 14px;
  color: #ffffff;
}

.main-tab ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  color: #ffffff;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.main-tab ul li:nth-of-type(1) {
  background: url(../img/main-2_on.jpg);
  background-size: cover;
}

.main-tab ul li:nth-of-type(1) img {
  position: absolute;
  top: 37%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.main-tab ul li:nth-of-type(2) img {
  position: absolute;
  top: 37%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.main-tab ul li:nth-of-type(1) p {
  margin-top: 70px;
}

.main-tab ul li:nth-of-type(1):hover {
  cursor: pointer;
  background: url(../img/main-2_on.jpg);
  background-size: cover;
}

.main-tab ul li:nth-of-type(1):hover p {
  text-shadow: 2px 2px 2px black;
}

.main-tab ul li:nth-of-type(1):hover img {
  opacity: 1;
}

.main-tab ul li:nth-of-type(1) img {
  margin-bottom: 20px;
}

.main-tab ul li:nth-of-type(2) {
  background: url(../img/main-3_on.jpg);
  background-size: cover;
}

.main-tab ul li:nth-of-type(2):hover {
  cursor: pointer;
  /* background: url(../img/main-3_on.jpg);
          background-size: cover; */
  text-shadow: 2px 2px 2px black;
}

.main-tab ul li:nth-of-type(3) {
  background: url(../img/main-8.jpg);
  background-size: cover;
}

.main-tab ul li:nth-of-type(3):hover {
  /* background: url(../img/main-4_on.jpg);
          background-size: cover; */
  cursor: pointer;
  text-shadow: 2px 2px 2px black;
}

.main-tab ul li:nth-of-type(4) {
  background: url(../img/main-5_on.jpg);
  background-size: cover;
}

.float-comuni {
  position: absolute;
  bottom: 20px;
  left: 20px;
}

.main-tab ul li:nth-of-type(4):hover {
  /* background: url(../img/main-5_on.jpg);
        background-size: cover; */
  position: relative;
  cursor: pointer;
  text-shadow: 2px 2px 2px black;
}

.main-tab ul li:nth-of-type(4) span {
  /* width: 100%;
        position: absolute;
        top: 20%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
        font-size: 24px; */
  /* font-family: "Yu Mincho", "游明朝", "游明朝体", "YuMincho" !important; */
  /* letter-spacing: 0.06em; */
}

.main-tab ul li:nth-of-type(5) {
  background: url(../img/main-6.jpg);
  background-size: cover;
}

.main-tab ul li:nth-of-type(5):hover {
  cursor: pointer;
  /* background: url(../img/main-6_on.jpg); */
  background-size: cover;
}

.main-tab ul li:nth-of-type(5):hover p {
  text-shadow: 2px 2px 2px gray;
}

.main-tab ul li:nth-of-type(6) {
  background: url(../img/main-7.jpg);
  background-size: cover;
}

.main-tab ul li:nth-of-type(6):hover {
  cursor: pointer;
  /* background: url(../img/main-7_on.jpg); */
  /* background-size: cover; */
}

.main-tab ul li:nth-of-type(6):hover p {
  text-shadow: 2px 2px 2px gray;
}

.main-tab ul::after {
  display: block;
  clear: both;
  content: "";
}

/* ---------------------------------------------
main-tabのsp、pcをcommon.cssに移動
---------------------------------------------*/
.content-wrap {
  width: 1280px;
  margin: 0 auto;
}

#top {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -js-display: flex;
}

.content-wrap section.information {
  font-size: 14px;
  position: relative;
  width: 640px;
  padding: 70px 70px 0;
  text-align: left;
}

.content-wrap section.information dl dt {
  float: left;
  width: 159px;
}

.content-wrap section.information dl dd {
  float: left;
  width: 340px;
  margin-bottom: 30px;
}

.content-wrap section.information dl dd a {
  text-decoration: underline;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-text-decoration-color: #666666;
  text-decoration-color: #666666;
}

.content-wrap section.information dl dd a:hover {
  text-decoration: none;
}

.content-wrap section.information dl::after {
  display: block;
  clear: both;
  content: "";
}

.content-wrap .information .inner dl:nth-last-child(2) {
  margin-bottom: 40px;
}

.content-wrap .for-list {
  margin-bottom: 40px;
  border: 1px solid #eeeeee;
}

.content-wrap .for-list a {
  font-size: 14px;
  display: block;
  padding: 30px;
  text-align: center;
}

.content-wrap .for-list a:hover {
  background-color: #eeeeee;
}

.content-wrap .for-list::after {
  display: block;
  clear: both;
  content: "";
}

.content-wrap::after {
  display: block;
  clear: both;
  content: "";
}

/*
.content-wrap section.event {
  width: 640px;
  padding: 70px 80px 0;
  position: relative;
  border-left: 1px solid #eee;
}
.content-wrap section.event a:nth-of-type(2) article {
  margin-bottom: 40px;
}
.content-wrap section.event article {
  width: 480px;
  margin: 0 auto 20px;
  border: 1px solid #eee;
}
.content-wrap section.event article .txt {
  width: 480px;
  padding: 30px 10px 30px 30px;
  line-height: 1.8;
}
.content-wrap section.event article .txt h4 {
  font-size: 14px;
  color: #333;
  margin-bottom: 22px;
  font-weight: normal;
}
.content-wrap section.event article .image {
  width: 480px;
  line-height: 0;
}
.content-wrap section.event article .image img {
  width: 100%;
}
.content-wrap section.event article::after {
  content: "";
  clear: both;
  display: block;
}
.content-wrap section.event article:hover {
  background: #eee;
}
.content-wrap section.event article:hover img {
  opacity: 0.7;
}
.content-wrap section.event article th {
  font-weight: normal;
  width: 77px;
}
.content-wrap section.event .for-list {
  margin-bottom: 40px;
  border: 1px solid #eee;
}
.content-wrap section.event .for-list a {
  width: 480px;
  text-align: center;
  font-size: 14px;
  padding: 30px;
  display: block;
}
.content-wrap section.event .for-list a:hover {
  background-color: #eee;
}
*/
footer {
  width: 100%;
  background: #eeeeee;
}

footer .inner {
  width: 1280px;
  margin: 0 auto;
}

footer .inner ul li {
  float: left;
  width: 320px;
  height: 445px;
  padding: 65px 60px 60px;
  border-right: 1px solid #ffffff;
}

footer .inner ul li a {
  font-size: 12px;
}

footer .inner ul li a:hover {
  text-decoration: underline;
  -webkit-text-decoration-color: #666666;
  text-decoration-color: #666666;
}

footer .inner ul li a:hover.none {
  pointer-events: none;
}

footer .inner ul li p {
  font-size: 12px;
  margin-bottom: 10px;
}

footer .inner ul li:last-child {
  border-right: none;
}

footer .inner ul li .first {
  margin-top: 20px;
}

footer .inner ul li .second {
  margin-top: 40px;
}

footer .inner ul li.link {
  text-align: center;
}

footer .inner ul li.link .ftr-logo {
  margin-bottom: 70px;
}

footer .inner ul li.link a {
  display: block;
  margin-bottom: 20px;
}

footer .inner ul::after {
  display: block;
  clear: both;
  content: "";
}

footer .inner .sns {
  display: none;
  margin-top: 30px;
}

footer .inner .sns p {
  float: left;
  width: 40px;
  margin-right: 20px;
}

footer .inner .sns::after {
  display: block;
  clear: both;
  content: "";
}

p.copyright {
  min-width: 1280px;
  padding: 20px 0;
  text-align: center;
}

p.copyright small {
  font-size: 10px;
}

a.ftr-logo {
  display: block !important;
  min-width: 1280px;
  padding: 20px 0 0;
  text-align: center;
}

/*---------------------------ロイヤルハウスのご案内-------*/
.u-main {
  position: relative;
  overflow: hidden;
  height: 480px;
  margin-top: 80px;
  text-align: center;
}

.frame-cont {
  margin-top: 0;
}

#guidance {
  background-image: url(../img/guidance-image.jpg);
  background-size: cover;
}

.u-content {
  text-align: center;
}

p.float-title {
  font-size: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #ffffff;
}

p.intro {
  font-size: 14px;
  line-height: 30px;
  text-align: center;
}

.u-content section {
  width: 960px;
  margin: 0 auto 80px;
  padding: 80px 78px;
  border: 1px solid #dddddd;
}

.u-content section h3 {
  font-weight: bold;
  margin-bottom: 60px;
  text-align: left;
}

.u-content section article {
  margin-bottom: 120px;
}

.u-content section article.last {
  margin-bottom: 0;
}

.u-content section article .list-box {
  width: 800px;
}

.u-content section article .list-box p.year {
  width: 800px;
  margin-bottom: 20px;
  padding-bottom: 5px;
  text-align: left;
  color: #000000;
  border-bottom: 1px solid #cccccc;
}

.u-content section article .list-box .column {
  font-size: 12px;
  float: left;
  width: 380px;
  margin-bottom: 60px;
}

.u-content section article .list-box .column img {
  width: 100%;
  height: auto;
}

.u-content section article .list-box .column .txt {
  font-size: 12px !important;
  margin-right: 0;
}

.u-content section article .list-box .column:nth-of-type(1) {
  margin-right: 40px;
}

.u-content section article .list-box::after {
  display: block;
  clear: both;
  content: "";
}

.u-content section article .txt {
  font-size: 12px;
  float: left;
  width: 400px;
  margin-right: 78px;
  text-align: left;
}

.u-content section article .txt p {
  line-height: 30px;
  margin-bottom: 10px;
}

.u-content section article .txt p.title {
  font-weight: bold;
}

.u-content section article .txt .obi {
  padding: 5px 0;
  text-align: center;
  background: #cdd6c0;
}

.u-content section article .image {
  float: left;
  width: 320px;
}

.u-content section article .image img {
  width: 100%;
  height: auto;
}

.u-content section article .box {
  float: left;
  width: 400px;
  margin-bottom: 48px;
}

.u-content section article .box img {
  margin-bottom: 0px;
}

.u-content section article .box p.name {
  font-size: 12px;
}

.u-content section article .last {
  margin-bottom: 0 !important;
}

.u-content section article p.last {
  margin-bottom: 0;
}

.u-content section article.txt-area p {
  line-height: 30px;
  width: 800px;
  margin-bottom: 30px;
  text-align: left;
}

.u-content section article.txt-area p.title {
  font-weight: bold;
}

.u-content section.comuni {
  position: relative;
}

.u-content section.comuni h3 {
  margin-bottom: 90px;
}

.u-content section.comuni article {
  margin-bottom: 0;
}

.u-content section.comuni img.comuni-logo {
  position: absolute;
  top: 60px;
  right: 150px;
  width: 140px;
  height: auto;
}

.u-content section.comuni article div img {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}

.u-content section.comuni article p {
  text-align: left;
}

.u-content section article::after, .u-content section::after {
  display: block;
  clear: both;
  content: "";
}

.u-content section article .txt-kidsd {
  font-size: 12px;
  float: left;
  width: 568px;
  margin-right: 78px;
  text-align: left;
}

/*---------------------------商品ラインアップ-------*/
#lineup {
  background-image: url(../img/lineup-image.jpg);
  background-size: cover;
}

#lineup h2 {
  margin-bottom: 60px;
}

.table-btn {
  line-height: 0;
  width: 100%;
  margin-bottom: 60px;
}

.table-btn table {
  float: left;
  width: 50%;
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}

.table-btn table tr td {
  width: 50%;
}

.table-btn table tr td a {
  font-size: 20px;
  display: block;
  padding: 64px 0 65px;
  text-align: center;
  vertical-align: center;
  color: #e8374a;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

.table-btn table tr td a span {
  font-size: 14px;
}

.table-btn table tr td a:hover {
  background: #eeeeee;
}

.table-btn table tr td:nth-of-type(2) a {
  border-right: none;
}

.table-btn table:nth-of-type(2) tr td:nth-of-type(2) {
  border-right: 1px solid #cccccc !important;
}

.table-btn dl {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 80px;
  -js-display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.table-btn dl dd {
  margin: 0;
  -webkit-flex-basis: 16.6666%;
  -ms-flex-preferred-size: 16.6666%;
  flex-basis: 16.6666%;
  /*width: 16.6666%;
  float: left;*/
}

.table-btn dl dd a {
  line-height: 0;
  display: block;
}

.table-btn dl dd a img {
  width: 100%;
  height: auto;
}

.table-btn dl dd::after {
  display: block;
  clear: both;
  content: "";
}

.table-btn::after {
  display: block;
  clear: both;
  content: "";
}

.table-btn:nth-of-type(3) {
  line-height: 0;
  margin-bottom: 0;
}

/*---------------------------キャンペーン情報-------*/
#campaign {
  background-image: url(../img/campaign/img-180628-event01.jpg);
  background-size: cover;
}

.u-main-campaign-logo {
  position: relative;
  width: 960px;
  height: 100%;
  margin: 0 auto;
}

.u-main-campaign-logo img {
  position: absolute;
  top: 30px;
  left: 0;
}

.campaign-wrap {
  padding-top: 110px;
}

.campaign-wrap section {
  width: 960px;
  margin: 0 auto 80px;
  padding: 50px 79px 80px;
  border: 1px solid #cc6699;
}

.campaign-wrap .fiar span.fair {
  display: block;
  width: 90px;
  margin-bottom: 5px;
  padding: 5px 0;
  text-align: center;
  color: #ffffff;
  background: #cc6699;
}

.campaign-wrap .fiar h4 {
  font-size: 20px;
  margin-bottom: 50px;
  color: #cc6699;
}

.campaign-wrap .fiar .box {
  float: left;
  width: 399px;
  margin-bottom: 50px;
}

.campaign-wrap .fiar .box img {
  margin-bottom: 10px;
}

.campaign-wrap .fiar .box:nth-of-type(odd) {
  margin-right: 1px;
}

.campaign-wrap .fiar .box p {
  font-size: 12px;
  text-align: left;
}

.campaign-wrap .fiar::after {
  display: block;
  clear: both;
  content: "";
}

.privilege {
  position: relative;
  width: 800px;
  margin: 0 auto;
  padding-bottom: 80px;
  background: #eeeeee;
}

.privilege span {
  font-size: 12px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 80px;
  height: 80px;
  padding-top: 22px;
  text-align: center;
  color: #ffffff;
  background: #cc6699;
}

.privilege p.sub {
  margin-bottom: 19px;
  padding-top: 53px;
  text-align: center;
  color: #cc6699;
}

.privilege p.title {
  font-size: 20px;
  margin-bottom: 46px;
  text-align: center;
  color: #cc6699;
}

.privilege .image {
  width: 640px;
  margin: 0 auto;
}

.privilege .image img {
  float: left;
  width: 320px;
}

.privilege .image::after {
  display: block;
  clear: both;
  content: "";
}

.image-area {
  width: 960px;
  margin: 0 auto 80px;
  padding: 50px 79px 80px;
  border: 1px solid #cc6699;
}

.image-area .image {
  width: 800px;
  height: 400px;
  margin-bottom: 20px;
  background: #aaaaaa;
}

.image-area .image:last-child {
  margin-bottom: 0;
}

.image-area .for-shop {
  margin-top: 80px;
  padding-bottom: 70px;
  text-align: center;
  color: #ffffff;
  background: #cc6699;
}

.image-area .for-shop p.sub {
  margin-bottom: 19px;
  padding-top: 53px;
  text-align: center;
}

.image-area .for-shop p.title {
  font-size: 20px;
  margin-bottom: 46px;
  text-align: center;
}

.image-area .for-shop .simultaneous {
  margin-bottom: 40px;
  text-align: center;
}

.image-area .for-shop .simultaneous span {
  line-height: 50px;
  margin-bottom: 40px;
  padding: 5px;
  text-align: center;
  color: #cc6699;
  background: #ffffff;
}

.image-area .for-shop button {
  font-size: 20px;
  width: 640px;
  margin: 0 auto 40px;
  padding: 60px 0;
  text-align: center;
  color: #cc6699;
  border: none;
  background: #ffffff;
  text-shadow: none;
}

.image-area .for-shop p.link a {
  text-decoration: underline;
}

.campaign-wrap section.royalsss {
  width: 960px;
  padding: 0 0 70px;
  border: 1px solid #cccccc;
}

.campaign-wrap section.royalsss .gooddesign {
  width: 100%;
  margin-bottom: 80px;
  padding: 50px 79px;
  background: #eeeeee;
}

.campaign-wrap section.royalsss .gooddesign .txt {
  float: left;
  width: 400px;
  margin-right: 80px;
}

.campaign-wrap section.royalsss .gooddesign .txt p {
  font-size: 12px;
  line-height: 30px;
}

.campaign-wrap section.royalsss .gooddesign .txt p.title {
  font-size: 20px;
  line-height: 35px;
  margin-bottom: 65px;
}

.campaign-wrap section.royalsss .box {
  width: 800px;
  margin: 0 auto;
}

.campaign-wrap section.royalsss .box:nth-of-type(4) {
  margin-bottom: 30px;
}

.campaign-wrap section.royalsss .box img {
  float: left;
  width: 320px;
  height: auto;
  margin-right: 80px;
}

.campaign-wrap section.royalsss .box .txt {
  float: right;
  width: 400px;
}

.campaign-wrap section.royalsss .box .txt p {
  line-height: 30px;
}

.campaign-wrap section.royalsss .box .txt p.title {
  font-weight: bold;
  margin-bottom: 20px;
}

.campaign-wrap section.royalsss .box::after {
  display: block;
  clear: both;
  content: "";
}

.campaign-wrap section.royalsss .pictures-area {
  width: 800px;
  margin: 0 auto;
}

.campaign-wrap section.royalsss .for-shop {
  width: 800px;
  margin: 80px auto 0;
  padding-bottom: 70px;
  text-align: center;
  color: #ffffff;
  background: #cc6699;
}

.campaign-wrap section.royalsss .for-shop p.sub {
  margin-bottom: 19px;
  padding-top: 53px;
  text-align: center;
}

.campaign-wrap section.royalsss .for-shop p.title {
  font-size: 20px;
  margin-bottom: 46px;
  text-align: center;
}

.campaign-wrap section.royalsss .for-shop .simultaneous {
  margin-bottom: 40px;
  text-align: center;
}

.campaign-wrap section.royalsss .for-shop .simultaneous span {
  line-height: 50px;
  margin-bottom: 40px;
  padding: 5px;
  text-align: center;
  color: #cc6699;
  background: #ffffff;
}

.campaign-wrap section.royalsss .for-shop button {
  font-size: 20px;
  width: 640px;
  margin: 0 auto 40px;
  padding: 60px 0;
  text-align: center;
  color: #cc6699;
  border: none;
  background: #ffffff;
  text-shadow: none;
}

.campaign-wrap section.royalsss .for-shop p.link a {
  text-decoration: underline;
}

/*---------------------------建築実例-------*/
#result {
  margin-bottom: 1%;
  background-image: url(../img/result-image.jpg);
  background-size: cover;
}

#result .result-float {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -75%);
  transform: translate(-50%, -75%);
}

#result p.float-title {
  font-size: 22px;
  position: absolute;
  top: 70%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  text-align: center;
  color: #ffffff;
}

.btn-area {
  width: 100%;
  margin: 0 auto;
  padding: 1% 0.5% 0;
}

.btn-area .btn {
  position: relative;
  float: left;
  width: 49%;
  height: 23.7vw;
  margin: 0 0.5% 1%;
  background-size: cover;
}

.btn-area .btn p {
  line-height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  color: #ffffff;
}

.btn-area .btn img {
  width: 100%;
  height: auto;
}

.btn-area .btn:nth-of-type(1) {
  background-image: url(../img/result-btn01.jpg);
}

.btn-area .btn:nth-of-type(1):hover {
  color: #000000;
  background-image: url(../img/result-btn01_on.jpg);
}

.btn-area .btn:nth-of-type(2) {
  background-image: url(../img/result-btn02.jpg);
}

.btn-area .btn:nth-of-type(2):hover {
  background-image: url(../img/result-btn02_on.jpg);
}

.btn-area .btn:nth-of-type(3) {
  background-image: url(../img/result-btn03.jpg);
}

.btn-area .btn:nth-of-type(3):hover {
  background-image: url(../img/result-btn03_on.jpg);
}

.btn-area .btn:nth-of-type(4) {
  background-image: url(../img/result-btn04.jpg);
}

.btn-area .btn:nth-of-type(4):hover {
  background-image: url(../img/result-btn04_on.jpg);
}

.btn-area .btn:nth-of-type(5) {
  background-image: url(../img/result-btn05.jpg);
}

.btn-area .btn:nth-of-type(5):hover {
  background-image: url(../img/result-btn05_on.jpg);
}

.btn-area .btn:nth-of-type(6) {
  background-image: url(../img/result-btn06.jpg);
}

.btn-area .btn:nth-of-type(6):hover {
  background-image: url(../img/result-btn06_on.jpg);
}

.btn-area .btn:hover p {
  font-weight: bold;
  color: #000000;
  text-shadow: white 1px 1px 2px, white -1px 1px 2px, white 1px -1px 2px, white -1px -1px 2px;
}

.btn-area::after {
  display: block;
  clear: both;
  content: "";
}

/*---------------------------ロイヤルSSS構法-------*/
#royal_sss {
  margin-bottom: 0 !important;
  background-image: url(../img/royal-image.jpg);
  background-size: cover;
}

#royal_sss .result-float {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -75%);
  transform: translate(-50%, -75%);
}

#royal_sss p.float-title {
  font-size: 22px;
  padding-top: 300px;
  text-align: center;
  color: #ffffff;
}

#wrapper ul {
  width: 600px;
  margin: 0 auto;
}

#wrapper li {
  list-style: none;
}

.clearfix {
  zoom: 100%;
}

.clearfix:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: "";
}

#wrapper ul.tabs li {
  float: left;
  width: 80px;
  text-align: center;
}

#wrapper ul.tabs li a {
  display: block;
  padding: 30px 0px;
}

#wrapper ul.tabs li:first-child {
  width: 200px;
}

#wrapper ul.tabs li:hover {
  background-color: #eeeeee;
}

#wrapper ul.tabs li.active {
  padding: 30px 0px;
  background-color: #eeeeee;
}

div.tabCont div.tabBox {
  border-bottom: 1px solid #ffffff;
  background-color: #eeeeee;
}

div.tabCont div.tabBox .royal_sss-wrap {
  width: 960px;
  margin: 0 auto;
  padding: 80px 0 80px;
  text-align: center;
}

div.tabCont div.tabBox .royal_sss-wrap section .box:last-child,
div.tabCont div.tabBox .royal_sss-wrap .box2:last-child {
  margin-bottom: 0;
}

div.tabCont div.tabBox .royal_sss-wrap h2 {
  line-height: 40px;
  margin: 0 auto 85px;
}

div.tabCont div.tabBox .royal_sss-wrap p.intro_sss {
  line-height: 30px;
  margin-bottom: 50px;
  text-align: center;
}

div.tabCont div.tabBox .royal_sss-wrap img.royal-logo {
  margin-bottom: 90px;
}

div.tabCont div.tabBox .royal_sss-wrap section {
  width: 960px;
  margin-bottom: 70px;
  padding: 80px 80px 50px;
  background: #ffffff;
}

div.tabCont div.tabBox .royal_sss-wrap section.last {
  margin-bottom: 0;
}

div.tabCont div.tabBox .royal_sss-wrap section .box,
div.tabCont div.tabBox .royal_sss-wrap section .box2,
div.tabCont div.tabBox .royal_sss-wrap section .box3 {
  width: 800px;
  margin-bottom: 80px;
}

div.tabCont div.tabBox .royal_sss-wrap section .box .txt {
  float: left;
  width: 400px;
  margin-right: 80px;
}

div.tabCont div.tabBox .royal_sss-wrap section .box .txt h4 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 30px;
}

div.tabCont div.tabBox .royal_sss-wrap section .box .txt h5 {
  font-weight: bold;
  margin: 30px 0 10px;
  text-align: left;
}

div.tabCont div.tabBox .royal_sss-wrap section .box .txt p {
  line-height: 30px;
  text-align: left;
}

div.tabCont div.tabBox .royal_sss-wrap section .box .image {
  float: right;
  width: 320px;
  padding-top: 0;
}

div.tabCont div.tabBox .royal_sss-wrap section .box:nth-of-type(1) .image {
  padding-top: 60px;
}

div.tabCont div.tabBox .royal_sss-wrap section .h5box .image {
  padding-top: 0 !important;
}

div.tabCont div.tabBox .royal_sss-wrap section p.annotation {
  font-size: 10px;
  line-height: 15px !important;
  margin-bottom: 20px;
  text-align: left;
}

div.tabCont div.tabBox .royal_sss-wrap section p.system24 {
  line-height: 30px;
  margin-bottom: 60px;
}

div.tabCont div.tabBox .royal_sss-wrap section .box::after {
  display: block;
  clear: both;
  content: "";
}

div.tabCont div.tabBox .royal_sss-wrap section .box2 {
  text-align: left;
}

div.tabCont div.tabBox .royal_sss-wrap section .box2 h5 {
  font-weight: bold;
  margin: 40px 0;
  text-align: left;
}

div.tabCont div.tabBox .royal_sss-wrap section .box2 .txt {
  width: 100%;
  text-align: left;
}

div.tabCont div.tabBox .royal_sss-wrap section .box3 .image {
  float: left;
  width: 140px;
  margin-right: 30px;
}

div.tabCont div.tabBox .royal_sss-wrap section .box3 h5 {
  font-weight: bold;
  margin: 40px 0 30px;
  text-align: left;
}

div.tabCont div.tabBox .royal_sss-wrap section .box3 .txt {
  line-height: 30px;
  float: left;
  width: 620px;
  text-align: left;
}

div.tabCont div.tabBox .royal_sss-wrap section .box3::after {
  display: block;
  clear: both;
  content: "";
}

div.tabCont div.tabBox .royal_sss-wrap .plus-s-box {
  line-height: 0;
  width: 800px;
  background: #eeeeee;
}

div.tabCont div.tabBox .royal_sss-wrap .plus-s-box .txt {
  line-height: 0;
  position: relative;
  float: left;
  width: 400px;
  height: 480px;
}

div.tabCont div.tabBox .royal_sss-wrap .plus-s-box .txt .float {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 344px;
  height: 74px;
  margin: auto;
}

div.tabCont div.tabBox .royal_sss-wrap .plus-s-box .image {
  line-height: 0;
}

/*---------------------------お近くのロイヤルハウス-------*/
.tab-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 1021px;
  height: 80px;
  margin: 0 auto;
  cursor: pointer;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.tab-area .tab {
  line-height: 0;
  display: inline-block;
  height: 80px;
  padding: 40px 20px;
  background-color: #ffffff;
}

.tab-area .tab.active, .tab-area .tab:hover {
  color: #222e3e;
  border: none;
  background-color: #cccccc;
}

.content-area {
  font-size: 30px;
  width: 960px;
  margin: 0 auto;
  text-align: center;
}

.content {
  display: none;
}

.content.show {
  display: block;
}

.inner-tab-area,
.inner-tab-area2,
.inner-tab-area3,
.inner-tab-area4,
.inner-tab-area5,
.inner-tab-area6,
.inner-tab-area7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /* background-color: #222e3e; */
  cursor: pointer;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.inner-content a,
.inner-content2 a,
.inner-content3 a,
.inner-content4 a,
.inner-content5 a,
.inner-content6 a,
.inner-content7 a {
  text-decoration: underline;
}

.inner-tab,
.inner-tab2,
.inner-tab3,
.inner-tab4,
.inner-tab5,
.inner-tab6,
.inner-tab7 {
  padding: 16px 26px;
  text-align: center;
  color: #222e3e;
}

.inner-tab.active, .inner-tab:hover, .inner-tab.active-in, .inner-tab:hover {
  color: #cccccc;
  border: none;
  background-color: #222e3e;
}

.inner-tab2.active2, .inner-tab2:hover {
  color: #cccccc;
  border: none;
  background-color: #222e3e;
}

.inner-tab3.active3, .inner-tab3:hover {
  color: #cccccc;
  border: none;
  background-color: #222e3e;
}

.inner-tab4.active4, .inner-tab4:hover {
  color: #cccccc;
  border: none;
  background-color: #222e3e;
}

.inner-tab5.active5, .inner-tab5:hover {
  color: #cccccc;
  border: none;
  background-color: #222e3e;
}

.inner-tab6.active6, .inner-tab6:hover {
  color: #cccccc;
  border: none;
  background-color: #222e3e;
}

.inner-tab7.active7, .inner-tab7:hover {
  color: #cccccc;
  border: none;
  background-color: #222e3e;
}

.inner-content-area,
.inner-content-area2,
.inner-content-area3,
.inner-content-area4,
.inner-content-area5,
.inner-content-area6,
.inner-content-area7 {
  font-size: 30px;
  text-align: center;
}

.inner-content,
.inner-content2,
.inner-content3,
.inner-content4,
.inner-content5,
.inner-content6,
.inner-content7 {
  display: none;
}

.inner-content table,
.inner-content2 table,
.inner-content3 table,
.inner-content4 table,
.inner-content5 table,
.inner-content6 table,
.inner-content7 table {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
}

.inner-content table td a,
.inner-content2 table td a,
.inner-content3 table td a,
.inner-content4 table td a,
.inner-content5 table td a,
.inner-content6 table td a,
.inner-content7 table td a {
  font-weight: bold;
  text-decoration: underline;
}

.inner-content table th,
.inner-content table td {
  padding: 10px;
  border-bottom: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
}

.inner-content2 table th,
.inner-content2 table td {
  padding: 10px;
  border-bottom: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
}

.inner-content3 table th,
.inner-content3 table td {
  padding: 10px;
  border-bottom: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
}

.inner-content4 table th,
.inner-content4 table td {
  padding: 10px;
  border-bottom: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
}

.inner-content5 table th,
.inner-content5 table td {
  padding: 10px;
  border-bottom: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
}

.inner-content6 table th,
.inner-content6 table td {
  padding: 10px;
  border-bottom: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
}

.inner-content7 table th,
.inner-content7 table td {
  padding: 10px;
  border-bottom: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
}

.inner-content table tr th:first-child,
.inner-content2 table tr th:first-child,
.inner-content3 table tr th:first-child,
.inner-content4 table tr th:first-child,
.inner-content5 table tr th:first-child,
.inner-content6 table tr th:first-child,
.inner-content7 table tr th:first-child {
  width: 230px;
}

.inner-content table tr th:nth-of-type(2),
.inner-content2 table tr th:nth-of-type(2),
.inner-content3 table tr th:nth-of-type(2),
.inner-content4 table tr th:nth-of-type(2),
.inner-content5 table tr th:nth-of-type(2),
.inner-content6 table tr th:nth-of-type(2),
.inner-content7 table tr th:nth-of-type(2) {
  width: 400px;
}

.inner-content table th,
.inner-content2 table th,
.inner-content3 table th,
.inner-content4 table th,
.inner-content5 table th,
.inner-content6 table th,
.inner-content7 table th {
  text-align: center;
  background-color: #fafafa;
}

.inner-content table tr.sp-arrow,
.inner-content2 table tr.sp-arrow,
.inner-content3 table tr.sp-arrow,
.inner-content4 table tr.sp-arrow,
.inner-content5 table tr.sp-arrow,
.inner-content6 table tr.sp-arrow,
.inner-content7 table tr.sp-arrow {
  cursor: pointer;
}

.inner-content.show,
.inner-content2.show,
.inner-content3.show,
.inner-content4.show,
.inner-content5.show,
.inner-content6.show,
.inner-content7.show {
  display: block;
  margin: 50px auto 0;
}

.inner-content h2,
.inner-content2 h2,
.inner-content3 h2,
.inner-content4 h2,
.inner-content5 h2,
.inner-content6 h2,
.inner-content7 h2 {
  font-family: "FOT-ロダン ProN DB";
  font-size: 34px;
  position: relative;
  margin: 0px auto 60px;
  padding-bottom: 12px;
}

.inner-content h2::after,
.inner-content2 h2::after,
.inner-content3 h2::after,
.inner-content4 h2::after,
.inner-content5 h2::after,
.inner-content6 h2::after,
.inner-content7 h2::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 40px;
  height: 4px;
  margin-left: -20px;
  content: "";
  background: #333333;
}

.inner-box-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.inner-box-wrap a {
  display: block;
  width: 25%;
  margin-bottom: 60px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
  text-decoration: none;
}

.inner-box-wrap a:hover {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.for-fcsearch {
  margin: 0 auto 60px;
}

.for-fcsearch a {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  padding: 10px 40px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
  border: 2px solid #333333;
}

.for-fcsearch a:hover {
  color: #ffffff;
  background: #333333;
}

#fcshop {
  height: 400px;
  background-image: url(../img/fcshop-image.jpg);
  background-position: bottom center;
  background-size: cover;
}

#fcshop h2 {
  margin-bottom: 60px;
}

.btn-wrap {
  width: 1021px;
  height: 80px;
  margin: 0 auto;
  text-align: center;
}

.btn-wrap a {
  line-height: 0;
  display: inline-block;
  height: 80px;
  background-color: #ffffff;
}

.map-contents-wrap {
  width: 100%;
  padding-top: 70px;
  border-bottom: 1px solid #ffffff;
  background: #eeeeee;
}

.map-contents-wrap #btnArea {
  position: relative;
  width: 580px;
  height: 500px;
  margin: 0 auto;
  background-image: url(../img/map-main.jpg);
  background-size: contain;
}

.map-contents-wrap #btnArea a:hover img {
  opacity: 1;
}

.map-contents-wrap #btnArea .hokkido-area {
  position: absolute;
  top: 21px;
  right: 91px;
}

.map-contents-wrap #btnArea .kanto-area {
  position: absolute;
  top: 297px;
  right: 214px;
}

.map-contents-wrap #btnArea .koushinetsu-area {
  position: absolute;
  top: 254px;
  right: 237px;
}

.map-contents-wrap #btnArea .toukai-area {
  position: absolute;
  top: 319px;
  right: 256px;
}

.map-contents-wrap #btnArea .kinki-area {
  position: absolute;
  top: 285px;
  right: 291px;
}

.map-contents-wrap #btnArea .cyugoku-area {
  position: absolute;
  top: 345px;
  right: 367px;
}

.map-contents-wrap #btnArea .kyusyu-area {
  position: absolute;
  top: 394px;
  right: 434px;
}

.map-contents-wrap #btnArea .okinawa-area {
  position: absolute;
  right: 91px;
  bottom: 12px;
}

.map-contents-wrap p.fc-comment {
  font-size: 14px;
  margin: 50px 0 0;
  padding-bottom: 50px;
  text-align: center;
}

/*---------------------------加盟店-------*/
.single-fcshop,
.fcshop-list {
  padding-top: 80px;
}

section.kameiten-content {
  width: 960px;
  margin: 80px auto;
  padding: 0 0 80px;
}

.kameiten-table table a {
  text-decoration: underline;
}

section.kameiten-content h2 {
  font-weight: bold;
  margin-top: 80px;
  margin-bottom: 20px;
  text-align: center;
}

.kameiten-table table {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
}

.kameiten-table table th,
.kameiten-table table td {
  padding: 10px;
  border-bottom: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
}

.kameiten-table table tr th:first-child {
  width: 230px;
}

.kameiten-table table tr th:nth-of-type(2) {
  width: 400px;
}

.kameiten-table table th {
  text-align: center;
  background-color: #fafafa;
}

.kameiten-table table tr.sp-arrow {
  cursor: pointer;
}

/*---------------------------加盟店 詳細-------*/
.kameiten-table2 {
  width: 100%;
}

.map-image {
  width: 100%;
  height: auto;
}

.map-image img {
  width: 100%;
  height: auto;
}

.kameiten-table2 img {
  float: right;
  width: 212px;
  height: auto;
  margin-bottom: 80px;
  margin-left: 20px;
}

.kameiten-table2 table {
  float: right;
  width: calc(100% - 232px);
  margin-bottom: 80px;
  border-collapse: collapse;
}

.kameiten-table2 table th,
.kameiten-table2 table td {
  padding: 10px;
  border: 1px solid #f0f0f0;
}

.kameiten-table2 table th {
  width: 25%;
  text-align: center;
  background-color: #fafafa;
}

.kameiten-table2 table::after {
  display: block;
  clear: both;
  content: "";
}

.g-map {
  line-height: 0;
  width: 100%;
  border: 1px solid #f0f0f0;
}

.merchant-single .image {
  width: 960px;
  height: 540px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.merchant-single .image img {
  max-width: 0 auto;
  max-width: 100%;
  height: auto;
}

.fc-shop-detail {
  width: 960px;
  margin: 0 auto 60px;
}

.fc-shop-detail h1 {
  font-size: 28px;
  font-weight: bold;
  padding: 40px 0;
  text-align: center;
}

.topics-list {
  width: 960px;
  margin: 0 auto 60px;
}

.topics-list a .box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 32px;
}

.topics-list a .box p.title {
  width: 656px;
}

.topics-list a .image {
  width: 280px;
  height: 210px;
  margin-right: 24px;
  background-color: #666666;
  background-position: center;
  background-size: cover;
}

.topics-list a .image img {
  width: 100%;
  height: auto;
}

.product-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 960px;
  margin: 0 auto 60px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product-wrap .box {
  width: 440px;
}

.product-wrap .box h2 {
  max-width: 60px 0 40px;
}

.product-wrap .box .cg img {
  max-width: 100%;
  height: auto;
}

/*---------------------------事務局案内-------*/
#company {
  height: 160px;
  background-image: url(../img/company-image.jpg);
  background-size: cover;
}

#wrapper ul.company-tab {
  width: 480px;
  margin: 0 auto;
}

#wrapper ul.company-tab li {
  float: left;
  width: 80px;
  text-align: center;
}

#wrapper ul.company-tab li:first-child {
  width: 124px;
}

#wrapper ul.company-tab li:nth-of-type(2) {
  width: 110px;
}

#wrapper ul.company-tab li:nth-of-type(3) {
  width: 246px;
}

#wrapper ul.company-tab li a {
  display: block;
  padding: 30px 0px;
}

#wrapper ul.company-tab li:hover {
  background-color: #eeeeee;
}

#wrapper ul.company-tab li.active {
  padding: 30px 0px;
  background-color: #eeeeee;
}

div.tabCont div.tabBox .company-wrap {
  width: 960px;
  margin: 0 auto;
  padding: 80px 0 80px;
  text-align: center;
}

div.tabCont div.tabBox .company-wrap section {
  width: 960px;
  margin-bottom: 70px;
  padding: 80px;
  text-align: left;
  background: #ffffff;
}

div.tabCont div.tabBox .company-wrap section p {
  line-height: 30px;
  margin-bottom: 40px;
}

.industrial-info dl {
  display: grid;
  margin-bottom: 25px;
  border-bottom: 1px solid #dadada;
  grid-template-columns: 160px 1fr;
}

.industrial-info dt,
.industrial-info dd {
  padding-bottom: 20px;
}

.industrial-info iframe {
  width: 800px;
  height: 480px;
}

/*---------------------------企業沿革-------*/
.history-list dl {
  display: grid;
  margin-bottom: 25px;
  border-bottom: 1px solid #dadada;
  grid-template-columns: 110px 1fr;
}

.history-list dt,
.history-list dd {
  padding-bottom: 20px;
}

/*---------------------------地域活動・環境への取り組み-------*/
.charity h4 {
  margin-bottom: 20px;
}

.charity-image {
  display: -webkit-box;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-bottom: 40px;
  -js-display: flex;
  isplay: -webkit-box;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

/*--------------------------- プライバシーポリシー　-------*/
#privacy {
  height: 160px;
  background-image: url(../img/form_image01.jpg);
  background-size: cover;
}

/*--------------------------- プライバシーポリシー　-------*/
ul.sitemap {
  font-weight: bold;
  float: left;
  width: 46%;
  margin: 0 2% 60px;
  color: #0a9156;
}

ul.sitemap li {
  margin-bottom: 20px;
  padding: 10px 0;
  border-bottom: 1px dotted #cccccc;
}

ul.sitemap ul.mainnav-sub li {
  font-weight: normal !important;
  margin-bottom: 0;
  border-bottom: none;
}

.basic-wrap::after {
  display: block;
  clear: both;
  content: "";
}

/* add 2019.11.13 */
.check-cont > span {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 30%;
  margin: 0 !important;
}

.mr20 {
  margin-right: 20px;
}

/*4大支援*/
#four_major_support {
  margin-bottom: 0 !important;
  background-image: url(../img/mlit-support/four_major_support-bg.jpg);
  background-position: center;
  background-size: cover;
}

#four_major_support img {
  padding-top: 8px;
}

.four_major_support-wrap {
  font-size: 16px;
  width: 800px;
  margin: 0 auto;
  padding: 80px 0 80px;
  text-align: left;
}

.four_major_support-wrap p.intro {
  font-size: 16px;
}

.four_major_support-wrap h2 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 66px;
  margin: 80px auto;
  color: #39823e;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.four_major_support-wrap h2::before {
  position: absolute;
  top: 0;
  left: 0;
  content: url(../img/mlit-support/h2-left.png);
}

.four_major_support-wrap h2::after {
  position: absolute;
  right: 0;
  bottom: 0;
  content: url(../img/mlit-support/h2-right.png);
}

.four_major_support-wrap h3 {
  font-size: 16px;
  font-weight: bold;
  position: relative;
  margin-bottom: 24px;
  padding-left: 30px;
  text-align: left;
}

.four_major_support-wrap h3::before {
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  width: 15px;
  height: 3px;
  content: "";
  background: #e8374a;
}

.four_major_support-wrap p {
  margin-bottom: 24px;
}

.four_major_support-wrap ul li {
  font-weight: bold;
  margin-bottom: 8px;
  color: #e8374a;
}

.four_major_support-wrap ul li a {
  font-size: 18px;
}

.four_major_support-wrap .caution {
  padding: 20px;
  background-color: #f8f8f8;
}

.four_major_support-wrap .caution p {
  margin-bottom: 0;
}

.four_major_support-wrap .caution p.title {
  font-weight: bold;
  margin-bottom: 8px;
  color: #50b556;
}

.merit01 p,
.merit02 p,
.merit03 p,
.merit04 p {
  font-size: 16px;
}

.merit01 img,
.merit02 img,
.merit03 img,
.merit04 img {
  margin-bottom: 24px;
}

.four_major_support-wrap p.gr {
  font-size: 18px;
  color: #0a9156;
}

.merit-detail {
  font-size: 16px;
  margin-bottom: 40px;
  padding: 0 20px;
}

.merit-detail p.detail {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
  margin-bottom: 8px;
}

.merit-detail span {
  font-size: 14px;
  display: block;
  margin-bottom: 40px;
}

.reference {
  padding: 20px;
  background: #f8f8f8;
}

.reference a {
  color: #e8374a;
}

.merit02 b,
.merit04 b {
  font-size: 16px;
  font-weight: bold;
}

.mlit-image {
  margin-bottom: 80px;
  text-align: center;
}

.btnLink .op {
  font-size: 18px;
  display: inline-block;
  padding: 1em 4em;
  text-align: center;
  color: #ffffff;
  border: 2px solid #009658;
  background: #009658;
}

.btnLink .op:hover {
  -webkit-transition: 1s;
  transition: 1s;
  color: #009658;
  border: 2px solid #009658;
  background: #ffffff;
}

.panorama-vr,
.out-image {
  width: 100%;
  margin: 0 auto;
}

.panorama-vr img,
.out-image img {
  width: 100%;
  height: auto;
}

/* .taxonomy-list{
    width: 970px;
    margin: 0 auto 16px;

}
.taxonomy-list p.title{
    font-weight: bold;
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: 2px solid #333;
}
.taxonomy-list .taxonomy-link{
    display: flex;
    flex-wrap: wrap;
    display: none;
}
.taxonomy-list a{
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px;
    border-radius: 8px;
    padding:6px 16px;
    background: #333;
    color:#fff;
    border: 1px solid #333;
    transition: 0.3s;

}
.taxonomy-list a:hover{
    background: #fff;
    color: #333;
} */
/*kicoloナチュラルウッドスタイル*/
.movie02-main {
  margin-top: 80px;
  margin-bottom: 80px;
  padding: 60px 0 40px;
}

.movie02-main h1 {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  color: #555555;
}

.movie02 .basic-wrap {
  margin-bottom: 100px;
  text-align: center;
}

/* #js-slider-5, #js-slider-6 {
    display: none;
  }
  #js-slider-5.slick-initialized,
  #js-slider-6.slick-initialized{
    display: block;
  } */