@charset "utf-8";


/* グロナビ NEW マーク */
.gnavi li {
  position: relative; }
  
.gnavi li:nth-child(1) a::after,
.gnavi li:nth-child(99) a::after,
.gnavi li:nth-child(8) a::after
{
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 12px;
  content: "";
  color:#C91619;
  padding: 0px 0px 0px 0px;
  line-height: 12px;
  margin-left: 0px;
  background: url("../images/common/ico_new.png") top right no-repeat;
  width:36px;
  height:36px;
  background-size: cover;
}

/* トップバナー NEW マーク右 */
.top_banner_sec .w-pc100per-sp100per:nth-child(99) a::after,
.top_banner_sec .w-pc100per-sp100per:nth-child(99) a::after,
.top_banner_sec .w-pc100per-sp100per:nth-child(99) a::after
{
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 12px;
  content: "";
  color:#C91619;
  padding: 0px 0px 0px 0px;
  line-height: 12px;
  margin-left: 0px;
  background: url("../images/common/ico_new.png") top right no-repeat;
  width:4rem;
  height:4rem;
  background-size: cover;
}
/* トップバナー NEW マーク左 */
.top_banner_sec .w-pc100per-sp100per:nth-child(99) a::after
{
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 12px;
  content: "";
  color:#C91619;
  padding: 0px 0px 0px 0px;
  line-height: 12px;
  margin-left: 0px;
  background: url("../images/common/ico_new2.png") top right no-repeat;
  width:4rem;
  height:4rem;
  background-size: cover;
}

@media ( max-width : 960px ) {
.top_banner_sec .w-pc100per-sp100per:nth-child(99) a::after,
.top_banner_sec .w-pc100per-sp100per:nth-child(99) a::after,
.top_banner_sec .w-pc100per-sp100per:nth-child(99) a::after
{
  width:2.5rem;
  height:2.5rem;
}
}




/*----------------------------------------------------
	ヘッダー
----------------------------------------------------*/
#container {
margin-top:70px;
}
.header {
transition: all  0.3s ease;
/*background:rgba(0,0,0,0.70);*/
}
/* headerの色を変える */
.header.change-color {
}
@media ( max-width : 768px ) {
.header.change-color {
background:rgba(255,255,255,1);
}
}
.header {
position: absolute;
position: fixed;
width:100%;
max-width: 100%;
left:0;
right:0;
top:0px;
margin:0 auto;
z-index: 100;
padding-top:15px;
padding-bottom:20px;
}
.header.change-color {
max-width: 100%;
padding-top:0px;
padding-bottom:0px;
}

.header_inner {
display:flex;
align-items: center;
max-width: 100%;
margin:0 auto;
transition: all  0.3s ease;
background:rgba(255,255,255,0.9);
}
.header.change-color .header_inner {
max-width: 100%;
}

.header .gnavi {
max-width: 100%;
margin:0 auto;
transition: all  0.3s ease;
}
.header.change-color .gnavi {
max-width: 100%;
background:rgba(255,255,255,0.7);
}

.logo {
max-width: 340px;
padding-left:20px;
transition: all  0.3s ease;
}
.header.change-color .logo {
max-width: 300px;
margin-top:15px;
margin-bottom:15px;
}
@media ( max-width : 768px ) {
.header {
padding-top:15px;
padding-bottom:5px;
max-width: 100%;
}
.header.change-color {
padding-top:13px;
padding-bottom:0px;
min-height:54px;
}

.header .logo {
max-width: 60%;
padding-bottom:0px;
margin-bottom:0px;
margin-top:10px;
z-index: 9;
}
.header.change-color .logo {
max-width: 50%;
padding-bottom:0px;
margin-bottom:0px;
margin-top:5px;
z-index: 9;
}
.header_inner,
.header.change-color .header_inner {
max-width: 100%;
}
.header .gnavi,
.header.change-color .gnavi {
max-width: 100%;
background:rgba(255,255,255,0.9);
}
.header.change-color .gnavi ul {
border-top:none;
border-bottom:none;
}
}

.gnavi {
opacity: 0;
transition: 300ms;
visibility: hidden;
}
.gnavi.active {
opacity: 1;
visibility: visible;
}
.gnavi ul {
display:flex;
align-items: center;
justify-content:center;
text-align: center;
padding-left:20px;
padding-right:20px;
margin:0 auto;
background:rgba(255,255,255,0.5);
border-top:solid 1px rgba(192,162,86,0.5);
border-bottom:solid 1px rgba(192,162,86,0.5);
}
.gnavi ul li {
width:18%;
border-right:solid 1px rgba(192,162,86,0.5);
line-height: 1;
font-weight:200;
}
.gnavi.active ul li {

}
.gnavi ul li.selected {
background:rgba(192,162,86,0.3);
}
.gnavi ul li:first-child {
border-left:solid 1px rgba(192,162,86,0.5);
}
.gnavi ul li a {
text-decoration: none;
color:rgba(192,162,86,1);
font-family: "EB Garamond", "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
font-size:17px;
letter-spacing: 0.05em;
display: block;
padding-top:10px;
padding-bottom:10px;
}
.gnavi ul li a span {
font-size:10px;
display: block;
font-weight: 200;
padding-top:0.5em;
font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
opacity: 0.8;
}
@media ( max-width : 768px ) {
.gnavi {
position: fixed;
background:rgba(255,255,255,0.9);
height:100vh;
top:0;
right:-100vw;
padding-top:100px;
z-index: 6;
width:100%;
}
.gnavi.open {
top:0px;
}
.gnavi {
opacity: 0;
transition: 300ms;
visibility: hidden;
}
.gnavi.open {
opacity: 1;
visibility: visible;
top:0;
right:0;
}
.gnavi ul {
display:flex;
align-items: center;
justify-content:space-between;
flex-wrap: wrap;
text-align: center;
padding-left:20px;
padding-right:20px;
margin:0 auto;
background:none;
border-top:none;
border-bottom:none;
}
.gnavi ul li {
width:48%;
border-top:solid 1px rgba(192,162,86,0.5);
border-bottom:solid 1px rgba(192,162,86,0.5);
border-right:solid 1px rgba(192,162,86,0.5);
border-left:solid 1px rgba(192,162,86,0.5);
padding-top:12px;
padding-bottom:12px;
margin-bottom:5px;
background:rgba(255,255,255,1);
}
.gnavi.active ul li {
padding-top:12px;
padding-bottom:12px;
}
}



/*.hnavi {
opacity: 0;
transition: 300ms;
visibility: hidden;
}*/
.hnavi.active {
opacity: 1;
visibility: visible;
}
@media ( max-width : 768px ) {
.hnavi,
.hnavi.active {
display:none;
}
.hnavi.active {
opacity: 0;
visibility: hidden;
}
}

.header_inner {
display:flex;
align-items: center;
justify-content:space-between;
margin:0 auto;
}
.hnavi {

}
.hnavi ul {
display:flex;
align-items: center;
justify-content:flex-end;
text-align: center;
padding-right:20px;
}
.hnavi a img {
width:14px !important;
margin-right:8px;
}
.hnavi li:nth-child(2) img {
width:16px !important;
margin-right:8px;
}
.hnavi li:nth-child(3) img {
/*width:15px !important;*/
margin-right:0px;
width:160px !important;
height:inherit;
}
.hnavi li:nth-child(4) img {
/*width:17px !important;*/
margin-right:8px;
/*margin-top:2px;*/
width:160px !important;
height:inherit;
}

.hnavi li {
margin-right:30px;
font-size:14px;
transition: 300ms;
margin-top:8px;
}
.hnavi.active li {
margin-right:20px;
margin-top:0px;
}
.hnavi li:nth-child(3),
.hnavi li:nth-child(43) {
margin-right:10px;
}
.hnavi li:last-child {
margin-right:0px;
}
.hnavi li a {
text-decoration: none;
color: rgba(192,162,86,1);
padding-bottom:0.2em;
}
.hnavi li a:hover {
/*border-bottom:solid 1px rgba(192,162,86,1);*/
color: rgba(192,162,86,1);
opacity: 0.5 !important;
}
.hnavi li a span {
color:#000;
}
.openbtn_wrapper {
display:none;
}
@media ( max-width : 768px ) {
.openbtn_wrapper {
display:block;
}
}

.openbtn_wrapper {
position:absolute;
top:10px;
right:8px;
z-index: 8;
transition: 300ms;
}
.header.change-color .openbtn_wrapper {
top:3px;
right:8px;
}

.openbtn {
  position: relative;/*ボタン内側の基点となるためrelativeを指定*/
  background:none;
  cursor: pointer;
    width: 50px;
    height:50px;
  border-radius: 0px;
}

/*ボタン内側*/

.openbtn .openbtn-area{
    transition: all .4s;
}

.openbtn span{
    display: inline-block;
    transition: all .4s;/*アニメーションの設定*/
    position: absolute;
    left: 10px;
    height: 4px;
    border-radius: 0px;
  background: #000000;
    width: 60%;
  }


.openbtn span:nth-of-type(1) {
  top:13px; 
}

.openbtn span:nth-of-type(2) {
  top:22px;
}

.openbtn span:nth-of-type(3) {
  top:31px;
}

/*activeクラスが付与されると
線と周りのエリアが回転して×になる*/

.openbtn.active .openbtn-area{
  transform: rotateY(-360deg);
}

.openbtn.active span:nth-of-type(1) {
    top: 16px;
    left: 10px;
    transform: translateY(6px) rotate(-135deg);
    width: 60%;
}

.openbtn.active span:nth-of-type(2) {
  opacity: 0;
}

.openbtn.active span:nth-of-type(3){
    top: 28px;
    left: 10px;
    transform: translateY(-6px) rotate(135deg);
    width: 60%;
}
.openbtn.active {
/*border:solid 1px rgba(255,255,255,0.5);*/
}
/*----------------------------------------------------
	フッター
----------------------------------------------------*/
.footer {
text-align: center;
}
.company_contact .inner ul {
display:flex;
align-items:flex-start;
justify-content:center;
text-align:center;
align-content:flex-start;
}
.company_contact .inner li:nth-child(1) {
width:380px;
margin:0 auto;
padding-left:20px;
padding-right:20px;
}
.company_contact .inner li:nth-child(1) img {
margin-top:6px;
}
.company_contact .inner li:nth-child(2) {
width:440px;
margin:0 auto;
padding-left:20px;
padding-right:20px;
}
.company_contact .inner li:nth-child(2) img {
margin-top:28px;
}
.company_contact .inner li:nth-child(3) {
width:280px;
margin:0 auto;
padding-left:20px;
padding-right:20px;
}
.company_contact .inner li:nth-child(4) {
width:285px;
margin:0 auto;
padding-left:20px;
padding-right:20px;
}
.company_contact .inner li:nth-child(4) img {
margin-top:24px;
}
.copyright {
background:#b6b6b6;
padding:0.5em;
color: #fff;
text-align: center;
}
.tel {
width:400px;
margin:0 auto;
}
.footer h3 {
font-size:34px;
}
.footer h3 span {
font-size:20px;
}
.footer h5 {
font-size:16px;
}
@media ( max-width : 1280px ) {
.company_contact .inner li:nth-child(1) img {
margin-top:2%;
}
.company_contact .inner li:nth-child(2) img {
margin-top:8%;
}
.company_contact .inner li:nth-child(4) img {
margin-top:4%;
}
}
@media ( min-width : 770px ) {
.tel {
pointer-events: none;
}
}
@media ( max-width : 768px ) {
.footer p {
font-size:2.1vw;
}
.company_contact .inner ul {
display:block;
font-size:2.4vw;
}
.company_contact .inner li:nth-child(1) {
width:70%;
margin:0 auto;
padding-left:0px;
padding-right:0px;
margin-bottom:30px;
}
.company_contact .inner li:nth-child(2) {
width:74%;
margin:0 auto;
padding-left:0px;
padding-right:0px;
margin-bottom:30px;
}
.company_contact .inner li:nth-child(3) {
width:45%;
margin:0 auto;
padding-left:0px;
padding-right:0px;
margin-bottom:30px;
}
.company_contact .inner li:nth-child(4) {
width:45%;
margin:0 auto;
padding-left:0px;
padding-right:0px;
margin-bottom:10px;
}
.company_contact .inner li:nth-child(1) img {
margin-top:5px;
}
.company_contact .inner li:nth-child(2) img {
margin-top:15px;
}
.company_contact .inner li:nth-child(3) img {
margin-top:0px;
}
.company_contact .inner li:nth-child(4) img {
margin-top:5px;
}
.copyright {
font-size:2.2vw;
}
.footer h3 {
font-size:5vw;
}
.footer h3 span {
font-size:3vw;
}
.footer h5 {
font-size:2.2vw;
}
.tel {
width:70%;
}
}

@media ( max-width : 768px ) {
.copyright {
padding-bottom:74px;
}
}


.footer_fix {
position: fixed;
bottom:-72px;
left:0px;
right:0px;
width:100%;
margin:0 auto;
background: #a78b38;
z-index: 100;
border-top:solid 1px rgba(255,255,255,0.5);
transition: all  0.3s ease;
}

@media ( max-width : 768px ) {
.footer_fix.active {
bottom:0px;
}
}
.footer_fix ul {
display: flex;
align-items: center;
justify-content:center;
width:100%;
margin:0 auto;
max-width: 1056px;
}
.footer_fix ul li {
width:20%;
width:25%;
text-align: center;
border-right:solid 1px rgba(255,255,255,0.5);
height:70px;
padding:5px;
display: flex;
align-items: center;
justify-content:center;
}
.footer_fix ul li:last-child {
border-right:none;
line-height:1.2;
}
.footer_fix ul li a {
text-decoration: none;
color:#ffffff;
display: block;
width:100%;
}
.footer_fix ul li a span {
font-size:9px;
display: block;
}
.footer_fix ul li a span.small {
-webkit-transform:scale(0.5);
transform:scale(0.5);
display: block;
white-space: nowrap;
}
.footer_fix ul li img {
height:inherit;
width:24px;
max-width: 24px;
margin-top:8px;
}
.footer_fix ul li:last-child img {
height:inherit;
width:24px;
max-width: 24px;
margin-top:4px;
}
.footer_fix ul li:nth-child(2) img {
height:inherit;
width:20px;
max-width: 20px;
}
.footer_fix ul li:nth-child(4) {
background:rgba(43,136,175,1);
}
.footer_fix ul li:nth-child(5) {
background:rgba(88,14,24,1);
}
/*----------------------------------------------------
	メインビジュアル
----------------------------------------------------*/
.mv {
width:100%;
margin:0 auto;
}
.mv img,
.mv video {
width:100%;
vertical-align: bottom;
}

.contents_header_img {
position: relative;
}
.contents_header_img .left {
width:57.5%;
padding-bottom:10%;
}
.contents_header_img .right {
position:absolute;
width:57.5%;
right:0px;
top:10%;
}
.replay,
.skip {
cursor:pointer;
width:150px;
text-align:center;
color:rgba(255,255,255,0.8);
border:solid 1px rgba(255,255,255,0.5);
background:rgba(255,255,255,0.1);
display:block;
padding:0.3em 1em;
position:absolute;
bottom:30px;
left:0px;
right:0px;
margin:0 auto;
font-size:15px;
}
@media ( max-width : 768px ) {
.replay,
.skip {
width:100px;
font-size:12px;
}
}

/*----------------------------------------------------
	インフォメーション
----------------------------------------------------*/
.holiday{
width: 100%;
max-width: 1080px;
background-color: #c9b796;
margin: auto;
margin-bottom: 40px;
padding: 20px;
text-align: center;
}

.info_text_hd{
color: #fff;
line-height: 1.77em;
font-size: 1.28em;
margin-bottom: 1.5em;
}

@media ( max-width : 768px ) {
.info_text_hd{
line-height: 1.77em;
font-size: 0.88em;
}
}



.info_text{
line-height: 1.37em;
font-size: 0.88em;
margin-bottom: 1.5em;
}

@media ( max-width : 768px ) {
.info_text{
line-height: 1.77em;
font-size: 0.98em;
}
}





/*----------------------------------------------------
	トップページ
----------------------------------------------------*/
.kimo div:nth-child(1) {
border-left:solid 1px rgba(192,162,86,0.6);
border-right:solid 1px rgba(192,162,86,0.6);
}
.kimo div:nth-child(2) {
border-right:solid 1px rgba(192,162,86,0.6);
}
.kimo div:nth-child(3) {
border-right:solid 1px rgba(192,162,86,0.6);
}
.kimo div:nth-child(4) {
border-right:solid 1px rgba(192,162,86,0.6);
}
.kimo div:nth-child(5) {
border-right:solid 1px rgba(192,162,86,0.6);
}

@media ( max-width : 1056px ) {
.kimo {
padding-left:10px;
padding-right:10px;
}
}
@media ( max-width : 768px ) {
.kimo {
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
}
.kimo div {

}
.kimo div:nth-child(1) {
border-left:solid 1px rgba(192,162,86,0.0);
border-right:solid 1px rgba(192,162,86,0.0);
border-top:solid 1px rgba(192,162,86,0.0);
}
.kimo div:nth-child(2) {
border-right:solid 1px rgba(192,162,86,0.0);
border-top:solid 1px rgba(192,162,86,0.6);
}
.kimo div:nth-child(3) {
border-left:solid 1px rgba(192,162,86,0.0);
border-right:solid 1px rgba(192,162,86,0.0);
border-bottom:solid 1px rgba(192,162,86,0.0);
border-top:solid 1px rgba(192,162,86,0.6);
}
.kimo div:nth-child(4) {
border-right:solid 1px rgba(192,162,86,0.0);
border-bottom:solid 1px rgba(192,162,86,0.6);
border-top:solid 1px rgba(192,162,86,0.6);
}
.kimo div:nth-child(5) {
border-right:solid 1px rgba(192,162,86,0.0);
border-bottom:solid 1px rgba(192,162,86,0.0);
border-top:solid 1px rgba(192,162,86,0.0);
}
}
.tokuten {
width: calc(49% + 6.8%);
margin-right:-6.2%;
}
@media ( max-width : 768px ) {
.tokuten {
width: calc(100% + 9%);
margin-right:-9%;
}
}

.mv_smoothe_logo{
width: 30%;
max-width: 170px;
margin: 50px auto 50px;
}



/*----------------------------------------------------
	WAVE
----------------------------------------------------*/
.wave{
position:relative;
height:1px;/*何も表示されない場合は各波の親要素に高さを持たせましょう。*/
background:#fff;/*背景を塗りつぶして重ねた波を表現したい場合は、波を描画する親要素に波と同じ背景色を設定しましょう。*/
}
canvas{
position: absolute;
bottom: 0;
left:0;
width: 100%;
}

/*----------------------------------------------------
	デザイン　岐阜
----------------------------------------------------*/
@media ( max-width : 768px ) {
.design_box01 .left {
padding-right:30px;
}
.design_box01 .right {
padding-left:30px;
}
}

/*----------------------------------------------------
	共有空間
----------------------------------------------------*/
.common_title_01 {
width:35%;
position: absolute;
top:-5%;
left:-5%;
z-index:1;
}

/*----------------------------------------------------
	ブランド
----------------------------------------------------*/
.trust_01 {
width:50%;
margin:0 auto;
text-align: center;
}
.trust_02 {
width:34%;
margin:0 auto;
text-align: center;
}
.trust_03 {
width:40%;
margin:0 auto;
text-align: center;
}
.trust_04 {
width:30%;
margin:0 auto;
text-align: center;
}
.trust_01 img,
.trust_02 img,
.trust_03 img,
.trust_04 img {
width:100%;
}
@media ( max-width : 768px ) {
.trust_01 {
width:80%;
}
.trust_02 {
width:45%;
}
.trust_03 {
width:60%;
}
.trust_04 {
width:40%;
}
}
/*----------------------------------------------------
	限定ページ
----------------------------------------------------*/
.bg_limited {
background: url("../img/limited/bg.jpg") 0 0 no-repeat;
background-size:cover;
}
@media ( max-width : 768px ) {
.bg_limited {
background-size:cover;
}
}
.limited_contents {
background:rgba(0,156,69,0.4);
border:solid 1px rgba(255,255,255,0.5);
}
.box1 {
background:rgba(0,0,0,0.6);
}
.box2 {
background:rgba(0,0,0,1);
}

.formMember .button {
inline-block;
background:#666;
font-size:18px;
text-decoration: none;
color:#fff;
line-height: 20px;
text-align: center;
padding: 0.5em;
cursor:pointer;
border:none;
transition: 300ms;
height:50px;
width:36%;
}
.formMember .button:hover {
background:#ccc;
}
.formMember input[type=text],
.formMember input[type=password] {
font-size:18px;
border : 1px solid #ccc;
padding: 0.5em;
-webkit-border-radius : 0;
-webkit-appearance : none;
-webkit-tap-highlight-color : rgba(0,0,0,0);
height:50px;
width:60%;
}
.formMember .cf {
display:flex;
align-items: center;
justify-content:space-between;
}
.planbox a {
text-decoration: none;
}
/*----------------------------------------------------
	間取り
----------------------------------------------------*/
@media ( max-width : 960px ) {
.plan_box {
padding-left:0px;
padding-right:0px;
}
}
.bg_plan1 {
background: url("../images/plan/plan_bg_01.jpg") top center no-repeat;
background-size: cover;
}
.bg_plan2 {
background: url("../images/plan/plan_bg_02.png") top center no-repeat;
background-size: cover;
}

.dbline_title {
position: relative;
font-weight:normal;
text-align: center;
}

.dbline_title:before,
.dbline_title:after {
position: absolute;
top: 1em;
width: 24%;
border-top: 4px double #333;
content: '';
}
@media ( max-width : 960px ) {
.dbline_title:before,
.dbline_title:after {
top: 1em;
width: 20%;
}
}
.dbline_title:before {
left: 0rem;
}

.dbline_title:after {
right: 0rem;
}
.plan_btn {
cursor: pointer;
}
.plan_btn:hover {
opacity: 0.5;
}

/*----------------------------------------------------
	設備・使用
----------------------------------------------------*/
.point {
width:200px;
position: absolute;
top:-50px;
left:50px;
}
@media ( max-width : 960px ) {
.point {
width:100px;
position: absolute;
top:-25px;
left:25px;
}
}
/*----------------------------------------------------
	ロケーション
----------------------------------------------------*/

/* スクロール画像 */
.img_swipe_01 {
border:solid 1px #ccc;
}
.ico_img_swipe {
display:none;
}
@media ( max-width : 960px ) {
.ico_img_swipe {
display:block;
width:40px !important;
position: absolute;
bottom:-20px;
margin:0 auto;
left:0px;
right:0px;
}
.img_swipe_01 {
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
text-align: center;
border:solid 1px #ccc;
}
.img_swipe_01::-webkit-scrollbar {
display:none;
}
.img_swipe_01 img {
width:160% !important;
height:inherit;
margin-left:auto;
margin-right:auto;
}
}
/*----------------------------------------------------
	物件概要
----------------------------------------------------*/

.outline th,
.outline td {
border: solid 1px #cccccc;
padding:0.8em 1em;
font-size:1rem;
line-height: 1.6;
}

.outline table {
border-collapse:  collapse;
width:100%;
}

.outline th {
width:25%;
font-weight:normal;
background:#dfdfdf;
text-align:left;
white-space:nowrap;
}

.outline td {
font-weight:normal;
}
@media ( max-width : 768px ) {
.outline th,
.outline td {
display: block;
width:100%;
border-bottom:none;
border-top:none;
font-size:0.8rem;
}
.outline tr:c {
border-top: solid 1px #cccccc;
}
.outline td:last-child {
border-bottom: solid 1px #cccccc;
}
}

/*----------------------------------------------------
	Cond Style
----------------------------------------------------*/
.cond_style_item:first-child {
  margin-right:4%;
}
.cond_style_item:nth-child(3) {
  margin-right:4%;
}
.cond_style_item_01 {
width:42%;
position:absolute;
left:-12%;
top:-88%;
z-index:3;
}

.cond_style_item_02 {
width:33%;
position:absolute;
right:-12%;
top:-88%;
}
.cond_style_item_03 {
width:26%;
position:absolute;
left:-16%;
bottom:-45%;
}
.cond_style_item_06 {
width:27%;
position:absolute;
right:-12%;
bottom:-27%;
}

.cond_style_item_04 {
background: linear-gradient(90deg, #e1d4b7 0%, #e1d4b7 50%, #e2d5b8 50%, #e2d5b8 100%);
}
.cond_style_item_05 {
background: linear-gradient(90deg, #c2c1b8 0%, #c2c1b8 50%, #c2c1b8 50%, #c2c1b8 100%);
}


/*----------------------------------------------------
	MOVIE BOX
----------------------------------------------------*/

.section-inner3 {
width: 100%;
  max-width: 1080px;
  margin: 20px auto;
}

.border-box {
  margin: auto;
  margin-top: 10px;
  border: 3px solid #fff;
  padding: 80px;
  text-align: center;
}

video.topMoive{
width:100%;
height: auto;
padding-top: 25px;
margin-bottom: 25px;
}


/*----------------------------------------------------
	Premium Life
----------------------------------------------------*/

#premium_life .page_title {
width:100%;
max-width: 1000px;
margin: 0 auto;
top:40%;
left:0px;
right:0px;
}
@media ( max-width : 1000px ) {
#premium_life .page_title {
max-width: 90%;
margin: 0 auto;
top:10%;
left:0px;
right:0px;
}
}