@charset "utf-8";
@import url(reset.css);
@import url(base.css);

/*-------------------------------------------------------------------
	header
-------------------------------------------------------------------*/

#header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:999;
}

#header .header {
	background:rgba(255,255,255,0.8);
	overflow:hidden;
	zoom:1;
	padding:20px 20px 20px 50px;
}

#header .header h1 {
	float:left;
	padding-top:10px;
	font-size:1.2em;
}

#header .header h1 a {
	display:block;
	margin-top:5px;
}

#header .header .pcnav {
	float:right;
}

#header .header .pcnav ul {
	text-align:right;
	width:100%;
	overflow:hidden;
}

#header .header .pcnav li {
	display:inline-block;
	vertical-align:middle;
	margin:0 20px 0 0;
	padding:0;
}

#header .header .pcnav li span {
	display:block;
	padding:20px 0;
}

#header .header .pcnav li span a {
	display:block;
	padding:5px 0 5px 20px;
	border-left:1px solid #999;
	font-size:1.9em;
	line-height:1.0;
	text-decoration:none;
	font-weight:400;
	color:#E40057;
}

#header .header .pcnav li span.last a {
	padding:5px 20px 5px 20px;
	border-right:1px solid #999;
}

#header .header .pcnav li span a:hover {
	opacity:0.5;
}

#header .header .pcnav li:last-child {
	margin-right:0;
}

#header .header .pcnav li figure.tel {
	margin-bottom:5px;
	text-align:right;
	padding-right:10px;
}


/*-------------------------------------------------------------------
	main
-------------------------------------------------------------------*/

#main {
	position:relative;
	width:100%;
}

#main .bg img {
	width:100%;
}

#main .main {
	position:absolute;
	top:30%;
	left:0;
	width:100%;
	text-align:center;
	z-index:10;
}

#main_img img{
    width: 49%;
}

/*-------------------------------------------------------------------
	container
-------------------------------------------------------------------*/

#container {
	width:100%;
}

#container .inner {
	width:1000px;
	margin:0 auto;
}

/* アンカーリンク用 */
#container .ancbox {
	margin-top:-200px;
	padding-top:200px;
}

#container .ancbox2 {
	margin-top:-150px;
	padding-top:150px;
}


/*-------------------------------------------------------------------
	pink2area
-------------------------------------------------------------------*/

#pink2area {
	padding:104px 0 50px;
}

#pink2area .sec04 {
	margin-bottom:60px;
}

#pink2area .sec04 h2 {
	text-align:center;
	margin:0 0 10px;
}

#pink2area .sec04 .text {
	text-align:center;
	font-size:1.8em;
	line-height:1.0;
}

#pink2area .sec04 .same {
	overflow:hidden;
	zoom:1;
	margin:40px 0 0;
}

#pink2area .sec04 .same dl {
	width:235px;
	float:left;
	margin:0 20px 0 0;
}

#pink2area .sec04 .same dl:last-child {
	margin-right:0;
}

#pink2area .sec04 .same dl dt {
	font-size:1.6em;
	font-weight:400;
	color:#E40057;
	margin:10px 0 5px;
	text-align:left;
}

#pink2area .sec04 .same dl dd.comment {
	font-size:1.4em;
	line-height:1.4;
	min-height:70px;
}

#pink2area .sec04 .same dl dd.btn {
	margin:5px 0 0;
}


#pink2area .map .mapbox {
	position:relative;
	height:579px;
	background:url(../image/map_bg.png) left top no-repeat;
	margin:0 0 30px;
}

#pink2area .map .mapbox .woman {
	position:absolute;
	right:40px;
	top:-81px;
	z-index:99;
}

#pink2area .map .mapbox .icon01 {
	position:absolute;
	top:215px;
	left:179px;
}

#pink2area .map .mapbox .icon02 {
	position:absolute;
	top:240px;
	left:175px;
}

#pink2area .map .mapbox .icon03 {
	position:absolute;
	top:235px;
	left:396px;
}

#pink2area .map .mapbox .icon04 {
	position:absolute;
	top:290px;
	left:342px;
}

#pink2area .linkarea {
}

#pink2area .linkarea h2 {
	font-size:2.0em;
	color:#E40057;
	border-bottom:1px solid #E40057;
	margin:0 0 10px;
	padding:10px;
	line-height:1.0;
	border-left:10px solid #E40057;
	font-weight:400;
}

#pink2area .linkarea dl {
	margin-bottom:10px;
}

#pink2area .linkarea dl dt {
	color:#E40057;
	font-size:1.8em;
	font-weight:300;
	line-height:1.0;
	margin:0 0 10px;
}

#pink2area .linkarea dl dd {
	font-size:1.4em;
	line-height:1.6;
	font-weight:300;
	margin-bottom:20px;
}

#pink2area .linkarea dl dd ul {
	overflow:hidden;
	zoom:1;
}

#pink2area .linkarea .linkbox {
	line-height:1.6;
	font-weight:300;
	overflow:hidden;
	zoom:1;
	margin:0 0 30px;
}

#pink2area .linkarea dl dd ul li,
#pink2area .linkarea .linkbox li {
	width:25%;
	float:left;
}

#pink2area .linkarea dl dd ul li a,
#pink2area .linkarea .linkbox li a {
	margin-left:5px;
	text-decoration:none;
	color:#000;
}

#pink2area .linkarea dl dd ul li a:hover,
#pink2area .linkarea .linkbox li a:hover {
	color:#E40057;
}




/*-------------------------------------------------------------------
	yelllowarea
-------------------------------------------------------------------*/

#yellowarea {
	background:url(../image/yellow_bg.jpg) repeat;
	padding:40px 0 50px;
}

#yellowarea .cashbackbtn {
	text-align:center;
	margin:0 0 70px;
}

/* sec05 */

#yellowarea .box {
	border:2px solid #FFF;
	padding:50px 40px 30px;
	margin:0 0 50px;
}

#yellowarea .box.vol01 {
	background:#C5F3FF;
}

#yellowarea .box.vol02 {
	background:#CCCCCC;
}

#yellowarea .box.vol03 {
	background:#CACDE8;
	margin-bottom:70px;
}

#yellowarea .box h2 {
	text-align:center;
	font-size:4.0em;
	line-height:1.0;
	font-weight:600;
	margin-bottom:10px;
}

#yellowarea .box .inbox01 {
	background:url(../image/sec05_title_bg01.png) center 20px no-repeat;
}

#yellowarea .box .inbox02 {
	background:url(../image/sec05_title_bg02.png) center 20px no-repeat;
}

#yellowarea .box table {
	width:715px;
	margin:0 auto 10px;
	font-size:1.4em;
	line-height:1.2;
	font-weight:300;
}

#yellowarea .box table th,
#yellowarea .box table td {
	border:1px solid #8C6239;
	border-top:none;
	padding:15px 0;
	text-align:center;
	vertical-align:middle;
}

#yellowarea .box table th {
	font-weight:300;
	width:230px;
}

#yellowarea .box.vol01 table th {
	background:#E0F9FF;
}

#yellowarea .box.vol02 table th {
	background:#E6E6E6;
}

#yellowarea .box table td {
	background:#FFF;
}

#yellowarea .box table .w230 {
	width:230px;
}

#yellowarea .box table th.long {
	padding:2px 0 5px;
	color:#FFF;
	border-top:1px solid #8C6239;
	border-bottom:none;
}

#yellowarea .box.vol01 table th.long {
	background:#7CC9FF;
}

#yellowarea .box.vol02 table th.long {
	background:#999999;

}

#yellowarea .box .same01 {
	overflow:hidden;
	zoom:1;
	padding:50px 0 30px;
}

#yellowarea .box .photo figure {
	display:block;
}

#yellowarea .box .photo p {
	display:none;
}


#yellowarea .box .same01 .photo {
	float:left;
	padding-top:50px;
}

#yellowarea .box .same01 .text {
	margin-left:140px;
}

#yellowarea .box .same02 {
	overflow:hidden;
	zoom:1;
	padding:0 0 20px;
}

#yellowarea .box .btn {
	text-align:center;
}


#yellowarea .box .same02 .photo {
	float:left;
}

#yellowarea .box .same02 .text {
	margin-left:170px;
	padding-top:50px;
}

#yellowarea .banner {
	text-align:center;

}

#yellowarea .box .same01 .bold {
	font-size:2.8em;
	font-weight:400;
	line-height:1.2;
	margin:0 0 20px;
}

#yellowarea .box .same02 .bold {
	font-size:2.8em;
	font-weight:400;
	line-height:1.2;
}


#yellowarea .box .check li {
	background:url(../image/sec02_check.png) left 2px no-repeat;
	font-size:1.8em;
	line-height:1.0;
	padding-left:30px;
	margin:0 0 10px;
}

#yellowarea .box li:last-child {
	margin-bottom:0;
}

#yellowarea .box .caution {
	width:715px;
	margin:0 auto;
	line-height:1.2;
}


/*-------------------------------------------------------------------
	footer
-------------------------------------------------------------------*/

#footer {
	background:#FFDBE2;
	padding:30px 0;
}

#footer address {
	text-align:center;
	font-size:1.4em;
}

/*-------------------------------------------------------------------
	sidenav
-------------------------------------------------------------------*/

#sidenav {
	position:fixed;
	bottom:5%;
	right:10px;
	z-index:99;
}


/*-------------------------------------------------------------------
	newmap
-------------------------------------------------------------------*/

#pink2area .map .newmap {
	position:relative;
	height:584px;
	background:url(../image/map_base.png) left top no-repeat;
	margin:50px 0 30px;
}

#pink2area .map .newmap .woman {
	position:absolute;
	right:40px;
	top:-81px;
	z-index:99;
}


/* プライベートレッスン */

#pink2area .map .newmap .ecc {
	position:absolute;
	top:220px;
	left:178px;
}

#pink2area .map .newmap .meieki {
	position:absolute;
    top: 247px;
	left:174px;
}

#pink2area .map .newmap .sakae {
	position:absolute;
	top:242px;
	left:396px;
}

#pink2area .map .newmap .kanayama {
	position:absolute;
	top:297px;
	left:342px;
}

/* 名古屋市内 */

#pink2area .map .newmap .imaike {
	position:absolute;
	top:242px;
	left:500px;
}

#pink2area .map .newmap .kurokawa {
	position:absolute;
    top: 183px;
	left:430px;
}

#pink2area .map .newmap .arimatsu {
	position:absolute;
	top:411px;
	left:537px;
	z-index:5;
}

#pink2area .map .newmap .hoshigaoka {
	position:absolute;
	top:242px;
	left:600px;
}

#pink2area .map .newmap .yagoto {
	position:absolute;
	top:289px;
	left:502px;
}

#pink2area .map .newmap .takabata {
	position:absolute;
	top:278px;
	left:283px;
}

#pink2area .map .newmap .fujigaoka {
	position:absolute;
	top:242px;
	left:663px;
}

#pink2area .map .newmap .aratama {
	position:absolute;
	top:327px;
	left:522px;
}

#pink2area .map .newmap .minato {
	position:absolute;
	top:315px;
	left:226px;
}

#pink2area .map .newmap .obata {
	position:absolute;
	top:179px;
	left:610px;
}

#pink2area .map .newmap .hirabari {
	position:absolute;
	top:289px;
	left:607px;
}

#pink2area .map .newmap .kidskanayama {
	position:absolute;
	top:336px;
	left:394px;
}

#pink2area .map .newmap .oozone {
	position:absolute;
	top:173px;
	left:495px;
}

#pink2area .map .newmap .narupark {
	position:absolute;
	top:389px;
	left:495px;
}


/* 名古屋市街 */

#pink2area .map .newmap .kisogawa {
	position:absolute;
	top:118px;
	left:272px;
}

#pink2area .map .newmap .toda {
	position:absolute;
	top:273px;
	left:163px;
}

#pink2area .map .newmap .ichinomiya {
	position:absolute;
	top:162px;
	left:309px;
}

#pink2area .map .newmap .oobu {
	position:absolute;
	top:387px;
	left:415px;
}

#pink2area .map .newmap .okazaki {
	position:absolute;
	top:474px;
	left:585px;
}

#pink2area .map .newmap .nishiharu {
	position:absolute;
	top:165px;
	left:400px;
}

#pink2area .map .newmap .kariya {
	position:absolute;
	top:432px;
	left:450px;
}

#pink2area .map .newmap .toyohashi {
	position:absolute;
	top:505px;
	left:575px;
}

#pink2area .map .newmap .kozoji {
	position:absolute;
	top:133px;
	left:617px;
}

#pink2area .map .newmap .kounan {
	position:absolute;
	top:112px;
	left:402px;
}

#pink2area .map .newmap .anjo {
	position:absolute;
	top:449px;
	left:585px;
}

#pink2area .map .newmap .katsukawa {
	position:absolute;
	top:173px;
	left:558px;
}

#pink2area .map .newmap .inuyama {
	position:absolute;
	top:110px;
	left:578px;
}

#pink2area .map .newmap .piagorafu {
	position:absolute;
	top:457px;
	left:443px;
}

#pink2area .map .newmap .kokubumiya {
	position:absolute;
	top:189px;
	left:295px;
}

#pink2area .map .newmap .handa {
	position:absolute;
	top:499px;
	left:335px;
}

#pink2area .map .newmap .toyota {
	position:absolute;
	top:353px;
	left:707px;
}


/* 岐阜 */

#pink2area .map .newmap .ogaki {
	position:absolute;
	top:79px;
	left:220px;
}

#pink2area .map .newmap .gifu {
	position:absolute;
	top:92px;
	left:308px;
}

#pink2area .map .newmap .tajimi {
	position:absolute;
	top:119px;
	left:724px;
}


/* 三重 */

#pink2area .map .newmap .yokkaichi {
	position:absolute;
	top:389px;
	left:87px
}

#pink2area .map .newmap .kuwana {
	position:absolute;
	top:309px;
	left:60px;
}

#pink2area .map .newmap .tsu {
	position:absolute;
	top:429px;
	left:116px;
}

#pink2area .map .newmap .meiwa {
	position:absolute;
	top:469px;
	left:148px;
}



/* 静岡 */

#pink2area .map .newmap .shizuoka {
	position:absolute;
	top:473px;
	left:845px;
}

#pink2area .map .newmap .icon01 {
	position:absolute;
	top:505px;
	left:855px;
}


#pink2area .map .newmap .press {
	position:absolute;
	top:524px;
	left:655px;
}

#pink2area .map .newmap .icon03 {
	position:absolute;
	top:505px;
	left:745px;
}


#pink2area .map .newmap .ionhamamatsu {
	position:absolute;
	top:464px;
	left:725px;
}

#pink2area .map .newmap .icon04 {
	position:absolute;
	top:505px;
	left:765px;
}


#pink2area .map .newmap .fujiminami {
	position:absolute;
	top:472px;
	left:910px;
}

#pink2area .map .newmap .fujieda {
	position:absolute;
	top:524px;
	left:805px;
}

#pink2area .map .newmap .icon02 {
	position:absolute;
	top:505px;
	left:825px;
}






#column01{
	width: 100%;
	max-width: 960px;
	margin: 55px auto 48px;
	text-align: center;
}

.column01_box{
	margin: 28px auto 95px;
}

.column01_box div {
    float: left;
    margin-right: 30px;
    width: 47%;
}

.column01_box div:last-child{
	margin-right: 0;
}

#column02{
	width: 1200px;
	margin: 0 auto;
}

.color_column{
	width: 600px;
	height: 420px;
	float: left;
	position: relative;
}

.column_left{
	width: 261px;
	position: absolute;
	bottom: 0;
	left: 50px;
}

.column_right{
	width: 204px;
	box-sizing: border-box;
	float: right;
	margin-right: 47px;
}

.blue_column{
	background: url(../image/bg_01.jpg) no-repeat top left;
	background-size: cover;
	position: relative;
}

.blue_column .column_right,.pink_column .column_right{
	margin-top: 57px
}

.yellow_column .column_right,.green_column .column_right{
	margin-top: 104px
}



.pink_column{
	background: url(../image/bg_02.jpg) no-repeat top left;
	background-size: cover;
}

.yellow_column{
	background: url(../image/bg_03.jpg) no-repeat top left;
	background-size: cover;
}


.green_column{
	background: url(../image/bg_04.jpg) no-repeat top left;
	background-size: cover;
}


.column_address{
	margin: 30px 0 13px;
}

.pc_only{
	display: block;
}

.sp_only{
	display: none;
}

.arrow{
    position: absolute;
    top: 20px;
    right: -76px;
    z-index: 1;
}



#menu{
	display: none;
}


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

img.sp_only{
	width: 100%;
	height: auto;
}



#main_img img{
    width: 100%;
}

#column01{
    width: 90.625%;
    margin: -14% auto 4.21875%;
    padding-top: 21%;
}

.column01_box{
	margin: 2.8125% auto 12.96875%;
}

.column01_box div{
	float: none;
	margin-right: 0;
}

.column01_tt_03{
	margin: 2.65625% auto 1.875%;
}


.column01_box div {
    width: 100%;
}

#column02{
	width: 100%;
}

.color_column{
	width: 100%;
	height: auto;
	float: none;
	padding: 7.65625% 0 12.1875% ;
}

.column_left{
    width: 90.625%;
	position: relative;
	bottom: auto;
	left: auto;
	margin: 0 auto;
}

.column_right{
    width: 90.625%;
	float: none;
	margin: 0 auto;
}


.blue_column .column_right,.pink_column .column_right{
	margin-top: 4.6875%;
}

.yellow_column .column_right,.green_column .column_right{
	margin-top: 4.6875%;
}

.pink_column.color_column{
    padding: 12.5% 0 12.1875%;
}


.column_address{
	margin: 4.6875% 0;
}


.sp_only{
	display: block;
}

.pc_only{
	display: none;
}


.arrow {
    position: absolute;
    top: auto;
    right: auto;
    z-index: 1;
    bottom: -5.5%;
	width: 100%;
}



#menu{
	display: block;
}


#menu_btn{
    position: absolute;
    top: 0;
    right: 0;
    width: 14.064%;
}

#menu_btn_inner{
	display: none;
}

#menu_btn_01 img,#menu_btn_02 img{
	width: 100%;
	height:auto;
}
	
#tel{
    position: absolute;
    top: 21%;
    right: 15%;
    width: 39%;
}
}
@media screen and (min-width: 768px){
#tel{
    display: none;
}
}