@charset "utf-8";

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

 general

***********************************/
html {
	font-size: 14.4928px;
	/*font-size: 10px;*/
}

@media screen and (max-width:1086px){
	html {
		font-size: 1.335vw;
	}
}

@media screen and (max-width:767px){
	html {
		font-size: 1.33333333vw;
	}
}

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

 parts

***********************************/
.define_inner {
	width: 1500px;
}

.

@media screen and (max-width:1499px){
	.define_wrap {
		padding-left: 8%;
		padding-right: 8%;
	}
}

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

 .l-wrap

***********************************/
.l-wrap {
	background: #fff;
}

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

 .l-main

***********************************/
.l-main {
	color: #3c3c3c;
	font-family: "M PLUS 1p", 'Noto Sans JP', 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

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

 l-header

***********************************/
.l-header {

}

.l-header__inner {
	/*height: 163px;*/
}

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

}

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

}

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

 l-footer

***********************************/
.l-footer .define_inner {
	width: 930px;
}

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

	/*.l-footer__bottom {*/
		/*padding-bottom: 25px;*/
	/*}*/
}


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

 p-pagetop

***********************************/
.p-pagetop {
	display: none;
	width: 124px;
	position: fixed;
	bottom: 50px;
	right: 50px;
	z-index: 10;
}

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

}

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

	.p-pagetop {
		width: 12.4rem;
		bottom: 5rem;
		right: 5rem;
	}

}


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

 p-header

***********************************/
.p-header {
	background: url(../images/hd_bg01.png) repeat center;
	background-size: 23.3rem 23.3rem;
}

.p-header__inner {
	padding: 6rem 0 2.5rem;
}

.p-header__inner-txt01 {
	width: 75rem;
	margin: 0 auto;
	text-align: center;
}

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

}

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

}


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

 p-hero

***********************************/
.p-hero {
	background: #edf5fc;
}

.p-hero__inner {
	padding: 8.5rem 0 9.5rem;
}

.p-hero__inner-main {
	width: 75rem;
	margin: 0 auto;
	text-align: center;
}

.p-hero__inner-txt01 {
	width: 75rem;
	margin: 10rem auto 0;
	text-align: center;
}

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

}

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

}


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

 p-francfranc

***********************************/
.p-francfranc {
	background: #fff url(../images/francfranc_bg01.png) no-repeat center bottom;
	background-size: 100% auto;
}

.p-francfranc__inner {
	padding: 8.6rem 0 16rem;
}

.p-francfranc__inner-ttl {
	width: 75rem;
	margin: 0 auto;
	text-align: center;
}

.p-francfranc__inner-pic01 {
	width: 64.2rem;
	margin: 4rem auto 0;
	text-align: center;
}

.p-francfranc__inner-schedule {
	margin-top: 6.5rem;
}

.p-francfranc__inner-schedule-sec {
	margin-top: 7.5rem;
}

.p-francfranc__inner-schedule-sec:first-child {
	margin-top: 0;
}

.p-francfranc__inner-schedule-sec .ttl {
	width: 51rem;
	margin: 0 auto;
	color: #505050;
	font-size: 2.4rem;
	font-weight: 500;
	text-align: center;
	line-height: 1;
	letter-spacing: .14em;
	overflow: hidden;
}

.p-francfranc__inner-schedule-sec .ttl span {
	display: inline-block;
	padding: 0 1em;
	position: relative;
	z-index: 1;
}

.p-francfranc__inner-schedule-sec .ttl span:before {
	content: "";
	display: block;
	width: 100vw;
	height: 1px;
	background: #505050;
	position: absolute;
	top: 50%;
	left: 100%;
	z-index: 1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.p-francfranc__inner-schedule-sec .ttl span:after {
	content: "";
	display: block;
	width: 100vw;
	height: 1px;
	background: #505050;
	position: absolute;
	top: 50%;
	right: 100%;
	z-index: 1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.p-francfranc__inner-schedule-sec .date {
	width: 48.5rem;
	margin: 4rem auto 0;
	text-align: center;
}

.p-francfranc__inner-movie {
	margin-top: 12rem;
}

.p-francfranc__inner-movie .ttl {
	width: 51rem;
	margin: 0 auto;
	color: #505050;
	font-size: 2.4rem;
	font-weight: 500;
	text-align: center;
	line-height: 1;
	letter-spacing: .14em;
	overflow: hidden;
}

.p-francfranc__inner-movie .ttl span {
	display: inline-block;
	padding: 0 1em;
	position: relative;
	z-index: 1;
}

.p-francfranc__inner-movie .ttl span:before {
	content: "";
	display: block;
	width: 100vw;
	height: 1px;
	background: #505050;
	position: absolute;
	top: 50%;
	left: 100%;
	z-index: 1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.p-francfranc__inner-movie .ttl span:after {
	content: "";
	display: block;
	width: 100vw;
	height: 1px;
	background: #505050;
	position: absolute;
	top: 50%;
	right: 100%;
	z-index: 1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.p-francfranc__inner-movie .youtube {
	width: 64rem;
	margin: 4rem auto 0;
}

.p-francfranc__inner-movie .youtube__inner {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.p-francfranc__inner-movie .youtube__inner iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.p-francfranc__inner-btn {
	width: 50.7rem;
	margin: 6rem auto 0;
}

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

}

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

}


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

 p-color-studio

***********************************/
.p-color-studio {
	background: #d9f1fb url(../images/color_studio_bg01.png) no-repeat center bottom;
	background-size: 100% 100%;
}

.p-color-studio__inner {
	padding: 7.6rem 0 8.5rem;
}

.p-color-studio__inner-hero {
	width: 64rem;
	margin: 0 auto;
	text-align: center;
}

.p-color-studio__inner-schedule {
	margin-top: 6.5rem;
}

.p-color-studio__inner-schedule-sec {
	margin-top: 6.5rem;
}

.p-color-studio__inner-schedule-sec:first-child {
	margin-top: 0;
}

.p-color-studio__inner-schedule-sec .ttl {
	width: 51rem;
	margin: 0 auto;
	color: #505050;
	font-size: 2.4rem;
	font-weight: 500;
	text-align: center;
	line-height: 1;
	letter-spacing: .14em;
	overflow: hidden;
}

.p-color-studio__inner-schedule-sec .ttl span {
	display: inline-block;
	padding: 0 1em;
	position: relative;
	z-index: 1;
}

.p-color-studio__inner-schedule-sec .ttl span:before {
	content: "";
	display: block;
	width: 100vw;
	height: 1px;
	background: #505050;
	position: absolute;
	top: 50%;
	left: 100%;
	z-index: 1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.p-color-studio__inner-schedule-sec .ttl span:after {
	content: "";
	display: block;
	width: 100vw;
	height: 1px;
	background: #505050;
	position: absolute;
	top: 50%;
	right: 100%;
	z-index: 1;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.p-color-studio__inner-schedule-sec .date {
	width: 48.5rem;
	margin: 4rem auto 0;
	text-align: center;
}

.p-color-studio__inner-btn {
	width: 50.7rem;
	margin: 4rem auto 0;
}

@media screen and (max-width:1499px){
	.p-color-studio {
		background-size: 100% auto;
	}

}

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

}


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

 p-footer

***********************************/
.p-footer {

}

.p-footer__inner {
	padding: 5rem 0 0;
}

.p-footer__inner-copy {
	width: 42.1rem;
	margin: 0 auto 0;
}

.p-footer__inner-logo {
	width: 25rem;
	margin: 5rem auto 0;
}

.p-footer__inner-copy img {
	display: block;
}

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

}

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

}


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

 xxx

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


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

}

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

}