@charset "utf-8";
/* CSS Document */
/******************************************************************************

 petite // プティ紹介ページ

******************************************************************************/
#petite #wrapper ,
#grande #wrapper {
 padding-right: 0;
}
#petite #mv {
	width: 100%;
	height: 735px;
	background: url("../../img/bgbt/petite/main_bg.jpg") no-repeat center center;
	background-size: cover;
	position: relative;
}
#petite #mv .logo {
	width: 125px;
	height: 125px;
	position: absolute;
	top: 50px;
	left: 50px;
	z-index: 5;
}
#petite #mv .line {
	width: 100%;
	height: 7px;
	background: #440099;
}
#petite #mv .txt_box {
	width: 490px;
	padding: 40px 0 60px 223px;
	background: rgba(68,0,153,0.85);
	position: absolute;
	top: 228px;
	left: 0px;
	line-height: 2;
}
#petite .txt_box h2 {
	padding-bottom: 10px;
	color: #ecc3b2;
	font-size: 285%;
	letter-spacing: 0.2em;
}
#petite .txt_box p {
	color: #FFF;
	font-weight: 600;
}
#petite .txt_box h3 {
	padding-bottom: 30px;
	color: #ecc3b2;
	font-size: 171%;
	font-weight: 600;	
}
#petite .txt_box .txt {
	font-size: 128%;
	font-weight: 500;
}
@media screen and (max-width: 960px){
	
#petite #mv .logo {
	display: none;
}
#petite #mv .line {
	height: 3px;
}
#petite #mv .txt_box {
	width: 80%;
	padding: 5% 5%;
	background: rgba(68,0,153,0.85);
	position: absolute;
	top: 10vw;
	left: 0px;
	line-height: 2;
}
}/*/max-width: 960px*/
@media screen and (max-width: 480px){
#petite #mv {
	height: 100vh;
		background: url("../../img/bgbt/petite/main_bg_sp.jpg") no-repeat center center;
    background-size: cover;
}
#petite .txt_box h3 {
	font-size: 160%;
	font-weight: 600;	
}
}/*/footer  max-width: 480px*/
#petite #startbtn{
 position: absolute;
 bottom: 6%;
 right: 80px;
 z-index: 50;
 -webkit-transition-duration: 1.5s;
 transition-duration: 1.5s;
}
#petite #startbtn a{
 width: 340px;
 height: 108px;
 display: flex;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-align-items: center;
 align-items: center;
 background: #440099;
 border-radius: 100px;
 -webkit-transition-duration: 1.5s;
 transition-duration: 1.5s;
 font-size: 128%;
 text-align: center;
 color: #FFF;
}
#petite #startbtn span.start{
 font-size: 184%;
 padding-left: 0.5em;
 color: #ecc3b2;
}
.have_result#petite #startbtn span.start{
 font-size: 144%;
}

#petite .btn_02 {
 font-size: 114%;
 color: #FFF;
}
#petite .btn_02 a {
	width: 22vw;
	padding: 1.3vw 0;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	background: #FFF;
	border: 1px solid #440099;
	border-radius: 100px;
	font-size: 1.1vw;
	text-align: center;
	color: #440099;
}
#petite .btn_02 span {
	font-size: 0.8vw;
}
#petite .btn_03{
	margin: 0px auto;
 font-size: 114%;
 color: #440099;
}
#petite .btn_03 a {
	margin: 0px auto;
	width: 340px;
	height: 108px;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	background: #440099;
	border-radius: 100px;
	font-size: 128%;
	text-align: center;
	color: #FFF;
}
#petite .btn_03 span.start {
	font-size: 177%;
	color: #ecc3b2;
}
#petite #btn span.check {
	position: absolute;
	left: 50px;
	top: 50%;
	transform: translateY(-50%);
}
#petite #btn span.start {
	position: absolute;
	right: 50px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 177%;
	color: #ecc3b2;
}
#petite.have_result .btn_03 span {
 position: absolute;
}
#petite.have_result .btn_03 .check {
 top: 7px;
}
#petite.have_result .btn_03 .start {
 top: 31px;
 font-size: 154%;
}
#petite.have_result .btn_03 .quot {
 top: 70px;
 font-size: 86%;
}

#petite #btn .wordbr,#petite .btn_03 .wordbr {
	display: none;
}
#petite .btn_04 {
 font-size: 100%;
 color: #FFF;
}
#petite .btn_04 a {
	margin: 0px auto;
	width: 8vw;
	padding: 0.5vw 0;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	background: #ede6f7;
	border: 1px solid #440099;
	border-radius: 100px;
 font-size: 100;
	text-align: center;
	color: #440099;
}
#petite .btn_05 {
 font-size: 100%;
 color: #FFF;
}
#petite .btn_05 a {
	width: 190px;
	padding: 10px 0;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	background: #25282a;
	border-radius: 100px;
 font-size: 85%;
	text-align: center;
	color: #FFF;
}
@media screen and (max-width: 960px){
 #petite #startbtn{
  margin: 0px auto;
  position: absolute;
  bottom: 10%;
  right: 0px;
  left: 0px;
  z-index: 50;
  font-size: 114%;
  color: #440099;
 }
 #petite #startbtn a {
  margin: 0px auto;
  padding: 10px 0;
  height: auto;
  width: 70%;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  background: #440099;
  border-radius: 100px;
  box-sizing: border-box;
  font-size: 100%;
  text-align: center;
  color: #FFF;
 }
 /*結果保持*/
 #petite.have_result #startbtn a {
  height: 79px;
 }
.have_result #startbtn span.check{
 top: 5px;
 position: absolute;
 left: auto;
 font-size: 83%;
}
.have_result #startbtn span.start {
 position: absolute;
 top: 26px;
 right: auto;
 font-size: 144%;
}
.have_result #startbtn span.quot {
 bottom: 4px;
 position: absolute;
 font-size: 84%;
}
	#petite .txt_box .sp_none {
		display: none;
	}
#petite .btn_03{
	margin: 0px auto;
 font-size: 114%;
 color: #440099;
}	
#petite .btn_03 a {
	margin: 0px auto;
	padding: 10px 0;
	height: auto;
	width: 70%;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	background: #440099;
	border-radius: 100px;
	font-size: 128%;
	text-align: center;
	color: #FFF;
}
#petite .btn_03 span.start {
	font-size: 177%;
	color: #ecc3b2;
}
#petite .btn_04 a {
	margin: 0px auto;
	width: 80%;
	padding: 3% 0;
}
#petite .btn_05 {
 font-size: 100%;
 color: #FFF;
}
#petite .btn_05 a {
	margin: 0px auto 20px auto;
}
	
}
@media screen and (max-width: 480px){
#petite #btn a {
	width: 80%;
	font-size: 100%;
}	
#petite .btn_02 {
 font-size: 110%;
 color: #FFF;
}
#petite .btn_02 a {
	margin: 0px auto;
	width: 75%;
	padding: 1.3vw 0;
	background: #FFF;
	border-radius: 100px;
	font-size: 110%;
	text-align: center;
	color: #440099;
}
#petite .btn_02 span {
	font-size: 80%;
}	
}
#petite .lead {
	padding: 70px 0;
	line-height: 2;
	text-align: center;
	font-size: 200%;
	color: #440099;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 960px){
#petite .lead .sp_none {
	display: none;
}		
#petite .lead {
	padding: 40px 5%;
	font-size: 150%;
}
}
#petite .list {
	padding-bottom: 10vw;
	padding-left: 14vw;
	display: -webkit-flex;
	display: flex;
	line-height: 2;
}
#petite .re {
	padding-left: 0;
	padding-right: 14vw;
-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-justify-content: space-between;
justify-content: space-between;
}
#petite .list img {
	width: 100%;
	height: auto;
}
#petite .list .line {
	width: 10vw;
	height: 1px;
	background: #440099;
	position: absolute;
	top: 6.4vw;
	right: -3vw;
	z-index: 3;
}
#petite .re .line {
	position: absolute;
	top: 6.4vw;
	left: -3vw;
	z-index: 3;
}
#petite .list .left {
	padding-left: 1vw;
	width: 39vw;
	background: url("../../img/bgbt/petite/mate_01.png") no-repeat 0vw 3vw;
	background-size: 3vw;
	position: relative;
}
#petite .re .left {
	padding-left: 10vw;
	width: 30vw;	
	background: url("../../img/bgbt/petite/mate_02.png") no-repeat 31vw 3vw;
	background-size: 3vw;
}
#petite .list .left h2 {
	padding: 3vw 0;
	font-size: 1.7vw;
	color: #440099;
	letter-spacing: 0.1em;
}
#petite .list .left p {
	padding: 0 0 2vw 0;
	font-size: 1.1vw;
	color: #25282a;
	letter-spacing: 0.1em;
}
#petite .list .right {
	width: 60vw;
	position: relative;
}
#petite .list .right p {
	width: 35vw;
	position: absolute;
	z-index: 2;
}
#petite .re .right p {
	width: 35vw;
	position: absolute;
	z-index: 2;
	right: 0;
}
#petite .list .right .bg {
	width: 40vw;
	position: absolute;
	top: 7vw;
	right: 0;
	z-index: 1 !important;
}
#petite .re .right .bg {
	width: 40vw;
	position: absolute;
	top: 7vw;
	left: 0;
	z-index: 1 !important;
}
@media screen and (max-width: 480px){
	#petite .list .sp_none {
		display: none;
	}	
#petite .list {
	margin: 0px auto;
	padding: 0px;
	width: 90%;
	display: block;
}
#petite .re {
	margin: 0px auto;
	padding: 0px;
	width: 90%;
	display: block;
}
#petite .list .line,#petite .re .line {
	display: none;
}
#petite .list .left {
	padding: 0 0 0 5%;
	width: 95%;
	background: url("../../img/bgbt/petite/mate_01.png") no-repeat 0vw 3vw;
	background-size: 5vw;
	position: relative;
}
#petite .re .left {
	padding: 0 0 0 5%;
	width: 95%;
	background: url("../../img/bgbt/petite/mate_01.png") no-repeat 0vw 3vw;
	background-size: 5vw;
	position: relative;
}
#petite .list .left h2 {
	padding: 3vw 0;
	font-size: 170%;
	color: #440099;
	letter-spacing: 0.1em;
}
#petite .list .left p {
	padding: 0 0 2vw 0;
	font-size: 110%;
	color: #25282a;
	letter-spacing: 0.1em;
}
#petite .list .right {
	margin: 20px auto;
	width: 80%;
	position: relative;
	height: 50vw;
}
#petite .list .right p {
	width: 80%;
	position: absolute;
	z-index: 2;
}
#petite .re .right p {
	width: 80%;
	position: absolute;
	z-index: 2;
	right: 0;
}
#petite .list .right .bg {
	width: 100%;
	position: absolute;
	top: 7vw;
	right: 0;
	z-index: 1 !important;
}
#petite .re .right .bg {
	width: 100%;
	position: absolute;
	top: 7vw;
	left: 0;
	z-index: 1 !important;
}
}
#petite .evolution {
	margin: 0px auto 70px auto;
	padding: 70px 0;
	background: url("../../img/bgbt/petite/topi_02_img_01.jpg") no-repeat center top;
	background-size: cover;
	position: relative;
}
#petite .line_02 {
	margin: 0px auto;
	width: 1px;
	height: 85px;
	background: #440099;
	position: absolute;
	top: -35px;
	left: 0;
	right: 0;
}
#petite .evolution h2 {
	padding-bottom: 50px;
	font-size: 200%;
	color: #440099;
	text-align: center;
	letter-spacing: 0.1em;
}
#petite .evolution p {
	padding-bottom: 50px;
	font-size: 114%;
	color: #25282a;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 2;
}
@media screen and (max-width: 480px){
#petite .evolution {
	margin: 0px auto 40px auto;
	padding: 40px 0;
}	
#petite .line_02 {
	display: none;
}
#petite .evolution h2 {
	margin: 0px auto;
	width: 90%;
	padding-bottom: 25px;
}
#petite .evolution p {
	margin: 0px auto;
	width: 90%;
	padding-bottom: 25px;
}
}/*/footer  max-width: 480px*/
#petite .flow {
	padding: 70px 0;
	background: #ede6f7;
}
#petite .flow h2 {
	padding-bottom: 20px;
	font-size: 285%;
	text-align: center;
	color: #440099;
}
#petite .flow h2 span {
	display: block;
	font-size: 45%;
}
#petite .swiper-wrapper {
 margin-left: -30%;
}
#petite .swiper-container {
		width: 100%;
		height: 100%;
}
#petite .swiper-slide {
	position: relative;
	width: 13.5vw;
}
#petite .swiper-slide img {
	width: 100%;
	height: auto;
}
#petite .swiper-slide h3{
	font-size: 171%;
	color: #440099;
	text-align: center;
}
#petite .swiper-slide p{
	padding: 0.8vw 0 0 0;
	font-size: 114%;
	color: #000000;
	text-align: center;
}
/*#petite .swiper-slide:after{
	position: absolute;
	content: '';
	width: 0.75vw;
	height: 1.3vw;
	background-image: url(../../img/bgbt/petite/arr.png);
	background-size: contain;
	vertical-align: middle;	
	background-repeat: no-repeat;
	top: 7vw;
 left: 14.8vw;
}*/
#petite .nextArrow {
 position: absolute;
	width: 0.75vw;
	background-image: url(../../img/bgbt/petite/arr.png);
	background-size: contain;
	vertical-align: middle;	
	background-repeat: no-repeat;
	top: 7vw;
 left: 14.8vw;
 cursor: pointer;
}
/*#petite .swiper-slide:last-child:after{
	background-image: none;
}*/
@media screen and (max-width: 960px){
#petite .swiper-wrapper {
  margin-left: 0;
}
/*#petite .swiper-slide:after {
	width: 1vw;
	height: 3vw;
	top: 16vw;
	left: 31.5vw;
}*/
 #petite .nextArrow {
  width: 1vw;
	 top: 16vw;
	 left: 31.5vw;
 }
}/*/max-width: 960px*/
@media screen and (max-width: 480px){
#petite .flow {
	padding: 40px 0;
}
#petite .swiper-slide {
	position: relative;
	width: auto;
}
/*#petite .swiper-slide:after{
	width: 2vw;
	height: 4vw;
	top: 21vw;
 left: 48.8vw;
}*/
 #petite .nextArrow {
  width: 2vw;
	 top: 22vw;
  left: 47vw;
 }
}/*/footer  max-width: 480px*/
#petite .another {
 height: 685px;
 overflow: hidden;
 position: relative;
 background: url("../../img/bgbt/petite/topi_06_img_01.jpg") no-repeat center top;
	background-size: cover;
}
#petite .another .txtbox_wrap{
 position: absolute;
 display: flex;
 width: 110%;
 height: 100%;
 left: 0;
 top: 0;
 background: url(../../img/bgbt/petite/mate_03.png) center top no-repeat, -webkit-linear-gradient(left, rgba(126,84,72,1) 0%,rgba(126,84,72,1) 36%,rgba(126,84,72,0) 37%,rgba(126,84,72,0) 97%,rgba(126,84,72,0) 100%); /* Chrome10-25,Safari5.1-6 */
 background: url(../../img/bgbt/petite/mate_03.png) center top no-repeat, linear-gradient(to right, rgba(126,84,72,1) 0%,rgba(126,84,72,1) 36%,rgba(126,84,72,0) 37%,rgba(126,84,72,0) 97%,rgba(126,84,72,0) 100%);
 background-size: auto 100%, auto;
}
#petite .another .txtbox{
 width: 980px;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 overflow: hidden;
 font-size: 107%;
 text-align: left;
 letter-spacing: 0.1em;
 color: #25282a;
}
#petite #technology .inner{
 height: 685px;
 position: relative;
}
#petite .another .txtbox h3{
 margin-bottom: 30px;
 font-size: 266%;
 line-height: 1.2;
 color: #ecc3b2;
}
#petite .another .txtbox .txt{
	padding-bottom: 20px;
 line-height: 2.4;
 color: #FFF;
}
#petite .another .pc_none {
	display: none;
}
@media screen and (max-width: 960px){
#petite .another .pc_none {
	display: block;
}
#petite .another {
	padding: 40px 0;
 height: auto;
 overflow: inherit;
 position: relative;
 background: none;
	background-size: cover;
 background: rgba(126,84,72,1);
}
#petite .another .txtbox_wrap{
 position: static;
 display: block;
 width: 100%;
 left: 0;
 top: 0;
 background: rgba(126,84,72,1);
 background-size: auto;
}
#petite .another .txtbox {
	margin: 0px auto;
 width: 90%;
	top:auto;
	left: auto;
	right:auto;
 transform: none;
	overflow: auto;
 font-size: 107%;
 text-align: left;
 letter-spacing: 0.1em;
 color: #25282a;
	position: static
}
#petite .another .txtbox h3{
 margin-bottom: 30px;
 font-size: 266%;
 line-height: 1.2;
 color: #ecc3b2;
	text-align: center;
}
#petite .another .txtbox .txt{
	text-align: center;
}
}/*/max-width: 960px*/
@media screen and (max-width: 480px){
	#petite .another .sp_none {
		display: none;
	}
}/*/max-width: 480px*/

/*FLES テクノロジー*/
#petite #technology ,
#grande #technology {
 height: 685px;
 position: relative;
 background: -webkit-linear-gradient(top, rgba(246,227,220,1) 0%,rgba(246,227,220,1) 50%,rgba(237,230,247,1) 50%,rgba(237,230,247,1) 100%);
 background: linear-gradient(to bottom, rgba(246,227,220,1) 0%,rgba(246,227,220,1) 50%,rgba(237,230,247,1) 50%,rgba(237,230,247,1) 100%);
}
#petite #technology .txtbox_wrap ,
#grande #technology .txtbox_wrap{
 position: absolute;
 display: -webkit-flex;
 display: flex;
 width: 44.3%;
 height: 410px;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 background: rgba(255,255,255,0.3);
 border-top: solid 2px #FFF;
 border-bottom: solid 2px #FFF;
 border-right: solid 2px #FFF;
}
#petite #technology .txtbox ,
#grande #technology .txtbox{
 width: 980px;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 overflow: hidden;
 font-size: 107%;
 text-align: left;
 letter-spacing: 2px;
 color: #25282a;
}
#petite #technology .inner,
#grande #technology .inner{
 margin: 0 auto;
 width: 980px;
 height: 685px;
 position: relative;
}
#petite #technology .txtbox h3,
#grande #technology .txtbox h3{
 margin-bottom: 30px;
 font-size: 266%;
 line-height: 1.2;
 color: #440099;
}
#petite #technology .txtbox h3 span,
#grande #technology .txtbox h3 span{
 padding-top: 20px;
 display: block;
 font-size: 60%;
 color: #25282a;
}
#petite #technology .txtbox .lead,
#grande #technology .txtbox .lead{
 margin-bottom: 50px;
 font-size: 120%;
 font-weight: bold;
}
#petite #technology .txtbox .txt,
#grande #technology .txtbox .txt{
 float: left;
 font-size: 110%;
 line-height: 2.4;
 font-weight: bold;
}
#petite #technology .technology_img,
#grande #technology .technology_img{
 position: absolute;
 top: 50%;
 right: 0;
 transform: translateY(-50%);
 z-index: 2;
}
#petite #technology .technology_img img,
#grande #technology .technology_img img{
 width: 520px;
 height: auto;
}
#petite #technology .over_self,
#grande #technology .over_self{
 position: absolute;
 top: 0;
 right: 0;
 z-index: 2;
 font-size: 714%;
 line-height: 1;
 color: #FFF;
}
#petite #technology .over_fles,
#grande #technology .over_fles{
 position: absolute;
 bottom: 0;
 right: 430px;
 z-index: 2;
 font-size: 714%;
 line-height: 1;
 color: #FFF;
}
@media screen and (min-width: 1800px){
 #petite #technology .txtbox_wrap,
#grande #technology .txtbox_wrap{
  width: 45.3%;
 }
}
@media screen and (max-width: 960px){
/*FLES テクノロジー*/
#petite #technology ,
#grande #technology {
 padding-top: 2em;
 height: auto;
 position: relative;
 background: rgba(246,227,220,1);
}
#petite #technology .txtbox_wrap,
#grande #technology .txtbox_wrap{
 display: none;
}
#petite #technology .txtbox,
#grande #technology .txtbox{
 margin: 0 auto 2em;
 padding: 20px 4%;
 width: 86%;
 position: relative;
 top: 0;
 left: 0;
 transform: none;
 background: rgba(255,255,255,0.3);
 border: solid 2px #FFF;
 font-size: 107%;
 text-align: left;
 letter-spacing: 2px;
 color: #25282a;
}
#petite #technology .txtbox .txt,
#grande #technology .txtbox .txt{
 text-align: center;
}
#petite #technology .inner,
#grande #technology .inner{
 padding: 30px 4% 50px;
 width: auto;
 height: auto;
 position: relative;
 background: -webkit-linear-gradient(top, rgba(246,227,220,1) 0%,rgba(246,227,220,1) 50%,rgba(237,230,247,1) 50%,rgba(237,230,247,1) 100%);
 background: linear-gradient(to bottom, rgba(246,227,220,1) 0%,rgba(246,227,220,1) 50%,rgba(237,230,247,1) 50%,rgba(237,230,247,1) 100%);
}
#petite #technology .txtbox h3,
#grande #technology .txtbox h3{
 margin-bottom: 15px;
 font-size: 208%;
 line-height: 1.2;
 text-align: center;
}
#petite #technology .txtbox h3 span,
#grande #technology .txtbox h3 span{
 padding-top: 10px;
 font-size: 60%;
 color: #25282a;
}
#petite #technology .txtbox .lead,
#grande #technology .txtbox .lead{
 margin-bottom: 25px;
 font-size: 120%;
 font-weight: bold;
}
#petite #technology .txtbox .txt,
#grande #technology .txtbox .txt{
 width: 100%;
 float: none;
 line-height: 1.8;
}
#petite #technology .technology_img,
#grande #technology .technology_img{
 margin: 0 auto;
 max-width: 460px;
 position: relative;
 top: 0;
 right: auto;
 z-index: 5;
 transform: none;
}
#petite #technology .technology_img img,
#grande #technology .technology_img img{
 width: 100%;
 height: auto;
}
#petite #technology .over_self,
#grande #technology .over_self{
 margin-right: 4%;
 position: absolute;
 top: 0;
 right: 0;
 z-index: 2;
 font-size: 416%;
 line-height: 1;
 color: #FFF;
}
#petite #technology .over_fles,
#grande #technology .over_fles{
 margin-left: 4%;
 position: absolute;
 bottom: 20px;
 right: auto;
 left: 0;
 z-index: 2;
 font-size: 416%;
 line-height: 1;
 color: #FFF;
}
}/*/max-width: 960px*/

/*Specialist紹介*/
#petite #person,
#grande #person{
 padding: 35px 0 45px;
 background: #25282a;
 color: #FFF;
}
#petite #person .person_container,
#grande #person .person_container{
 margin: 0 auto;
 width: 980px;
 position: relative;
}
#petite #person .disc,
#grande #person .disc{
 width: 300px;
 text-align: right;
 position: absolute;
 right: 0;
 top: 50%;
 transform: translateY(-50%);
}
#petite #person .disc h3,
#grande #person .disc h3{
 margin-bottom: 50px;
 font-size: 285%;
 font-weight: normal;
 letter-spacing: 4px;
 color: #ecc3b2;
}
#petite #person .disc .txt,
#grande #person .disc .txt{
 font-size: 160%;
 line-height: 2;
 font-weight: bold;
}
#petite #person .person_wrap,
#grande #person .person_wrap{
 margin: 0;
 width: 620px;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
}
#petite #person .person_box,
#grande #person .person_box{
 width: 29%;
}
#petite #person .person_box dt,
#grande #person .person_box dt{
 margin-bottom: 10px;
 text-align: center;
}
#petite #person .person_box dd h4,
#grande #person .person_box dd h4{
 margin: 0 auto 20px;
 text-align: center;
 display: block;
 font-size: 114%;
 color: #ecc3b2;
}
#petite #person .person_box dd p,
#grande #person .person_box dd p{
 font-size: 82%;
 line-height: 1.8
}
#petite #person .person_box dd p .name,
#grande #person .person_box dd p .name{
 margin: 0 auto 0.5em;
 display: block;
 font-size: 108%;
 text-align: center;
 font-weight: bold;
 letter-spacing: 1px;
}
 
@media screen and (max-width: 960px){
/*Specialist紹介*/
#petite #person,
#grande #person{
 padding: 35px 0 20px;
 background: #25282a;
 color: #FFF;
}
#petite #person .person_container,
#grande #person .person_container{
 width: 86%;
}
#petite #person .disc,
#grande #person .disc{
 width: 100%;
 text-align: left;
 position: relative;
 right: auto;
 top: 0;
 transform: none;
 font-size: 107%;
}
#petite #person .disc h3,
#grande #person .disc h3{
 margin-bottom: 25px;
 font-size: 208%;
 text-align: center;
}
#petite #person .disc .txt,
#grande #person .disc .txt{
 margin-bottom: 30px;
 font-size: 120%;
 line-height: 2;
 text-align: center;
}
#petite #person .person_wrap,
#grande #person .person_wrap{
 margin: 0;
 width: 100%;
 display: block;
}
#petite #person .person_box,
#grande #person .person_box{
 margin-bottom: 25px;
 width: 100%;
 display: -webkit-flex;
 display: flex;
 justify-content: space-between;
 justify-content: space-between;
}
#petite #person .person_box dt,
#grande #person .person_box dt{
 margin-bottom: 10px;
 width: 27%;
 text-align: left;
}
#petite #person .person_box dd ,
#grande #person .person_box dd {
 width: 70%;
 }
#petite #person .person_box dd h4,
#grande #person .person_box dd h4{
 margin: 0 auto 5px;
 text-align: left;
 font-size: 108%;
}
#petite #person .person_box dd p,
#grande #person .person_box dd p{
 font-size: 75%;
 line-height: 1.8
}
#petite #person .person_box dd p .name,
#grande #person .person_box dd p .name{
 margin: 0 auto 5px;
 display: block;
 font-size: 111%;
 text-align: left;
 font-weight: bold;
 letter-spacing: 1px;
}
}/*/max-width: 960px*/


/******************************************************************************

 grande // グラン紹介ページ

******************************************************************************/
#grande #mv {
	width: 100%;
	height: 735px;
	background: url("../../img/bgbt/grande/main_bg.jpg") no-repeat center center;
	background-size: cover;
	position: relative;
}
#grande #mv .logo {
	width: 125px;
	height: 125px;
	position: absolute;
	top: 50px;
	left: 50px;
	z-index: 5;
}
#grande #mv .line {
	width: 100%;
	height: 7px;
	background: #440099;
}
#grande #mv .txt_box {
	width: 490px;
	padding: 40px 0 60px 223px;
	background: rgba(126,84,72,0.85);
	position: absolute;
	top: 228px;
	left: 0px;
	line-height: 2;
}
#grande .txt_box h2 {
	padding-bottom: 10px;
	color: #ecc3b2;
	font-size: 285%;
	letter-spacing: 0.2em;
}
#grande .txt_box p {
	color: #FFF;
	font-weight: 600;
}
#grande .txt_box h3 {
	color: #ecc3b2;
	font-size: 171%;
	font-weight: 600;	
}
#grande .txt_box p.only{
 margin-bottom: 30px;
}
#grande .txt_box .txt {
	font-size: 128%;
	font-weight: 500;
}
@media screen and (max-width: 960px){
	
#grande #mv .logo {
	display: none;
}
#grande #mv .line {
	height: 3px;
}
#grande #mv .txt_box {
	width: 80%;
	padding: 5% 5%;
	position: absolute;
	top: 10vw;
	left: 0px;
	line-height: 2;
}
}/*/max-width: 960px*/
@media screen and (max-width: 480px){
#grande #mv {
	height: 100vh;
	background: url("../../img/bgbt/grande/main_bg_sp.jpg") no-repeat center center;
    background-size: cover;
}
#grande .txt_box h3 {
	font-size: 160%;
	font-weight: 600;	
}
}/*/footer  max-width: 480px*/

#grande #startbtn{
 position: absolute;
 bottom: 6%;
 right: 80px;
 z-index: 50;
 -webkit-transition-duration: 1.5s;
 transition-duration: 1.5s;
}
#grande #startbtn a{
 width: 340px;
 height: 108px;
 display: flex;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-align-items: center;
 align-items: center;
 background: #25282a;
 border-radius: 100px;
 -webkit-transition-duration: 1.5s;
 transition-duration: 1.5s;
 font-size: 128%;
 text-align: center;
 color: #FFF;
}
#grande #startbtn a.sp{
 display: none!important;
}
#grande #startbtn span.check{
 top: 16px;
 left: 50%;
 transform: translateX(-50%);
 position: absolute;
}
#grande #startbtn span.start{
 width: 100%;
 font-size: 184%;
 padding-left: 0.5em;
 position: absolute;
 top: 47px;
 left: 50%;
 transform: translateX(-52%);
 color: #ecc3b2;
}
#grande #startbtn span.start img{
 vertical-align: middle;
 padding-right: 0.5em;
}

#grande.have_result #startbtn span.check{
 top: 12px;
}
#grande.have_result #startbtn span.start{
 top: 32px;
}
#grande.have_result #startbtn span.quot{
 bottom: 8px;
 position: absolute;
}

#grande .btn_02 {
 font-size: 114%;
 color: #FFF;
}
#grande .btn_02 a {
	width: 22vw;
	padding: 1.3vw 0;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	background: #FFF;
	border: 1px solid #7e5448;
	border-radius: 100px;
	font-size: 1.1vw;
	text-align: center;
	color: #7e5448;
}
#grande .btn_02 span {
	font-size: 0.8vw;
}
#grande .btn_03{
	margin: 0px auto;
 font-size: 114%;
 color: #440099;
}
#grande .btn_03 a {
	margin: 0px auto;
	width: 340px;
	height: 108px;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	background: #440099;
	border-radius: 100px;
	font-size: 128%;
	text-align: center;
	color: #FFF;
}
#grande .btn_03 span.start {
	font-size: 177%;
	color: #ecc3b2;
}
#grande #btn span.check {
	position: absolute;
	left: 30px;
	top: 50%;
	transform: translateY(-50%);
}
#grande #btn span.start {
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 167%;
	color: #ecc3b2;
}
#grande #btn .wordbr,#grande .btn_03 .wordbr {
	display: none;
}
#grande .btn_04 {
 font-size: 100%;
 color: #FFF;
}
#grande .btn_04 a {
	margin: 0px auto;
	width: 8vw;
	padding: 0.5vw 0;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	background: #ede6f7;
	border: 1px solid #440099;
	border-radius: 100px;
 font-size: 100;
	text-align: center;
	color: #440099;
}
#grande .btn_05 {
 font-size: 100%;
 color: #440099;
}
#grande .btn_05 a {
	width: 190px;
	padding: 10px 0;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	background: #ecc3b2;
	border-radius: 100px;
 font-size: 85%;
	text-align: center;
	color: #440099;
}
@media screen and (max-width: 960px){
#grande #startbtn{
 margin: 0px auto;
 position: absolute;
 bottom: 10%;
 right: 0px;
 left: 0px;
 z-index: 50;
 font-size: 114%;
 color: #440099;
}
#grande #startbtn a.sp {
 margin: 0px auto;
 padding: 10px 0;
 height: 75px;
 width: 70%;
 display: -webkit-flex!important;
 display: flex!important;
 box-sizing: border-box;
 font-size: 100%;
 text-align: center;
 color: #FFF;
}
#grande #startbtn a.pc {
 display: none!important;
}
#grande #startbtn span.check {
 top: 6px;
}
#grande #startbtn span.start {
 width: 100%;
 font-size: 184%;
 padding-left: 0.5em;
 position: absolute;
 top: 29px;
}
#grande #startbtn span.start img {
 width: 22px;
}
#grande .txt_box .sp_none {
		display: none;
	}
#grande .btn_03{
	margin: 0px auto;
 font-size: 114%;
 color: #440099;
}	
#grande .btn_03 a {
	margin: 0px auto;
	padding: 10px 0;
	height: auto;
	width: 70%;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	background: #440099;
	border-radius: 100px;
	font-size: 128%;
	text-align: center;
	color: #FFF;
}
#grande .btn_03 span.start {
	font-size: 177%;
	color: #ecc3b2;
}
#grande .btn_04 a {
	margin: 0px auto;
	width: 80%;
	padding: 3% 0;
}
#grande .btn_05 {
 font-size: 100%;
 color: #440099;
}
#grande .btn_05 a {
	margin: 0px auto 20px auto;
}
	
}
@media screen and (max-width: 480px){
#grande #btn a {
	width: 80%;
	font-size: 100%;
}
	
#grande .btn_02 {
 font-size: 110%;
 color: #FFF;
}
#grande .btn_02 a {
	margin: 0px auto;
	width: 75%;
	padding: 1.3vw 0;
	background: #FFF;
	border-radius: 100px;
	font-size: 110%;
	text-align: center;
}
#grande .btn_02 span {
	font-size: 80%;
}	
}
#grande .lead {
	padding: 70px 0;
	line-height: 2;
	text-align: center;
	font-size: 200%;
	color: #7e5448;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 960px){
#grande .lead .sp_none {
	display: none;
}	
#grande .lead {
	padding: 40px 5%;
	font-size: 150%;
}
}
#grande .list {
	padding-bottom: 10vw;
	padding-left: 14vw;
	display: -webkit-flex;
	display: flex;
	line-height: 2;
}
#grande .re {
	padding-left: 0;
	padding-right: 14vw;
-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-justify-content: space-between;
justify-content: space-between;
}
#grande .list img {
	width: 100%;
	height: auto;
}
#grande .list .line {
	width: 10vw;
	height: 1px;
	background: #440099;
	position: absolute;
	top: 6.4vw;
	right: -3vw;
	z-index: 3;
}
#grande .re .line {
	position: absolute;
	top: 6.4vw;
	left: -3vw;
	z-index: 3;
}
#grande .list .left {
	padding-left: 1vw;
	width: 39vw;
	background: url("../../img/bgbt/grande/mate_01.png") no-repeat 0vw 3vw;
	background-size: 3vw;
	position: relative;
}
#grande .re .left {
	padding-left: 10vw;
	width: 30vw;	
	background: url("../../img/bgbt/grande/mate_02.png") no-repeat 31vw 3vw;
	background-size: 3vw;
}
#grande .list .left h2 {
	padding: 3vw 0;
	font-size: 1.7vw;
	color: #7e5448;
	letter-spacing: 0.1em;
}
#grande .list .left p {
	padding: 0 0 2vw 0;
	font-size: 1.1vw;
	color: #25282a;
	letter-spacing: 0.1em;
}
#grande .list .right {
	width: 60vw;
	position: relative;
}
#grande .list .right p {
	width: 35vw;
	position: absolute;
	z-index: 2;
}
#grande .re .right p {
	width: 35vw;
	position: absolute;
	z-index: 2;
	right: 0;
}
#grande .list .right .bg {
	width: 40vw;
	position: absolute;
	top: 7vw;
	right: 0;
	z-index: 1 !important;
}
#grande .re .right .bg {
	width: 40vw;
	position: absolute;
	top: 7vw;
	left: 0;
	z-index: 1 !important;
}
@media screen and (max-width: 480px){
	#grande .list .sp_none {
		display: none;
	}	
#grande .list {
	margin: 0px auto;
	padding: 0px;
	width: 90%;
	display: block;
}
#grande .re {
	margin: 0px auto;
	padding: 0px;
	width: 90%;
	display: block;
}
#grande .list .line,#grande .re .line {
	display: none;
}
#grande .list .left {
	padding: 0 0 0 5%;
	width: 95%;
	background: url("../../img/bgbt/grande/mate_01.png") no-repeat 0vw 3vw;
	background-size: 5vw;
	position: relative;
}
#grande .re .left {
	padding: 0 0 0 5%;
	width: 95%;
	background: url("../../img/bgbt/grande/mate_01.png") no-repeat 0vw 3vw;
	background-size: 5vw;
	position: relative;
}
#grande .list .left h2 {
	padding: 3vw 0;
	font-size: 170%;
	letter-spacing: 0.1em;
}
#grande .list .left p {
	padding: 0 0 2vw 0;
	font-size: 110%;
	color: #25282a;
	letter-spacing: 0.1em;
}
#grande .list .right {
	margin: 20px auto;
	width: 80%;
	position: relative;
	height: 50vw;
}
#grande .list .right p {
	width: 80%;
	position: absolute;
	z-index: 2;
}
#grande .re .right p {
	width: 80%;
	position: absolute;
	z-index: 2;
	right: 0;
}
#grande .list .right .bg {
	width: 100%;
	position: absolute;
	top: 7vw;
	right: 0;
	z-index: 1 !important;
}
#grande .re .right .bg {
	width: 100%;
	position: absolute;
	top: 7vw;
	left: 0;
	z-index: 1 !important;
}
}
#grande .evolution {
	margin: 0px auto 70px auto;
	padding: 70px 0;
	background: url("../../img/bgbt/grande/topi_02_img_01.jpg") no-repeat center top;
	background-size: cover;
	position: relative;
}
#grande .line_02 {
	margin: 0px auto;
	width: 1px;
	height: 85px;
	background: #440099;
	position: absolute;
	top: -35px;
	left: 0;
	right: 0;
}
#grande .evolution h2 {
	padding-bottom: 50px;
	font-size: 200%;
	color: #ecc3b2;
	text-align: center;
	letter-spacing: 0.1em;
}
#grande .evolution p {
	padding-bottom: 50px;
	font-size: 114%;
	color: #FFF;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 2;
}
@media screen and (max-width: 480px){
#grande .evolution {
	margin: 0px auto 40px auto;
	padding: 40px 0;
}	
#grande .line_02 {
	display: none;
}
#grande .evolution h2 {
	margin: 0px auto;
	width: 90%;
	padding-bottom: 25px;
}
#grande .evolution p {
	margin: 0px auto;
	width: 90%;
	padding-bottom: 25px;
}
}/*/ max-width: 480px*/
#grande .flow {
	padding: 70px 0;
	background: #f6e3dc;
}
#grande .flow h2 {
	padding-bottom: 20px;
	font-size: 285%;
	text-align: center;
	color: #7e5448;
}
#grande .flow h2 span {
	display: block;
	font-size: 45%;
}
#grande .swiper-wrapper {
 margin-left: -30%;
}
#grande .swiper-container {
		width: 100%;
		height: 100%;
}
#grande .swiper-slide {
	position: relative;
	width: 13.5vw;
}
#grande .swiper-slide img {
	width: 100%;
	height: auto;
}
#grande .swiper-slide h3{
	font-size: 171%;
	color: #440099;
	text-align: center;
}
#grande .swiper-slide p{
	padding: 0.8vw 0 0 0;
	font-size: 114%;
	color: #000000;
	text-align: center;
}
#grande .nextArrow {
 position: absolute;
	width: 0.75vw;
	background-image: url(../../img/bgbt/petite/arr.png);
	background-size: contain;
	vertical-align: middle;	
	background-repeat: no-repeat;
	top: 7vw;
 left: 14.8vw;
 cursor: pointer;
}
@media screen and (max-width: 960px){
#grande .swiper-wrapper {
  margin-left: 0;
}
 #grande .nextArrow {
  width: 1vw;
	 top: 16vw;
	 left: 31.5vw;
 }
}/*/max-width: 960px*/
@media screen and (max-width: 480px){
#grande .flow {
	padding: 40px 0;
}
#grande .swiper-slide {
	position: relative;
	width: auto;
}
#grande .nextArrow {
  width: 2vw;
	 top: 22vw;
  left: 47vw;
 }
}/*/footer  max-width: 480px*/

#grande .another {
 height: 685px;
 overflow: hidden;
 position: relative;
 background: url("../../img/bgbt/grande/topi_06_img_01.jpg") no-repeat center top;
	background-size: cover;
}
#grande .another .txtbox_wrap{
 position: absolute;
 display: flex;
 width: 110%;
 height: 100%;
 left: 0;
 top: 0;
 background: url(../../img/bgbt/grande/mate_03.png) center top no-repeat, -webkit-linear-gradient(left, rgba(68,0,153,1) 0%,rgba(68,0,153,1) 36%,rgba(68,0,153,0) 37%,rgba(68,0,153,0) 97%,rgba(126,84,72,0) 100%); /* Chrome10-25,Safari5.1-6 */
 background: url(../../img/bgbt/grande/mate_03.png) center top no-repeat, linear-gradient(to right, rgba(68,0,153,1) 0%,rgba(68,0,153,1) 36%,rgba(68,0,153,0) 37%,rgba(68,0,153,0) 97%,rgba(68,0,153,0) 100%);
 background-size: auto 100%, auto;
}
#grande .another .txtbox{
 width: 980px;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 overflow: hidden;
 font-size: 107%;
 text-align: left;
 letter-spacing: 0.1em;
 color: #25282a;
}
#grande #technology .inner{
 height: 685px;
 position: relative;
}
#grande .another .txtbox h3{
 margin-bottom: 30px;
 font-size: 266%;
 line-height: 1.2;
 color: #FFF;
}
#grande .another .txtbox .txt{
	padding-bottom: 20px;
 line-height: 2.4;
 color: #FFF;
}
#grande .another .pc_none {
	display: none;
}
@media screen and (max-width: 960px){
#grande .another .pc_none {
	display: block;
}
#grande .another {
	padding: 40px 0;
 height: auto;
 overflow: inherit;
 position: relative;
 background: none;
	background-size: cover;
 background: rgba(68,0,153,1);
}
#grande .another .txtbox_wrap{
 position: static;
 display: block;
 width: 100%;
 left: 0;
 top: 0;
 background: rgba(68,0,153,1);
 background-size: auto;
}
#grande #technology .inner{
 height: auto;
 position: relative;
}
#grande .another .txtbox {
	margin: 0px auto;
 width: 90%;
	top:auto;
	left: auto;
	right:auto;
 transform: none;
	overflow: auto;
 font-size: 107%;
 text-align: left;
 letter-spacing: 0.1em;
 color: #25282a;
	position: static
}
#grande .another .txtbox h3{
 margin-bottom: 30px;
 font-size: 208%;
 line-height: 1.2;
 color: #FFF;
	text-align: center;
}
#grande .another .txtbox .txt{
	text-align: center;
}
}/*/max-width: 960px*/
@media screen and (max-width: 480px){
	#grande .another .sp_none {
		display: none;
	}
}/*/max-width: 480px*/

@media screen and (max-width: 960px){
}/*/max-width: 960px*/

@media screen and (max-width: 480px){
}/*/footer  max-width: 480px*/

#petite #about_fles,
#grande #about_fles{
 margin: 0 auto 80px;
 padding: 30px 0;
 max-width: 990px;
 width: 92%;
 border-top: solid 1px #440099;
 border-bottom: solid 1px #440099;
}

/*formボタンセクション*/
#petite .formContents,
#page_intr_grande_maison .formContents,
#grande .formContents{
 padding: 70px 0 15px;
 text-align: center;
}
#petite .formContents .inner,
#page_intr_grande_maison .formContents .inner,
#grande .formContents .inner{
 margin: 0 auto;
 width: 650px;
}
#petite .btn a,
#page_intr_grande_maison .btn_maison a,
#grande .btn a{
 margin: 0 auto 1em;
 padding: 0.8em 0;
 width: 100%;
 display: block;
 border-radius: 50px;
 background: url(../../img/bgbt/p-interview/common/logo.svg) left 40px center no-repeat,#440099;
 background-size: 50px 50px , auto;
 font-size: 171%;
 letter-spacing: 1px;
 color: #FFF;
}
#petite .formContents .btn.toplink a{
 padding: 1em 0;
 background: #ecc3b2;
 background-size: auto;
 font-size: 171%;
 color: #440099;
}
#grande .btn a,
#page_intr_grande_maison .btn_maison a{
 background: url(../../img/bgbt/p-interview/common/logo.svg) left 40px center no-repeat,#7e5448;
 background-size: 50px 50px , auto;
}
#petite .formContents .btn span,
#page_intr_grande_maison .formContents .btn_maison span:first-child,
#grande .formContents .btn span:first-child{
 margin: 0 auto 0.2em;
 display: block;
 font-size: 66%;
 font-weight: bold;
 color: #ecc3b2;
}
#petite .formContents .btn em,
#page_intr_grande_maison .formContents .btn_maison em,
#grande .formContents .btn_maison em{
 padding-right: 0.3em;
 font-size: 70%;
 vertical-align: text-bottom;
}
#grande .formContents .btn_maison span:last-child:before,
#page_intr_grande_maison .formContents .btn_maison span:last-child:before{
 content: "";
 width: 22px;
 height: 24px;
 display: inline-block;
 padding-right: 10px;
 background: url(../../img/bgbt/grande/ico_tel.png) no-repeat;
 background-size: contain;
 vertical-align: middle;
}
#petite .formContents .price,
#page_intr_grande_maison .formContents .price,
#grande .formContents .price{
 margin: 0 auto;
 width: 100%;
 -webkit-justify-content: space-between;
 justify-content: space-between;
}
#petite .formContents .price strong,
#page_intr_grande_maison .formContents .price strong,
#grande .formContents .price strong{
 font-weight: normal;
 font-family: century-gothic, 'A+mfCv-AXIS Font ベーシック L ProN', 'A+mfCv-AXIS Font ベーシック B ProN', "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#petite .formContents .price p,
#page_intr_grande_maison .formContents .price p,
#grande .formContents .price p{
 letter-spacing: 1px;
 box-sizing: border-box;
 border-left: solid 1px #440099;
 border-right: solid 1px #440099;
 text-align: center;
 color: #440099;
}
#petite .formContents .price p:first-child,
#page_intr_grande_maison .formContents .price p:first-child,
#grande .formContents .price p:first-child{
 width: 39%;
 border-right: none;
}
#petite .formContents .price p:last-child,
#page_intr_grande_maison .formContents .price p:last-child,
#grande .formContents .price p:last-child{
 width: 61%;
}
#petite .formContents .price p strong,
#page_intr_grande_maison .formContents .price p strong,
#grande .formContents .price p strong{
 padding-left: 3px;
 font-size: 171%;
 vertical-align: sub;
}
#petite .formContents .price p span.yen,
#page_intr_grande_maison .formContents .price p span.yen,
#grande .formContents .price p span.yen{
 padding-left: 3px;
 font-size: 114%;
}
#petite .formContents .firstmember,
#page_intr_grande_maison .formContents .firstmember,
#grande .formContents .firstmember{
 margin-top: 27px;
 padding: 30px 8%;
 width: 100%;
 background: #ede6f7;
 box-sizing: border-box;
}
#petite .formContents .firstmember .tit,
#page_intr_grande_maison .formContents .firstmember .tit,
#grande .formContents .firstmember .tit{
 border-bottom: solid 2px #440099;
 text-align: center;
 color: #440099;
 font-size: 114%;
 font-weight: bold;
}
#petite .formContents .form_txt,
#page_intr_grande_maison .formContents .form_txt,
#grande .formContents .form_txt{
 text-align: center;
 color: #7e5448;
 font-size: 185%;
}

@media screen and (max-width: 960px){
#petite .formContents,
#grande .formContents,
#page_intr_grande_maison .formContents{
 padding: 40px 0 45px;
 text-align: center;
}
#petite .formContents .inner,
#page_intr_grande_maison .formContents .inner,
#grande .formContents .inner{
 margin: 0 auto;
 width: 86%;
}
#petite .btn_maison a{
 margin: 0 auto 1em;
 padding: 0.8em 0;
 width: 100%;
 display: block;
 border-radius: 50px;
 background: url(../../img/bgbt/p-interview/common/logo.svg) left 20px center no-repeat,#440099;
 background-size: 25px 25px , auto;
 font-size: 100%;
 color: #FFF;
}
#grande .btn_maison a,
#page_intr_grande_maison .btn_maison a{
 margin: 0 auto 1em;
 padding: 0.8em 0;
 width: 100%;
 display: block;
 border-radius: 50px;
 background: url(../../img/bgbt/p-interview/common/logo.svg) left 20px center no-repeat,#7e5448;
 background-size: 25px 25px , auto;
 font-size: 100%;
 color: #FFF;
}
#petite .formContents .btn span,
#grande .formContents .btn span:first-child,
#page_intr_grande_maison .formContents .btn_maison span:first-child{
margin: 0 auto 0.2em;
 display: block;
 font-size: 100%;
 font-weight: bold;
 color: #ecc3b2;
}
#grande .formContents .btn span,
#page_intr_grande_maison .formContents .btn_maison span{
 margin: 0 auto;
 display: block;
 font-size: 230%;
 font-weight: normal;
 color: #fff;
}
#petite .formContents .price p,
#page_intr_grande_maison .formContents .price p,
#grande .formContents .price p{
 letter-spacing: 1px;
 box-sizing: border-box;
 border-left: solid 1px #440099;
 border-right: solid 1px #440099;
 text-align: center;
 color: #440099;
}
#petite .formContents .price p:first-child,
#page_intr_grande_maison .formContents .price p:first-child,
#grande .formContents .price p:first-child{
 width: 39%;
 border-right: none;
}
#petite .formContents .price p:last-child,
#page_intr_grande_maison .formContents .price p:last-child,
#grande .formContents .price p:last-child{
 width: 61%;
}
#petite .formContents .price p,
#page_intr_grande_maison .formContents .price p,
#grande .formContents .price p {
 font-size: 58%;
}
#petite .formContents .price p .sp_320,
#page_intr_grande_maison .formContents .price p .sp_320,
#grande .formContents .price p .sp_320{
 display: none;
}
#petite .formContents .price p strong,
#page_intr_grande_maison .formContents .price p strong,
#grande .formContents .price p strong{
 padding-left: 3px;
 font-size: 171%;
 vertical-align: sub;
}
#petite .formContents .price p span.yen,
#page_intr_grande_maison .formContents .price p span.yen,
#grande .formContents .price p span.yen{
 padding-left: 3px;
 font-size: 114%;
}
#petite .formContents .firstmember,
#page_intr_grande_maison .formContents .firstmember,
#grande .formContents .firstmember{
 margin-top: 15px;
 padding: 20px 8%;
}
 
#grande .formContents .form_txt,
#page_intr_grande_maison .formContents .form_txt{
 font-size: 116%;
}
 
}/*/max-width: 960px*/

@media screen and (max-width: 320px){
 #petite .formContents .price p .sp_320,
#grande .formContents .price p .sp_320{
  display: block;
 }
}/*/  max-width: 480px*/

/******************************************************************************

 maison // メゾン紹介ページ

******************************************************************************/
#page_intr_grande_maison .wrapper {
 padding-right: 50px;
}
#page_intr_grande_maison .page_inner {
 margin-right: auto;
 margin-left: auto;
 width: 66.5vw;
 position: relative;
 z-index: 5;
}
#page_intr_grande_maison .txt01 {
 font-size: 1.1vw;
}

/*----------------------------------------------------------------
.mv
----------------------------------------------------------------*/
#page_intr_grande_maison #mv {
 margin-bottom: 6.9vw;
	width: 100%;
	height: 26vw;
	background: url("../../img/bgbt/maison/main_bg.jpg") no-repeat center center;
	background-size: cover;
	position: relative;
}
#page_intr_grande_maison #mv .logo {
 width: 125px;
 height: 125px;
 position: absolute;
 top: 50px;
 left: 50px;
 z-index: 5;
}
#page_intr_grande_maison #mv .line {
	width: 100%;
	height: 7px;
	background: #440099;
}
#page_intr_grande_maison #mv .flex {
 padding-top: 5.4vw;
 -webkit-justify-content: center; /* Safari用 */
 justify-content: center;
 -webkit-align-items: center; /* Safari用 */
 align-items: center;
}
#page_intr_grande_maison #mv .flex p{
 margin-bottom: 2vw;
}
#page_intr_grande_maison #mv .flex .tit{
 width: 40%;
 font-size: 3.2vw;
 letter-spacing: 3px;
 -webkit-align-self: center;
 align-self: center;
}
#page_intr_grande_maison #mv .flex .tit span{
 margin-bottom: 5px;
 display: block;
 font-weight: bold;
 font-size: 33%;
 line-height: 1;
}
#page_intr_grande_maison #mv .flex .txt{
 width: 60%;
}
#page_intr_grande_maison #mv .flex .txt .dash:before{
 content: "";
 margin-right: 1.5em;
 width: 40px;
 height: 1px;
 display: inline-block;
 vertical-align: middle;
 background: #440099;
}

/*----------------------------------------------------------------
.area common
----------------------------------------------------------------*/
#page_intr_grande_maison img{
 width: 100%;
 height: auto;
}
#page_intr_grande_maison .area_tit{
 margin-bottom: 2.5vw;
 font-size: 2.4vw;
 line-height: 1;
 letter-spacing: 1px;
 color: #440099;
}
#page_intr_grande_maison .area_tit em{
 display: block;
}
#page_intr_grande_maison .area_tit span{
 margin-bottom: 1em;
 padding-bottom: 0.2em;
 display: inline-block;
 font-size: 36%;
 border-bottom: solid 1px #25282a;
 letter-spacing: 0;
 color: #25282a;
}

#page_intr_grande_maison .txt_box{
 position: relative;
 z-index: 2;
}
#page_intr_grande_maison .txt_box .txt{
 font-size: 1.1vw;
 line-height: 2;
}
#page_intr_grande_maison .area_image{
 position: absolute; 
 z-index: 1;
}
#page_intr_grande_maison .bg_block{
 display: block;
 position: absolute;
 z-index: 1;
 background: #f5f8fa;
}
#page_intr_grande_maison .area_map{
 width: 19.4vw;
 position: relative; 
 z-index: 2;
}

/*----------------------------------------------------------------
.area01
----------------------------------------------------------------*/
#page_intr_grande_maison .area01{
 margin-bottom: 7vw;
 padding-top: 5vw;
 width: 100%;
 position: relative;
}
#page_intr_grande_maison .area01 .txt_box{
 margin-bottom: 10.8vw;
 width: 23.2vw;
}
#page_intr_grande_maison .area01 .area_image{
 width: 40vw;
 top: 25px;
 right: 0;
}
#page_intr_grande_maison .area01 .bg_block{
 padding-top: 29.86%;
 width: 55%;
 top: 0;
 left: 0;
}
/*----------------------------------------------------------------
.area02
----------------------------------------------------------------*/
#page_intr_grande_maison .area02{
 margin-bottom: 7vw;
 padding-top: 6vw;
 width: 100%;
 position: relative;
}
#page_intr_grande_maison .area02 .area_tit{
 color: #7e5448;
}
#page_intr_grande_maison .area02 .area_tit span{
 border-bottom: solid 1px #7e5448;
}
#page_intr_grande_maison .area02 .txt_box_wrap{
 margin-bottom: 3.5vw;
 width: 100%;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: flex-end;
 justify-content: flex-end;
 position: relative;
 z-index: 5;
}
#page_intr_grande_maison .area02 .txt_box{
 margin-top: 5vw;
 padding: 4vw 0vw 6vw 3.4vw;
 box-sizing: border-box;
 width: 22.8vw;
 background: #FFF;
}
#page_intr_grande_maison .area02 .txt_box .txt{
 font-size: 1.7vw;
 line-height: 1.7;
}
#page_intr_grande_maison .area02 .area_image{
 width: 55.4vw;
 top: 0;
 left: 0;
 z-index: 2;
}
#page_intr_grande_maison .area02 .area_contents{
 width: 43.8vw;
 -webkit-justify-content: space-between;
 justify-content: space-between;
}
#page_intr_grande_maison .area02 .area_contents dl{
 width: 48%;
}
#page_intr_grande_maison .area02 .area_contents dd h4{
 padding: 1.4vw 0;
 text-align: center;
 color: #7e5448;
 font-size: 1.6vw;
 letter-spacing: 2px;
}
#page_intr_grande_maison .area02 .area_contents dd p{
 font-size: 0.85vw;
 line-height: 2;
}
#page_intr_grande_maison .area02 .area_map{
 position: absolute;
 right: 0;
 bottom: -2vw;
}
#page_intr_grande_maison .area02 .bg_block{
 padding-top: 45.1%;
 width: 73%;
 top: 0;
 right: 0;
 background: #fcf3ef;
}
/*----------------------------------------------------------------
.area03
----------------------------------------------------------------*/
#page_intr_grande_maison .area03{
 margin-bottom: 7vw;
 padding-top: 3.8vw;
 width: 100%;
 position: relative;
}
#page_intr_grande_maison .area03 .area_tit{
 color: #25282a;
}
#page_intr_grande_maison .area03 .area_tit span{
 border-bottom: solid 1px #dcdcdc;
 color: #440099;
}
#page_intr_grande_maison .area03 .txt_box{
 margin-bottom: 7.7vw;
 width: 24vw;
 box-sizing: border-box;
}
#page_intr_grande_maison .area03 .area_image{
 width: 40vw;
 top: 0;
 right: 0;
 z-index: 2;
}
#page_intr_grande_maison .area03 .bg_block{
 padding-top: 25.5%;
 width: 55.5%;
 top: 0;
 left: 0;
 background: #f5f8fa;
}

/*----------------------------------------------------------------
.program
----------------------------------------------------------------*/
#page_intr_grande_maison .program {
 margin-bottom: 8.6vw;
 padding-top: 5.8vw;
 position: relative;
}
#page_intr_grande_maison .program .page_inner{
 -webkit-justify-content: space-between;
 justify-content: space-between;
}
#page_intr_grande_maison .program .program_outline{
 width: 59.4%;
}
#page_intr_grande_maison .program .program_outline .img{
 margin-bottom: 4vw;
}
#page_intr_grande_maison .program .program_outline .catch{
 margin-bottom: 4vw;
 font-size: 2.3vw;
 color: #7e5448;
}
#page_intr_grande_maison .program .program_outline .txt{
 font-size: 1.14vw;
 line-height: 1.8;
}

#page_intr_grande_maison .program .program_block{
 width: 34%;
 position: relative;
}
#page_intr_grande_maison .program .program_block .posi{
 width: 0.83vw;
 position: absolute;
 top: 0;
 left: -1vw;
}
#page_intr_grande_maison .program .program_block .add{
 margin-bottom: 0.4vw;
}
#page_intr_grande_maison .program .program_block .program_head{
 margin-bottom: 5.5vw;
 padding-left: 3.125vw;
}
#page_intr_grande_maison .program .program_block .program_head .tit{
 font-size: 1.71vw;
 line-height: 1.6;
 color: #409;
}

#page_intr_grande_maison .program .program_block:before{
 content: "";
 width: 1px;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 1;
 background: #440099;
}

#page_intr_grande_maison .program .program_block .program_list{
 position: relative;
 font-size: 1.1vw;
}
#page_intr_grande_maison .program .program_block .program_list li{
 margin-bottom: 3.1vw;
 padding-left: 3.125vw;
 position: relative;
}
#page_intr_grande_maison .program .program_block .program_list li span{
 display: block;
 font-size: 0.75vw;
}
#page_intr_grande_maison .program .program_block .program_list li:before{
 content: "";
 width: 2.6vw;
 height: 1px;
 background: #440099;
 position: absolute;
 left: 0;
 top: 0.8vw;
 z-index: 2;
}
#page_intr_grande_maison .program .program_block .program_list li:after{
 content: "";
 width: 0.55vw;
 height: 0.55vw;
 background: #440099;
 border-radius: 20px;
 position: absolute;
 left: -0.2vw;
 top: 0.6vw;
 z-index: 2;
}

#page_intr_grande_maison .program .bg_block{
 padding-top: 18.1%;
 width: 100%;
 top: 0;
 left: 0;
 background: #fcf3ef;
}

/*----------------------------------------------------------------
.access
----------------------------------------------------------------*/
#page_intr_grande_maison .access {
 display: -webkit-flex;
 display: flex;
 background: #440099;
}
#page_intr_grande_maison .access > div {
 width: 50%;
 box-sizing: border-box;
}
#page_intr_grande_maison .access > div .map_block{
 width: 100%!important;
 height: 50vw!important;
}
#page_intr_grande_maison .access > div .map_block .gm-style .place-card-large{
 display: none!important;
}
#page_intr_grande_maison .access div.contents_block{
 padding: 5.2vw;
}
#page_intr_grande_maison .access div.contents_block .sec_tit{
 margin-bottom: 4.51vw;
 font-size: 2.85vw;
 color: #ecc3b2;
}
#page_intr_grande_maison .access div.contents_block .access_tbl dl{
 margin-bottom: 1.3vw;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
}
#page_intr_grande_maison .access div.contents_block .access_tbl dt{
 width: 15%;
 font-weight: bold;
 color: #ecc3b2;
}
#page_intr_grande_maison .access div.contents_block .access_tbl dd{
 width: 82%;
 color: #fff;
}
#page_intr_grande_maison .access .maison_img{
 width: 100%;
}

#page_intr_grande_maison .access .map_block #maps{
 height: 100%;
}

#page_intr_grande_maison .grandebtn a{
 margin: -70px auto 7vw;
 padding: 1.5vw 0;
 width: 23.12vw;
 display: block;
 background: #FFF;
 border: solid 1px #7e5448;
 border-radius: 50px;
 font-size: 1.2vw;
 text-align: center;
 color: #7e5448;
}

@media screen and (max-width: 960px){
#page_intr_grande_maison #mv .logo {
 display: none;
}
#page_intr_grande_maison .pc{
	display: block!important;
}
#page_intr_grande_maison .sp{
	display: none;
}
 #page_intr_grande_maison .grandebtn a{
 margin: -20px auto 10vw;
 }
#page_intr_grande_maison .access div.contents_block .sec_tit{
 font-size: 230%;
}

}
@media screen and (max-width: 480px){
#page_intr_grande_maison .pc{
	display: none!important;
}
#page_intr_grande_maison .sp{
	display: block;
}
/******************************************************************************

 maison // メゾン紹介ページ

******************************************************************************/
#page_intr_grande_maison .wrapper {
 padding-right: 0;
}
#page_intr_grande_maison .page_inner {
 margin-right: auto;
 margin-left: auto;
 padding: 0 20px;
 width: 100%;
 position: relative;
 z-index: 5;
 box-sizing: border-box;
}
#page_intr_grande_maison .txt01 {
 font-size: 114%;
}

/*----------------------------------------------------------------
.mv
----------------------------------------------------------------*/
#page_intr_grande_maison #mv {
 margin-bottom: 50px;
 padding: 30px 0 40px;
	width: 100%;
	height: auto;
	background: url("../../img/bgbt/maison/main_bg_sp.jpg") no-repeat center center;
	background-size: cover;
	position: relative;
 box-sizing: border-box;
}
#page_intr_grande_maison #mv .logo {
 display: none;
}
#page_intr_grande_maison #mv .line {
	display: none;
}
#page_intr_grande_maison #mv .flex {
 display: block;
}
#page_intr_grande_maison #mv .flex p{
 margin-bottom: 20px;
}
#page_intr_grande_maison #mv .flex .tit{
 margin-bottom: 60px;
 width: 100%;
 font-size: 250%;
 letter-spacing: 3px;
 -webkit-align-self: center;
 align-self: center;
}
#page_intr_grande_maison #mv .flex .tit span{
 margin-bottom: 5px;
 display: block;
 font-weight: bold;
 font-size: 33%;
 line-height: 1;
}
#page_intr_grande_maison #mv .flex .txt{
 width: 100%;
}
#page_intr_grande_maison #mv .flex .txt01{
 font-size: 114%;
}
#page_intr_grande_maison #mv .flex .txt .dash{
 font-size: 90%; 
}
#page_intr_grande_maison #mv .flex .txt .dash:before{
 content: "";
 margin-right: 1.5em;
 width: 40px;
 height: 1px;
 display: inline-block;
 vertical-align: middle;
 background: #440099;
}

/*----------------------------------------------------------------
.area common
----------------------------------------------------------------*/
#page_intr_grande_maison .area_tit{
 margin-bottom: 35px;
 font-size: 230%;
 line-height: 1;
 letter-spacing: 1px;
}
#page_intr_grande_maison .area_tit em{
 display: block;
}
#page_intr_grande_maison .area_tit span{
 margin-bottom: 1em;
 padding-bottom: 0.2em;
 display: inline-block;
 font-size: 36%;
 border-bottom: solid 1px #25282a;
 letter-spacing: 0;
 color: #25282a;
}

#page_intr_grande_maison .txt_box{
 padding: 0;
 position: relative;
 z-index: 2;
}
#page_intr_grande_maison .txt_box .txt{
 font-size: 114%;
 line-height: 2;
}
#page_intr_grande_maison .area_image{
 position: relative; 
}
#page_intr_grande_maison .bg_block{
 display: block;
 position: absolute;
 z-index: 1;
 background: #f5f8fa;
}
#page_intr_grande_maison .area_map{
 margin: 0 auto;
 width: 62%;
 max-width: 459px;
 position: relative; 
 z-index: 2;
}

/*----------------------------------------------------------------
.area01
----------------------------------------------------------------*/
#page_intr_grande_maison .area01{
 margin-bottom: 90px;
 padding-top: 35px;
 width: 100%;
 position: relative;
}
#page_intr_grande_maison .area01 .txt_box{
 margin-bottom: 20px;
 width: 100%;
}
#page_intr_grande_maison .area01 .area_map{
 margin-bottom: 10px;
}
#page_intr_grande_maison .area01 .area_image{
 width: 100%;
 top: 0;
 right: -20px;
 overflow: hidden;
}
#page_intr_grande_maison .area01 .area_image img{
 max-width: 707px;
 float: right;
}
#page_intr_grande_maison .area01 .bg_block{
 padding-top: 138.86%;
 width: 100%;
 top: 0;
 left: 0;
}
/*----------------------------------------------------------------
.area02
----------------------------------------------------------------*/
#page_intr_grande_maison .area02{
 margin-bottom: 45px;
 padding-top: 0;
 width: 100%;
 position: relative;
}
#page_intr_grande_maison .area02 .area_tit{
 color: #7e5448;
}
#page_intr_grande_maison .area02 .area_tit span{
 border-bottom: solid 1px #7e5448;
}
#page_intr_grande_maison .area02 .txt_box_wrap{
 margin-top: -50px;
 margin-bottom: 3.5vw;
 width: 100%;
 right: -20px;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: flex-end;
 justify-content: flex-end;
 position: relative;
 z-index: 5;
}
#page_intr_grande_maison .area02 .txt_box{
 margin-top: 5vw;
 padding: 30px 8%;
 width: 79.8%;
 box-sizing: border-box;
 background: #FFF;
}
#page_intr_grande_maison .area02 .txt_box .txt{
 font-size: 166%;
 line-height: 1.7;
}
#page_intr_grande_maison .area02 .area_image{
 width: 105%;
 top: 0;
 left: -20px;
 z-index: 2;
}
#page_intr_grande_maison .area02 .area_contents{
 width: 100%;
 -webkit-flex-wrap:wrap;
 flex-wrap:wrap;
}
#page_intr_grande_maison .area02 .area_contents dl{
 margin: 0 auto 30px;
 width: 77.3%;
}
#page_intr_grande_maison .area02 .area_contents dd h4{
 padding: 20px 0;
 text-align: center;
 color: #7e5448;
 font-size: 158%;
 letter-spacing: 2px;
}
#page_intr_grande_maison .area02 .area_contents dd p{
 font-size: 100%;
 line-height: 2;
}
#page_intr_grande_maison .area02 .area_map{
 margin-bottom: 20px;
 position: relative;
 right: 0;
 bottom: 0;
}
#page_intr_grande_maison .area02 .bg_block{
 padding-top: 186%;
 width: 94%;
 top: -30px;
 right: 0;
 background: #fcf3ef;
}
/*----------------------------------------------------------------
.area03
----------------------------------------------------------------*/
#page_intr_grande_maison .area03{
 margin-bottom: 100px;
 padding-top: 35px;
 width: 100%;
 position: relative;
}
#page_intr_grande_maison .area03 .area_tit{
 color: #25282a;
}
#page_intr_grande_maison .area03 .area_tit span{
 border-bottom: solid 1px #dcdcdc;
 color: #440099;
}
#page_intr_grande_maison .area03 .txt_box{
 margin-bottom: 7.7vw;
 width: 100%;
 box-sizing: border-box;
}
#page_intr_grande_maison .area03 .area_map{
 margin-bottom: 10px;
}
#page_intr_grande_maison .area03 .area_image{
 width: 106%;
 top: 0;
 right: 0;
 z-index: 2;
}
#page_intr_grande_maison .area03 .bg_block{
 padding-top: 135.2%;
 width: 94%;
 top: 0;
 left: 0;
 background: #f5f8fa;
}

/*----------------------------------------------------------------
.program
----------------------------------------------------------------*/
#page_intr_grande_maison .program {
 margin-bottom: 0;
 padding-top: 0;
}
#page_intr_grande_maison .program .page_inner{
 padding: 40px 20px 0;
 display: block;
}
#page_intr_grande_maison .program .program_outline{
 margin-bottom: 50px;
 width: 100%;
}
#page_intr_grande_maison .program .program_outline .img{
 margin-bottom: 20px;
}
#page_intr_grande_maison .program .program_outline .catch{
 margin-bottom: 20px;
 font-size: 175%;
 color: #7e5448;
}
#page_intr_grande_maison .program .program_outline .txt{
 font-size: 114%;
 line-height: 1.8;
}

#page_intr_grande_maison .program .program_block{
 padding-left: 6%;
 width: 94%;
 position: relative;
}
#page_intr_grande_maison .program .program_block .posi{
 width: 10px;
 position: absolute;
 top: 0;
 left: 0;
 }
#page_intr_grande_maison .program .program_block .add{
 margin-bottom: 20px;
}
#page_intr_grande_maison .program .program_block .program_head{
 margin-bottom: 40px;
 padding-left: 10%;
}
#page_intr_grande_maison .program .program_block .program_head .tit{
 font-size: 183%;
 line-height: 1.6;
 color: #409;
}

#page_intr_grande_maison .program .program_block:before{
 content: "";
 width: 1px;
 height: 100%;
 position: absolute;
 top: 0;
 left: 6%;
 z-index: 1;
 background: -webkit-linear-gradient(top, rgba(68,0,153,1) 0%,rgba(68,0,153,1) 96%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, rgba(68,0,153,1) 0%,rgba(68,0,153,1) 96%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#page_intr_grande_maison .program .program_block .program_list{
 position: relative;
 font-size: 110%;
}
#page_intr_grande_maison .program .program_block .program_list li{
 margin-bottom: 34px;
 padding-left: 10%;
 position: relative;
}
#page_intr_grande_maison .program .program_block .program_list li span{
 display: block;
 font-size: 75%;
}
#page_intr_grande_maison .program .program_block .program_list li:before{
 content: "";
 width: 8%;
 height: 1px;
 background: #440099;
 position: absolute;
 left: 0;
 top: 0.8em;
 z-index: 2;
}
#page_intr_grande_maison .program .program_block .program_list li:after{
 content: "";
 width: 5px;
 height: 5px;
 background: #440099;
 border-radius: 20px;
 position: absolute;
 left: -2px;
 top: 0.7em;
 z-index: 2;
}

#page_intr_grande_maison .program .bg_block{
 margin-top: 0;
 padding-top: 103%;
 width: 100%;
 top: 0;
 left: 0;
 background: #fcf3ef;
}

/*----------------------------------------------------------------
.access
----------------------------------------------------------------*/
#page_intr_grande_maison .access {
 height: auto;
 background: #440099;
 -webkit-flex-direction: column-reverse;
 flex-direction: column-reverse;
}
#page_intr_grande_maison .access > div {
 width: 100%;
 box-sizing: border-box;
}
#page_intr_grande_maison .access > div .map_block{
 width: 100%!important;
 height: 50vw!important;
}
#page_intr_grande_maison .access > div .map_block iframe{
 height: 200px;
}
#page_intr_grande_maison .access > div .map_block .gm-style .place-card-large{
 display: none!important;
}
#page_intr_grande_maison .access > div.contents_block{
 padding: 17px 4% 30px;
}
#page_intr_grande_maison .access > div.contents_block .sec_tit{
 margin-bottom: 20px;
 font-size: 258%;
 text-align: center;
 color: #ecc3b2;
}
#page_intr_grande_maison .access > div.contents_block .access_tbl dl{
 margin-bottom: 1.3vw;
 display: -webkit-flex;
 display: flex;
}
#page_intr_grande_maison .access > div.contents_block .access_tbl dt{
 width: 20%;
 font-weight: bold;
 color: #ecc3b2;
}
#page_intr_grande_maison .access > div.contents_block .access_tbl dd{
 width: 80%;
 color: #fff;
}

#page_intr_grande_maison .grandebtn a{
 margin: -20px auto 10vw;
 padding: 15px 0;
 width: 58%;
 display: block;
 background: #FFF;
 border: solid 1px #7e5448;
 border-radius: 50px;
 font-size: 110%;
 text-align: center;
 color: #7e5448;
}
 
}/*/footer  max-width: 480px*/


.ec-layoutRole .ec-layoutRole__contents{
	max-width: unset;
}


a.eclink{
    color: #440099;
    font-style: normal;
    text-decoration: none;
    transition-duration: 0.3s;
}