@charset "utf-8";

/* CSS Document */
.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	width:100%;boz-sizing:border-box;
}
/* スマホ（767px以下） */
.col-xs-1-5 {width: 20%;float: left;}
.col-xs-2-5 {width: 40%;float: left;}
.col-xs-3-5 {width: 60%;float: left;}
.col-xs-4-5 {width: 80%;float: left;}
/* タブレット（768px～991px） */
@media (min-width: 768px) {
    .col-sm-1-5 {width: 20%;float: left;}
    .col-sm-2-5 {width: 40%;float: left;}
    .col-sm-3-5 {width: 60%;float: left;}
    .col-sm-4-5 {width: 80%;float: left;}
}
/* PC（992px～1119px） */
@media (min-width: 992px) {
    .col-md-1-5 {width: 20%;float: left;}
    .col-md-2-5 {width: 40%;float: left;}
    .col-md-3-5 {width: 60%;float: left;}
    .col-md-4-5 {width: 80%;float: left;}
}
/* PC大画面（1200px以上）*/
@media (min-width: 1200px) {
    .col-lg-1-5 {width: 20%;float: left;}
    .col-lg-2-5 {width: 40%;float: left;}
    .col-lg-3-5 {width: 60%;float: left;}
    .col-lg-4-5 {width: 80%;float: left;}
}

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

dt.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
html {
  scroll-behavior: smooth;
}
.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;zoom:1;}


img{
	margin: 0;
	padding: 0;
	vertical-align: bottom;
	max-width:100%;
	hegiht:auto;
}

.bold {font-weight: bold;}


.mt3 {margin-top: 3px!important;}
.mt5 {margin-top: 5px!important;}
.mt10 {margin-top: 10px!important;}
.mt15 {margin-top: 15px!important;}
.mt20 {margin-top: 20px!important;}
.mt30 {margin-top: 30px!important;}
.mt40 {margin-top: 40px!important;}
.mt50 {margin-top: 50px!important;}
.mt80 {margin-top: 80px!important;}

.mb3 {margin-bottom: 3px!important;}
.mb5 {margin-bottom: 5px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb50 {margin-bottom: 50px!important;}
.mb80 {margin-bottom: 80px!important;}

.pdg3 {padding: 3px;}
.pdg5 {padding: 5px;}
.pdg10 {padding: 10px;}
.pdg20 {padding: 20px;}
.pdg30 {padding: 30px;}
.pdg40 {padding: 40px;}
.pdg50 {padding: 50px;}

.va--t {vertical-align: top;}
.va--m {vertical-align: middle;}
.va--b {vertical-align: bottom;}

.pt60{padding-top:60px;}
.pb60{padding-bottom:60px;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
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, input, button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
background:transparent;
-webkit-text-size-adjust:none;
}
textarea {font-family:inherit;font-size:inherit;}
article, aside, dialog, figure, footer, header,hgroup, nav, section {display:block;}
li{list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
ins {text-decoration:none;}
mark {font-style:italic;font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {cursor:help;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
header, section, footer, aside, nav, main, article, figure {display: block;}

button[type="submit"]{
-o-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
font-family:inherit;
vertical-align:baseline;
cursor:pointer;
}

input[type="text"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type="password"],
input[type="date"]{
border:1px solid #ddd;
vertical-align:baseline;
-o-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

input[type="submit"]{cursor:pointer;}
.yoyaku input[type="submit"]{cursor:pointer;position:relative;background:000;width:90px;height:34px;color:#fff;padding:2px;border:1px solid #fff;box-shadow:0 0 0 2px #9a8f66;
}
.yoyaku input[type="text"]{background:#fff;width:50px;margin:0 2px;padding:2px;}

select{
border:1px solid #ddd;
font-family:inherit;
vertical-align:baseline;
-o-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;background: #f8f7f5;
    padding: 6px;
    font-size: 16px;
    border: 1px solid #eee;
}
::-webkit-input-placeholder{
color:#888;
}
::-moz-placeholder {
color:#888;
opacity:1;
}
:-ms-input-placeholder {
color: #888;
}
/**/
  #svg-animation .st0{
                fill:none;
                stroke:#FFFFFF;
                stroke-width:18;
                stroke-linecap:round;
                stroke-linejoin:round;
                stroke-miterlimit:10;
                stroke-dasharray: 1500;
                stroke-dashoffset:1500;
            }
            #svg-animation{
                max-width: 100%;
                height: auto;padding:20px;
            }

/**/
.masked-background {
    width: 100%;
    padding-top: 127%;
    -webkit-mask-image: url(../cmn/madowaku.svg);
    mask-image: url(../cmn/madowaku.svg);
    background-size: cover;
    background-repeat: no-repeat;position:relative;
}

::selection {
  background-color: #faf6ef;
}

#sb_instagram #sbi_load {
    z-index: 10;
}

.top_company_box{background: #fff;
    padding: 30px;position:relative;
    border-radius: 30px;padding-left:30%;min-heihgt:244px;}
.top_company_box .flex{display: flex;
    align-content: space-around;
    flex-direction: column;
    height: 100%;}

.more_wrap1{    width: 100%;}

.top_company_box h4 {
    display: flex;
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 5%;
    height: 80%;
    width: 26%;
    max-width: 100px;
    border: 1px solid #000;
    align-items: center;
    justify-content: center;
    align-content: center;
  font-family: FB Californian Text Roman, "Times New Roman", A1 Mincho, "Shippori Mincho","Zen Old Mincho","Hiragino Mincho ProN", 游明朝 Demibold, 游明朝体 ミディアム, "Yu Mincho Demibold", YuMincho, HGS明朝E, メイリオ, Meiryo, serif;    color: #231815;
    letter-spacing: 2px;
}
#loading-wrapper { 
  position: fixed;
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  background: #faf6ef; 
  display: flex; 
  flex-direction: column; 
  justify-content: center; 
  align-items: center; 
  transition: all 0.3s; 
  z-index: 9999;
} 

.completed {
  opacity: 0;
  visibility: hidden;
}
.loader {
  font-size: 10px;
  margin: 50px auto;
  text-indent: -9999em;
  width: 8em;
  height: 8em;
  border-radius: 50%;
  background: #cbcbcb;
  background: -moz-linear-gradient(left, #cbcbcb 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #cbcbcb 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #cbcbcb 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #cbcbcb 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #cbcbcb 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loader:before {
  width: 50%;
  height: 50%;
  background: #cbcbcb;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.loader:after {
  background: #faf6ef;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/**/
.cale1.cale-next16 tr:nth-child(6) td:nth-child(3) {
    background: none;
}
.cale1.cale-2603 tr:nth-child(7) td:nth-child(3) ,
.cale1.cale-2603 tr:nth-child(3) td:nth-child(3){
    background: none;
}
/**/
		.scroll1 {
			display: none;height:100%;
		}
.infiniteslide_wrap{height:78vh;position:relative;}


.scroll1 li {
    width: 100%;
    height: 100%;
    padding:0 2px;
    max-width: 550px;
}		.scroll_img{
			vertical-align: bottom;height:100%;width:100%;display:block;
background-size:cover;background-repeat:no-repeat;background-position:50% 50%;background-color:#ccc;}
.scroll2 {
			display: none;/*height:912px;*/height:100%;
		}
.scroll2 li {
     width: auto;
  height: 100%;
 /* aspect-ratio: 1279 / 912;*/
    padding:0 2px;
    max-width: inherit;
}
.pamp{margin-bottom:200px;}
/*.pamp .infiniteslide_wrap {
    height: 912px;}*/

/*.pamp .scroll2 li{max-height: 912px;max-width:inherit;}*/
/*
.scroll2 li:nth-child(1){  aspect-ratio: 643 / 912;}
.scroll2 li:nth-child(2){  aspect-ratio: 643 / 912;}
.scroll2 li:nth-child(24){  aspect-ratio: 643 / 912;}*/
.pamp .scroll2 .scroll_img{  aspect-ratio: 1279 / 912;}
.pamp .scroll2 .scroll_img1{  aspect-ratio: 643 / 912;}
.pamp .scroll2 .scroll_img2{  aspect-ratio: 643 / 912;}
.pamp .scroll2 .scroll_img24{  aspect-ratio: 643 / 912;}
/*.scroll_img3{background-position: 50% 10%;}
.scroll_img4{background-position: 50% 100%;}
.scroll_img5{background-position: 50% 100%;}*/

.youtube_iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube_iframe iframe {
  width: 100%;
  height: 100%;
}


.sbi_load_btn{display:none!important;}


.privacy{border: 1px solid #EAEBF2;
    padding: 40px;    margin-top: 30px;}
.privacy ul {
    list-style-type: decimal;
    margin: 20px 20px 20px 35px;
}
.privacy h4{font-size:18px;}
.privacy h5{font-size:17px;    margin-bottom: 6px;}
.privacy p{font-size:16px;}
/**/
.access_img .mannaka2 div{width:300px;}
/*フロアガイド*/
.kasopage .floor_wrap h3{margin-bottom:20px;}
.kasopage{padding-right: 8%;
    padding-left: 8%;position:relative;z-index:2;}

/*コレクション一覧*/
.page-id-90 .kasopage{padding-right:0;}
.page-id-212 .kasopage{padding-right:0;}


.collection_page .intro{border-bottom: 1px solid #000;}
.collection_page .intro .more_arrow:before{content:none;}
.collection_page .more_arrow {
    text-align: right;
    padding-right: 30px;}
.collection_page .intro_wrap{margin-bottom:100px;}
/**/
.blo1{
    position: relative;
overflow: hidden;padding-bottom: 80px;
}
.blo1 img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;width:100%;height:auto;
}
.blo1 figcaption{
    position: absolute;
    text-align: center;
    bottom: -100px;
    margin: auto;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 190px;
    overflow: hidden;
    -moz-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out;
    -webkit-transition-delay: 0s;
    background: #fff;
    padding-top: 26px;
}

figcaption p {
	color:#231815;

}

.blo1 figcaption h3{
color:#231815;font-size:20px;margin-bottom:20px;padding-bottom:0;border:none;
}
.blo1 figcaption h3 span{
color:#231815;font-size:12px;display:block;margin:0 auto;margin-top:10px;
}

figure:hover figcaption, figure:hover .blo2 figcaption {
    height: 270px;
    text-align: center;}


a{outline:none;color:#231815;  -webkit-transition: all .3s;
  transition: all .3s;}
a:link     {color:#231815; text-decoration:none;   -webkit-transition: all .3s;
  transition: all .3s;}
a:hover    { color:#ccc; text-decoration: none;  -webkit-transition: all .3s;
  transition: all .3s;}
a:active   {color:#231815; text-decoration:none; }

/* CSS Document */

*{
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding: 0;
	list-style-type: none;
	font-size: 17px;
}

span,a{font-size:inherit;}

	
ul {
list-style:none;padding:0;
margin:0;
}

body {
    animation: fadeIn 1.5s ease 0s 1 normal;
    -webkit-animation: fadeIn 1.5s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

body{
font-size:17px;
font-family:"Noto Sans JP", sans-serif;
color:#231815;
position:relative;
width: 100%;
overflow-x:hidden;
line-height: 2;  word-break: break-all;
-webkit-text-size-adjust: 100%;
}

/*body.page:before{content:"";
display:block;
background-image:url('../img/back_kaso.jpg');
background-repeat:no-repeat; 
background-size:cover; 
background-position:center top;
width:100%; 
height:100vh;
position:fixed;
z-index:-1; }*/

body.home:before{content:none!important;}

body.page.page-id-527:before{content:none!important;}


b, strong, .bold{
}

/* IEだけに適応 */
_:lang(x)::-ms-backdrop, .selector {
	font-family: "Segoe UI", "メイリオ", Meiryo, sans-serif;
}

/**/

.price_list table{width:100%;}
.price th{width: 40%;padding: 6px;}
.price td{width: 60%;padding: 6px;}

.price{margin-top:40px;margin-bottom:40px;}


/**/

  ul.accordion li p {
    line-height: 26px !important;
    /* background: #E8EEFF; */
    padding: 0;
    margin: 0;
    display: block;
    border-bottom: 1px solid #fff;
    display: block;
    background-image: url(../img/ya01.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    /* height: 18px; */
    padding: 8px;
    /* padding-top: 13px; */
    /* border: 1px solid #cccccc; */
    border-top: none;
    text-align: left;
    cursor: pointer;
    font-weight: normal;
  }
  ul.accordion li p {
    background-image: url(../cmn/open.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 95% center;
  }
  ul.accordion li p.active {
    background-image: url(../cmn/close.png);
    background-size: 16px;
  }
  #navi {
    color: inherit;
    background:rgb(255,255,255,0.96);
  }
  ul#navi_ul {
    position: relative;
    height: auto;
    text-align: inherit;
    margin: 0 auto;
    padding: 0;
    z-index: 30;
    width: 100%;
    display: block;
  }
  ul#navi_ul li a {
    color: #231815!important;
    text-decoration: none;
    font-weight: normal;
    letter-spacing: inherit;
    font-family: inherit;
    line-height: 26px;
    padding: 8px;
    text-align: left;
    height: auto;
  }
  ul#navi_ul li {
    width: auto;
    height: auto;
    padding: 0;
    float: none;
    position: relative;
    display: inherit;
    margin: auto;
    display: block;
  }
#navi_ul li span {
    font-size: 9px;
    letter-spacing: 0;
    font-weight: normal;
    display: block;
    text-align: center;
    position: relative;
    z-index: 1;
    right: auto;
	top: auto;}

#navi_ul li span:before {
    content: "";
    display: block;
    width: 15px;
    height: 1px;
    background: #666;
    margin: 2px auto;
}

.mod-gnav-links-en:after {
    content: "";
    display: block;
    width: 15px;
    height: 2px;
    background: #2D7638;
    margin: 7px auto;
}

  ul#navi_ul li a {
    position: relative;
  }

  ul#navi_ul li:nth-child(2):before {
    content: none;
  }
  ul#navi_ul .level-2 li:before {
    position: absolute;
    top: 50%;
    right: 1.5em;
    display: inline-block;
    content: "";
    width: 7px;
    height: 7px;
    margin-top: -4px;
    margin-right: -4px;
    vertical-align: middle;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
  }
  .level-2 .row {
    display: block;
  }
  ul#navi_ul li:after {
    display: none;
  }
  .level-2 {
    display: none;
    height: auto;
    display: none;
    visibility: visible;
    opacity: 1;
    position: relative;
    left: auto;
    right: auto;
    margin: 0 auto;
    top: auto;
    min-width: inherit;
    z-index: 10;
    width: 100%;
    padding: 0;
  }
  ul#navi_ul .level-2 li a {
    color: #fff!important;
  }
  ul#navi_ul li {
    width: 100%;
    max-width: 100%;
  }
  #navi_ul .level-2 .container {
    padding: 0 15px;
  }
  /* ナビゲーション */

header .container{padding:0;}
header nav {
 position: fixed;
    top: 0;
    -webkit-transition: 0.9s;
    -o-transition: 0.9s;
    transition: 0.9s;
    pointer-events: none;
    z-index: 98;
    text-align: center;
    background: #fff;
    -webkit-transform: translateX(120%);
    -ms-transform: translateX(120%);
    transform: translateX(120%);
	    right: 0px;
  /*  max-width: 640px;*/    min-width: 500px;
      width:40vw;
    height: 100vh;
    padding: 50px 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  /* ナビゲーション：アクティブ時 */
  header.navOpen nav {
	  pointer-events: auto;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);    right: 70px;
	  
	  
	  
  }
  header nav ul {
  }
  header nav ul li {
    color: #231815;
  }
  header nav ul li a {
    position: relative;
    display: block;
    padding: 13px;
    text-decoration: none;
    line-height: 45px;
  }
  header nav ul li a:hover {}
 
header nav ul li ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
ul#navi_ul li.is-large {
    width: 50%;    border-top: 1px solid #D2D2D2;
}

  /* ナビゲーションアイコン */
  header .tel2 {
    display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    top: 8px;
    right: 70px;
    cursor: pointer;
  }
header .navBtn {
    z-index: 999;
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    bottom: 50px;
    right: 100px;
    cursor: pointer;
    padding: 20px;
    /* padding-top: 7px; */
    /* padding-bottom: 16px; */
    background: none;
    box-sizing: content-box;
    background: #000;
    box-sizing: content-box;
    border-radius: 50%;
    color: #fff;
}
  ul#navi_ul li a:before {
    content: none;
  }
header .navBtn span {
    z-index: 10;
    margin-top: 6px;
    display: block;
    height: 3px;
    width: 100%;
    background: #fff;
    border-radius: 0;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    border-radius: 20px;
}
  header .navBtn span.menuB {
    background: none;
    width: auto;
    margin-top: 0px;
    border-radius: 0;
    display: block;
    position: absolute;
    height: auto;
    top: 30px;
    right: 10px;
    z-index: 15;
    color: #ffffff;
    font-size: 10px;
  }
  header .navBtn span:nth-of-type(2), header .navBtn span:nth-of-type(3) {
    margin-top:11px;
  }
  /* ナビゲーションアイコン：アクティブ */
  header.navOpen .navBtn span:nth-of-type(1) {
    -webkit-transform: translateY(13px) translateX(0) rotate(45deg);
    -ms-transform: translateY(13px) translateX(0) rotate(45deg);
    transform: translateY(13px) translateX(0) rotate(45deg);
  }
  header.navOpen .navBtn span:nth-of-type(2) {
    margin-top: 5px;
    opacity: 0;
    -webkit-transform: translateY(9px);
    -ms-transform: translateY(9px);
    transform: translateY(9px);
  }
  header.navOpen .navBtn span:nth-of-type(3) {
    -webkit-transform: translateY(-9px) translateX(0) rotate(-45deg);
    -ms-transform: translateY(-9px) translateX(0) rotate(-45deg);
    transform: translateY(-9px) translateX(0) rotate(-45deg);
  }

ul#navi_ul .gnav-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 1px solid #D2D2D2;
}
ul#navi_ul .gnav-links li{text-align: center;
    border-top: 1px solid #D2D2D2;width: 25%;
}


#topimage{position:relative;}

p{line-height:150%;    font-feature-settings: "palt";   }

.home p{ /*text-align: justify;*/
    text-align: center;
    word-break: break-word;}

.anchor{padding-top: 112px;
margin-top: -112px;}

.cl {
  min-height: 0px;
  clear:both;
}

* html .cl {
  height: 0px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.container .row {
    margin-right: -15px;
    margin-left: -15px;
}
@media screen,tv{
.print{
		display:none;
	}}

@media print{
#pagetop {
	display:none;
	}
}

#pageTop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-family: Palatino Linotype;
    z-index: 99;
}
#pageTop:hover{
	}

a[href^="tel:"] { cursor: default; }

/**/
a img.linkimg{
background:none!important;
}
 
a:hover img.linkimg{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}

.nopc{display:none!important;}

/* header */
/**/
.flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.flex, .flex-st, .flex-cn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;}


#header:after {
 /*   content: '';
    position: absolute;
    z-index: 10;
    bottom: 28px;
    margin: 0 auto;
    right: 16px;
    content: '';
    display: inline-block;
    width: 40px;
    height: 180px;
    background-image: url(../cmn/right_logo.svg);
    background-size: cover;*/
}

#header:before {
	content: "";
	display: block;
	width: 100%;
}
.header-copyright {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    min-height: 160px;font-size: 13px;    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Verdana, "メイリオ", Meiryo, sans-serif;
}
.navi_ul_wrap{    position: relative;
    z-index: 1;    margin: 0 auto;width:500px;}

.head_r{display:block;}
#top_company .more{
	margin: 0 auto;margin-bottom:20px;padding:0; background: #000000;border-radius:10px;}
#top_company .more span{    background: inherit;
    color: #fff !important;    font-family: "Noto Sans JP", sans-serif;}
.top_company_box{    font-family: "Noto Sans JP", sans-serif;height: 100%;}



#top_company .more:hover{background: #000000;}
#top_company .more:hover span{    background:#fff;
    color: #000!important;}

.header_inner {width:100%;
    position: relative;
    margin: 0 auto;
    align-items: center;
	box-sizing:border-box;padding: 0;padding-top:26px;padding-bottom:30px;display:block;display: inline-block;
}

.header_right2 {
	float: right;
    text-align: right;display:block;max-width:308px;width:100%;
}
.fixed {
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;

}
.sub-links{border: none;}
.sub-links li{font-size: 15px;
    display: inline-block;
    border: none;}
header nav .sub-links li a{line-height: 180%;}
#navi a{-webkit-transition: all .3s;
    transition: all .3s}
#logo_wrap_top {
    height: 22vh;
    display: flex;
    align-items: center;
    padding-left: 5%;
}
#logo_wrap_top #logo{    height: 50%;}
#logo_wrap_top h1 img{max-width: 100%;
  height: 50%;
  width: 300px;}

#logo_wrap{
    position: relative;
    width: 100%;
    margin: 0 auto;    margin-top: 40px;
    margin-left: 80px;
}
#logo a{display:block;}

.intro .gallery_wrap1{     margin-right: auto;
   /* max-width: 1640px;*/    width: 100vw;    min-width: 1920px;
    margin-left: auto;}

#links .intro .gallery_wrap1{    min-width:inherit;width:auto;}

.mb0{margin-bottom:0!important;}

.time th{border:1px solid #fff;background:#ff8429;color:#fff;text-align:center;padding:10px;}
.time td{border:1px solid #ff8429;text-align:center;padding:10px;background:#fff;}

#box2 h2{  font-family: FB Californian Text Roman, "Times New Roman", A1 Mincho, "Shippori Mincho","Zen Old Mincho","Hiragino Mincho ProN", 游明朝 Demibold, 游明朝体 ミディアム, "Yu Mincho Demibold", YuMincho, HGS明朝E, メイリオ, Meiryo, serif; 
font-weight: 700;white-space: nowrap;
font-style: normal;        font-feature-settings: "palt";
    display: inline-block;
    background:#0f0e0c;color: #fff;}

#box1 h2 {
    position: absolute;
    width: 100%;
    height: 78vh;
    top: 0;
    /* bottom: 0; */
    left: 0;
    right: 0;
    margin: auto;
    z-index: 10;
      font-family: FB Californian Text Roman, "Times New Roman", A1 Mincho, "Shippori Mincho","Zen Old Mincho","Hiragino Mincho ProN", 游明朝 Demibold, 游明朝体 ミディアム, "Yu Mincho Demibold", YuMincho, HGS明朝E, メイリオ, Meiryo, serif; 
    white-space: nowrap;
    font-style: normal;
    font-feature-settings: "palt";
    display: block;
    /* background: #0f0e0c; */
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

#box2 h3{    font-size: 30px;    margin-bottom: 20px;letter-spacing: 2px;
display: inline-block;;color: #fff;}
#box2 p{/*box-decoration-break: clone;	
	-webkit-box-decoration-break: clone;
	display: inline;
	padding: .3em;*/
   /* background-color: #fff; background:#0f0e0c;*//*color: #fff;*/}

#concept1 {
    padding: 0px 3%;
    /*background: url(../img/index/img_concept1.jpg) no-repeat 80% 20%;*/
    background-size: cover;
    /*background-color: #0f0e0c;*/
}
#concept2{padding:0 3%;
    background:url(../img/index/img_concept2.jpg) no-repeat 50% 20% #cbb9af;
    background-size: 100%;min-height: 87vh;}

#concept2 .concept1_in {
  /*  background: #cbb9af;*/
    padding: 80px 5%;
    min-height: 730px;
    display: flex;
    align-items: center;
}#concept1 p,#concept2 p{line-height: 180%;font-size: 14px;}

/*#concept2 h2,#concept2 p{color:#fff;}*/
#concept2 h2{      font-family: FB Californian Text Roman, "Times New Roman", A1 Mincho, "Shippori Mincho","Zen Old Mincho","Hiragino Mincho ProN", 游明朝 Demibold, 游明朝体 ミディアム, "Yu Mincho Demibold", YuMincho, HGS明朝E, メイリオ, Meiryo, serif; font-weight:700;
    white-space: nowrap;
    font-style: normal;
    font-feature-settings: "palt";}
.concept1_in{padding:80px 5%;}
#concept1 .concept1_in{/*background:#0f0e0c;*/}

/**/
#information{
    padding: 60px 0;position:relative;  /*  background: #faf6ef; background: #fff;*/
}
/*#information .con_box_wrap2{padding: 0 5%;}*/
#information ul{max-width:935px;width:100%;margin:0 auto;position:relative;padding: 50px 0;    margin-top: 30px;
    margin-bottom: 30px;}
#information ul:before {
    content: '';
    position: absolute;
    top: 32%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    /*background:#faf6ef;*/
    height: 100%;
    width: 40vw;
    height: 40vw;
    z-index: 0;
    border-radius: 50%;max-width: 500px;
    max-height: 500px;
}

#information li{    padding: 6px 0;
    /* border-bottom: 1px solid #231815; */
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Verdana, "メイリオ", Meiryo, sans-serif;    position: relative;}

.information_box{position:relative;}
.scroll-indicator {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 14px;
  color: #fff;
  opacity: 0.5;
  transition: opacity 0.3s ease;
}

.scroll-indicator:hover {
  opacity: 1;
}
.hana1{  content: "";
  display: inline-block;position:absolute;
  width: 170px;
  height: 190px;
  background-image: url('../img/index/fl1.png');
  background-size: cover;  position: absolute;
  bottom: -100%;
  left: 78%;
  transform: translate(-50%, -50%); opacity: 1;
  transition: opacity 0.5s ease-out;}

.hana2 {
    content: "";
    display: inline-block;
    position: absolute;
    width: 170px;
    height: 190px;
    background-image: url(../img/index/fl2.png);
    background-size: cover;
    background-position: 50% 0%;
    position: absolute;
    bottom: -280%;
    left: 0%;
    transform: translate(-50%, -50%);
    opacity: 1;
    transition: opacity 0.5s ease-out;
}
.hana3{  content: "";
  display: inline-block;position:absolute;
  width: 170px;
  height: 190px;
  background-image: url('../img/index/fl3.png');
  background-size: cover;  position: absolute;
  bottom:-260%;
  left: 83%;
  transform: translate(-50%, -50%); opacity: 1;
  transition: opacity 0.5s ease-out;}

/* 透明度が0の状態で表示されるように設定 */
.image_o {
  opacity: 0;
}

/* アニメーションの定義 */
@keyframes fade-in {
  0% { opacity: 0; } /* 0%の時点で透明度を0に設定 */
  100% { opacity: 1; } /* 100%の時点で透明度を1に設定 */
}

/* アニメーションを適用するクラス */
.fade-in {
  animation-name: fade-in;
  animation-duration: 1s; /* 1秒かけてアニメーションを実行 */
  animation-fill-mode: forwards; /* アニメーションが終了した時点で最終スタイルを保持する */
}

/* 一定時間後に透明度を変更するためのクラス */
.delay {
  animation-delay: 0.1s; /* 1秒遅延 */
}



.move-up-on-scroll {
  transform: translateY(0);
  transition: transform 0.5s ease-out;
}
.move-up-on-scroll.move-up {
  transform: translateY(-50%);
}

.information_box:after{}



span.data{width: 136px;
    display: inline-block;
    text-align: center;}

#instagram{    text-align: center;
    padding: 60px 5%;
   /* border-top: 1px solid #ccc;*/
    position: relative;
 /*   background-image: url(../img/index/insta_hana.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/      padding-bottom:190px;}

#box2_2{ position: relative;    padding: 70px 5%;/*background:#e4e8e9;*/padding-bottom:100px; }
#box2_4{position: relative;    padding: 70px 5%;/*background:#b7a8a1;*/padding-bottom:100px;}
#cm_movie{text-align: center;
   /* padding: 60px 5%; */   position: relative;    padding: 70px 5%;
}
#f_movie{ position: relative;    padding: 70px 5%;/*background:#e4e8e9;*/padding-bottom:0px; }
.making_movie {
    position: relative;margin:0 auto;
height: 560px;width:100%;
    right: auto;
    bottom: auto;
    display: block;
}
.making_movie:before{
    content:'';position:absolute;
        z-index: 11;
bottom:10px;left:10px;content:'';color:#fff;
    
}
.making_movie:hover{opacity:0.7;}

.cm_movie:before{
    display: none;
}


.making_movie > div {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s;
    transition: all .3s;
    position:relative;
}

.making_movie > div:before{
    content:'';position:absolute;
        z-index: 10;
top:0;left:0;background:rgba(0,0,0,0.25);
        width: 100%;
    height: 100%;
}
.making_movie > div:after{content:'';position:absolute;
        z-index: 10;
top:0;left:0;right:0;bottom:0;margin:auto;background:url('../img/arrow_reproduction.svg') no-repeat 50% 50%;
width: 50px;height: 50px;}

/**/

#stephen_jones{
}

/*#stephen_jones .con_box_wrap2 {
    padding: 0 5%;
}*/

#stephen_jones .catch2{/*max-width: 1640px;*/
    margin: 0 auto; width:100%;display:table;    height: 100vh;}

.catch2 {
    width: 100%;
    display: table;
    height: 50vh;
}
.catch2_l p {
    font-size: 15px;
}
.catch2_l{display:table-cell;width:35%;padding:2% 3%;
    padding-left:5%;    height: 100%;  vertical-align: middle;background:#26281d;color:#fff;}

.catch2_l h2{  font-family: FB Californian Text Roman, "Times New Roman", A1 Mincho, "Shippori Mincho","Zen Old Mincho","Hiragino Mincho ProN", 游明朝 Demibold, 游明朝体 ミディアム, "Yu Mincho Demibold", YuMincho, HGS明朝E, メイリオ, Meiryo, serif; 
font-weight: bold;}

.catch2_r {
    display: table-cell;
    width: 65%;
    background-image: url(../img/index/img_nakafurisode.jpg);
    background-repeat: no-repeat;
    background-position: center 40%;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    vertical-align: middle;position:relative;
}
.f2025 .catch2_r {
    background-image: url(../img/index/furisode24.jpg);}

.f2026 .catch2_r {
    background-image: url(../img/furisode/lp/2026/topimage.jpg);
    background-position: center 13%;}
.f2026 .catch2_l > div> div{right:auto;    left: -26vw;color:#333;text-shadow:none;}
.f2026 .catch2_l p {
    font-size: 25px;
}

#roman_plan .catch2_l{background:#85b9bf;}
#roman_plan .catch2_r {    background-image: url(../img/index/img_roman.jpg);    background-position: center 80%;

}
.catch2_r:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 22%;
    height: 100%;
    background-image: linear-gradient(to left, transparent, #26281d 100%);
}
#roman_plan .catch2_r:before { background-image: linear-gradient(to left, transparent, #85b9bf 100%);}
.catch2.f2026{display: flex;}

.f2026 .catch2_r:before { left:auto;right:0;
    background-image: linear-gradient(to right, transparent, #cdcfce 100%);}
.f2026 .catch2_l{background:#cdcfce;order:2;}
.f2026 .catch2_r{order:1;}
.catch2_l > div {
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
}

.catch2_l > div> div{    position: absolute;
    width: 140%;
    bottom: 0;
    top: 0;
    margin: auto 0;
    right: -26vw;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-shadow: #000 1px 0 10px;}
.text_block_sj{    display: table-cell;
    vertical-align: middle;}
.catch2_r_in{display: flex;
    align-items: center;
    height: 100%;   text-align: center;
    justify-content: center;    position: relative;}
.catch2_r_in img{max-height: 94vh;}
/*.text_block_sj p{color:#fff;}*/
.text_block_sj p{text-align: justify;
word-break: break-word;    color:#101113;}










.catch3 {
    width: 100%;
    display: table;
    height: 25vh;
}
.catch3_l{display:table-cell;width:100%;padding:2% 3%;
    padding-left:5%;    height: 100%;  vertical-align: middle;background:#26281d;color:#fff;}

.catch3_l h2{  font-family: FB Californian Text Roman, "Times New Roman", A1 Mincho, "Shippori Mincho","Zen Old Mincho","Hiragino Mincho ProN", 游明朝 Demibold, 游明朝体 ミディアム, "Yu Mincho Demibold", YuMincho, HGS明朝E, メイリオ, Meiryo, serif; 
font-weight: bold;}

.catch3_r {
    display: table-cell;
    width: 30%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    vertical-align: middle;position:relative;
}

.w2026 .catch3_r {
    background-image: url(../img/photo/banner_01.jpg);
    background-position: center 20%;
    width:60%;}
.w2026 .catch3_l > div> div{right:auto;    left: 10vw;color:#333;text-shadow:none;}
.w2026 .catch3_l p {
    font-size: 20px;
}

.catch3_r:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: 22%;
    height: 100%;
}
.catch3.w2026{display: flex;}

.w2026 .catch3_r:before { left:auto;right:0;
    background-image: linear-gradient(to right, transparent, #fff 100%);}
.w2026 .catch3_l{background:#fff;order:2;}
.w2026 .catch3_r{order:1;}
.catch3_l > div {
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
}

.catch3_l > div> div{    position: absolute;
    width: 140%;
    bottom: 0;
    top: 0;
    margin: auto 0;
    right: -26vw;
    z-index: 10;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-shadow: #000 1px 0 10px;}
.catch3_r_in{display: flex;
    align-items: center;
    height: 100%;   text-align: center;
    justify-content: center;    position: relative;}
.catch3_r_in img{max-height: 94vh;}











#planlist h3 {
    font-size: 16px;
    margin-top: 30px;
    font-family: "Noto Sans JP", sans-serif;
    text-align: center;
    padding-top: 20px;
    position: relative;    line-height: 150%;
}
#planlist h3:before{content:'';position:absolute;width:50%;left:0;right:0;margin:0 auto;top:0;height:1px; background:#9d9d9e;}

#planlist + h3{font-size:50px;text-align:left;    font-family: 'Sulphur Point', FB Californian Text Roman, "Times New Roman", A1 Mincho, "Shippori Mincho","Zen Old Mincho","Hiragino Mincho ProN", 游明朝 Demibold, 游明朝体 ミディアム, "Yu Mincho Demibold", YuMincho, HGS明朝E, メイリオ, Meiryo, serif; font-feature-settings: "palt";
    line-height: 110%;}
.maru1{   
    background-position: 50% 50%;
    padding-top: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;position:relative;}

.maru1:before{content:'';position:absolute;z-index:1;}

.shikaku1_wrap{height:100%;}
.shikaku1{    background-position: 50% 0%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;}
.shikaku1:before{content:'';position:absolute;z-index:1;}

.more4 {
    background: #444444;
    color: #fff;
    padding: 10px;
    text-align: right;
    font-family: 'Sulphur Point', sans-serif;
    font-size: 26px;
    line-height: 120%;
    margin-top: 20%;
    position: absolute;
    width: 90%;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

/**/
.nozomi{background:#F6FBFE;padding-top:20px;padding-bottom:20px;}
#nozomi h2,#nozomi h3{font-family:"ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, "MS P明朝", "MS PMincho", serif;}
#nozomi h2{font-size:26px;font-weight:normal;    line-height: 180%;    letter-spacing: 4px;}
#nozomi h3{font-size:26px;font-weight:normal;}
#nozomi h3:before{content:none;}

#nozomi .more{display:block;margin:0 auto;}
/**/

h4.entry-title{font-weight:bold;}
#gg{display:none;}
.trigger span{color:#fff;cursor:pointer;}

ul#navi_ul {display:inline-block;line-height:30px;text-align:center;text-align: right;
}
ul#navi_ul li {
    text-align:center;box-sizing:border-box;display:inline-block;
}


ul#navi_ul li ul li{	    border-right: 1px dotted #d2d2d2;
}
ul#navi_ul li ul li:last-child,ul#navi_ul .gnav-links li:nth-child(4){border-right:none;}

ul#navi_ul > li .nosp {
    text-decoration: none;
    font-weight: bold;
    position: relative;
    display: block;
    color: #231815;
    padding: 0 13px;
    z-index: 2;
    line-height:30px;
    box-sizing: border-box;
}
#dropdown-trigger{padding: 0!important;}

ul#navi_ul li p {
    line-height: 58px;
    color: #231815;
    font-weight: bold;
	cursor: pointer;    font-size: 15px;
}

.submenu li {
    margin-left: 20px;
}
.head_tel{display:inline-block;vertical-align:baseline;margin-bottom: 4%;
    margin-top: 2%;}

.category-list li {
    padding-bottom: 5px;
    border-bottom: solid 1px #ccc;
}
.category-list li a:hover{color:#231815!important;}
.child {
    margin-left: 20px;
}

#side{border:1px solid #231815;margin-top: 20px;}
#side h4:before{content:'◆ ';color:#231815;}
#side .new_cat{display:inline-block;}
#side p{font-size:16px;}

/**/
#navi ul li a#dropdown-trigger:hover:after, #navi ul li a#dropdown-trigger:active:after, #navi ul li a#dropdown-trigger:focus:after, #navi ul li a#dropdown-trigger.active:after {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
#navi ul li a#dropdown-trigger:before{content:none;}
#navi ul li a#dropdown-trigger:after {
    content:'';
	background:url(../img/b01.png) no-repeat 50% 50%;
	background-size: 12px;
    height: 10px;
    position: absolute;
    left: 0;
    bottom: -10px;
    width:100%;
    text-align: center;
    font-size: 10px;
    -webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* sub navi */
#header .level-2 .container {
    max-width: 1140px;
    width: 100%;
}
 .level-2{
    position: absolute;;
    top: 96px;
    left: 0px;
    width: 100%;background:#282832;    text-align: left;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    transition: all .3s;
    margin-top: -10px;
    opacity: 0;padding: 30px 30px 25px;    z-index: -2;  visibility: hidden;
}


#dropdown-trigger_wrap:hover .level-2 {
	margin-top:0;
    opacity: 1;
    visibility: visible;z-index: 100;
}


.level-2 li a{
	display:block;
	padding:0 13px;
	color:#fff!important;font-weight:bold;}

/**/
.max-width{max-width:300px;margin:0 auto;}

/**/

.recruit_top1{position:relative;margin: 0 30px;margin-bottom:36px;}
.recruit_box{display:inline-block;margin-left: 10px;vertical-align: middle;}
.recruit_box a {
    max-width: 100%;
    width: 198px;
    line-height: 50px;
    color: #fff!important;
    text-align: center;
    background: #231815;
    display: inline-block;
    font-size: 22px;
    padding-left: 30px;
   /* background: #231815;*/
	background:#EE8319;
}
.recruit_box a:before{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;
/*background:url(../cmn/ico_recruit.png) no-repeat 14px 50%;*/
	background: url(../cmn/mail.png) no-repeat 16px 50%;
    background-size: 26px;}

.recruit_box a{
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.recruit_box a:hover {
  color: #fff;
}
.recruit_box a::after {
  top:0%;
  right:-100%;
  width: 100%;
  height: 100%;
}
.recruit_box a:hover::after {
  top: 0;
  right: 0;
  background-color: #e84618;
}

/**/

.new_cat{font-size:16px;color:#231815;border:1px solid #231815;width:94px;padding:3px 0;line-height:100%;display:block;    text-align: center;margin-bottom:6px;}
.slidework h4{margin-top:10px;line-height:130%;color:#231815;}

/**/
.head_tel .f_tel {
    font-size: 28px;
 /*   padding-left: 37px;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
  /*  background: url(../cmn/tel.png) 0px 50% no-repeat;
	background-size: 30px;*/
}

ul#navi_ul li a {
    position: relative;
    display: block;
    font-size: 26px;
    box-sizing: border-box;
    /* font-weight: bold; */
    letter-spacing: 1px;
    text-align: center;
    padding: 20px 8px; font-family:'Sulphur Point',fot-tsukuardgothic-std, sans-serif;      font-feature-settings: "palt";
}

ul#navi_ul li a:hover {
    transition: all .35s;
    color: #c5c5c5!important;
    /* text-decoration: none; */
}

ul#navi_ul .level-2 li a:before{

	background: #fff;

}

.main-visual {
    width: 100%;
    background-size: cover;
    text-align: center;
    position: relative;overflow:hidden;margin-bottom:30px;
}.main-visual video {

    margin: auto;
    width: 100%;
}
#main_head{margin-bottom:20px;    padding-right: 80px;}
/*#main_head .con_box_wrap2{position:relative; margin-bottom:0;}*/
#main_head .kaso_back:before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 60%;
    height: 100%;
    bottom: 0;
    right: 0;   -webkit-animation: zoomout 2s 1;
   animation: zoomout 2s 1;
   animation-fill-mode: forwards;
    background-image:url(../img/index/topimg1.jpg);    background-repeat: no-repeat;
        background-size: contain;
    background-color: #eee;
    background-position: 50% 30%;
    content:none;
}
#main_head .kaso_back01:before {background-image:url(../img/index/topimg1.jpg);}
#main_head .kaso_back02:before {background-image:url(../img/collection/2024dress/dress2024_03.jpeg);}
#main_head .kaso_back03:before {background-image:url(../img/collection/2024dress/dress2024_04.jpeg);}
#main_head .kaso_back04:before {background-image:url(../img/collection/2024dress/dress2024_05.jpeg);}
#main_head .kaso_back05:before {background-image:url(../img/collection/2024dress/dress2024_06.jpeg);}
#main_head .kaso_back06:before {background-image:url(../img/collection/2024dress/dress2024_07.jpeg);}
#main_head .kaso_back07:before {background-image:url(../img/collection/2024dress/dress2024_08.jpeg);}
/*#main_head .kaso_back08:before {background-image:url(../img/collection/2024dress/dress2024_09.jpeg);}*/
#main_head .kaso_back09:before {background-image:url(../img/collection/2024dress/dress2024_10.jpeg);}
#main_head .kaso_back10:before {background-image:url(../img/collection/2024dress/dress2024_12.jpeg);}
/*#main_head .kaso_back11:before {background-image:url(../img/collection/2024dress/dress2024_13.jpeg);}*/
#main_head .kaso_back12:before {background-image:url(../img/collection/2024dress/dress2024_14.jpeg);}
/*#main_head .kaso_back13:before {background-image:url(../img/collection/2024dress/dress2024_15.jpeg);}*/
/*#main_head .kaso_back14:before {background-image:url(../img/collection/2024dress/dress2024_16.jpeg);}*/
#main_head .kaso_back15:before {background-image:url(../img/collection/2024dress/dress2024_17.jpeg);}
/*#main_head .kaso_back16:before {background-image:url(../img/collection/2024dress/dress2024_20.jpeg);}*/



#main_head .b_himawarixsuehiroxyugo-ueda-wedding-photo-plan:before {
    background-position:50% 70%;
}
@keyframes zoomout {
   0% {
      transform: scale(1.08);
   }
   100% {
      transform: scale(1);
   }
}
#main_head h2 span{display:block;}
#main_head h2 span br{display:none;}
.know{font-size:20px;border:1px solid #46af46;color:#46af46;padding:6px;text-align:center;}
.noknow{font-size:20px;border:1px solid #46af46;background:#46af46;color:#fff;padding:6px;text-align:center;}

.gry1{padding:15px 10px;background:#eaeaea;height:152px;}
.gry1 h5{text-align:center;}

.gry_border{max-width:1060px;margin:0 auto;width:100%;}
.gry_border_in{position:relative;border:10px solid #eaeaea;padding:26px;font-weight:bold;}
.gry_border_in h4{border-bottom:5px solid #46af46;padding-bottom:10px;font-size:20px;margin-bottom:30px;}


.tekiyo{background:#ff9700;color:#fff;font-size:20px;font-weight:bold;text-align:center;}
.tekiyo_off{background:#fff;color:#231815;font-size:20px;font-weight:bold;text-align:center;border:1px solid #ff9700;}

.sankaku{height:22px;}
.sankaku img{vertical-align:top;}

.cream{background:#fffcd2;padding:18px;}

.balloon1-top {
  position: relative;
  display: block;
  padding: 7px 2px;
  min-width: 120px;
  max-width: 100%;
  color: #fff;
  font-size: 18px;
  background: #46af46;border-radius:15px;text-align:center;margin-top: 16px;
}

.fukidashi{font-size:18px;}
.fukidashi span{font-size:13px;display:block;font-weight:bold;}

.balloon1-top:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #46af46;
}

.balloon1-top p {
  margin: 0;
  padding: 0;
}

/**/

.main-slide{position: relative;overflow:hidden;}

.emer{
position: absolute;
z-index: 100;
background: #fff;
bottom: 40px;
left: 0;
right: 0;
margin: auto;
width: 100%;
max-width: 1000px;
box-sizing: border-box;
border: 3px solid #ff8429;}
.emer a:hover{color:#ff8429;}

#container {
	overflow: hidden;
	margin-top: 50px;
}

.container_liquid {
    position: relative;
    margin-bottom: 0;
}

.img-responsive {
    max-width: 100%;
    height: auto;
}

.big{font-size:30px;}


.button {
  text-decoration: none;
  outline: none;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.btn{line-height:60px;border:1px solid #fff;max-width:316px;width:100%;text-align:center;margin:30px;border-radius:none;
font-size:18px;position:relative;}
.contact_btn{    background: url(../cmn/mail_icon.png) no-repeat 20% 50%;
    padding-left: 70px;}
.tel_btn{background:url('../cmn/tel_icon.png') no-repeat 20% 50%;padding-left: 70px;font-size:24px;}
.contact_btn:hover{background:rgba(255,255,255,0.2) url(../cmn/mail_icon.png) no-repeat 20% 50%;}

/*メーカー*/
.makerbox{text-align:center;padding:20px 10px;border:1px solid #ccc;height:92px;display:table;width:100%;margin-bottom:2px;}
.yohaku{padding:10px;}
.makerbox a{display:block;display:table-cell;vertical-align:middle;height:100%;width:100%;}
.makerbox img{max-height:50px;width:auto;}
.yohaku img{max-height:70px;width:auto;}
#maker{padding-top:100px;text-align:center;font-weight:bold;}

/**/
#topimage .main-catch {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    pointer-events: none;
}

#topimage  .main-catch-box {
    position: absolute;
    top: 40%;
    left: 24%;
    transform: translate(-50%, -50%);
	  -ms-transform:  translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      -webkit-transform:translate(-50%, -50%);
}
#slide-top{
    height: 100vh !important;
    width: 100%;
    overflow: auto;
    background-color: #666;
}
/*farebox*/

.farebox{border:2px solid #282832;
    position: relative;
    z-index: 10;}
.farebox h4{background:#282832;color:#fff;text-align:center;padding:10px 4px;font-weight:bold;margin-bottom:0;}
.farebox_in{padding:16px;}
.fare_tag span{font-size:14px;color:#EE8319;border:1px solid #EE8319;padding:3px;margin-right:6px;line-height:100%;display:inline-block;    text-align: center;margin-bottom:6px;}
.farebox_in .more2{margin:0 auto;display:block;}
.farebox_in p{font-size:15px;}
.farebox_in .row{margin:0 -5px;}
.farebox_in .col-md-6{padding:0 5px;}
.kakaku{color: #e84618;
    font-weight: bold;
    line-height: 260%;
    font-size: 20px;    margin-top: 10px;
}
.b_kakaku{font-size: 56px;
    font-family: Arial;
}

.s_kakaku{font-size:16px;color:#666;}

/**/
.mt100{margin-top:100px;}

.ser_bg{background:url(../img/back_ser.jpg) no-repeat 50% 50%;background-size:cover;margin-top:-26px;padding:56px 0;}
.hoken{padding:0 9%;padding-bottom:20px;border-bottom:1px solid #ccc;margin-bottom:20px;}
.songai{padding:0 9%;}
.w72{width:72px;height:auto;}

#service h4{font-size:30px;text-align:center;line-height: 150%;margin-bottom:50px;}

.c_orange{color:#ff9700;}
#service .point_wrap{left:0;right:0;margin:0 auto;top:0;top: -78px;}
#service .point{margin:0 auto;text-align:center;}
#service .point span{color:#fffb64;font-size:21px;display:block;line-height:100%;}
#service .point div{font-size:66px;line-height:100%;color:#fffb64;}
#service h5{color:#46af46;font-size:30px;border-bottom:6px solid #46af46;padding-bottom:6px;text-align:center;}

.w__box{position:relative;padding:90px 30px;padding-bottom:56px;background:#fff;margin-top: 72px;}

.zu_wrap{margin-top:30px;margin-bottom:80px;}
.zu_wrap img{border:1px solid #b1b1b1;}
/*事例*/
.zirei1{background:#f4f4f4;padding:30px;margin:20px auto;margin-top:50px;}

.zirei1 h4{border-bottom:6px solid #46af46;font-size:36px;font-weight:bold;padding-bottom: 10px;}
.zirei1 h4 span.fo38{font-size:40px;}
.zirei1 h4 span.fo24{font-size:26px;letter-spacing:2px;}

.zirei1 .syubetsu{width:100%;background:#fff;    margin-bottom: 20px;margin-top:20px;}
.zirei1 .syubetsu th{width:25%;padding:10px;border:1px solid #aaaaaa;text-align:center;}
.zirei1 .syubetsu td{width:75%;padding:10px;border:1px solid #aaaaaa;}

.spbr{margin-left:10px;}
.tag_wrap{position:relative;}
.tag{position:absolute;z-index:10;top:20px;right:20px;width:100%;}
.tag ul{display: flex; /* 子要素をflexboxで揃える */
    flex-direction: row; /* 子要素をflexboxにより方向に揃える */
    justify-content:flex-end; /* 子要素をflexboxにより に配置する */
    align-items: center;  /* 子要素をflexboxにより中央に配置する */}
.tag li{color:#ffffff;width:110px;line-height:46px;text-align:center;background:#46af46;margin-left:10px;}

.kasyo{border:1px solid #46af46;padding:10px;text-align:center;text-align:center;background:#fff;}
.genin{border:1px solid #46af46;padding:10px;text-align:center;text-align:center;background:#fff;margin-top: 20px;}

.fare{max-width:380px;width:100%;margin-bottom: 20px;margin-top:20px;margin:0 auto;margin-top:20px;}
.fare th{width:40%;padding:10px;font-size:26px;line-height:120%;}
.fare td{width:60%;padding:10px;font-size:26px;line-height:120%;text-align:right;}
.fare span{color:#ff9700;}

.kasyo ul{display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-flow: row wrap;
    flex-direction: row;justify-content: center;
    align-items: center;text-align:center;  flex-wrap: wrap;
}
.kasyo li{font-size:18px;text-align:center;background:#fffcd2;padding:5px;min-width:88px;margin:0 7px;margin-bottom:6px;}

/*対象物件*/
.fo20{font-size:20px;}

.case1{position:relative;}

.case_wrap{width:90px;height:90px;position:absolute;z-index:10;background:rgba(70,175,70,0.65);text-align:center;color:#fff;border-radius:50%;top:10px;right:10px;}

.case_mark span{display:block;font-size:12px;line-height:100%;    margin-bottom: 10px;}
.case_mark{line-height:100%;font-size:15px;display:table;width:100%;height:100%;}

.case_mark_in{display:table-cell;vertical-align:middle;margin:0 auto;width:100%;height:100%;}

.all_taisyo{margin-top:20px;clear:both;border:1px solid #46af46;position:relative;text-align:center;padding: 20px;
    padding-top: 40px;}

.all_taisyo span{    background: #fff;
    display: block;
    padding: 0 30px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -15px;
    font-weight: bold;
    z-index: 10;
    font-size: 16px;
    width: 250px;}

.all_taisyo ul{   display: flex; /* 子要素をflexboxで揃える */
    flex-direction: row; 
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
align-items: start;flex-wrap:wrap;
}

.all_taisyo li{padding: 0 3%;
    margin-bottom: 20px;
    width: 16.666%;
    text-align: center;}

#taisyo{margin-bottom:60px;}

/*payment*/
.payment h4{color:#231815;}
.payment h4:before{content:'◆ ';color:#231815;}

#p_plan {
    width: 100%;
    padding: 20px;
    border: 2px solid #e5e5e5;
    background-color: #fffaeb;
    margin: 0 auto 20px;
}#p_plan p {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0;
}.card {border:1px solid #231815;
    width: 100%;margin:20px auto;padding: 20px;
	text-align: center;}
.card img {margin:0 auto;
    max-width: 650px;width:100%;height:auto;margin-top:20px;
}
/*price*/

.price h4{color:#231815;}
.price h4:before{content:'■ ';color:#231815;}
.price td{text-align:right;border: 1px solid #ccc;}
.price th{text-align:center;background:#EFEFEF;border: 1px solid #ccc;}

/**/

.map_address_line{border-bottom:1px solid #ccc;padding-bottom:20px;margin-top:20px;margin-bottom:30px;}

/*会社概要*/
.company_bg{    background: url(../img/back_company.jpg) no-repeat 50% 50%;
    background-size: cover;
    margin-top: -26px;
    padding: 56px 0;}
.info-table_wrap {
    background: rgba(255,255,255,0.85);
    padding: 46px;
    margin-bottom: 50px;
}
.company table{width: 100%;
    margin-bottom: 40px;}

.company th{font-weight:bold;padding:10px;border-bottom:solid 1px #d3d3d3;width: 20%;}
.company td{padding: 10px ;border-bottom:solid 1px #d3d3d3;width: 80%;    line-height: 150%;}


.company{
    padding: 60px 0;
    position: relative;
    padding-bottom: 20px;
}

.company h4 {
    text-align: left;
    font-size: 24px;
    color: #231815;
    margin-bottom: 50px;
}

.company:before {
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f8f7f5;
    -webkit-transform: skew(0, 3deg) translateY(0px);
    -moz-transform: skew(0, 3deg) translateY(0px);
    -ms-transform: skew(0, 3deg) translateY(0px);
    transform: skew(0, 3deg) translateY(0px);
}

/**/
.company dl{width:100%;display:table;border-bottom: 1px solid #231815;}
.company dt {
    display: table-cell;
    width: 30%;
    text-align: left;
    box-sizing: border-box;padding: 20px 0 20px 20px;
	position:relative;
}
.company dt:before {content:'';position:absolute;z-index:10;bottom:0;left:0;height:1px;width:100%;background:#231815;}
.company dd {
	text-align:left;    width: 70%;
padding: 20px;
    display: table-cell;
    box-sizing: border-box;line-height: 150%;
}
/**/
.enkaku dl{width:100%;max-width: 850px;display:table;margin:0 auto;/*border-bottom: 1px solid #fff;*/position:relative;padding-bottom: 40px}
.enkaku dt {
    display: table-cell;
    width: 20%;
    text-align: left;
    box-sizing: border-box;padding: 0px 20px;padding-right:10px;
	position:relative;
}

.enkaku dd {
	text-align:left;    width: 80%;
padding: 0px 20px;
    display: table-cell;
    box-sizing: border-box;line-height: 150%;
}
.enkaku dd li{padding:10px;border-bottom: 1px solid #ccc;}

.enkaku{
    position: relative;
    padding: 60px 0;
    margin-bottom: 60px;
}
.enkaku dl::before {
    background: #231815;
    content: "";
    height: 100%;
    height: calc(100%);
    width: 1px;
    position: absolute;
    left: 35px;
    top: 0px;
    z-index: 1;
}
.enkaku dl::after {
    content: "";
    z-index: 1;
    position: absolute;
    top: 22px;
    left: 30px;
    width: 10px;
    height: 10px;
    text-align: center;
    display: block;
    background: #231815;
    vertical-align: middle;
    box-sizing: border-box;
    border-radius: 50%;
}

.year {
    position: relative;
    display: inline-block;
    margin: 1.5em 0 1.5em 15px;
    margin-left: 34px;
    margin-top: 4px;
    padding: 7px 10px;
    min-width: 120px;
    max-width: 100%;
    color: #fff;
    font-size: 16px;
    background: #231815;
    text-align: center;
}

.year:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #231815;
}
/**/
.greeting{
    position: relative;
    padding: 60px 0;
    margin-bottom: 60px;
}
.kasopage .greeting h3{color:#fff;}
.greeting:before {
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #282832;
    -webkit-transform: skew(0, -3deg) translateY(0px);
    -moz-transform: skew(0, -3deg) translateY(0px);
    -ms-transform: skew(0, -3deg) translateY(0px);
    transform: skew(0, -3deg) translateY(0px);
}
.greeting:after {
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: #282832;
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform:translateY(100px);
    transform: translateY(100px);
}

.greeting .posi {
	position: relative;}

.greeting .bg {
    position: absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-image: url(../img/daihyo.jpg);
    left: 0;
    top: 0;
    width: 80%;
    height: calc(100% - 0px);
}
.greeting .row{
	justify-content: flex-end;}
.gree {
    position: relative;
    padding: 50px;
    margin-bottom: 20px;
    background-color: #FFF;
    z-index: 2;
}
/**/
.staff{
    position: relative;
    padding: 60px 0;
}
.cpho {
    max-width: 240px;
    max-height: 240px;
    width: 100%;
    margin: 0 auto;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.cbox{text-align:center;}

.cbox .name{
    margin: 5px 10px;
    font-size: 18px;color:#231815;font-weight:bold;    margin-top: 10px;
}
.rep-name {
    font-weight: normal;
    font-size: 1.2rem;
    text-align: right;
    margin-top: 20px;
}.rep-name span {
    margin-left: 20px;
    font-size: 1.5rem;
    letter-spacing: 2px;
}


/**/
.nav-previous {
    float: left;
}

.slick-prev::before {
    content: url(../cmn/ya_l.png) !important;
}

.slick-next::before {
    content: url(../cmn/ya_r.png) !important;
}
.slick-prev{left: 0;}
.slick-next{right:0;}
.slick-prev,
.slick-next {
    width: 28px !important;
    height: 76px !important;
	z-index:10;    top: 28%;
}

.nav-next {
    float: right;
}


.posirela {
    position: relative;width:100%;
}

.wrap {
    position: absolute;
    height: 300px;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;width:600px;
}

.sitemap li{font-size:15px;padding:5px 0;}
.sitemap li a{
font-size:15px;
color:#ffffff;
}

.footimg{height:440px;background:url(../img/top_foot.jpg) no-repeat 50% 50%;background-size:cover;}

/*ｰｰｰ*/
h2{font-size:38px;margin-bottom:38px;}

.archive h3{font-size: 50px;
    text-align: left;
    font-family: 'Sulphur Point', FB Californian Text Roman, "Times New Roman", A1 Mincho, "Shippori Mincho","Zen Old Mincho","Hiragino Mincho ProN", 游明朝 Demibold, 游明朝体 ミディアム, "Yu Mincho Demibold", YuMincho, HGS明朝E, メイリオ, Meiryo, serif;    font-feature-settings: "palt";
    line-height: 110%;    margin-bottom: 30px;}

.archive .gallery1 h3{font-size:24px;    margin-bottom: 16px;}


#planlist h2{    font-size: 50px;
    text-align: left;
    font-family: 'Sulphur Point', fot-tsukuardgothic-std,sans-serif;
    line-height: 110%;}
h3 {
   font-size:50px;text-align:left;    font-family: 'Sulphur Point', FB Californian Text Roman, "Times New Roman", A1 Mincho, "Shippori Mincho","Zen Old Mincho","Hiragino Mincho ProN", 游明朝 Demibold, 游明朝体 ミディアム, "Yu Mincho Demibold", YuMincho, HGS明朝E, メイリオ, Meiryo, serif; -feature-settings: "palt";
    line-height: 110%;
}
h3.foCT{
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 0;align-items: center;    font-size: 48px;
}
.home h3.foCT{ font-size: 40px;}

/*
h3:before{content:'';position:absolute;z-index:10;left:0;right:0;margin:auto;bottom:0;width:28px;height:1px;background:#231815;}*/
.h3_wrap span.txt{font-size:12px;margin-top:4px;
    font-family: 'Crimson Text', serif;    text-align: left;line-height: 1.5em;    font-family: "Noto Sans JP", sans-serif;}
.h3_wrap span.tit {
    padding-right: 20px;
    font-family: 'Sulphur Point', "Noto Sans JP", sans-serif;
    text-transform: lowercase;
}
h3.h3_ja{    font-size: 44px;}
.home h3.h3_ja{    font-size: 44px;}

.h3_wrap {
    display: flex;
    align-content: center;
    align-items: center;
}

.pmp1 {
    display: flex;
    align-content: center;
    align-items: center;
    height: 100%;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
}
.pmp_back_wrap .h3_wrap {
    justify-content: center;
}
.palt{  font-feature-settings: "palt";}

#theme{position: relative;
    display: flex;
    justify-content: space-between;
border-top: 1px solid #ccc;
}
#theme h3 {
    position: relative;
 /*   z-index: 10;
    top: 0;
    left: 0;*/
    padding: 0;margin:0;    display: table-cell;width:10%;
}#theme h3 img {
    width: 7.8vw;
    height: 100%;
    padding-top: 40px;
    padding-bottom: 20px;
    margin-left: -3px;
}

.catch1 {    display: table;
    width: 100%;
    height: 100%;
}
.catch1_l{ /* display: flex;
    align-items: flex-end;*/    width: 44%;    padding: 3%;
height:100%;display:table-cell;vertical-align:bottom;}

.catch1_r{ display:table-cell;background: url(../img/index/back_catch.jpg) no-repeat 80% 50%;
    background-size: cover;
    height: 100%;
    width: 40%;
    box-sizing: border-box;
}
.catch1_l > div{height:100%;display: flex;
/*    align-items: flex-end;*/align-items: center;}

.catch1_in p{font-size:15px;    text-align: justify;
    word-break: break-word;}
h4{font-size:22px;margin-bottom:26px;}

.catch1_in h4{margin-bottom:36px;    font-size: 30px;}

h5{font-size:20px;margin-bottom:16px;}
h2 span{font-size:17px;display:block;  text-transform: uppercase;margin-top: 10px;
}.h3_wrap h2 span.tit {font-size:inherit;text-transform:inherit;margin-top:0;
    padding-right: 20px;display:block;    font-size: 68px;
    font-family: 'Sulphur Point', FB Californian Text Roman, "Times New Roman", A1 Mincho, "Shippori Mincho","Zen Old Mincho","Hiragino Mincho ProN", 游明朝 Demibold, 游明朝体 ミディアム, "Yu Mincho Demibold", YuMincho, HGS明朝E, メイリオ, Meiryo, serif;     font-feature-settings: "palt";    line-height: 110%;  
}
.b_photos{}

h3.gold_text:before{content:none;}

#instagram h2{margin-bottom:10px;}
#instagram h3:before {
    content:none;
}
.breadcrumbs{padding:0 5%;}

.po_ab1 .flex{justify-content: flex-end;}
.po_ab1 .more_wrap{
    margin-right: 0;width:130px;}

.index_bo{
padding:60px 5%;/*    border-top: 1px solid #ccc;*/
    padding-right:8%;
}


#news h2{color:#EE8319;position: absolute;
    z-index: 1;
    display: block;
    left: 0;
    top: 0;    top: -60px;
    margin: auto;
    height: 280px;}

.kasopage h3, #news2 h3, #works2 h3 {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
    letter-spacing: 2px;
    margin: 0; font-size: 30px;
    margin-bottom: 20px;
}
.kasopage #top_company2 h3{font-size: 24px;
    font-family: 'Crimson Text', serif;margin: 0 auto;
    margin-bottom: 20px;}
#top_company2 h4{font-size:18px;margin-bottom:10px;}
.kasopage .h3_wrap h3 span.tit:first-letter, #news2 h3:first-letter, #works2 h3:first-letter{text-transform: uppercase;}


.history2{margin-top:60px;margin-bottom:30px;}
.history2 h4{margin-bottom:10px;}
/**/
.animated2 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes slideDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.slide-down {
  -webkit-animation-name: slideDown;
  animation-name: slideDown;
}
@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes slideUp {
  0% {
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
.slide-up {
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
}
.content-wrap {
  height: 230px;
  overflow: hidden;
  position: relative;
  margin: 0;
}
.close-btn, .more-btn {
  display: block;
  width: 100%;
  padding: 80px 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 60%
  );
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 60%
  );
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 60%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(
      startColorstr='#00ffffff',
      endColorstr='#ffffff',
      GradientType=0
    );
}
.close-btn {
  background: none;
}
.slide-up {
  height: 150px;
  padding-bottom: 0;
  overflow: hidden;
}
.slide-down {
  height: auto;
  overflow: visible;
  padding-bottom: 50px;
}
.more-btn p {
  display: inline-block;
  color: #fff;
  cursor: pointer;
  background: #29B6F6;
  padding: 5px 20px;
  width: 80%;
  border-radius: 20px;
}
.close-btn {
  padding:0;
}
.close-btn p {
  background: #aaa;
}
/**/
@media screen and (min-width: 1001px){
header {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
header {
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
    -webkit-transform: translateX(80px);
    -ms-transform: translateX(80px);
    transform: translateX(80px);
}
header {
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 16px;
    width: 80px;
}

}
header {
    position: fixed;
   /*     background: rgba(229,229,229,0.8);*/
    z-index: 99;
    line-height: 1;
    right: 0;
   /* top: 0;*/bottom:0;
}

header{right:0px;}
/*collection*/
.collebox1_wrap{position:relative;margin-top:50px;}
.collebox1_wrap img{width:100%;}
.collebox1{position:absolute;z-index:10;top:0;bottom:0;left:0;right:0;margin:auto;width:380px;height:190px;background:rgba(255,255,255,0.7);padding:40px;text-align:center;}
.collebox1 h3{font-size:30px;padding-bottom:0;margin-bottom:30px;}
.collebox1 h3:before{content:none;}

.anchor_link1{display:block;text-align:center;}
.anchor_link1 li{display:inline-block;width:488px;text-align:center;}
.anchor_link1 li a{display:block;margin:0 auto;width:487px;height:124px;font-size: 28px;}

.dress_img{
    width: 100%;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.dress_img li:not(:nth-child(3n)) {
    margin-right: 3px;
}
.dress_img li {
    width: calc((100% - 9px)/3);
    margin-bottom: 3px;
    position: relative;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all 1200ms cubic-bezier(.455,.03,.515,.955) 0ms;
    transition: all 1200ms cubic-bezier(.455,.03,.515,.955) 0ms;
}
.dress_img li img {
    width: 100%;
    display: block;
}
.con_box_wrap2{
  display: flex;
  justify-content: center;
}
.suehiro_img_furisode{
    position:absolute;
    z-index:1;
bottom:80px;right:0px;width:30%;min-width:170px;
}
.suehiro_img_furisode img{width:100%;    border: 1px solid #ccc;}
@media screen and (min-width: 500px){
    .suehiro_img_furisode{bottom:86px;min-width:200px;}

}
@media screen and (min-width: 1220px){
    .suehiro_img_furisode{bottom:0;}
}

@media screen and (min-width: 1420px){

.suehiro_img_furisode{
top:-400px;right:10px;width:470px;
}
.suehiro_img_furisode img{width:470px;}
}

@media screen and (max-width: 768px){
.dress_img li:not(:nth-child(3n)) {
    margin-right: 0px;
}
.dress_img li:not(:nth-child(2n)) {
    margin-right: 3px;
}
.dress_img li {
    width: calc((100% - 3px)/2);
}

}

/**/

.dress_img2{
    width: 100%;
    display: -webkit-box;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.dress_img2 li:not(:nth-child(2n)) {
    margin-right: 3px;
}
.dress_img2 li {
    width: calc((100% - 3px)/2);
    margin-bottom: 3px;
    position: relative;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all 1200ms cubic-bezier(.455,.03,.515,.955) 0ms;
    transition: all 1200ms cubic-bezier(.455,.03,.515,.955) 0ms;
}
.dress_img2 li img {
    width: 100%;
    display: block;
}

@media screen and (max-width: 768px){

.dress_img2 li:not(:nth-child(2n)) {
    margin-right: auto;
}
.dress_img2 li {
    width: auto;
}

}

/*top*/
.daiya_wrap{position:relative;height:0;}
.daiya{
	width: 0;
	height: 0;
	border: 190px solid transparent;
	border-bottom: 100px solid #fff;
	position: relative;z-index:9;
	top: -266px;    margin: 0 auto;
}
.dress_flex_wrap{margin-top:-20px;position:relative;}
.dress_flex_wrap h3{margin-bottom:24px;}
.dress_ul{max-width:450px;width:100%;height:auto;margin:0 auto;/*display:none;*/}
.dress_ul_block{display:block!important;}

.daiya:after {
	content: '';
	position: absolute;
	left: -190px; top: 100px;
	width: 0;
	height: 0;
	border: 190px solid transparent;
	border-top: 100px solid #fff;
}
#new_dress{position:relative;}

#new_dress .more{position:absolute;z-index:10;left:0;right:0;margin:auto;bottom:40px;}

#new_dress h2{text-align:center;position:relative;z-index:10;margin-bottom:0;}
.dress_flex {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.dress_flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;}
.c_dress{background:#EFEFEF;padding: 0 20px;padding-top:60px;width: 50%;padding-bottom:130px;}
.w_dress{background:#DDDDDD;padding: 0 20px;padding-top:60px;width: 50%;padding-bottom:130px;}

/**/

#catnav {
    position: relative;
    z-index: 10;
    margin-bottom: 50px;
    text-align: center;
    font-size: 0px;
    line-height: 0px;
    text-align: left;
}
#catnav li{
    display: inline-block;
    margin-left: 12px;
    margin-bottom: 10px;
}
#catnav li a{
    display: inline-block;
    padding: 0 20px;
    text-align: center;
    background: #fff;
    font-size: 17px;
    color: #231815;
    line-height: 1;
    border: 1px solid #231815;
    box-sizing: border-box;
    text-decoration: none;
    transition: all 0.5s;
    line-height: 32px;
}
#catnav li a:hover,#catnav li a.current{
    background: #FFF9E2;
	opacity: 1;
}
/*#catnav li:first-child a.current {
    background: #fff!important;
    color: #424242 !important;
    opacity: 1;
}
#catnav li:first-child a:hover{background: #231815;
    color: #fff !important;
    opacity: 1;
}*/

#works2 .noitem {
padding: 3em 0px;
text-align: center;
font-size: 14px;height:300px;}
#works2 .tabbox {
display: none;}
#works2 .tabbox:nth-of-type(1) {
display: block;} 

#news {
    padding: 60px 0;    padding-top: 140px;}

#news ul{width:100%;}
.news_in_wrap{max-width:720px;width:100%;display:block;margin:0 auto;position:relative;}
.news_in{padding:30px 10%;width:100%;display:block;margin:0 auto;position:relative;letter-spacing:1px;}
.news_in li{margin-bottom:10px;}

.telfoot{font-size:50px;    background: #fff;
    padding-right: 30px;    font-family: "Hind", sans-serif;}
.telfoot span{}

.noi img {
    width: 100%;
    height: auto;
}
.more{
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    line-height: 60px; 
    text-align: center;
    display: block;
   /* font-size: 16px;*/font-size:18px;color:#666666!important;border:1px solid #666666;
	background:#fff;
}
.more{
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.con_box .more{    letter-spacing: 3px;    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;}

.more:hover {
  color: #fff;
	text-decoration:none;
}
.more{
        background: #fff;
        padding: 1px;
        cursor: pointer;
        display: block;
        position: relative;
        overflow: hidden;
        transition: all .35s ease-in-out .35s;
        text-align: center;margin-top:10px;overflow:hidden;
    }

.more span {
        display: block;
        background: #fff;
        z-index: 100;
        position: relative;
        transition: all .35s ease-in-out .35s;
    }
    .more:hover span {
        background: #666666;color:#fff;
        transition: all .35s ease-in-out .35s;
    }
    .more:after {
        bottom: -100%;
        right: -100%;
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        background: #666666;
        transition: all .35s ease-in-out .5s;
    }
    .more:hover:after {
        right: 0;
        bottom: 0;
        transition: all ease-in-out .35s;
    }
    .more:before {
        top: -100%;
        left: -100%;
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        background: #666666;
        transition: all .35s ease-in-out .5s;
    }
    .more:hover:before {
        left: 0;
        top: 0;
        transition: all ease-in-out .35s;
    }.more::before, .more::after {
    position: absolute;
    z-index: 1;
}
.tel_wrap{display:inline-block;}

#recruit{padding:100px 0;position:relative;}

#recruit:before {
	z-index:-1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 150%;
background:url('../cmn/back_recruit.jpg') no-repeat 50% 50%;background-size:cover;
-webkit-transform: skew(0, 3deg) translateY(0px);
    -moz-transform: skew(0, 3deg) translateY(0px);
    -ms-transform: skew(0, 3deg) translateY(0px);
    transform: skew(0, 3deg) translateY(0px);
	/*    -webkit-transform: skew(0, -3deg) translateY(0px);
    -moz-transform: skew(0, -3deg) translateY(0px);
    -ms-transform: skew(0, -3deg) translateY(0px);
    transform: skew(0, -3deg) translateY(0px);*/
}


#recruit h2{color:#fff;}
.text_work{font-size:46px;text-align:center;color:#fff;margin-bottom:30px;}

.disflex{display: -webkit-flex;
    display: flex;
 -webkit-justify-content: space-between;
    justify-content: space-between;}
/**/
#WD{padding-bottom: 60px;}

/**/

.more2{
    max-width: 300px;
    width: 100%;
    line-height: 50px;   
    text-align: center;
    display: block;
   /* font-size: 16px;*/font-size:18px;color:#231815!important;
	letter-spacing:2px;border:1px solid #231815;font-family: 'Crimson Text', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Verdana, "メイリオ", Meiryo, sans-serif;
	background:#fff;
}

.more2{
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.more2:hover {
  color: #fff;
	text-decoration:none;
}
.more2{
        background: #fff;
        padding: 1px;
        cursor: pointer;
        display: block;
        position: relative;
        overflow: hidden;
        transition: all .35s ease-in-out .35s;
        text-align: center;margin-top:10px;overflow:hidden;
    }

.more2 span {
    display: block;
    background: #fff;
    z-index: 100;
    height: 100%;
    position: relative;
    transition: all .35s ease-in-out .35s;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
    .more2:hover span {
        background: #231815;color:#fff;
        transition: all .35s ease-in-out .35s;
    }
    .more2:after {
        bottom: -100%;
        right: -100%;
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        background: #231815;
        transition: all .35s ease-in-out .5s;
    }
    .more2:hover:after {
        right: 0;
        bottom: 0;
        transition: all ease-in-out .35s;
    }
    .more2:before {
        top: -100%;
        left: -100%;
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        background: #231815;
        transition: all .35s ease-in-out .5s;
    }
    .more2:hover:before {
        left: 0;
        top: 0;
        transition: all ease-in-out .35s;
    }.more2::before, .more2::after {
    position: absolute;
    z-index: 1;
}


.mr20{margin-right:20px;}

.list_btn{
    max-width: 176px;
    width: 100%;
    line-height: 40px;
    padding-bottom: 3px;
    margin: 0 auto;
    border-radius: 30px;
    text-align:left;
    display: block;
    background: #ff8429 url(../cmn/ya01.png) 90% 50%;
    background-repeat: no-repeat;
    border: 1px solid #ff8429;
    color: #fff!important;position: absolute;
    right: 10px;
    top: 0;
	padding-left:20px;
}
.list_btn:hover{background:#fff url(../cmn/ya02.png) 90% 50% no-repeat;color:#ff8429!important;}

#links{    padding: 60px 5%;padding-right:8%;    /*background: #faf6ef;*/}

.nopc2{display:none!important;}

.img_concept1_wrap{position:relative;}
.img_concept2_wrap{position:relative;}

#news h2 {    text-align: left;
}
#news{    display: inline-block;width:100%;position:relative;}

#news:before {
	z-index:-1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f8f7f5;/*	-webkit-transform: skew(0, 3deg) translateY(0px);
    -moz-transform: skew(0, 3deg) translateY(0px);
    -ms-transform: skew(0, 3deg) translateY(0px);
    transform: skew(0, 3deg) translateY(0px);*/
	    -webkit-transform: skew(0, -3deg) translateY(0px);
    -moz-transform: skew(0, -3deg) translateY(0px);
    -ms-transform: skew(0, -3deg) translateY(0px);
    transform: skew(0, -3deg) translateY(0px);
}

#news:after{
	z-index:-1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f8f7f5;	-webkit-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -ms-transform:  translateY(60px);
    transform:  translateY(60px);
}

.newscate h2 span.news_a{    position: absolute;font-size:inherit;color:inherit;
top:50px;line-height:30px;display: inline;}

#news2 a{    color: #231815!important;display:block;}

.newscate ul{float:left;display:block;    width: 83%;    margin-top:30px;}
.newscate{    display: inline-block;width:100%;position:relative;}

.newscate li{padding:3px 5px;}
.newscate li a{padding:5px 0;display:block;font-size:16px;}
.newscate li a:hover{color:#9a8f66}

/**/
.time_p{margin-bottom:20px;}

.nav-below{/*padding-top:40px;*/padding-bottom:40px;/*margin-top:40px;*/}
.nav-previous{float:left;}
.nav-next{float:right;}

.post_cate,.post{ 
    position: relative;    min-height: 500px;}
.post h3{margin-bottom:10px;padding:10px;vertical-align: middle;line-height: 140%;}
.post img{max-width:100%;height:auto;text-align:center;margin-bottom:20px;}
.post.post_photo-plan img{margin-bottom:0px;}

/**/
.block {overflow:hidden;}
.block img{
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;}

.strong{font-weight:bold;}
#work{padding:60px 0;padding-top: 100px;}
#work li a:hover h4,#works2 li a:hover{color: #231815!important;-webkit-transition: all .3s;
    transition: all .3s;}
.work_ul li a{display:block;pointer-events:auto!important;}
.gallery1 .work_ul .slick-track{border-bottom:1px solid #444444;position:relative;margin-right:30px;}
.gallery1 .work_ul li{position:relative;margin-right: 40px;}
.gallery1 .work_ul li:after{content:'';position:absolute;z-index:10;right:0;top:0;height:90%;width:1px;background:#444444;}

.before_work,.after_work{    position: relative;}
.before_work .caption {
    position: absolute;
    top: 8px;
    left: 0;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 10;
} .after_work .caption {
    position: absolute;
    top: 10px;
    left: 3px;
    color: #FFFFFF;
    font-size:20px;
    font-weight: bold;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 10;
}
.before_work::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 65px 65px 0 0;
    border-color: #EE8319 transparent transparent transparent;
}
.after_work::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 80px 80px 0 0;
    border-color: #231815 transparent transparent transparent;
}

h4.new_tit{font-size:16px;display:inline-block;margin-left:36px;}
#news li a:hover{color:#231815!important;}

.news_text{padding: 3px 26px;
    padding-bottom: 2px;position:relative;}

.time1{display:block;margin-bottom:10px;}


.hover-parent {width: 100%;
height: 100%;
position: relative;
overflow: hidden;
}
figcaption.hover-mask {
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0,0,0,0.5);
opacity: 0;
color: #fff;
display: flex;
align-items: center;
text-align: center;
padding: 30px;box-sizing:border-box;　padding-bottom: 0;

}
.hover-parent:hover figcaption.hover-mask {
	width: 100%;
height: 100%;
opacity: 1;
transition: all 0.6s ease;　padding-bottom: 30px;

}
a{-webkit-transition: all .3s;
    transition: all .3s;}
a:hover{-webkit-transition: all .3s;
    transition: all .3s}
/*contents1*/
.contentbox1{position:relative;padding:60px 0;max-width:198px;width:100%;margin:0 auto;}
#contents1{position:relative;}

#contents1:before {
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #282832;
    -webkit-transform: skew(0, -3deg) translateY(0px);
    -moz-transform: skew(0, -3deg) translateY(0px);
    -ms-transform: skew(0, -3deg) translateY(0px);
    transform: skew(0, -3deg) translateY(0px);
}
#contents1:after{
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #282832;
    -webkit-transform: skew(0, 3deg) translateY(100px);
    -moz-transform: skew(0, 3deg) translateY(100px);
    -ms-transform: skew(0, 3deg) translateY(100px);
    transform: skew(0, 3deg) translateY(100px);
}




.contentbox1 h2{    color: #fff;letter-spacing: 2px;
    position: absolute;
    z-index: 1;
    display: block;
    left: 0;
    top: -30px;text-align:left;
    margin: auto;
    height: 280px;}
.bicon{width:198px;margin-bottom:10px;}

.n1{background:url(../cmn/bicon1.png) no-repeat 50% 50%;background-size:100%;}
.n2{background:url(../cmn/bicon2.png) no-repeat 50% 50%;background-size:100%;}
.n3{background:url(../cmn/bicon3.png) no-repeat 50% 50%;background-size:100%;}
.n4{background:url(../cmn/bicon4.png) no-repeat 50% 50%;background-size:100%;}

.tb{display:table;width:100%;height:100%;}
.tb-cell{display:table-cell;width:100%;height:100%;text-align:center;vertical-align:middle;}
.tb-cell img{height:66px;width:auto;}

#contents1 a .bicon{display:block;-webkit-transition: opacity 0.3s ease-out;
　-moz-transition: opacity 0.3s ease-out;
　-ms-transition: opacity 0.3s ease-out;
　-o-transition: opacity 0.3s ease-out;
　transition: opacity 0.3s ease-out;position:relaitive;}

#contents1 a:hover .bicon:after{position:absolute;z-index:-1;content:'';
	top:0;bottom:0;left:0;right:0;margin:auto;-webkit-transition: all .3s;
    transition: all .3s;/*opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";*/
background:rgba(255,255,255,0.6);border-radius:50%;}


#contents1 a .bicon{
    position: relative;
    width: 100%;
}
#contents1 a .bicon:before {
    content:"";
    display: block;
    padding-top: 100%; /* 高さを幅の75%に固定 */
}
#contents1 a .bicon .tb_wrap{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#contents1 a:hover .more{
  color: #fff;
	text-decoration:none;
}
#contents1 a .more::after {
  top:0%;
  right:-100%;
  width: 100%;
  height: 100%;
}
#contents1 a:hover .more::after {
  top: 0;
  right: 0;
  background-color: #e84618;
}
/**/
/* Loading Block */
#loading {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  background-color: #0bd;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;background: #ffffff;
    -webkit-transition: 0.9s cubic-bezier(0.71, 0, 0.31, 0.98);
    -o-transition: 0.9s cubic-bezier(0.71, 0, 0.31, 0.98);
    transition: 0.9s cubic-bezier(0.71, 0, 0.31, 0.98);display:none;
}
.spinner {
display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;width:100%;height:100%;
}

/* Hide Loading Block */
.loaded {-moz-animation: blockSlidetop 2s ease both;
-webkit-animation: blockSlidetop 2s ease both;
-o-animation: blockSlidetop 2s ease both;
-ms-animation: blockSlidetop 2s ease both;
    animation: blockSlidetop 2s ease both;
	-moz-animation-delay: 1s;
	-webkit-animation-delay: 1s;
	-o-animation-delay: 1s;
	-ms-animation-delay: 1s;
	animation-delay: 1s;
}

@keyframes blockSlidetop {
    0% {
		-webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    }
    100% {
        -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    }
}
.intro_wrap {
    padding-left: 132px;
    position: relative;
    padding-top: 20px;
}
h4.vertical{
    display: flex;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0%;
    height: 330px;
    width: 26%;
    max-width: 100px;
    border: 1px solid #000;
    align-items: center;
    justify-content: center;
    align-content: center;
    font-family: FB Californian Text Roman, "Times New Roman", A1 Mincho,"Shippori Mincho","Zen Old Mincho", "Hiragino Mincho ProN", 游明朝 Demibold, 游明朝体 ミディアム, "Yu Mincho Demibold", YuMincho, HGS明朝E, メイリオ, Meiryo, serif;
    color: #231815;
    letter-spacing: 2px;
}

/**/
.slick-initialized .slick-slide{overflow:hidden;padding:0 10px;}
.slick-slide .img_div{height:auto;  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;}
/*
.slick-slide .img_div:hover{-webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);  -webkit-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}*/
/**/
#voice{position:relative;padding:60px 0;margin-bottom:60px;}
#voice2{position:relative; background: #231815;padding:60px 0;
}
#voice:before {
	z-index:-1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #231815;
    -webkit-transform: skew(0, -3deg) translateY(0px);
    -moz-transform: skew(0, -3deg) translateY(0px);
    -ms-transform: skew(0, -3deg) translateY(0px);
    transform: skew(0, -3deg) translateY(0px);
}
#voice h2,#voice2 h2{color:#fff;margin-bottom:80px;}
#voice2 h3{color:#fff!important;font-weight: bold;
    position: relative;
    text-align: center;
    font-size: 40px;
    margin-bottom: 50px;
    letter-spacing: 2px;}
#voice li:nth-child(2n),#voice2 li:nth-child(2n){margin-top:-40px;}

span.noi{display:block;    height: 100%;}
span.noi span{
    background-size: cover;
    background-repeat: no-repeat;
    display: block;background-position:50% 50%;}

span.noi span {
    position: relative;
    width: 100%;height: 100%;
}
#voice .block{border: 1px solid #ccc;}
#voice2 .block {
    border: 1px solid #ccc;
}

span.noi span:before {
    content:"";
    display: block;
    padding-top: 73%; /* 高さを幅の75%に固定 */
}
.scale{overflow:hidden;}
.scale > span{   -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;}

#voice ul a:hover .scale > span{
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
		 -ms-transform:  scale(1.3);
      -moz-transform:  scale(1.3);
      -o-transform:  scale(1.3);
}#voice2 ul a:hover .scale > span{
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
		 -ms-transform:  scale(1.3);
      -moz-transform:  scale(1.3);
      -o-transform:  scale(1.3);
}.work_ul li a:hover .scale > span{
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
		 -ms-transform:  scale(1.3);
      -moz-transform:  scale(1.3);
      -o-transform:  scale(1.3);
}.work_post a:hover .scale > span{
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
		 -ms-transform:  scale(1.3);
      -moz-transform:  scale(1.3);
      -o-transform:  scale(1.3);
}
.slidework a:hover .scale > span{
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
		 -ms-transform:  scale(1.3);
      -moz-transform:  scale(1.3);
      -o-transform:  scale(1.3);
}

.level-2 li a:hover .scale > span{
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
		 -ms-transform:  scale(1.3);
      -moz-transform:  scale(1.3);
      -o-transform:  scale(1.3);
}

#voice .wbox p,#voice2 .wbox p{font-size:16px;line-height:150%;}
#voice h4,#voice2 h4{color:#231815;margin-bottom:10px;}
.infoname{text-align:right;}

/**/
.slidework{margin-bottom:80px;}

.slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -26px;
}
.slick-dots li button:before {
    font-family: 'slick';
	font-size: 16px;}
.nav-previous {
    float: left;
}

.slick-prev::before {
    content: url(../cmn/prev_m.png) !important;
}

.slick-next::before {
    content: url(../cmn/next_m.png) !important;
}
.slick-prev{left:-55px;}
.slick-next{right:-55px;}
.slick-prev,
.slick-next {
    width: 40px !important;
    height: 40px !important;
	z-index:10;    top: 44%;
}
.nav-next {
    float: right;
}
/*提携会場一覧*/
.tie_up{margin-top:40px;margin-bottom:40px;}

.tie_up1 th,.tie_up1 td{
border: 1px solid #b2b2b2;
padding: 10px;}

.tie_up1{width:calc(100% - 30px);margin:0 30px;margin-bottom: 30px;}
.tie_up1 th{width: 38%;background:#EFEFEF;}
.tie_up1 td{width:62%;}
.tie_up1 a:hover{color:#ACACAC;}

/**/
span.noi{display:block;}

#luxy{    overflow: hidden; }
.home #luxy{    overflow: hidden;     font-family: FB Californian Text Roman, "Times New Roman", A1 Mincho,"Hiragino Mincho ProN", 游明朝 Demibold, 游明朝体 ミディアム, "Yu Mincho Demibold", YuMincho, HGS明朝E, メイリオ, Meiryo, serif; }
#footer{margin-bottom: 16px;   /* border-top: 1px solid #909090;*/
    padding-top: 70px;position:relative;   }
#information .hat03{position:relative;}

#information .hat03:before {
    content: '';
    position: absolute;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    /*background-image: url(../img/index/hat05.png);*/
    background-size: 57%;
    
    bottom: -60px;
    right: 0;
    z-index: 1;
    opacity: 1;
    width: 36%;
    padding-top: 20%;
    /* margin-right: 0; */
}

/*.foot_in:before {
    position: absolute;
    content: url(../cmn/img_race.svg);
    bottom: -8%;
    right: -6%;
    z-index: 1;
    opacity: 1;
    width: 676px;
}*/

.foot_in {
    padding: 70px 0;
    position: relative;
    background: #faf6ef;
    border-radius: 0 0 288px 0px;
}

#box4_2 .hat04{position:relative;}

#box4_2 .hat04:before {
    content: '';
    position: absolute;
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-image: url(../img/index/hat04.png);
    background-size: 52%;
    bottom: 0;
    left: 0;
    z-index: -1;
    opacity: 1;
    width: 50%;
    max-width: 600px;
    padding-top: 20%;
    /* margin-right: 0; */
}
#instagram .hat01{position:relative;}
#instagram .hat05{position:relative;}
#box5_3{position:relative;}
.hat02{position:relative;}
.hat02:before {
    content: '';
    position: absolute;
    background-position: 0% 90%;
    background-repeat: no-repeat;
    background-image: url(../img/index/hat02.png);
    background-size: 100%;
    bottom: -100%;
    left: -6%;
    z-index: 1;
    width: 50%;
    max-width: 300px;
    padding-top: 30%;    /* margin-right: 0; */
}
#box3 .hat08{position:relative;}
#box3 .hat08:before {
    content: '';
    position: absolute;
    background-position: 0% 0%;
    background-repeat: no-repeat;
    background-image: url(../img/index/hat08.png);
    background-size: contain;
    top: -170px;
    left: 10%;
    z-index: 1;
    width: 50%;
    max-width: 300px;
    padding-top: 26%;
    /* margin-right: 0; */
}
.hat07{position:relative;}
/*.hat07:before {
    content: '';
    position: absolute;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../img/index/hat07.png);
    background-size: 52%;
    top: 0px;
    right: -90px;
    z-index: -1;
    opacity: 1;
    width: 50%;
    max-width: 600px;
    padding-top: 20%;
}*/

#instagram .hat05:before {
    content: '';
    position: absolute;
    background-position: 100% 0%;
    background-repeat: no-repeat;
    background-image: url(../img/index/hat05.png);
    background-size: 52%;
    top: -60px;
    right: 60px;
    z-index: -1;
    opacity: 1;
    width: 50%;
    max-width: 600px;
    padding-top: 20%;
    /* margin-right: 0; */
}
/*#instagram:after {
    content: '';
    position: absolute;
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-image: url(../img/index/hat06.png);
    background-size: 52%;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    width: 50%;
    max-width: 600px;
    padding-top: 20%;
}*/
#instagram .hat01:before {
    content: '';
    position: absolute;
    background-position: 100% 0%;
    background-repeat: no-repeat;
    background-image: url(../img/index/hat01.png);
    background-size: 52%;
    top: 0;
    right: 0;
    z-index: -1;
    opacity: 1;
    width: 50%;
    max-width: 600px;
    padding-top: 20%;
    /* margin-right: 0; */
}
.desc{text-align:center;}
.foot_logo{font-size:24px;text-align:center;letter-spacing:2px;    margin-bottom: 10px;}

.foot a{display:inline-block;-webkit-transition: all .3s;
    transition: all .3s;font-size:15px;}
.foot_ul li a{font-family: "Noto Sans JP", sans-serif;}

.copy{font-size:16px;text-align:right;margin-top:0px;padding-top: 14px;font-family: 'Sulphur Point', sans-serif;    position: relative;
    z-index: 2;}

p.address{font-size:16px;text-align:left;}
.foot h2 img{max-width:238px;}
.foot{padding-bottom: 10px;letter-spacing: 1px;}

.con_box_wrap {
    margin-top: 10px;
    margin-bottom: 12px;
}
/*
.con_box_wrap2 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 30px;    z-index: 10;
}*/


#footer .con_box_wrap2 {padding:0px 5%;}

    .con_box_wrap2_in{display: flex;
    align-content: center;}
    
.con_box .conp{font-size:20px;margin-bottom:50px;letter-spacing: 2px;}
.con_box {
    padding: 50px 0;
    position: relative;
    max-width: 880px;
    width: 100%;
    margin: 0 auto;
    padding-top:20px;
}

.con_box .col-md-4{text-align:center;}
.con_box .col-md-4 a{margin:0 auto;margin-top: 10px;}
.con_box .h3_wrap{    position: absolute;
    top: -24px;
    left: 0;
    right: 0;
    margin: 0 auto;z-index:10;text-align:center;}

.sb_instagram_wrap{width:100%;margin:0 auto;position:relative;}

#sb_instagram.sbi_palette_custom_1 #sbi_load .sbi_follow_btn a{    font-family: "Noto Sans JP", sans-serif;}

#sb_instagram.sbi_palette_custom_1 #sbi_load .sbi_follow_btn a:hover{background:#666!important;}

.sb_instagram_wrap:before {
  /*  content: '';
background: rgba(229,229,229,0.8);    height: 40%;
    width: 84vw;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);*/
}

.l_logo {
    padding-right: 30px;
    border-right: 1px solid #909090;
    display: flex;
    align-content: center;
    align-items: center;
    width: 232px;
    
}

.foot_logo img{width: 232px;height:auto;}

.l_logo img{/*width:100%;*/width:200px;height:auto;    max-width: 200px;}

.foot h2{text-align:left;}
/*.foot .container{max-width:972px;}*/


.sitemap{margin-bottom:30px;}

.kasen{text-decoration: underline!important;}
.kasen:hover{text-decoration:none!important;}

.foot .p-box--triangle_wrap{margin-bottom: 20px;}

.foot_ul{     display: flex;
    align-items: center;
    height: 100%;}
.foot_ul ul{text-align:center;}
.foot_ul li{position:relative;display:inline-block;}
.foot_ul ul ul li a{font-size:15px}
.foot_ul ul ul li{padding-left:24px;line-height: 150%;}
.foot_ul li:nth-child(1):after {
    content: ' ／';
}

.f_tel{font-size:30px;position:relative;}
.f_tel span{font-size:22px;}

/**/
#calendar{padding:60px 5%;/*border-top: 1px solid #ccc;*/}
#calendar li{margin-bottom:10px;}

#top_company .more{margin:0 auto;text-transform: lowercase;}

.map_wrap{display:table;width:100%;}
.map_l{display:table-cell;width:50%;background:#EFEFEF;padding: 4%;
    box-sizing: border-box;}
.map_r{display:table-cell;width:50%;background:#DDDDDD;padding: 4%;
    box-sizing: border-box;}

.map_frame{background:#fff;position:relative;}
.tit_m{position:relative;    padding-left: 30px;
    padding-bottom: 10px;}
.tit_m:before{width:2px;height:50px;background:#231815;content:'';position:absolute;z-index:1;left:16px;top:-16px;}

/**/
.newsbox {
    border: 2px solid #999;
    padding: 20px;
    margin-bottom: 30px;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
    text-align: left;
    line-height: 200%;
    box-sizing: border-box;
}

/**/

.teltime{font-size:16px;}

.con_box_in{/*max-width:920px;*/width:100%;margin:0 auto;}
/*
.con_btn {
    font-size: 22px;
    margin: 0 auto;
    max-width: 320px;
    width: 100%;
    line-height: 60px;
    background: #EE8319;
    color: #fff!important;
    display: block;
    z-index: 2;
    position: relative;
    text-align: center;
    overflow: hidden;
    padding-left: 56px;
}


.con_btn:before{position:absolute;z-index:10;top:0;left:0;width:100%;height:100%;
background:url(../cmn/mail.png) no-repeat 16px 50%}
.con_btn{
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.con_btn:hover {
  color: #fff;
}
.con_btn::after {
  top:0%;
  right:-100%;
  width: 100%;
  height: 100%;
}
.con_btn:hover::after {
  top: 0;
  right: 0;
  background-color: #e84618;
}*/
.con_box2 {
    margin-top: 6px;
    max-width: 450px;
    margin: 0 auto;
}
.con_box2 .f_tel {
    font-size: 24px;
    background: url(../cmn/tel.png) 0px 50% no-repeat;
background-size: 26px;
    max-width: 240px;
    padding-left: 26px;
}
.con_box2 .con_btn{
max-width: 200px;
    padding-left: 36px;
}
.f_tel {
    position: relative;
    width: 100%;
 /*   padding-left: 48px;*/
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto;
 /*   background: url(../cmn/tel.png) 0px 50% no-repeat;
    background-size: 42px;*/
}
.f_tel {
	font-size: 36px;line-height: 120%;
    font-weight: bold;}
.f_tel_wrap{color: #282832!important;
    max-width: 330px;
    display: block;
    margin-top: 8px;}
 .f_tel span {
	font-size: 15px;}
.mvBox {
    overflow: hidden;
}
/*.wrap1_animated {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;	width:100%;
}*/
.overhidden{overflow:hidden;}

@keyframes blockSlideRight {
    0% {
        width: 0%;
    }
    50% {
        width: 100%;
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
    }
}

@keyframes imgFadeInLeft {
    50% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
    }

}/*

.wrap1 {
    overflow: hidden;
    position: relative;
    display: block;width:100%;
}
.wrap2 {
    overflow: hidden;
    position: relative;
    display: block;width:100%;
}.wrap3 {
    overflow: hidden;
    position: relative;
    display: block;width:100%;
}
.wrap1_animated::after {
    animation: blockSlideRight 2s ease both;
    position: absolute;
    background: #282832;
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
*/
.img {
    transform: translateX(0%);
}

.img_animated {
    animation: imgFadeInLeft 2s ease both;
}

#service{padding:60px 0;position:relative;padding-bottom: 20px;}
#service a:hover h3{text-decoration: underline;}

#service h3{color:#231815;}

#service:before {
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background:#f8f7f5;
    -webkit-transform: skew(0, 3deg) translateY(40px);
    -moz-transform: skew(0, 3deg) translateY(40px);
    -ms-transform: skew(0, 3deg) translateY(40px);
    transform: skew(0, 3deg) translateY(40px);
}
#service h2 {
    position: absolute;
    z-index: 1;
    display: block;
    right: 0;
    top: 0;
    top: -30px;
    text-align: left;
    margin: auto;
    height: 280px;
}


#service .col-md-6{padding:0 30px;}
#service a{display:block;overflow:hidden;}
	
#service a:hover .wrap1_animated{
    -webkit-transform: scale(1.3)!important;
    transform: scale(1.3)!important;
}
/**/

.head_zissi{position:absolute;z-index:10;top:5%;right:5%;}

.shi_saigai{color:#46AF46;}
.shi_senmon{color:#FF9700;}

.catch{font-size:52px}

.zisseki{font-size:22px}
.zisseki span{font-size:40px}
.consulting1 p{font-size:20px}
.consulting1{}

.shizen_wrap{font-size:18px;padding:24px;background:rgba(255,255,255,0.7);}
.shizen_wrap{width:520px;position:absolute;
    left: 9%;bottom:56px;}

.shizen_wrap li{width:25%;text-align:center;padding:4px 10px;}
.shizen_wrap li img{width:100%;height:auto;}

.shizen_wrap ul{width:100%;display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;}


.shizen1{color:#46AF46;border:1px solid #46AF46;padding:4px;margin-top:4px;}
.shizen1 p{text-align:center;font-weight:bold;}

.consulting1 h1{color:#46AF46;line-height: 150%;}

.tate3 {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
@media (min-width: 768px){
/*768px以上*/
.tate {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
}@media (min-width: 1024px){
/*1024px以上*/
.tate2 {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}
}
/**/

.wbox{padding:18px;background:#fff;box-sizing:border-box;}

.catch{width: 530px;
    height: 284px;
    text-align: center;
    color: #424242;
    margin: 0 auto;
    font-weight: bold;
    background: rgba(0,0,0,0.6);
    padding: 50px;text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.7686274509803922), 0px 0px 6px rgba(0, 0, 0, 0.7686274509803922), 0px 0px 6px rgba(0, 0, 0, 0.7686274509803922), 0px 0px 6px rgba(0, 0, 0, 0.7686274509803922), 0px 0px 6px rgba(0, 0, 0, 0.7686274509803922), 0px 0px 6px rgba(0, 0, 0, 0.7686274509803922);}

.catch {
    font-size: 42px;
    color: #fff;
}

.p_zisseki{    font-size: 62px;
    letter-spacing: 0.1em;
   }

.s_no{font-size: 42px;
    margin-left: 20px;
    color: #e84618;}

.s_one{    font-size: 90px;
    color: #e84618;}
/**/

.uketsuke_wrap{background:#ff9900;color:#fff;padding:20px 0;margin-bottom:40px;}
.uketsuke_wrap h3{font-size:53px;padding-bottom:6px;border-bottom:1px solid #fff;color:#fff;}
.uketsuke_wrap h3 span{font-size:22px;font-weight:bold;color:#fff;    vertical-align: middle;}
.uketsuke_wrap .container{width:1000px;margin:0 auto;max-width: 100%;padding:0 15px;}

.sodan_r{position:relative;    margin-top: 20px;text-align:center;}
/**/

#insurance h3{color:#fff;text-align:center;font-size:36px;font-weight:bold;}

/**/

.tel a{font-weight:bold;font-family:Arial;font-size:44px;
background:url(../img/tel.png) no-repeat 0 50%;padding-left:30px;background-size:26px;
}
.tel{display: block;
    line-height: 100%;
    padding: 10px;}

.tel_wrap .teltime{font-size:16px;font-weight:bold;display:block;color:#231815;padding-left: 30px;}
.consulting1{bottom:38px;right:72px;z-index:10;position:absolute;}

.squareBox{position: relative;background: rgba(255,255,255,0.8);width:460px;border-radius:50%;text-align:center;font-weight:bold;}
.squareBox:before{display: block;
    content: '';
		padding-top: 100%;}
.squareBox_in{position: absolute;
    top: 0;
    width: 100%;
    height: 100%;box-sizing: border-box;padding: 0 30px;}

.mannaka{display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;}

.mannaka2{display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;}
.nozomi2{padding-bottom:10px;}
.nozomi2_in{    padding-top: 40px;
    padding: 30px;
    margin-top: -63px;
    background: #fff;
    z-index: 10;
    position: relative;}
.sub_content{  margin-right: 2%;    height: 100%;}
.sub_content a{display:block;}
.sub_content span {
    font-size: 22px;
    font-weight: 300;
    display: block;
    font-family: 'Sulphur Point', sans-serif;
    font-family: "Noto Sans JP", sans-serif;
    text-transform: lowercase;
    font-weight: bold;line-height: 150%;
}
.sub_content a{position:relative;width: 100%;
    height: 100%;}
.sub_content a .img{background-size:cover;background-position:50% 50%;background-repeat:no-repeat;height:100%;width:100%;}

.sub_content a p {
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 5%;
    color: #fff;
    font-feature-settings: "palt";
    font-weight: bold;
}
.sub_content  .subflex{
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    text-align: center;
}
.sub_content li{position:relative;}
.masked-background:before{position:absolute;z-index:8;background:rgba(0,0,0,0.3);top:0;left:0;width:100%;height:100%;content:'';}
.sub_content li a .masked-background{
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);-webkit-transition: all .3s;
}

.sub_content li:nth-child(2) a .masked-background{background-position: 50% 0%;}

.sub_content li a:hover .masked-background{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
	filter: grayscale(100%);    width: 100%;-webkit-transition: all .3s;}

.sub_content .container{width: 100%;padding:0;    height: 100%;}
.sub_content .container .row{height: 100%;}
.subflex > div {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: center;
    height: 100%;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: center;
    font-size: 36px;
    padding-top: 20%;
}

 /* ページャー */
.pagination1{
    margin-top:50px;
    text-align:center}
.page-numbers li{display:inline-block;}
a.page-numbers,
.pagination1 .current{
    background-color: #fff;
    border: solid 1px #666;
    border-radius:0px;
    padding:6px 9px;
    margin:0 2px;
    text-decoration: none;
    color:#666;line-height: 140%;}
 
.pagination1 .current{
    background-color: #666;
    border: solid 1px #666;
    color:#FFFFFF;line-height: 140%;}
 
 .pagination1 a:hover{
    color: #ffffff!important;
    border: solid 1px #666;
    background-color: #666;}
/**/

.m_main{margin-right:80px;}

/*下層*/
.submenu {
    display: none;
}
.breadcrumbs {
    /* padding: 10px 15px; */
    text-align: left;
    position: relative;
    z-index: 10;
    width: 100%;
   /* max-width: 1840px;*/
    margin: 0 auto;    margin-bottom: 30px;
}.breadcrumbs a{}
.breadcrumbs a:hover{text-decoration:underline;}
.breadcrumbs span{font-size: 14px;}

.kaso_back {position: relative;
	overflow:hidden;
}



.pageback{padding:100px 0;background:#ccc;}

.date{font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Verdana, "メイリオ", Meiryo, sans-serif;}

.kaso_back{padding: 30px 5%;padding-bottom:0;}
.kaso_back h2.foCT{
   /* display: flex;
    flex-wrap: wrap;
    padding-bottom: 0;align-items: center;    font-size: 38px;margin-bottom:0;    font-weight: normal;*/margin-bottom:0;
}

.kaso_tit {
    min-width: 344px;
    width: 100%;
    max-width: 480px;
    line-height: 118px;
    box-sizing: border-box;
    margin: 0 auto;
    padding-top: 10px;
    padding-bottom: 6px;
	text-align:center;
}

.gallery2 li a > div {
    padding-top: 136.3%;
}

.gallery2 li a{display:block;
position:relative;
  max-width:100%;
  height:100%;
  /*padding-bottom:160%;/* 幅に対する縦のサイズ */
  overflow:hidden;
}
.gallery2 li a > div{background-color:#fff;background-repeat:no-repeat;background-size:cover;background-position:50% 50%;    width: 100%;
    height: 100%;  -webkit-transition: all .3s;
  transition: all .3s;}

.gallery2 li a:hover > div{opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";}

.fixed_tag{position: fixed;
    right: 0;
    top: 10%;
    z-index: 100;}
.fixed_tel{
	background:#ff9700 url(../img/tel.png) 50% 20px no-repeat;
    background-size: 26px;
    width:82px;margin-bottom:20px;text-align:center;font-weight:bold;}
.fixed_tel a{display:block;padding-top: 60px;padding-bottom: 20px;}


.fixed_mail{ 
    margin: 0 auto;
    text-align: center;
    display: block;
    font-size: 22px;
    font-weight: bold;
    background: #fffb64 url(../img/mail.png) 50% 20px no-repeat;
    background-size: 43px;
    width:82px;text-align:center;font-weight:bold; }
.fixed_mail a{display:block;line-height: 82px;padding-top: 60px;padding-bottom: 20px;}

.check1{
    background: url(../cmn/check.png) no-repeat 0 50%;
    padding: 5px 0;
    padding-left: 28px;
    font-weight: bold;
}
#movie_top{
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 100vh;
}
.movie_block{display:block!important;animation: fadeIn 1.5s ease 0s normal;
    -webkit-animation: fadeIn 1.5s ease 0s normal;}

#movie_top #video {
    background: #ccc;
    width: 100%;
    z-index: 1;
  /*  position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;*/
    margin: auto;
    
      object-fit:contain;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
    
    
}/*
#movie_top #video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}*/
/**/
.collection-page {
    width: 100%;
    height: 100vh;
    min-height: 600px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.collection-page img{
    -webkit-transition: 1.2s;
    -o-transition: 1.2s;
    transition: 1.2s;max-width:700px;
}

 .inview-zoom {
    width: auto;
    height: auto;-webkit-transform: rotate3d(1, 1, 0, 20deg) translate(-50px, 50px) skew(1deg, 1deg) scale(0.9);
    transform: rotate3d(1, 1, 0, 20deg) translate(-50px, 50px) skew(1deg, 1deg) scale(0.9);
    opacity: 0
}
 .inviewed-zoom{
    -webkit-transform: rotate3d(0, 0, 0, 0deg) translate(0, 0) skew(0deg, 0deg) scale(1);
    transform: rotate3d(0, 0, 0, 0deg) translate(0, 0) skew(0deg, 0deg) scale(1);
    opacity: 1;
}

/* up */
.inview-up,
ul.inview-up li,
ol.inview-up li,
dl.inview-up dt,
dl.inview-up dd {
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: translate3d(0,20px,0) scale(1.0);
  transform: translate3d(0,20px,0) scale(1.0);
  opacity: 0;
}
.inviewed-up,
ul.inviewed-up li,
ol.inviewed-up li,
dl.inviewed-up dt,
dl.inviewed-up dd {
  -webkit-transform: translate3d(0,0,0) scale(1.0);
  transform: translate3d(0,0,0) scale(1.0);
  opacity: 1;
}

.myClass{ 
  opacity: 0!important;}


/* fade */
.inview-fade,
ul.inview-fade li,
ol.inview-fade li,
dl.inview-fade dt,
dl.inview-fade dd {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transform: translate3d(0,0,0) scale(1.0);
  transform: translate3d(0,0,0) scale(1.0);
  opacity: 0;
}
.inviewed-fade,
ul.inviewed-fade li,
ol.inviewed-fade li,
dl.inviewed-fade dt,
dl.inviewed-fade dd {
  -webkit-transform: translate3d(0,0,0) scale(1.0);
  transform: translate3d(0,0,0) scale(1.0);
  opacity: 1;
}


.inview-blur{
    position: relative;
    z-index: 1;
    -webkit-transition: 1.5s 0.7s cubic-bezier(0.08, 1.06, 1, 1);
    -o-transition: 1.5s 0.7s cubic-bezier(0.08, 1.06, 1, 1);
    transition: 1.5s 0.7s cubic-bezier(0.08, 1.06, 1, 1);
    -webkit-filter: blur(30px);
    filter: blur(30px);
    opacity: 0;
}
.inviewed-blur{
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
}


.inview-Y {
    -webkit-transform: translateY(60px);
    -ms-transform: translateY(60px);
    transform: translateY(60px);
	-webkit-transition: 1s cubic-bezier(0.08, 1.06, 1, 1);
    -o-transition: 1s cubic-bezier(0.08, 1.06, 1, 1);
    transition: 1s cubic-bezier(0.08, 1.06, 1, 1);
}
.inviewed-Y {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.inview-Y2 {
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);
	-webkit-transition: 1s cubic-bezier(0.08, 1.06, 1, 1);
    -o-transition: 1s cubic-bezier(0.08, 1.06, 1, 1);
    transition: 1s cubic-bezier(0.08, 1.06, 1, 1);
}
.inviewed-Y2 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
/*
.home-identity.on:before {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.home-identity:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: 2s cubic-bezier(0.08, 1.06, 1, 1);
    -o-transition: 2s cubic-bezier(0.08, 1.06, 1, 1);
    transition: 2s cubic-bezier(0.08, 1.06, 1, 1);
    background: url(../img/base/identity_bg_01.jpg) center no-repeat;
    background-size: cover;
    -webkit-filter: blur(30px);
    filter: blur(30px);
    opacity: 0;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}*/



/**/




/*カレンダー用*/
#calendar .container{    max-width: 1000px;
    margin-top: 70px;}

.marugry{width: 32px;
    height: 32px;
    background: #666666;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    display: inline-block;}


.holi2 {
    background: #3c639d!important;
}

.marugry_wrap{display: flex;align-items: center;}

.marugry_wrap p{display:inline-block;}
.marugry_wrap p{display:flex;
justify-content: center;
  align-items: center;    margin-left: 10px;
}
.shop-calendar{color:#231815!important;}
.shop-calendar .caption{font-weight:bold;    margin-bottom: 6px;}

.shop-calendar-table td{width:35px;height:35px;}

.shop-calendar-table .holiday {
    /* color: #f00; */
    color: #fff!important;
    background: #666;
    /* display: -webkit-box; */
    display: -ms-flexbox;
    /* display: flex; */
    /* -webkit-box-align: center; */
    -ms-flex-align: center;
    /* align-items: center; */
    /* -webkit-box-pack: center; */
    -ms-flex-pack: center;
    /* justify-content: center; */
    border-radius: 50%;
    margin: 0 auto;
}
.shop-calendar-table .today-holiday {
    /* color: #f00; */
    color: #fff!important;
    background: #666;
    /* display: -webkit-box; */
    display: -ms-flexbox;
    /* display: flex; */
    /* -webkit-box-align: center; */
    -ms-flex-align: center;
    /* align-items: center; */
    /* -webkit-box-pack: center; */
    -ms-flex-pack: center;
    /* justify-content: center; */
    border-radius: 50%;
    margin: 0 auto;
}

/*.cale1 tr td:nth-child(2).holiday,.cale1 tr td:nth-child(6).holiday{    background: #3c639d!important;}
.cale1 tr td:nth-child(2).today-holiday,.cale1 tr td:nth-child(6).today-holiday{    background: #3c639d!important;}*/

.cale-next1 tr td:nth-child(2).holiday,.cale-next1 tr td:nth-child(6).holiday{    background:rgba(0,0,0,0.00)!important;color:#231815!important;}
.cale-next1 tr td:nth-child(2).today-holiday,.cale-next1 tr td:nth-child(6).today-holiday{    background:rgba(0,0,0,0.00)!important;color:#231815!important;}

.cale-next2 tr td:nth-child(2).holiday,.cale-next2 tr td:nth-child(6).holiday{    background:rgba(0,0,0,0.00)!important;color:#231815!important;}
.cale-next2 tr td:nth-child(2).today-holiday,.cale-next2 tr td:nth-child(6).today-holiday{    background:rgba(0,0,0,0.00)!important;color:#231815!important;}

.cale-next3 tr:nth-child(5) td:nth-child(6).holiday,.cale-next3 tr:nth-child(5) td:nth-child(6).today-holiday{ background:rgba(0,0,0,0.00)!important;color:#231815!important;}

/*.cale1.cale-next4 tr td:nth-child(2).holiday {
    background: #fff!important;
    color: #231815!important;
}*/

.sankaku2{background:url(../cmn/sankaku2.png) no-repeat 50% 0%;background-size:32px;display:inline-block;width:32px;height:32px;}
.cale1.cale-next4 tr td:nth-child(6).holiday,.cale1.cale-next4 tr td:nth-child(6).today-holiday{
	background: #fff!important;    color: #231815!important;
}
.cale1.cale-next4 tr td:nth-child(3){
position: relative;
    background: url(../cmn/sankaku2.png) no-repeat 50% 20%;
    background-size: 35px;
}

.cale1.cale-next14 tr:nth-child(6) td:nth-child(3){background:none;}
.cale1.cale-next15 tr:nth-child(3) td:nth-child(3){background:none;}


.cale1.cale-next4 tr:nth-child(2) td:nth-child(3){
background:none;
}

.cale1.cale-next5 tr:nth-child(2) td:nth-child(3){
    position: relative;
    background: url(../cmn/sankaku2.png) no-repeat 50% 0px;
    background-size: 28px;}
.cale1.cale-next5 tr:nth-child(5) td:nth-child(3){
background:none;
}

.cale1.cale-next6 tr:nth-child(6) td:nth-child(3){
background:none;

}
.cale1.cale-next7 tr:nth-child(2) td:nth-child(3){
position: relative;
    background: url(../cmn/sankaku2.png) no-repeat 50% 20%;
    background-size: 35px;
}

.cale1.cale-next4.cale-next6 tr:nth-child(5) td:nth-child(3), .cale1.cale-next4.cale-next6 tr:nth-child(5) td:nth-child(3).today {
    background: none!important;
    color: #231815!important;
}

.cale1.cale-next6 tr:nth-child(2) td:nth-child(3){position: relative;
    background: url(../cmn/sankaku2.png) no-repeat 50% 20%;
    background-size: 35px;}

.cale1.obon2024 tr:nth-child(4) td:nth-child(5),
.cale1.obon2024 tr:nth-child(4) td:nth-child(6){/*2024年8月15-16日お盆休み*/
    color: #fff!important;
    background: #666;
    border-radius: 50%;
    margin: 0 auto;
}

.cale1.obon2024 tr:nth-child(4) td:nth-child(3) {
	background: none!important;
}

/*.cale1.cale-next4.cale-next7 tr:nth-child(6)  td:nth-child(3),.cale1.cale-next4.cale-next7 tr:nth-child(6) td:nth-child(3).today {    color: #fff!important;
    background: #666;
    width: 30px;
    height: 30px;
    display: -ms-flexbox;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    border-radius: 50%;
    margin: 0 auto;}
*/


.cale1.cale-next4.cale-next8 tr:nth-child(7) td:nth-child(3), .cale1.cale-next4.cale-next8 tr:nth-child(7) td:nth-child(3).today{background:none;}

.cale1.cale-next4.cale-next8 tr:nth-child(2) td:nth-child(6).holiday, .cale1.cale-next4.cale-next8 tr:nth-child(2) td:nth-child(6).today-holiday  {  background:#666!important;
	color: #fff!important;}
.cale1.cale-next4.cale-next8 tr:nth-child(3) td:nth-child(3),.cale1.cale-next4.cale-next8 tr:nth-child(3) td:nth-child(3).today { background:none;
	color: #231815!important;

}
.cale1.cale-next9 tr:nth-child(2) td:nth-child(3){background:none;}

.cale1.cale-next4.cale-next10 tr:nth-child(7) td:nth-child(3){background:none;}
.cale1.cale-next4.cale-next10 tr:nth-child(3) td:nth-child(3),.cale1.cale-next4.cale-next10 tr:nth-child(3) td:nth-child(3).today { background:none;
	color: #231815!important;
}
.cale1.cale-next4.cale-next12 tr:nth-child(7) td:nth-child(3){background:none;}

.cale1.cale-next4.cale-next13 tr:nth-child(5) td:nth-child(3){background:none;}



.cale1.cale-next15 tr:nth-child(2) td:nth-child(7){
	color: #fff!important;
    background: #666;
    border-radius: 50%;
    margin: 0 auto;}

.cale1.cale-next15 tr:nth-child(3) td:nth-child(1),.cale1.cale-next15 tr:nth-child(3) td:nth-child(2),.cale1.cale-next15 tr:nth-child(3) td:nth-child(3){
	color: #fff!important;
    background: #666;
    border-radius: 50%;
    margin: 0 auto;}
.cale1.cale-next14 tr:nth-child(6) td:nth-child(5),
.cale1.cale-next14 tr:nth-child(6) td:nth-child(6){
	color: #fff!important;
    background: #666!important;
    border-radius: 50%;
    margin: 0 auto;}

.cale1.cale-next15 tr:nth-child(3) td:nth-child(3){background:none;color: inherit!important;}

.cale1.cale-next17 tr:nth-child(2) td:nth-child(3) {
    background: none;
}

.cale1.cale-next18 tr:nth-child(6) td:nth-child(6),.cale1.cale-next18 tr:nth-child(6) td:nth-child(7),.cale1.cale-next18 tr:nth-child(7) td:nth-child(1) {color: #fff!important;
    background: #666;
    border-radius: 50%;
}

/* 2024.01.01～04 */
.cale1.cale-next19 tr:nth-child(2) td:nth-child(2),
.cale1.cale-next19 tr:nth-child(2) td:nth-child(3),
.cale1.cale-next19 tr:nth-child(2) td:nth-child(5){
  color: #fff!important;
    background: #666!important;
    border-radius: 50%;
    margin: 0 auto;}

/**/
/* 2024.12 */
.cale-2412 tr:nth-child(6) td:nth-child(1),
.cale-2412 tr:nth-child(6) td:nth-child(2),
.cale-2412 tr:nth-child(6) td:nth-child(3){
    /* color: #f00; */
    color: #fff!important;
    background: #666;
    /* display: -webkit-box; */
    display: -ms-flexbox;
    /* display: flex; */
    /* -webkit-box-align: center; */
    -ms-flex-align: center;
    /* align-items: center; */
    /* -webkit-box-pack: center; */
    -ms-flex-pack: center;
    /* justify-content: center; */
    border-radius: 50%;
    margin: 0 auto;
}
/*2025.01*/
.cale-2501 tr:nth-child(2) td:nth-child(5),
.cale-2501 tr:nth-child(2) td:nth-child(6),
.cale-2501 tr:nth-child(2) td:nth-child(7){
    /* color: #f00; */
    color: #fff!important;
    background: #666;
    /* display: -webkit-box; */
    display: -ms-flexbox;
    /* display: flex; */
    /* -webkit-box-align: center; */
    -ms-flex-align: center;
    /* align-items: center; */
    /* -webkit-box-pack: center; */
    -ms-flex-pack: center;
    /* justify-content: center; */
    border-radius: 50%;
    margin: 0 auto;
}

/* 2025.02 */
.cale-2502 tr:nth-child(4) td:nth-child(3){
    background:none;
    }
/* 2025.04 */.cale-2504 tr:nth-child(6) td:nth-child(3) {
    background: none;
}
/* 2025.08 */.cale-2508 tr:nth-child(4) td:nth-child(6),.cale-2508 tr:nth-child(4) td:nth-child(7) {
    /* color: #f00; */
    color: #fff!important;
    background: #666;
    /* display: -webkit-box; */
    display: -ms-flexbox;
    /* display: flex; */
    /* -webkit-box-align: center; */
    -ms-flex-align: center;
    /* align-items: center; */
    /* -webkit-box-pack: center; */
    -ms-flex-pack: center;
    /* justify-content: center; */
    border-radius: 50%;
    margin: 0 auto;
}
/* 2025.12 */
.cale1.cale-next2512 tr:nth-child(6) td:nth-child(2),
.cale1.cale-next2512 tr:nth-child(6) td:nth-child(3){
  color: #fff!important;
    background: #666!important;
    border-radius: 50%;
    margin: 0 auto;}

/* 2026.01 */
.cale1.cale-next2601 tr:nth-child(2) td:nth-child(5),
.cale1.cale-next2601 tr:nth-child(2) td:nth-child(6),
.cale1.cale-next2601 tr:nth-child(2) td:nth-child(7),
.cale1.cale-next2601 tr:nth-child(3) td:nth-child(1){
 color: #fff!important;
    background: #666!important;
    border-radius: 50%;
    margin: 0 auto; 
}

.accordionbox{padding-top:50px;padding-bottom:50px;}
.accordionlist{
/*width: 80%;*/
    margin: 30px 20px;
	box-shadow: 0px 0px 10px rgba(200,200,200,0.5);
    -webkit-box-shadow: 0px 0px 10px rgba(200,200,200,0.5);
    -moz-box-shadow: 0px 0px 10px (200,200,200,0.5);
	background:#fff;
}
.accordionlist dt{position:relative;
    display:block;cursor: pointer;
    padding: 15px;padding-left:60px;
    border-top: 1px solid #DFDFDF;font-weight:bold;
background: url(../cmn/q1.png)no-repeat 15px 20px;
    background-size: 35px;
	
}
.accordionlist dt:first-child{
    border-top: none !important;
}
.accordionlist dt .title{
	float: left;
	font-size:22px;padding-top: 10px;width: calc(100% - 65px);
}
.accordionlist dt .title2{
    /*padding-left: 10px;padding-top: 10px;*/
	float: left;
	font-size:22px;width:90%;
}
.accordionlist dd{
    display:none;
	background:#F7F7F7 url(../cmn/a1.png)no-repeat 15px 20px;
	background-size: 35px;
    padding: 15px;padding-left:60px;}
.accordion_icon,
.accordion_icon span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}


.accordion_icon {
	right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
	position: relative;    position: absolute;
	width: 50px;
	height: 50px;
	float: right;
	margin-right:30px;
	background:#9a8f66;
	border-radius:25px;
}
.accordion_icon span {
	position: absolute;
left:0;right:0;margin:auto;
width: 50%;
    height: 3px;
    background-color: #ffffff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
    top: 25px;
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
    top: 25px;
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.accordion_icon:hover{cursor: pointer;}
.accordion_icon.active2 span:nth-of-type(1) {
	display:none;
}
.accordion_icon.active2 span:nth-of-type(2) {
	top: 25px;
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

span.require {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 10px;
    width: 55px;
    height: 32px;
    padding: 3px 10px;
    color:#fff;
    background: #231815;
    z-index: 1;
    font-size: 14px;
    text-align: center;line-height:27px;
}

input[type="tel"],
input[type="email"] {
    border: 1px solid #ccc;
    padding: 5px;
    color: #231815;
    background: -webkit-gradient( linear, left top, left bottom, from(#eee), to(#fff));
    background: -moz-linear-gradient( top, #eee, #fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee, endColorstr=#ffffffff);
    zoom: 1;

}

input[type="text"], textarea {
    border: 1px solid #ccc;
    padding: 5px;
    color: #231815;
    background: -webkit-gradient( linear, left top, left bottom, from(#eee), to(#fff) );
    background: -moz-linear-gradient( top, #eee, #fff );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff);
    zoom: 1;	

}

 textarea { 
    width: 100%;    height: 200px;}


input[type="submit"],input[type="button"]{
    max-width: 234px;
    width: 100%;
    line-height: 44px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 26px;  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
font-family: 'Crimson Text', "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Verdana, "メイリオ", Meiryo, sans-serif;	position:relative;  z-index: 2;
  overflow: hidden;
}

.require_table th {
    width: 30%;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #cccccc;
    background: #f7f7f7;
    position: relative;
    text-align: left;padding-right:60px;
}

.require_table td {
    width: 70%;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #cccccc;background:#fff;
}

.require_table tr:last-child {
    border-bottom: 1px solid #cccccc;
}

.require_table {
    width: 100%;
    margin: 0 auto;margin-bottom: 30px;
}


.table_contact th {
    width: 30%;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #231815;border-left:none;
    position: relative;
    text-align: left;padding-right:60px;

}

.table_contact td {
    width: 70%;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #231815;background:#fff;	border-left:none;border-right:none;
}

.table_contact tr:last-child {
    border-bottom: 1px solid #cccccc;
}

.table_contact {
    width: 100%;
    margin: 0 auto;margin-bottom: 30px;
}

.table_contact tbody,
.table_contact tr {
    width: 100%;
}
/*会社概要*/
.history2 li{ padding: 6px;border-bottom: 1px solid #ccc;font-size:16px;}

.syumoku_tb{width:calc(100% - 60px);margin:0 30px;margin-bottom: 30px;}
.syumoku_tb th{width: 38%;background:#EFEFEF;border: 1px solid #b2b2b2;
    padding: 10px;text-align:center;}
.syumoku_tb td{width:62%;border: 1px solid #b2b2b2;
    padding: 10px;}
.syumoku_tb a:hover{color:#ACACAC;}

.syumoku_tb2 th{font-weight:normal;background:#fff;}


/*子育て支援対策*/
.child_care {
    padding: 20px;
}
.child_care ul li{
    list-style-type: disc;
}

.privacy{
    padding: 40px;
}
.privacy li{
    list-style-type: decimal;
}


/**/
.know_wrap{padding-top:18px;}
.know_wrap .gry1 img{height:54px;width:auto;}
.know_wrap .col-md-4{padding:0 6px;}

#contents1{padding:60px 0;    padding-top: 100px;}

.whiteback{background:#fff;padding:30px;}
.whiteback2 {
    background: #fff;
    padding: 60px;border:1px solid #231815;
}


.contactbox{padding:30px;background:#ff8429;color:#fff;text-align:center;}
.conceptbox{padding:20px;background:#f7f7f7;padding-bottom:0;}

.case .new_tit{
    color: #231815 !important;
}

.sitemap li{
    list-style: circle;
    margin-left: 15px;
}

.map iframe{
    max-width: 100%;
}

/*サービス　service*/
.gry_back {
    padding: 60px 0;
    position: relative;
    padding-bottom: 40px;
    margin-top: 45px;
    margin-bottom: 65px;
}
.gry_back:before {
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f8f7f5;
    -webkit-transform: skew(0, 3deg) translateY(20px);
    -moz-transform: skew(0, 3deg) translateY(20px);
    -ms-transform: skew(0, 3deg) translateY(20px);
    transform: skew(0, 3deg) translateY(20px);
}
.plan h4{color:#231815;}
.plan h4{font-size:24px;line-height: 57px;padding-left:64px;margin-bottom:30px;}
.plan h5{font-size:20px;margin-bottom:30px;}
.plan .icon1_h4{background: url(../cmn/ico2.png ) no-repeat 0px 50%;
    background-size: 50px;color:#EE8319;}
.plan .icon2_h4{background: url(../cmn/ico1.png ) no-repeat 0px 50%;
    background-size: 50px;color:#EE8319;}
.plan .icon3_h4{background: url(../cmn/ico3.png ) no-repeat 0px 50%;
    background-size: 50px;color:#EE8319;}

.c_banner{box-sizing:border-box;border:1px solid #ccc;}

.area_wrap{
    position: relative;
    padding: 60px 0;
    margin-bottom: 60px;
}

.area_wrap:before {
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #FFF9E2;
    -webkit-transform: skew(0, -3deg) translateY(0px);
    -moz-transform: skew(0, -3deg) translateY(0px);
    -ms-transform: skew(0, -3deg) translateY(0px);
    transform: skew(0, -3deg) translateY(0px);
}
.areabox{padding:30px;background:#fff;font-size:20px;margin-bottom:16px;}

#why h4,#aftercare h4{text-align:center;font-size:24px;color:#231815;margin-bottom:50px;}
#why h5,#aftercare h5{    color: #282832;
    margin-bottom: 26px;}

.merit_txt{font-size:25px;color:#EE8319;letter-spacing:1px;height:180px;}

.merit_txt:before{color:#EE8319;content:'■ ';font-size:25px;}

.merit1{position:relative;display:table;width:202px;height:202px;margin:0 auto;}
.merit1_in{display:table-cell;text-align:center;vertical-align:center;width:100%;height:100%;}

.merit1:after {
    width: 0;
    height: 0;
    border-bottom: 202px solid rgba(238,131,25,0.56);
    border-left: 202px solid transparent;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -2;
    content: '';}

.aftercare_in{
    position: relative;
    padding: 60px 0;
    margin-bottom: 60px;
}
.aftercare_in:before {
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f8f7f5;
    -webkit-transform: skew(0, 3deg) translateY(20px);
    -moz-transform: skew(0, 3deg) translateY(20px);
    -ms-transform: skew(0, 3deg) translateY(20px);
    transform: skew(0, 3deg) translateY(20px);
}
.kikan_table{width:100%;margin-bottom:30px;}
.kikan_table th,.kikan_table td{background:#ffffff;border:1px solid #f8f7f5;padding:10px;}
.kikan_table th{width:35%;}
.kikan_table td{width:65%;}

.mensai{background:#ffffff;padding:20px;margin-bottom:20px;}
.mensai h6{font-size:17px;color:#231815;margin-bottom:20px;}
.mensai h6:before{content:'■ ';}
/* --------------------------------
 * CONTACT
 * -------------------------------- */

.body .contact .bodywrap{margin-top:32px;}

#contact_box{padding:20px;margin:20px 0;box-sizing:border-box;}
#contact_box table{width:100%;}
#contact_box th{font-size:17px;font-weight:bold;margin-bottom:10px;padding:10px 0;width:30%;position:relative;padding-left: 50px;}

#contact_box td{width:70%;padding:10px 0;}
.emphasis {
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 0;
    font-size: 14px;
    color: #fff;
    background: #231815;
    width: 38px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    text-align: center;
    right: 14px;
}
#contact_box th,#contact_box td{border-bottom:1px solid #ccc;}

span.date{width:137px;display:inline-block;text-align:center;    font-family: century-gothic,Gothic Medium BBB,"Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体,"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;}


.mw_wp_form .vertical-item{
	float:left;width:50%;margin-bottom:10px;}
input[type="text"],input[type="email"], input[type="number"], input[type="url"], input[type="password"], input[type="date"],input[type="tel"],textarea{
	background:#f8f7f5;padding:6px;font-size:16px;border:1px solid #eee;}

input[type="text"], input[type="email"]{
    width: 100%;
}
textarea {
    width: 100%;
}
.radio{padding:15px 0;}

.mwform-zip-field{display: block;
    margin-bottom: 20px;}

.contact_bottom li{text-align:center;font-size:17px;padding:16px 0;padding-bottom:46px;}
.contact_bottom a{color:#0084a3!important;}

#contact_box div.contact_bottom div.item {
    /* width: 400px; */
    margin: 20px auto;
    text-align: center;
}
#contact_box div.item input[type=submit] {
    max-width: 300px;
    width: 100%;
    line-height: 56px;
    padding-bottom: 3px;
    margin: 0 auto;
    text-align: center;
    display: block;
    font-size: 20px;
    font-weight: normal;
    color: #231815!important;
    letter-spacing: 2px;
    border: 1px solid #231815;
}
#contact_box div.item input[name=submitconfirm] {
    max-width: 210px;
    width: 100%;
    line-height: 36px;
    padding-bottom: 3px;
}
#contact_box div.item input[name=submitBack] {
    max-width: 210px;
    width: 100%;
    line-height: 36px;
    padding-bottom: 3px;margin-top: 20px;
}
#contact_box div.item input[type=submit]:hover {
  color: #fff!important;background:#231815;
	text-decoration:none;
}
.mwform-radio-field label input,.mwform-radio-field label span{vertical-align: middle;}
.button_wrap{    position: relative;
    z-index: 2;
    max-width: 234px;
    width: 100%;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    background: #EE8319;
    margin-bottom: 20px;}
.button_wrap_submitBack {background:#666;}


.button_wrap::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button_wrap::after {
  top:0%;
  right:-100%;
  width: 100%;
  height: 100%;    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button_wrap:hover::after {
  top: 0;
  right: 0;
  background:#e84618!important;
}

.mw_wp_form .error {
    font-size: 93%;
    color: #231815;
    display: block;
    margin-top: 10px;
}


.radio input[type="radio"]{
    display: none!important;
}

.radio  input[type="radio"] + span{
  padding-left: 26px;
  position:relative;
  margin-right: 20px;
}

.radio  input[type="radio"] + span::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;bottom:0;margin:auto 0;
  left: 0;
  width: 13px;
  height: 13px;
  border: 2px solid #cccccc;
  border-radius: 50%;
}

.radio  input[type="radio"]:checked + span{
  color: #009a9a;
}

.radio  input[type="radio"]:checked + span::after{
  content: "";
  display: block;
  position: absolute;
  top: 0;bottom:0;margin:auto 0;
  left: 2px;
  width: 9px;
  height: 9px;
  background: #009a9a;
  border-radius: 50%;
}

.container{max-width:1140px;padding:0 30px;}
.container.kasopage {
    padding-right: 8%;
    padding-left: 8%;position:relative;z-index:2;
}
@media (min-width: 1200px){
.container {
	width: 1340px;max-width: 100%;}}
@media (max-width: 992px){
	.f-box h2{display:block;}
.contact{max-width:inherit;}}
@media screen and (max-width: 900px){
.mw_wp_form .vertical-item {
    float: none;
    width: 100%;
    margin-bottom: 10px;
}
#contact_box {
    padding: 5%;}

#content_div.page div#contact_box div.contact_bottom div.item input[type=submit] {
    width: 250px;
    margin: 20px 0;font-size: 18px;
}
	
}

#mw-wp-form-captcha {
    text-align: center;
    padding: 0 3% 2.0em 3%;
    line-height: 2.5em;padding-top: 30px;
}
#mw-wp-form-captcha img{margin-bottom:10px;}
#mw-wp-form-captcha input{width:200px;height:50px;margin:0 auto;margin-top:10px;}

.page_contact-confirm h4{position:relative;text-align:center;font-size:22px;color:#008aaa;font-weight:bold;padding-bottom:20px;display:table;margin:0 auto;margin-bottom:20px;}
.page_contact-confirm h4:after{content:'';position:absolute;z-index:10;border-bottom:4px dotted #a1dbe5;left:0;right:0;margin:auto;bottom:0;width:calc(100% - 60px)}

.page_contact-complete h4{position:relative;text-align:center;font-size:22px;color:#008aaa;font-weight:bold;padding-bottom:20px;display:table;margin:0 auto;margin-bottom:56px;}
.page_contact-complete h4:after{content:'';position:absolute;z-index:10;border-bottom:4px dotted #a1dbe5;left:0;right:0;margin:auto;bottom:0;width:calc(100% - 60px)}

.page_contact-err h4{position:relative;text-align:center;font-size:22px;color:#ff4848;font-weight:bold;padding-bottom:20px;display:table;margin:0 auto;margin-bottom:20px;}
.page_contact-err h4:after{content:'';position:absolute;z-index:10;border-bottom:4px dotted #f7bfbf;left:0;right:0;margin:auto;bottom:0;width:calc(100% - 60px)}

.accordion li a{
    color: #231815;
}
/*flow*/


.flow_l{width:80px;height:80px;text-align:center;display: block;color:#fff;background:#282832;vertical-align:middle;box-sizing:border-box;border-radius:50%;}

.flow_l{font-size:30px;z-index:1;position:absolute;padding-top: 15px;line-height: 100%;}

.flow_l span.step{font-size:15px;display:block;    line-height: 100%;margin-bottom:5px;}
.flow-list2{position:relative;}

.flow-list{position:relative;}

.flow-list::before {
    background: #282832;
    content: "";
    height: 100%;
    height: calc(100%);
    width: 1px;
    position: absolute;
    left: 40px;
    top: 0;
}

.step-r{width: calc(100% - 120px);display:block;float:right;padding-bottom:80px;padding-top:30px;/*border-bottom: 1px solid #000;*/}


.flow_lwrap{width:100px;display:block;float:left;position:relative;}

.flow-inner{float:left;width:60%;}

.flowimg{float:right;width:37%;}
.flowimg img{width:100%;height:auto;}

.flow-listbox{padding:30px;background:#fff;border-radius:10px;}

.flow-list2::before{content:none;}
.flow-list h5,.flow-list2 h5{font-size:20px;margin-bottom:10px;margin-bottom:20px;color: #231815;}

/*よくある質問*/
#faq{background:#efefef;padding-bottom:100px;}
.faq_area{margin-top:60px;}
.faq{margin:20px 0;display:block;    margin-bottom: 40px;}
.faq dl dt,
.faq dl dd {
	padding:0;margin:0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.faq dl dt.question {background-color: #ffffff;
    width: 100%;
    padding: 20px 10px;
    padding-top: 26px;
    line-height: 140%;
    padding-left: 25px;
    display: table;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
    position: relative;
}
.tablecellbox1 h3{font-size:18px;margin-bottom:0;    line-height: 140%;}
.faq dt.question:before {
    content: 'Q';
    position: absolute;
    z-index: 10;
    top:30px;
    left: 20px;
    color: #231815;
    font-weight: bold;
    font-size: 34px;
}
  .faq  dl dt.question:first-child {background:#fff;
    border-bottom: solid 1px #d3d3d3;
    }
  .faq   dl dt.question:hover {
    }
   .faq  dl dt.question div.tablecellbox2 img {
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        -ms-transition: .5s;
	   vertical-align: middle;
    }

.rotate {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

.faq  dl dt.question div.tablecellbox1 {
    padding-left: 45px;
    padding-right: 2%;
    height: 32px;}


.faq  dl dt.question div.tablecellbox2 {
    width: 32px;
    height: 32px;
}
.faq  dd.answer {position:relative;
    line-height: 1.3;
    padding: 20px 10px;
	background:#f8f7f5 ; padding-left: 25px;
}
.faq  dd.answer:before{content:'A';position:absolute;z-index:10;top:14px;left:20px;color:#EE8319;font-weight:bold;font-size:34px;}

.faq dd.answer div.tablecellbox1 {
    vertical-align: top;
    padding-left: 40px;
}

div.tablecellbox1,
div.tablecellbox2 {
    display: table-cell;
    vertical-align: middle;
}

.question h4{margin-bottom: 0px;font-size:20px;line-height: 140%;}


/*業務案内*/
#s0,#s1,#s2{   padding-top: 70px;
    margin-top: -70px;}
#s2{    margin-bottom: 30px;}

.back_black{background:#231815;color:#fff;}
#s1 .serWord h4,#s1 .serWord p{color:#fff;}

.serBox {
    position: relative;    display: inline-block;
    width: 100%;    vertical-align: bottom;
}

.serImg {
    width: 50%;
}
.serImg img {
    width: 100%;height:auto;
}
.serWord {
    width: 40%;
    position: absolute;
    right: 4%;
    top: 54%;
    transform: translateY(-50%);
}
.list li{padding-left:1em;
text-indent:-1em;line-height: 170%;}

.service_label li{border: 1px solid #231815;padding:5px 10px;margin-right:10px;display:inline-block;margin-bottom:10px;font-weight:bold;font-size:15px;}
.service_label{margin-bottom:20px;}
#s1 .service_label li{border: 1px solid #fff;}
.back_black .serBox .serImg {
	float: right;
}

.back_black .serBox .serWord {
	right: auto;
	left: 9%;
}
.particular_box_wrap{
	margin-top: 96px;}

.particular_box{/*border:1px solid #282832;*/padding:0 20px;
padding-top:70px;
padding-bottom:30px;text-align:center;height:100%;    background: #FFF9E2}

.particular_box p{text-align:left;}

.c3{color:#231815;}
.c4{color:#282832;}

.fo24{font-size:26px;letter-spacing:2px;font-weight: bold;}
.fo18{font-size:20px;    line-height: 160%;}
.fo17 {
    font-size: 19px;
    line-height: 160%;
    font-weight: bold;
}

.serWord h4 {
    margin-bottom: 37px;
    font-size: 24px;
    letter-spacing: 4px;
}
/**/


/*COMPANY*/
.txt_concept{font-size:40px;margin-bottom:20px;}
.concept{padding:60px 0;margin-top:-40px;
}
 .client{ padding:60px 0;background:#231815;color:#fff;
}

#concept{padding-top:40px;padding-bottom:40px;position:relative;
    overflow: hidden;}


.concept_wrap{font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, "MS P明朝", "MS PMincho", serif;}
.concept_wrap h2{
    font-weight: normal;letter-spacing: 8px;-webkit-transition: 1.6s 0.4s;
    -o-transition: 1.6s 0.4s;
    transition: 1.6s 0.4s;
    opacity: 0;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);}

.on .concept_wrap h2{letter-spacing: 4px;-webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);opacity: 1;}

.concept_wrap p{letter-spacing:4px;}


.concept{position:relative; display: flex;
  flex-direction: row-reverse;}
.i_first{    width: 462px;
    height: 412px;
    position: absolute;
    background: #fff;
    padding: 40px;top:0;bottom:0;margin:auto 0;left:0;z-index:10;
    line-height: 2.2;
    -webkit-transition: 1.6s 0s;
    -o-transition: 1.6s 0s;
    transition: 1.6s 0s;
    opacity: 0;
    -webkit-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    transform: translateX(-60px);
}

.on .i_first{
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.img_first{    -webkit-transition: 1.6s 1s;
    -o-transition: 1.6s 1s;
    transition: 1.6s 1s;
    opacity: 0;
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px);}
.on .img_first{
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.ico1_wrap2{position:absolute;left:0;right:0;margin:0 auto;top:-63px;}
.ico1_wrap{display:table;width:126px;height:126px;margin:0 auto;border:2px solid #231815;border-radius:50%;background:#fff;}
.ico1{display:table-cell;vertical-align:middle;text-align:center;width:100%;height:100%;}
.ico1 img{height:86px;width:auto;}

.c1{color:#EE8319;}
.c2{color:#666666;}

#topimage{
    position: relative;
}
#topimage:before {
    z-index: 1;
    content: "";
    position: absolute;
    left: 0;
    bottom: -10%;
    width: 100%;
    height: 20%;
    background: #ffffff;
    -webkit-transform: skew(0, -2deg) translateY(0px);
    -moz-transform: skew(0, -2deg) translateY(0px);
    -ms-transform: skew(0, -2deg) translateY(0px);
    transform: skew(0, -2deg) translateY(0px);
}

.main-visual {
   /* width: 100%;
    background-size: cover;
    text-align: center;
    position: relative;overflow:hidden;margin-bottom:30px;*/
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
  /*  pointer-events: none;*/
}
.main-visual .img_v {
    text-align: center;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    padding: 20px;
}
.catch{font-size:42px;color:#fff;}

/**/
.upper{margin-top:230px;}
.upper2{margin-top:-180px;}

/**/

.yobou{padding:60px 0;}

.yobou_box{
padding: 60px;
background: #EFEFEF;}

.yobou_box2 {
    text-align: center;
    padding: 30px;
    height: 100%;
    background: #EFEFEF;
    display: flex;
    align-items: center;
    justify-content: center;
}

.yobou_box h3{margin-bottom: 20px;
    text-align: center;
}
.yobou_box h3:before{content:none;}

.yobou_box ul{
    display: table;
	margin: 0 auto;}

.yobou_box ul li{padding-left:1em;
	text-indent:-1em;}
.gallery_wrap {
    padding-bottom: calc(36px);
    height: 100%;
    box-sizing: border-box;
    position:relative;
}

.gallery_wrap .flex{width:100%;align-items: center;}

.gallery_wrap h3{margin-bottom:0;}

.gallery{ height: 100%;}
.gallery ul {
/*    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;    height: 100%;*/
    display: grid;
    grid-template-columns: repeat(8, calc(100%/8));
    grid-template-rows: repeat(3, 200px);
    column-gap:5px;
    row-gap:5px;
    width:calc(100% - 35px);
}
.gallery li {
    /*width: 12.5%;
    height: auto;*/
    background: #fff;
    margin-bottom: 0px;display: list-item;
}
.gallery li:nth-child(1) {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
}
.gallery li:nth-child(2) {
    grid-column: 3 / 5;
    grid-row: 1 / 3;
}
.gallery li:nth-child(15) {
    grid-column: 7 / 9;
    grid-row: 2 / 4;
}
.gallery li a{display:block;
position:relative;
  max-width:100%;
  height:100%;
  /*padding-bottom:160%;/* 幅に対する縦のサイズ */
  overflow:hidden;
}
.gallery li a > div{background-color:#fff;background-repeat:no-repeat;background-size:cover;background-position:50% 40%;    width: 100%;
    height: 100%;  -webkit-transition: all .3s;
  transition: all .3s;}

.gallery li a:hover > div{opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";}

.gallery1 {
    height: 100%;
}
/*.gallery1 li{height: 46vh;}*/
.gallery_wrap1 {
 /*   padding-bottom: calc(36px);*/
    height: 100%;
    box-sizing: border-box;
    position: relative;
}
#box9{padding: 60px 0;
    position: relative;
    /*background: #faf6ef;*/overflow: hidden;}

/*#box9:before {
    position: absolute;
    content: url(../cmn/img_race.svg);
    top: -28%;
    left: -16%;
    z-index: 1;
    opacity: 1;
    width: 676px;
}*/
#box9 .index_bo{
    position:relative;
    z-index: 2;
}

.gallery1 li a{display:block;
position:relative;
  max-width:100%;
  height:100%;
  /*padding-bottom:160%;/* 幅に対する縦のサイズ */
  overflow:hidden;  /*  height: 400px;*/
}
.gallery1 li a{pointer-events: none;}
.back_gallery .gallery1 li a{pointer-events:auto;}
.gallery1 li a > div{background-color:#fff;background-repeat:no-repeat;background-size:cover;background-position:50% 40%;    width: 100%;   padding-top: calc(1281 / 850* 100%);
    position: relative;  -webkit-transition: all .3s;
  transition: all .3s;}
.post-type-archive-weddingphoto_plan .gallery1 li a > div{padding-top:0;height:100%;}
.post-type-archive-weddingphoto_plan .gallery1 li a{height:350px;}
#box4_2 .gallery1 li a > div{    background-position: 50% 10%;}

.old_year{
    position: absolute;
    z-index: 10;
    color: #fff;
    width: 100%;
    height: 100%;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    font-family: 'Sulphur Point', fot-tsukuardgothic-std, sans-serif;
}

 #planlist li a.more_card {
    display: block;
    position: relative;
    max-width: 100%;
    height: 0;padding-top:100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-content: center;
    border: 1px solid #ccc;
    color: #666 !important;
    align-items: center;
    line-height: 38px;
    font-size: 23px;
    font-family: 'Sulphur Point', sans-serif;
    pointer-events: auto;border-radius:50%;
}
#planlist li a.more_card span {
    position: absolute;
    z-index: 10;
    /* width: 100%; */
    /* height: 100%; */
    z-index: 10;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    /* font-size: 12px; */
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

.gallery1 li a.more_card {
    display: block;
    position: relative;
    max-width: 100%;
height: 0 !important;    overflow: hidden;
    padding-top: calc(1281 / 850* 50%);
    padding-bottom: calc(calc(1281 / 850* 50%) - 2px);    display: flex;
    justify-content: center;
    align-content: center;
    border: 1px solid #ccc;
    color: #666 !important;
    align-items: center;
    line-height: 38px;
    font-size: 23px;
    font-family: 'Sulphur Point', sans-serif;
    pointer-events: auto;
}


li a.more_card:hover{
    background:#ccc;
}


.gallery1 li div.more_card2{
      display: block;
    position: relative;
    max-width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: calc(1281 / 850* 50%);
    padding-bottom: calc(calc(1281 / 850* 50%) - 2px);
    display: flex;
    justify-content: center;
    align-content: center;
    
}

.post-type-archive .gallery1 li div.more_card2{padding:0;height:100%;}

.gallery1 li a:hover > div{opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";}


	.slick-slide .img_div{
    /* height: auto; */
    -webkit-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
    object-fit: cover;
 /*   max-width: 475px;
    max-height: 675px;*/
    width: 100%;
    height: 60vw;
    object-fit: cover;
}
	
/*}*/



/**/

.box{
}
#box1{height:100vh;/*background:#faf6ef;*/position:relative;}
    
    .slider03 > div{
    display: block;
    position: relative;
    max-width: 100vw;
    height: 160vh;
    overflow: hidden;
}
    .slider03 h2.slide1_k1{position:absolute;top:2%;left:2%;z-index:10;}
    .slider03 h2.slide1_k1 img{width: auto;
    height: 90vh; -webkit-transform: translate3d(0,0,0) scale(1.0);
  transform: translate3d(0,0,0) scale(1.0);
  opacity: 0;  transition: opacity 0.5s ease-in-out;
}
    .slider03 h2.slide1_k2{position:absolute;top:6%;left:6%;z-index:10;}
    .slider03 h2.slide1_k2 img{    width: 38vw;
    height: auto; -webkit-transform: translate3d(0,0,0) scale(1.0);
  transform: translate3d(0,0,0) scale(1.0);
  opacity:0;  transition: opacity 0.5s ease-in-out;
}

  .slick-active  h2.slide1_k1 img{  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transform: translate3d(0,0,0) scale(1.0);
  transform: translate3d(0,0,0) scale(1.0);
  opacity: 1;  animation: fadeOut2 1s 5s forwards;
}
    
.slider03{  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;}

   .slick-active h2.slide1_k2 img{  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  transition-timing-function: cubic-bezier(.215, .61, .355, 1);
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
  -webkit-transform: translate3d(0,0,0) scale(1.0);
  transform: translate3d(0,0,0) scale(1.0);
  opacity: 1;  animation: fadeOut2 1s 5s forwards;
}


@keyframes fadeOut2 {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

    .slider03 .img_div{
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 80% 0%;
    width: 110%;
 /*   height: 100vh;*/
    height:160vh;
    -webkit-transition: all .3s;
    transition: all .3s;
}
/*.slider03 .img_div:before {
    content: "";
    display: block;
    padding-top: 100%;
}*/


/*========= ページネーションCSS ===============*/

.pagination {
	position:fixed;
	right:20px;
	top: 50%;
  	transform: translateY(-50%);
	font-size:1em;
	z-index: 10;
	list-style: none;
}

.pagination a {
	display:block;
	height:20px;
	margin-bottom:5px;
	color:#000;
	position:relative;
	padding:4px;
}

.pagination a.active:after {
	box-shadow:inset 0 0 0 5px;
}

/*現在地表示のテキストの設定*/
.pagination a .hover-text {
	position:absolute;
	right:15px;
	top:0;
	opacity:0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	padding-right: 15px;
}

.pagination a:hover .hover-text {
	opacity: 1;
}

.pagination a:after {
	-webkit-transition:box-shadow 0.5s ease;
	transition:box-shadow 0.5s ease;
	width:10px;
	height:10px;
	display: block;
	border:1px solid;
	border-radius:50%;
	content:"";
	position: absolute;
	margin:auto;
	top:0;
	right:3px;
	bottom:0;
}

/*768px以下は現在地表示のテキストを非表示*/
@media screen and (max-width:768px) { 
	.pagination a .hover-text{
		display: none;
	}	
}

/**/
.telfoot_wrap{position:relative;    z-index: 10;}
.telfoot_wrap:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;margin:auto 0;right:0;height:1px;background:#000;    width: 50%;}
.telfoot{background:none;}

/**/
.more_arrow {
    width: 100%;
    max-width: 200px;
    line-height: 38px;
    padding-bottom: 0px;
    text-align: left;
    display: inline-block;
    font-size: 23px;
    /* font-weight: 400; */
    letter-spacing: 0px;
    box-sizing: border-box;
    border-radius: 0px;display: block;
    overflow: hidden;
}
.more_arrow:before{    width: 100%;
    height: 1px;
    background: #000;
    bottom: 0;}

/*== 矢印の線がループして伸縮 */

.more_arrow {
    /*線の基点とするためrelativeを指定*/
  position:relative;
}

/*線の設定*/

@keyframes arrowlong02{
    0%{left:-15.5%;opacity:0}
    20%{left:-15.5%;opacity:0}
	40%{opacity:0}
    80%{left: 81.5%;opacity:1}
	 90%{opacity:1}
    100%{left: 81.5%;opacity:0}
}
.more_arrow span {
    display: inline-block;
    background: none;
    line-height: 38px;
    font-size: 23px;
    font-family: 'Sulphur Point', sans-serif;
    letter-spacing: 1px;
    text-transform: lowercase;
}
.more_arrow span:first-letter{text-transform: uppercase;}


.slick-active .img_div{
    animation: fading 6s linear forwards !important;
-webkit-animation: fading 6s linear forwards !important;}

@keyframes fading {
    0% {
        transform: translateX(-5.5vw);
        transition: all 6s;
    }
    100% {
        transform: translateX(0);
        transition: all 6s;
    }
}
/**/

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        display: none;
        opacity: 0;
        z-index: -1;
    }
}

.g_loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-color: rgb(255 255 255 / 70%);
    z-index: 10;
}
/* 読み込み完了後に「g_loaded」を付与する */
.g_loader.g_loaded {
    animation: fadeOut 3s forwards;
}


.spinner {
  margin: 0 auto;
  width: 40px;
  height: 40px;
  position: relative;
  top: 50%; -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
  animation: sk-cubemove 1.8s infinite ease-in-out;
}

.cube1, .cube2 {
  background-color: #ffffff;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
  animation: sk-cubemove 1.8s infinite ease-in-out;
}

.cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes sk-cubemove {
  25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}

@keyframes sk-cubemove {
  25% { 
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  } 50% { 
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  } 50.1% { 
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  } 75% { 
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  } 100% { 
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

.ui-widget.ui-widget-content{z-index:10!important;}
#information .container2{/*max-width:700px;   padding: 0px;*/padding-right: 8%}
.sakura_plan strong{  font-family: FB Californian Text Roman, "Times New Roman", A1 Mincho, "Shippori Mincho","Zen Old Mincho","Hiragino Mincho ProN", 游明朝 Demibold, 游明朝体 ミディアム, "Yu Mincho Demibold", YuMincho, HGS明朝E, メイリオ, Meiryo, serif; }
.cale_box td{border: 1px solid #ccc;text-align:center;    padding: 10px 0;background:#fff;  text-shadow:.5px .5px #000,-.5px .5px #000,-.5px -.5px #000,.5px -.5px #000,.5px 0px #000,0px .5px #000,-.5px 0px #000,0px -.5px #000;
}
.cale_box th{background:#EFEFEF;border: 1px solid #ccc;text-align:center;}

.cale_box td.gry2{background:#EFEFEF;min-height:55px;}

.cale-25silver tr:nth-child(5) td:nth-child(3)
{
	background: none!important;
}

#custom_calendar_part2 tr th:last-of-type{color:#b50000;}
#custom_calendar_part2 tr th:nth-last-child(2){color:#163a82;}
#custom_calendar_part4 tr th:last-of-type{color:#b50000;}
#custom_calendar_part4 tr th:nth-last-child(2){color:#163a82;}
#custom_calendar_part6 tr th:last-of-type{color:#b50000;}
#custom_calendar_part6 tr th:nth-last-child(2){color:#163a82;}
#custom_calendar_part8 tr th:last-of-type{color:#b50000;}
#custom_calendar_part8 tr th:nth-last-child(2){color:#163a82;}
#custom_calendar_part10 tr th:last-of-type{color:#b50000;}
#custom_calendar_part10 tr th:nth-last-child(2){color:#163a82;}

#m_custom_calendar_part2 tr th:last-of-type{color:#b50000;}
#m_custom_calendar_part2 tr th:nth-last-child(2){color:#163a82;}
#m_custom_calendar_part4 tr th:last-of-type{color:#b50000;}
#m_custom_calendar_part4 tr th:nth-last-child(2){color:#163a82;}
#m_custom_calendar_part6 tr th:last-of-type{color:#b50000;}
#m_custom_calendar_part6 tr th:nth-last-child(2){color:#163a82;}
#m_custom_calendar_part8 tr th:last-of-type{color:#b50000;}
#m_custom_calendar_part8 tr th:nth-last-child(2){color:#163a82;}
#m_custom_calendar_part10 tr th:last-of-type{color:#b50000;}
#m_custom_calendar_part10 tr th:nth-last-child(2){color:#163a82;}

.cale_box th.red1{color:#b50000!important;}
.cale_box th.gry2{color:#000!important;}
/*@media (min-width:768px) {*/
#custom_calendar_part2 tr:first-of-type th{border-left:0}
#custom_calendar_part2 tr:nth-of-type(2) td{border-left:0;}
    
#custom_calendar_part4 tr:first-of-type th{border-left:0}
#custom_calendar_part4 tr:nth-of-type(2) td{border-left:0}
#custom_calendar_part6 tr:first-of-type th{border-left:0}
#custom_calendar_part6 tr:nth-of-type(2) td{border-left:0;}
#custom_calendar_part8 tr:first-of-type th{border-left:0}
#custom_calendar_part8 tr:nth-of-type(2) td{border-left:0} 
#custom_calendar_part10 tr:first-of-type th{border-left:0}
#custom_calendar_part10 tr:nth-of-type(2) td{border-left:0;}
    
#m_custom_calendar_part2 tr:first-of-type th{border-left:0}
#m_custom_calendar_part2 tr:nth-of-type(2) td{border-left:0;}
#m_custom_calendar_part4 tr:first-of-type th{border-left:0}
#m_custom_calendar_part4 tr:nth-of-type(2) td{border-left:0}
#m_custom_calendar_part6 tr:first-of-type th{border-left:0}
#m_custom_calendar_part6 tr:nth-of-type(2) td{border-left:0;}
#m_custom_calendar_part8 tr:first-of-type th{border-left:0}
#m_custom_calendar_part8 tr:nth-of-type(2) td{border-left:0} 
#m_custom_calendar_part10 tr:first-of-type th{border-left:0}
#m_custom_calendar_part10 tr:nth-of-type(2) td{border-left:0;}
    .cale_box th{width: 14.28% !important;}
    .cale_box td{width: 14.28% !important;}
/*}*/

.insta_human .obfit{    width: 250px;
    height: 250px;
    object-fit: cover;margin:0 auto;display:block;}

.insta_human{    max-width: 700px;
    margin: 0 auto;}

.insta_human a{
    background: #fff;
    display: block;
    padding: 20px;
}

.metaslider_wrap{    max-width: 640px;
    margin: 0 auto;}
.nissu1{}

.nissu1 table{width:100%;}

.newdress.index_bo{position:relative;}

/*.banner_ap{position:absolute;z-index:10;bottom: -50px;left: 5%;width: 480px;border: 1px solid #ccc;}*/
.banner_ap{}

.stephen_jones_contents{
    padding: 120px 5%;
/*        background: url(../img/index/stephen_jones_img.jpg) no-repeat 25% 16%;*/

    background: url(../img/index/stephen_jones_img2.jpg) no-repeat 25% 16%;
    background-size: cover;
}.stephen_jones_contents2{
background: url(../img/index/stephen_jones_img.jpg) no-repeat 25% 16%;
    background-size: cover;
}

#logo_wrap {
            position: relative;
            width: 100%;
            margin: 0 auto;
            padding-left: 0;
            padding-top: 40px;
            padding-bottom: 20px;
}
.left_logo{text-align:center;}

#box1_2{     background: #e1e5e6;
    padding: 40px 100px;
    padding-bottom: 70px;}


.sp_bottom_link_wrap{display:none;}
      #main_head h2 span.furi{line-height:100%;      font-family: FB Californian Text Roman, "Times New Roman", A1 Mincho, "Shippori Mincho","Zen Old Mincho","Hiragino Mincho ProN", 游明朝 Demibold, 游明朝体 ミディアム, "Yu Mincho Demibold", YuMincho, HGS明朝E, メイリオ, Meiryo, serif; 
    font-weight: 700;}
.english {
    font-family: 'Sulphur Point', fot-tsukuardgothic-std, sans-serif;}
.japanese {
   font-family: FB Californian Text Roman, "Times New Roman", A1 Mincho, "Shippori Mincho","Zen Old Mincho","Hiragino Mincho ProN", 游明朝 Demibold, 游明朝体 ミディアム, "Yu Mincho Demibold", YuMincho, HGS明朝E, メイリオ, Meiryo, serif; font-weight:700;}

.o1998 .gallery ul{    grid-template-rows: repeat(4, 200px);}
.o1998 .gallery li:nth-child(16){
    grid-column: 1 / 3;
    grid-row: 4 / 4;
}.o1998 .gallery li:nth-child(17){
    grid-column: 3 / 5;
    grid-row: 4 / 4;
}.o1998 .gallery li:nth-child(18){
    grid-column: 5 / 7;
    grid-row: 4 / 4;
}.o1998 .gallery li:nth-child(19){
    grid-column: 7 / 9;
    grid-row: 4 / 4;
}
.o2264 .gallery ul{grid-template-rows: repeat(2, 200px);}
.o2640 .gallery ul{grid-template-rows: repeat(3, 150px);}

.o2264 .gallery li:nth-child(1),.o2264 .gallery li:nth-child(2) {
    grid-column:auto;
    grid-row: auto;
}
.o2264 .gallery li:nth-child(7) {
   grid-column: 7 / 9; 
    grid-row: 1 /1;
}
.o2264 .gallery li:nth-child(8){
     grid-column: 1 / 3;
    grid-row: 2 / 2;
    
}
.o2264 .gallery li:nth-child(9){
     grid-column: 3 / 5;
    grid-row: 2 / 2;
}
.o2264 .gallery li:nth-child(10){
     grid-column: 5 / 7;
    grid-row: 2 / 2;
}
.o2264 .gallery li:nth-child(11){
     grid-column: 7 / 9;
    grid-row: 2 / 2;
}

.furisode_top24 h2 {
	margin-bottom: 0!important;
}

.syumoku_tb_oneday table{    margin: 0 auto;}

#box8_2{    /*margin-bottom: -70px;*/margin-top: 80px;

}
.pmp_back_wrap{border-top:10px solid  #faf6ef;}
.pmp_img img{    margin-top: -100px;    position: relative;
    z-index: 2;
 display: flex;
  align-items: center;
  justify-content: center;
  background-color: #dddddd;
  border-radius: 3px;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}
.pmp_back{
    background-size: cover;}
.pmp_back_wrap .h3_wrap span.tit{padding-right:0;}
#box8_2 .more{
	margin: 0 auto;margin-bottom:20px;padding:0; background: #000000;border-radius:10px;}
#box8_2 .more span{    background: inherit;
    color: #fff !important;    font-family: "Noto Sans JP", sans-serif;}

#box8_2.more:hover{background: #000000;}
#box8_2 .more:hover span{    background:#fff;
    color: #000!important;}

#box2_5_2{position:relative;    z-index: 2;}


/* フォトプラン用 */
.photoplan_tb{width:calc(80% - 60px);margin:0 auto;margin-bottom: 30px;}
.photoplan_tb table{width: 100%}
.photoplan_tb th{width: 38%;background:#EFEFEF;border: 1px solid #b2b2b2;
    padding: 10px;}
.photoplan_tb td{width:%;border: 1px solid #b2b2b2;
    padding: 10px;}
.photoplan_tb .gray{background:#efefef;}
.photoplan_tb .color{background:#faf6ef;}

.photoplan_flow{
  text-align: center;
}
.photoplan_flow h5{
  background-color:#EFEFEF;
  display: inline-block;
  font-size: 18px;
}