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

PC Wide

-------------------------------- */
/* 非表示 */
#sp-header{display: none;}
#sp-view{display: none;}
/* ヘッダー */
#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: 10%;
	position: absolute;
	top: 10px;
	right: 50px;
	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: 6rem;
	font-weight: bold;
	color: #FFF;
}

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

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

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

#pc-header nav{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
}

#pc-header nav > ul{
	width: 100%;
	display:-ms-flexbox;
	display:-webkit-flex;
	display: flex;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	background-color: #920783;
	border-top:1px solid #FFF;
}

#pc-header nav > ul > li{
	width: 14.28%;
	border-right: 1px solid #FFF;
}

#pc-header nav > ul > li:last-child{
	border-right: none;
}

#pc-header nav > ul > li > a{
	font-family: 'Arial';
	display: block;
	font-size: 1.2rem;
	line-height: 1.2;
	letter-spacing: 1.5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	padding: 12px 0px;
}

#pc-header nav > ul > li > a > span{
	font-size: 0.85rem;
	font-weight: normal;
}

#pc-header nav > ul > li > a:hover{
	background-color: #f39800;
}

#pc-header nav.newmenu{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
}

#pc-header nav.newmenu > ul{
	width: 100%;
	display:-ms-flexbox;
	display:-webkit-flex;
	display: flex;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	background-color: #920783;
	border-top:1px solid #FFF;
}

#pc-header nav.newmenu > ul > li{
	width: 20%;
	border-right: 1px solid #FFF;
}

#pc-header nav.newmenu > ul > li:last-child{
	border-right: none;
}

#pc-header nav.newmenu > ul > li > a{
	font-family: 'Arial';
	display: block;
	font-size: 1.2rem;
	line-height: 1.2;
	letter-spacing: 1.5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	padding: 12px 0px;
}

#pc-header nav.newmenu > ul > li > a > span{
	font-size: 0.85rem;
	font-weight: normal;
}

#pc-header nav.newmenu > ul > li > a:hover{
	background-color: #f39800;
}

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

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

#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;}

/* セカンドナビ */
.g-navi{
	width: 100%;
	height: 85px;
	background:#272A2F;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
	position: fixed;
	top:0;
	left: 0;
	z-index: 99;
	transform: translateY(-100px);
	transition: all .5s ease;
}

.active{
	transform: translate(0);
}

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

.g-navi .logo{
	width: 250px;
	position: absolute;
	top:15px;

}

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

.g-navi nav{
	font-family: 'arial';
	position: absolute;
	top:36px;
	right: 0;
}

.g-navi nav ul{
	display: flex;
}

.g-navi nav ul li{
	margin-right: 30px;
	position: relative;
}

.g-navi nav ul li:last-child{
	margin-right: 0;
}

.g-navi nav ul li a{
	color: #FFF;
}

.g-navi nav ul li a:hover{
	color: #920783;
}

.g-navi nav ul li:before {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  background:#f39800;
  width: 100%;
  height: 1px;
  transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}

.g-navi nav ul li:hover:before{
  transform-origin:left top;
  transform:scale(1, 1);
}

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

#news .main-title{
	font-family: 'Arial';
	font-size: 3rem;
	line-height: 0.8;
	color: #920783;
	font-weight: bold;
	text-align: center;
	background-color: #fff;
	padding: 40px 0px 10px 0px;
	border-top:1px solid #920783;
}

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

#news .wrap{
	width: 70%;
	margin:0 auto 30px;
}

#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: 31.3%;
    margin-right: 3%;
    margin-bottom: 3%;
    display: block;
}

#news ul.news-list li:nth-of-type(3n){
  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: 14px;
	color: #FFF;
	text-align: center;
	background-color: #333;
	padding: 10px 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: 4rem;
	line-height: 0.8;
	color: #fff;
	font-weight: bold;
	text-align: center;
	background-color: #920783;
	padding: 60px 0px;
	border-top:1px solid #FFF;
}

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

#concept .sub-title{
	font-size: 2.5rem;
	line-height: 1.5;
	color: #920783;
	font-weight: bold;
	text-align: center;
}

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

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

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

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

#concept .sub-title-orange{
	font-family: 'Arial';
	font-size: 2.5rem;
	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: 70%;
	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: 50%;
}

#concept .field-image{
	width: 100%;
}

#concept .block-txt{
	width: 80%;
	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: 3rem;
	line-height: 0.7;
	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: 3rem;
	line-height: 0.7;
	color: #00a0e9;
	font-weight: bold;
	text-align: center;
	padding: 30px 0px;
}

#place .sub-title2{
	font-size: 2rem;
	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: 70%;
	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: 1.7rem;
	line-height: 1.5;
	font-weight: bold;
}

#place .blue-text{
	font-size: 1.7rem;
	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: 48.5%;
	margin-right: 3%;
	margin-bottom: 3%;
}

#place ul.list2 > li:nth-of-type(2n){
	margin-right: 0;
}

#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: 31.3%;
	margin-right: 3%;
	margin-bottom: 3%;
}

#place ul.list3 > li:nth-of-type(3n){
	margin-right: 0;
}

#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: 50%;
}

#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: 33.33333%;
	border-top:1px solid #00a0e9;
	border-right: 1px solid #00a0e9;
}

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

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

#place .pzl01{
	width: 250px;
	position: absolute;
	left: 0;
	bottom: 0;
}

#place .pzl02{
	width: 250px;
	position: absolute;
	top: 0;
	bottom: 0;
}

#place .shere-title{
	width: 100%;
	font-size: 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: 3rem;
	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: 30%;
	font-family: 'Arial';
	font-size: 2rem;
	font-weight: bold;
	color: #6fba2c;
	background-color: #FFF;
	padding: 20px;
}

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

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

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

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

#space .room-title-right{
	width: 30%;
	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: 30%;
	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: 30%;
	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: 30%;
	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: 30%;
	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: 77vh;
	background-image: url(../img/c_room.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}

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

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

#space .room4{
	width: 100%;
	height: 77vh;
	background-image: url(../img/c_room04.jpg);
	background-repeat: no-repeat;
	background-position: center;
	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: 40%;
	background-color: #FFF;
	position: absolute;
	bottom:0;
	left: 0;
	padding: 20px;
}

#space .spec-right{
	width: 40%;
	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: 40%;
	background:rgba(39,42,17,0.7);
	position: absolute;
	bottom:0;
	left: 0;
	padding: 20px;
}

#space .spec-right-dark{
	width: 40%;
	background:rgba(39,42,17,0.7);
	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: 3rem;
	line-height: 0.7;
	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: 50%;
    font-size: 1.7rem;
    line-height: 1.5;
    color: #f08300;
    font-weight: bold;
    border-top:1px solid #f08300;
    border-right: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: 80%;
	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: 50%;
}

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

#landp .pzl01{
	width: 250px;
	position: absolute;
	left: 0;
	bottom: 0;
}

#landp .pzl02{
	width: 250px;
	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: 50%;
	border-top:1px solid #f08300;
	border-right: 1px solid #f08300;
	position: relative;
	overflow: hidden;
}

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

#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: 33.333333%;
	height: 300px;
	border-top:1px solid #f08300;
	border-right:1px solid #f08300;
}

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

#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: 25%;
	border-top:1px solid #f08300;
	border-right: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: #f08300;
	font-weight: bold;
	text-align: center;
	border-bottom:1px solid #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: 30px 40px;
}

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

#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: 7.5rem;
	color: #f08300;
	line-height: 1;
	font-weight: bold;
	text-align: right;
	position: absolute;
	top:-20px;
	right: -10px;
	z-index: 1;
}

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

#landp .exp-1{
	width: 100%;
	font-size: 1rem;
	line-height: 1.5;
	padding: 40px;
}

#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: 3rem;
	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: 33.33333%;
	border-right: 1px solid #fff;
}

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

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

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

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

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

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

#contact .mail-btn{
	width: 80%;
	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: 3rem;
	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: 300px;
	line-height: 1.7;
	background-color: #fff;
	padding: 20px;
	position: absolute;
	top:0;
	right: 0;
}

#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;
}