@charset "UTF-8";
/* -------------------------------- 

SP

-------------------------------- */
#pc-view{
  display: none;
}
header{
  width: 100%;
}
#pc-header{
  width: 100%;
  height: 100vh;
  background-image: url(../img/top_bk.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}

#pc-header .logo{
  width: 30%;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 3;
}

#pc-header .c-copy{
  width: 90%;
  margin: 0 auto 0;
  position: absolute;
  top:50%;
  left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    z-index: 3;
}

#pc-header h1{
  font-family: 'Arial';
  font-size: 4rem;
  font-weight: bold;
  color: #FFF;
}

#pc-header h1 span{
  font-family: 'Arial';
  font-size: 4rem;
  font-weight: bold;  
}

#pc-header h2{
  font-size: 1.2rem;
  font-weight: bold;
  color: #FFF;
}

#pc-header h3{
  font-family: 'Arial';
  font-size: 1.5rem;
  font-weight: bold;
  color: #FFF;
  line-height: 1.5;
  text-align: right;
}

#pc-header .bk_top_right{
  width: 50%;
  position: absolute;
  top:0;
  right: 0;
  z-index: 2;
}

#pc-header .bk_bottom_left{
  width: 45%;
  position: absolute;
  bottom:0px;
  left: 0;
  z-index: 2;
}

#pc-header .bk-black{
  width: 100%;
  height: 100vh;
  background-color: #000;
  opacity: 0.5;
  position: absolute;
  top:0;
  left: 0;
  z-index: 1;
}

#pc-header .text-color-blue{color: #00a0e9;}
#pc-header .text-color-green{color: #6fba2c;}
#pc-header .text-color-pink{color: #e4007f;}
#pc-header .text-color-orange{color: #f08300;}


#pc-header nav{
  display: none;
}

.g-navi{
  width: 100%;
  height: 85px;
  background:#111111;
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
  position: fixed;
  top:0;
  left: 0;
  z-index: 4;
  transform: translateY(-100px);
  transition: all .5s ease;
}

.active{
  transform: translate(0);
}

.g-navi .wrap{
  width: 90%;
  margin:0 auto 0;
  position: relative;
}

.g-navi .logo{
  width: 200px;
  position: absolute;
  top:20px;
}

.g-navi .logo img{
  width: 100%;
  height: auto;
}

.g-navi nav{
  display: none;
}

#nav-drawer {
  position: fixed;
  top:0px;
  right: 0px;
  z-index: 999;
}

#sp-header .logo{
  width: 250px;
  padding: 20px;
}

#nav-drawer button{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
  border-radius: 0;
  outline: none;
  z-index: 99;
}

.menu {
  position: fixed;
  top: 0;
  right: -85vw;
  width: 80vw;
  height: 100vh;
  background-color: #000;
  box-shadow: 0 0 5px 0 rgba(0,0,0, 0.5);
  transition: all .5s ease;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.menu--isOpen {
  position: fixed;
  right: 0;
  top:0;
  width: 60vw;
}

.menu__button {
  position: fixed;
  right: 10px;
  top: 16px;
  width: 50px;
  height: 50px;
  border-radius: 5px;
  border: none;
}

.menu__button span {
  display: block;
  width: 80%;
  margin: auto;
  height: 4px;
  background-color: #920783;
  position: absolute;
  left: 0;
  right: 0;
  top: calc((100% - 4px)/2);
  border-radius: 3px;
  transition: .2s;
}

.menu__lineTop {
  transform: translateY(-10px);
}

.menu__lineMiddle {}

.menu__lineBottom {
  transform: translateY(10px);
}

.menu--isOpen .menu__lineTop {
  transform: rotate(45deg); 
  background-color: #920783; 
}

.menu--isOpen .menu__lineMiddle {
  opacity: 0;
}

.menu--isOpen .menu__lineBottom {
  transform: rotate(-45deg);
  background-color: #920783;  
}

.sp-menu{
  width: 100%;
  position: relative;
  top:36px;
}

.sp-menu ul{
  width: 100%;
  color: #920783;
}

.sp-menu li{
  width: 100%;
  color: #920783;
  border-top: 1px solid #333333;
}

.sp-menu li:last-child{
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
}

.sp-menu li a{
  display: block;
  padding: 20px 10px;
  color: #ffffff;
}


.sp-menu-title{
  font-size: 20px;
  color: #920783;
  font-weight: bold;
  padding-left: 10px;
  margin-bottom: 30px;
}


#sp-gnavi-menu input {
  display: none;
}

#sp-gnavi-menu input[type="checkbox"]:checked + label + ul {
  display: block;
}

#sp-gnavi-menu input[type="checkbox"]:checked + label > i {
  transform: rotate(180deg);
}

#sp-gnavi-menu label {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 8px;
  width: 100%;
}

#sp-gnavi-menu label span {
  font-size: 14px;
}
#sp-gnavi-menu .dropdown-content {
  display: none;
  background-color: #fff;
}

#sp-gnavi-menu .dropdown-content a {
  display: block;
  padding: 15px 15px;
  font-size: 14px;
  color: #920783;
}

/* news */
#news{
  width: 100%;
}

#news .main-title{
  font-family: 'Arial';
  font-size: 2rem;
  line-height: 0.8;
  color: #920783;
  font-weight: bold;
  text-align: center;
  background-color: #fff;
  padding-top: 30px;
}

#news .main-title > span{
  color: #333;
  font-size: 1rem;
}

#news .wrap{
  width: 90%;
  margin:0 auto 0;
}

#news ul.news-list{
  width: 100%;
  display:-ms-flexbox;
  display:-webkit-flex;
  display: flex;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
}

#news ul.news-list li{
  width: 48.5%;
    margin-right: 3%;
    margin-bottom: 20px;
    display: block;
}

#news ul.news-list li:nth-of-type(2n){
  margin-right: 0;
}

#news .news-photo{
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
  transition: all .5s ease;
}

#news .news-photo img{
  width: 100%;
  height: auto;
  transition: all .5s ease;
}

#news .news-photo img:hover{
  transform: scale(1.1);
}

#news .news-cat{
  width: 100px;
  font-size: 12px;
  color: #FFF;
  text-align: center;
  background-color: #333;
  padding: 5px 0px;
  position: absolute;
  top:0;
  left: 0;
  z-index: 2;
}

#news .news-title{
  width: 100%;
  height: 72px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  transition: all .5s ease;
}

#news .news-title:hover{
  color: #920783;
}

#news .news-date{
  font-size: 12px;
  line-height: 1.5;
  text-align: right;
  padding-top: 5px;
  border-top: 1px solid #333;
  margin-top: 10px;
}

/* コンセプト */
#concept{
  width: 100%;
  background-color: #f2f2f2;
}

#concept .main-title{
  font-family: 'Arial';
  font-size: 2rem;
  line-height: 1.2;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: #920783;
  padding: 20px 0px;
  border-top:1px solid #FFF;
}

#concept .main-title > span{
  font-size: 1rem;
}

#concept .sub-title{
  font-size: 1.5rem;
  line-height: 1.5;
  color: #920783;
  font-weight: bold;
  text-align: left;
  padding: 0px 20px;
}

#concept .sub-title2{
  width: 100%;
  font-size: 2rem;
  line-height: 1.5;
  color: #FFF;
  font-weight: bold;
  background-color:  #920783;
  padding: 30px 20px;
  text-align: left;
}

#concept .sub-title-blue{
  font-family: 'Arial';
  font-size: 2rem;
  line-height: 1.5;
  color: #00a0e9;
  font-weight: bold;
}

#concept .sub-title-green{
  font-family: 'Arial';
  font-size: 2rem;
  line-height: 1.5;
  color: #6fba2c;
  font-weight: bold;
}

#concept .sub-title-pink{
  font-family: 'Arial';
  font-size: 2rem;
  line-height: 1.5;
  color: #e4007f;
  font-weight: bold;
}

#concept .sub-title-orange{
  font-family: 'Arial';
  font-size: 2rem;
  line-height: 1.5;
  color: #f08300;
  font-weight: bold;
}

#concept .sub-title-purple{
  font-family: 'Arial';
  font-size: 2.5rem;
  line-height: 1.5;
  color: #920783;
  font-weight: bold;
}

#concept .read-txt{
  width: 90%;
  margin:0 auto 0;
  font-size: 1.2rem;
  line-height: 1.7;
}

#concept > ul.block2{
  width: 100%;
  display:-ms-flexbox;
  display:-webkit-flex;
  display: flex;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  align-items: center;
}

#concept > ul.block2 > li{
  width: 100%;
}

#concept .field-image{
  width: 100%;
  margin-top: 10px;
}

#concept .block-txt{
  width: 90%;
  font-size: 1.2rem;
  line-height: 1.7;
  margin:0 auto 0;
}

#concept .block-txt-small{
  width: 100%;
  font-size: 1rem;
  line-height: 1.5;
  padding: 30px;
}

/* プレイス */
#place{
  width: 100%;
}

#place .main-title{
  font-family: 'Arial';
  font-size: 2rem;
  line-height: 1.0;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: #00a0e9;
  padding: 30px 0px;
}

#place .main-title > span{
  font-size: 1.2rem;
}

#place .sub-title{
  font-family: 'Arial';
  font-size: 2rem;
  line-height: 0.7;
  color: #00a0e9;
  font-weight: bold;
  text-align: center;
  padding: 30px 0px;
}

#place .sub-title2{
  font-size: 1.5rem;
  line-height: 1.7;
  font-weight: bold;
  border-bottom: 2px solid #ccc;
  padding-bottom: 7px;
  position: relative;
}

#place .sub-title2:before{
  content: "";
  position: absolute;
  left:0;
  bottom: -2px;
  width: 4em;
  height: inherit;
  border-bottom: 2px solid #00a0e9;
}


#place .wrap{
  width: 90%;
  margin: 40px auto 40px;
}

#place .c-copy{
  width: 80%;
  font-size: 1.2rem;
  line-height: 1.7;
  text-align: center;
  margin:0 auto 0;
}

#place .sub-text{
  font-size: 1.2rem;
  line-height: 1.7;
}


#place .osusume-text{
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bold;
}

#place .blue-text{
  font-size: 1.2rem;
  line-height: 1.5;
  font-weight: bold;
  color: #00a0e9;
  border-bottom: 4px solid #00a0e9;
  padding-bottom: 5px;
}

#place ul.list2{
  width: 100%;
  display:-ms-flexbox;
  display:-webkit-flex;
  display: flex;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
}

#place ul.list2 > li{
  width: 100%;
  margin-bottom: 3%;
}

#place ul.list3{
  width: 100%;
  display:-ms-flexbox;
  display:-webkit-flex;
  display: flex;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
}

#place ul.list3 > li{
  width: 100%;
  margin-bottom: 3%;
}

#place > ul.block2{
  width: 100%;
  display:-ms-flexbox;
  display:-webkit-flex;
  display: flex;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  align-items: center;
}

#place > ul.block2 > li{
  width: 100%;
}

#place > ul.block3{
  width: 100%;
  display:-ms-flexbox;
  display:-webkit-flex;
  display: flex;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
}

#place > ul.block3 > li{
  width: 100%;
  border-bottom:1px solid #00a0e9;
}

#place > ul.block3 > li:nth-of-type(3n){
    border-bottom: none;
}

#place .photo-area{
  width: 100%;
  position: relative;
}

#place .pzl01{
  display: none;
}

#place .pzl02{
  display: none;
}

#place .shere-title{
  width: 100%;
  font-size: 1.2rem;
  color: #FFF;
  text-align: right;
  font-weight: bold;
  background:rgba(0,0,0,0.5);
  padding: 10px;
  position: absolute;
  right:0;
  bottom: 0;
}

#place .shere-title2{
  font-size: 1.2rem;
  line-height: 1.5;
  color: #00a0e9;
  font-weight: bold;
}


#place .block-wrap{
  width: 90%;
  font-size: 1rem;
  line-height: 1.5;
  margin:20px auto 20px;
}

#place .price{
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bold;
}

#place .price span{
  font-size: 2.2rem;
  line-height: 1.5;
  color: #00a0e9;
}

/* スペース */
#space{
  width: 100%;
}

#space .main-title{
  font-family: 'Arial';
  font-size: 2rem;
  line-height: 0.7;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: #6fba2c;
  padding: 30px 0px;
}

#space .main-title > span{
  font-size: 1.2rem;
}

#space .room-title-left{
  width: 80%;
  font-family: 'Arial';
  font-size: 2rem;
  font-weight: bold;
  color: #6fba2c;
  background-color: #FFF;
  padding: 20px;
}

#space .room-title-left-blue{
  width: 80%;
  font-family: 'Arial';
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  background-color: #00a0e9;
  padding: 20px;
}

#space .room-title-left-green{
  width: 80%;
  font-family: 'Arial';
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  background-color: #6fba2c;
  padding: 20px;
}

#space .room-title-left-orange{
  width: 80%;
  font-family: 'Arial';
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  background-color: #f08300;
  padding: 20px;
}

#space .room-title-left-pink{
  width: 80%;
  font-family: 'Arial';
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  background-color: #e4007f;
  padding: 20px;
}

#space .room-title-right{
  width: 80%;
  font-family: 'Arial';
  font-size: 2rem;
  font-weight: bold;
  color: #6fba2c;
  text-align: right;
  background-color: #FFF;
  padding: 20px;
  float: right;
}

#space .room-title-right-blue{
  width: 80%;
  font-family: 'Arial';
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  text-align: right;
  background-color: #00a0e9;
  padding: 20px;
  float: right;
}

#space .room-title-right-green{
  width: 80%;
  font-family: 'Arial';
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  text-align: right;
  background-color: #6fba2c;
  padding: 20px;
  float: right;
}

#space .room-title-right-orange{
  width: 80%;
  font-family: 'Arial';
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  text-align: right;
  background-color: #f08300;
  padding: 20px;
  float: right;
}

#space .room-title-right-pink{
  width: 80%;
  font-family: 'Arial';
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  text-align: right;
  background-color: #e4007f;
  padding: 20px;
  float: right;
}


#space .room1{
  width: 100%;
  height: 100vh;
  background-image: url(../img/c_room.jpg);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: cover;
  position: relative;
}

#space .room2{
  width: 100%;
  height: 100vh;
  background-image: url(../img/c_room02.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
  position: relative;
}

#space .room3{
  width: 100%;
  height: 100vh;
  background-image: url(../img/c_room03.jpg);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: cover;
  position: relative;
}

#space .room4{
  width: 100%;
  height: 100vh;
  background-image: url(../img/c_room04.jpg);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: cover;
  position: relative;
}

#space .layout{
  width: 100%;
  background-color: #FFF;
}

#space .layout-image{
  width: 80%;
  margin:30px auto 30px;
  font-size: 1rem;
  line-height: 1.5;
}

#space .spec-left{
  width: 100%;
  background-color: #FFF;
  position: absolute;
  bottom:0;
  left: 0;
  padding: 20px;
}

#space .spec-right{
  width: 100%;
  background-color: #FFF;
  position: absolute;
  bottom:0;
  right: 0;
  padding: 20px;
}

#space table{
  width: 100%;
}

#space table th{
  width: 20%;
  font-size: 1rem;
  line-height: 1.5;
  text-align: left;
  border-bottom:1px solid #6fba2c;
  padding: 10px;
}

#space table td{
  width: 80%;
  font-size: 1rem;
  line-height: 1.5;
  text-align: left;
  border-bottom:1px solid #ccc;
  padding: 10px;
}

#space .spec-left-dark{
  width: 100%;
  background-color: #272A2F;
  position: absolute;
  bottom:0;
  left: 0;
  padding: 20px;
}

#space .spec-right-dark{
  width: 100%;
  background-color: #272A2F;
  position: absolute;
  bottom:0;
  right: 0;
  padding: 20px;
}

#space table.dark{
  width: 100%;
}

#space table.dark th{
  width: 20%;
  font-size: 1rem;
  color: #FFF;
  line-height: 1.5;
  text-align: left;
  border-bottom:1px solid #fff;
  padding: 10px;
}

#space table.dark td{
  width: 80%;
  font-size: 1rem;
  color: #FFF;
  line-height: 1.5;
  text-align: left;
  border-bottom:1px solid #fff;
  padding: 10px;
}

/* ラーンアンドプログレス */
#landp{
  width: 100%;
}

#landp .main-title{
  font-family: 'Arial';
  font-size: 2rem;
  line-height: 1;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: #f08300;
  padding: 30px 0px;
}

#landp .main-title > span{
  font-size: 1.2rem;
}

#landp .sub-title{
  width: 100%;
    font-size: 1.7rem;
    line-height: 1.5;
    color: #f08300;
    font-weight: bold;
    border-top:1px solid #f08300;
    border-bottom:1px solid #f08300;
    padding: 20px 20px;
    text-align: center;
}

#landp .sub-title-long{
  width: 100%;
    font-size: 1.7rem;
    line-height: 1.5;
    color: #FFF;
    font-weight: bold;
    background-color:#f08300; 
    padding: 20px 20px;
    text-align: center;
}

#landp .sub-title-long-line{
  width: 100%;
    font-size: 1.7rem;
    line-height: 1.5;
    color: #f08300;
    font-weight: bold;
    border-top:1px solid #f08300;
    padding: 20px 20px;
    text-align: center;
}

#landp .bap-wrap{
  width: 100%;
  border-bottom:1px solid #f08300;
}

#landp .read-txt{
  width: 90%;
  font-size: 1.2rem;
  line-height: 1.7;
  margin:30px auto 30px;
}

#landp > ul.block2{
  width: 100%;
  display:-ms-flexbox;
  display:-webkit-flex;
  display: flex;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  align-items: center;
}

#landp > ul.block2 > li{
  width: 100%;
}

#landp .photo-area{
  width: 100%;
  position: relative;
}

#landp .pzl01{
  width: 30%;
  position: absolute;
  left: 0;
  bottom: 0;
}

#landp .pzl02{
  width: 30%;
  position: absolute;
  top: 0;
  bottom: 0;
}

#landp ul.flo-box{
  width: 100%;
  display:-ms-flexbox;
  display:-webkit-flex;
  display: flex;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
}

#landp ul.flo-box > li{
  width: 100%;
  border-bottom:1px solid #f08300;
  position: relative;
  overflow: hidden;
}


#landp ul.flo-box3{
  width: 100%;
  display:-ms-flexbox;
  display:-webkit-flex;
  display: flex;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
}

#landp ul.flo-box3 > li{
  width: 100%;
  border-bottom:1px solid #f08300;
}


#landp ul.flo-box4{
  width: 100%;
  display:-ms-flexbox;
  display:-webkit-flex;
  display: flex;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
}

#landp ul.flo-box4 > li{
  width: 100%;
  border-top:1px solid #f08300;
  border-bottom:1px solid #f08300;
}

#landp ul.flo-box4 > li:nth-of-type(4n){
  border-right: none;
}

#landp ul.flo-box4-noline{
  width: 100%;
  display:-ms-flexbox;
  display:-webkit-flex;
  display: flex;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
}

#landp ul.flo-box4-noline > li{
  width: 25%;
  border-top:1px solid #f08300;
  border-right:1px solid #fff;
}

#landp ul.flo-box4-noline> li:nth-of-type(4n){
  border-right: none;
}


#landp ul.flo-box2-1{
  width: 100%;
  display:-ms-flexbox;
  display:-webkit-flex;
  display: flex;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
}

#landp ul.flo-box2-1 > li:nth-of-type(1){
  width: 75%;
  border-top:1px solid #f08300;
  border-right:1px solid #f08300;
}

#landp ul.flo-box2-1 > li:nth-of-type(2){
  width: 25%;
  border-top:1px solid #f08300;
}

#landp .step-title{
  width: 100px;
  font-family: 'Arial';
  font-size: 1rem;
  color: #FFF;
  text-align: center;
  background-color: #f08300;
  padding: 10px;
}

#landp .step-title2{
  width: 100%;
  font-family: 'Arial';
  font-size: 1.2rem;
  color: #f08300;
  font-weight: bold;
  text-align: center;
  border-top:1px solid #f08300;
  border-bottom:1px solid #f08300;
  padding: 12px;
}

#landp .step-title3{
  width: 100%;
  font-family: 'Arial';
  font-size: 1rem;
  color: #f08300;
  font-weight: bold;
  text-align: center;
  border-bottom:1px solid #f08300;
  padding: 12px;
}

#landp .step-title3-1{
  width: 100%;
  height: 90px;
  font-family: 'Arial';
  font-size: 1rem;
  line-height: 1.5;
  color: #fff;
  font-weight: bold;
  text-align: center;
  border-top:1px solid #f08300;
  border-bottom:1px solid #f08300;
  background-color: #f08300;
  display: flex;
  align-items: center;
  justify-content: center;
}

#landp .step-title4{
  width: 100%;
  font-family: 'Arial';
  font-size: 1rem;
  color: #f08300;
  font-weight: bold;
  text-align: center;
  border-top:1px solid #f08300;
  border-bottom:1px solid #f08300;
  padding: 12px;
}


#landp .flo-wrap{
  width: 100%;
  font-size: 1rem;
  line-height: 1.7;
  padding: 20px;
  border-bottom:1px solid #f08300;
}

#landp .flo-wrap-small{
  width: 100%;
  font-size: 1rem;
  line-height: 1.7;
  padding: 10px 15px;
  border-bottom:1px solid #f08300;
}

#landp .flo-title{
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: bold;
  margin-top: 40px;
  margin-bottom: 20px;
}

#landp .en-title{
  font-family: 'Arial';
  font-size: 5rem;
  color: #f08300;
  line-height: 1;
  font-weight: bold;
  text-align: right;
  position: absolute;
  top:-10px;
  right: -5px;
  z-index: 1;
}

#landp .shikaku{
  width: 100px;
  margin:0 auto 0;
}

#landp .exp-1{
  width: 100%;
  font-size: 1rem;
  line-height: 1.5;
  padding: 20px;
  border-top:1px solid #f08300;
  border-bottom:1px solid #f08300;
}

#landp .exp-title{
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
}

#landp .flo-btn-orange{
  width: 100%;
  margin:0 auto 0;
}

#landp .flo-btn-orange a{
  display: block;
  font-size: 0.87rem;
  color: #f08300;
  text-align: center;
  font-weight: bold;
  border:2px solid #f08300;
  border-radius: 40px;
  padding: 10px;
}

#landp .flo-btn-orange a:hover{
  color: #FFF;
  background-color: #f08300;
  transform: scale(0.95);
}

/* シェアアンドコネクト */
#sandc{
  width: 100%;
}

#sandc .main-title{
  font-family: 'Arial';
  font-size: 3rem;
  line-height: 0.7;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: #e4007f;
  padding: 30px 0px;
}

#sandc .main-title > span{
  font-size: 1.2rem;
}


/* コンタクト */
#contact{
  width: 100%;
  color: #FFF;
  line-height: 1.5;
  background-color: #272A2F;
}

#contact .main-title{
  font-family: 'Arial';
  font-size: 2rem;
  line-height: 0.7;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: #920783;
  padding: 30px 0px;
}

#contact .main-title > span{
  font-size: 1.2rem;
}

#contact > ul.block2{
  width: 100%;
  display:-ms-flexbox;
  display:-webkit-flex;
  display: flex;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
  align-items: center;
}

#contact > ul.block2 > li{
  width: 100%;
  border-bottom: 1px solid #fff;
}

#contact > ul.block2 > li:nth-of-type(3n){
  border-right: none;
}

#contact .tel-area{
  width: 100%;
  padding: 20px;
  text-align: center;
}

#contact .mail-area{
  width: 100%;
  padding: 20px;
  text-align: center;
}

#contact .icon{
  font-size: 4rem;
  line-height: 1.5;
}

#contact .tel-no{
  font-size: 2.5rem;
  line-height: 1.5;
  color: #FFF;
}

#contact .tel-no a{
  color: #f39800;
  font-weight: bold;
}

#contact .mail-btn{
  width: 90%;
  margin:0 auto 0;
}

#contact .mail-btn a{
  display: block;
  font-size: 1.2rem;
  color: #FFF;
  text-align: center;
  background-color: #f39800;
  padding: 20px 0px;
  margin:10px 0px;
}

#contact .mail-btn a:hover{
  transform: scale(0.95);
}

#contact .wrap{
  width: 70%;
  font-size: 1rem;
  line-height: 1.5;
  margin:0 auto 0;
  padding: 30px 0px;
}

#contact ul.form-list{
  display:-ms-flexbox;
  display:-webkit-flex;
  display: flex;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
}

#contact ul.form-list li{
  width: 48.5%;
  margin-right: 3%;
  margin-bottom: 3%;
}

#contact ul.form-list li:nth-of-type(2n){
  margin-right: 0;
}

#contact input[type="text"] {
  width: 100%;
  display: block;
  font-size: 16px;
  border-top:none;
  border-left:none;
  border-right:none;
  border-bottom: 1px solid #920783;
  outline: none;
  padding: 10px;
}

#contact input[type="email"] {
  width: 100%;
  display: block;
  font-size: 16px;
  border-top:none;
  border-left:none;
  border-right:none;
  border-bottom: 1px solid #920783;
  outline: none;
  padding: 10px;
}

#contact textarea{
  width: 100%;
  height: 200px;
  display: block;
  font-size: 16px;
  border: 1px solid #920783;
  outline: none;
  padding: 10px;
}

/* アクセス */
#access{
  width: 100%;
}

#access .main-title{
  font-family: 'Arial';
  font-size: 2rem;
  line-height: 0.7;
  color: #fff;
  font-weight: bold;
  text-align: center;
  background-color: #920783;
  padding: 30px 0px;
}

#access .main-title > span{
  font-size: 1.2rem;
}

#access .map-area{
  width: 100%;
  position: relative;
}

#access .access-text{
  width: 100%;
  line-height: 1.7;
  background-color: #fff;
  padding: 20px;
}

#access .shop-title{
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: bold;
  color: #920783;
}

#access .shop-add{
  font-size: 0.85rem;
  line-height: 1.5;
}

#access .shop-access{
  font-size: 0.85rem;
  line-height: 2;
}

#access i{
  color: #920783;
}

#access iframe{
  padding: 0;
  margin:0;
  vertical-align: top;
}

footer{
  width: 100%;
  background-color: #272A2F;
}

footer .copy{
  font-size: 0.75rem;
  line-height: 1.5;
  color: #FFF;
  text-align: center;
  padding: 30px 0px 80px 0px;
}

.line-btn{
  width: 100%;
  display: block;
  color: #FFF;
  text-align: center;
  background-color: #06C755;
  padding: 20px 0px;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 999;
}