@charset "utf-8";

/*==============================================

	パリジェンヌ (PC)
	Index

==============================================*/

/*================================
	Layout, Elements
================================*/

#siteheader {
    width: 100%;
    height: 10rem;
    background: #f9f5f4;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
}

body{
	
}
main{
	padding-bottom: 3rem;	
}

.icon {
padding: 60px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.icon p:first-of-type {
display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 500;
    font-size: 1.6rem;
    background: none;
}
main .trainingsearch {
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
    flex-direction: column;
}

.icon p:last-of-type {
display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 500;
    font-size: 1.6rem;
    background: linear-gradient(transparent 51%, #eae1df 40%, #eae1df 76%, transparent 120%);
}
.icon sup {
font-size: 13px;
    font-weight: 500;
}
.icon span {
    margin-bottom: 1.5rem;
    text-decoration: underline;
    font-size: 2.4rem;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
    letter-spacing: 0.05em;
    font-weight: 500;
}
.icon span img {
	    width: 460px;
}

.icon span p {
	   margin-left: 40px;
}

/*------------------------
	Titles
------------------------*/
main h2,
main #training h3,
main #producer h3{
	font-weight: normal;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 1.2rem;
}
main h2 span,
main #training h3 span,
main #producer h3 span{
	display: block;
	margin-bottom: 1rem;
	font-family: 'Prata', serif;
	letter-spacing: .1em;
	line-height: 1;
}



/*================================
	Page Header
================================*/
main .pageheader {
	background: #eae1df;
	padding: 10rem 0 8rem;
}
main .pageheader h1{
	width: 90%;
	max-width: 870px;
	margin: 0 auto;
	letter-spacing: .2em;
	position: relative;
}
main .pageheader h1 img{
	display: block;
	max-width: 35rem;
	margin: 0 auto;
}
main .pageheader h1 span{
	display: block;
	width: 50%;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 1.7rem;
	font-weight: normal;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
}
main .pageheader h1 span:first-of-type{
	left: 0;
}
main .pageheader h1 span:last-of-type{
	right: 0;
	text-align: right;
}



/*================================
	Concept
================================*/
main #concept {
	background: url(../img/concept_bg.jpg) center center /cover no-repeat;
	padding: 8rem 5%;
}
main #concept *{
	text-align: center;
}
main #concept h2{
	max-width: 20rem;
	margin: 0 auto 3rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 1.3rem;
}
main #concept h2 span{
	background: url(../img/concept_letter.svg) left top /auto 16rem no-repeat;
	margin-bottom: 1rem;
	padding: 7.5rem 0 6rem 5rem;
	text-align: left;
	font-size: 2.8rem;
}
main #concept h2 span em{
	display: none;
}
main #concept .copy{
	margin-bottom: 3rem;
	font-size: 1.8rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing: .1em;
}
main #concept .note p{
	line-height: 2;
}


/*================================
	About
================================*/
main #about .chapter {
	display:flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}
main #about .chapter>* {
	width: 50%;
}
main #about h2{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	color: #aa9268;
}
main #about h2 span{
	margin-bottom: .5rem;
	font-size: 4.5rem;
	color: #333;
}
main #about .copy{
	font-size: 1.6rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
}



/*================================
	About : What's;
================================*/
main #about .whats {
	background: #e0c3ba;
}
main #about .whats .details{
	-webkit-order:-1;
	order:-1;
	text-align: center;
}
main #about .whats .details img{
	max-width: 29rem;
}



/*================================
	About : About
================================*/
main #about .about {
	background: #f2e7e4;
	position: relative;
}
main #about .about figure::before{
	content: url(../img/about_letter.svg);
	display: block;
	width: 40%;
	max-width: 35rem;
	position:absolute;
	left:50%;top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
main #about .about::before,
main #about .about::after{
	content: "";
	display: block;
	width: 50%;height: 10vw;
	position: absolute;
	transform:skewY(9deg);
}
main #about .about::before{
	background: #f2e7e4;
	right: 0;bottom: -8.2%;
}
main #about .about::after{
	background: #f9f5f4;
	left: 0;bottom: -12.5%;
}
main #about .about .details{
	padding-left: 5%;
	position: relative;
	z-index: 2;
}
main #about .about .details>*{
	max-width: 500px;
}
main #about .about .copy{
	margin: 3rem 0;
}





/*================================
	About : Point
================================*/
main #about .point {
	background: #f9f5f4;
	padding-bottom: 8rem;
}
main #about .point .chapter{
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 2rem 0 0;
	position: relative;
	z-index: 2;
}
main #about .point .details{
	-webkit-order:-1;
	order:-1;
	padding-right: 7%;
}
main #about .point .details::before{
	content: url(../img/point_letter.svg);
	display: block;
	width: 18rem;
	position:absolute;
	left:0;top:-14.5rem;
}
main #about .point h2{
	padding-left: 12rem;
}
main #about .point h2 span{
	color: #cf7078;
}
main #about .point h2 span em{
	display: none;
}
main #about .point .overview{
	padding-top: 12rem;
}
main #about .point .overview figure{
	display:flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}
main #about .point .overview figure img{
	display: block;
	width: 48%;
}
main #about .point .pointlist {
	display:flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items:stretch;
	margin-top: 3rem;
}
main #about .point .pointlist li{
	width: 23%;
	background: #d3bd9f;
	border-radius: 50%;
	padding-top: 24%;
	position: relative;
}
main #about .point .pointlist li span{
	width: 90%;
	text-align: center;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 1.2rem;
	color: #fff;
	position:absolute;
	left:50%;top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
main #about .point .copy {
	margin: 4rem 0 3rem;
}




/*================================
	Merit
================================*/
main #merit {
	display:flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items:flex-start;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 10rem 0;
}
main #merit h2{
	width: 100%;
	margin-bottom: 6rem;
	text-align: center;
}
main #merit h2 span{
	margin-bottom: .5rem;
	font-size: 3.5rem;
	
}
main #merit .chapter {
	width: 30%;
}
main #merit h3{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	font-size: 1.6rem;
	letter-spacing: .1em;
}
main #merit{
	counter-reset: number;
}
main #merit .chapter h3::before{
	counter-increment: number;
	content: "#" counter(number) ".";
	margin-right: .5em;
	font-family: 'Lato', serif;
	font-weight: 300;
	color: #cf7078;
}
main #merit h3{
	border-bottom: 1px solid  #efe4e4;
	margin: 2rem 0 1.5rem;
	padding-bottom: 1.5rem;
}



/*================================
	Training
================================*/


main #training .sectheader {
	background: #cf7078;
	padding: 8rem 5%;
}
main #training .sectheader *{
	text-align: center;
	color: #fff;
}
main #training .sectheader .copy{
	margin-bottom: 3rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 1.6rem;
}
main #training .sectheader h2 span{
	margin-bottom: 1rem;
	font-size: 3.6rem;
}
main #training .sectheader h2 span::before{
	content: url(../img/training_title.svg);
	display: block;
	max-width: 10.5rem;
	margin: 0 auto 1rem;
}
main #training .sectheader h2::after{
	content: "";
	display: block;
	width: 5rem;
	border-top: 1px solid  #fff;
	margin: 4rem auto;
}
main #training h3 {
	margin-bottom: 4rem;
	text-align: center;
	font-size: 1.8rem;
	letter-spacing: .1em;
}
main #training h3 span{
	margin-bottom: 2rem;
	font-size: 3.6rem;
	color: #aa9268;
}




/*================================
	Training : Lesson Point
================================*/
main #training .points {
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
	padding-top: 8rem;
}
main #training .points h3::before{
	content: url(../img/lessonpoint_title.svg);
	display: block;
	max-width: 9rem;
	margin: 0 auto 1rem;
}
main #training .points .pointlist {
	display:flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items:stretch;
}
main #training .points .pointlist li{
	display:flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	width: calc((100% - 3rem) / 4);
	background: #aa9268;
	color: #fff;
}
main #training .points .pointlist li>*{
	width: 100%;
}
main #training .points .pointlist li img{
	display: block;
	max-width: none;
	height: auto;
}
main #training .points .pointlist li:nth-of-type(odd) img{
	border-bottom: 1rem solid  #fff;
}
main #training .points .pointlist li:nth-of-type(even) img{
	border-top: 1rem solid  #fff;
}
main #training .points .pointlist li:nth-of-type(even) p{
	-webkit-order:-1;
	order:-1;
}
main #training .points .pointlist li p{
	padding: 6rem 1rem;
	text-align: center;
	font-size: 1.2rem;
}
main #training .points .pointlist li span{
	display: block;
	margin-bottom: 1rem;
	font-family: 'Prata', serif;
	font-size: 2.2rem;
	line-height: 1;
	letter-spacing: .1em;
}



/*================================
	Step Up
================================*/
main #training .stepup {
	background: url(../img/stepup_bg.jpg) -45vw 4rem /105% no-repeat;
	padding-top: 8rem;
}
main #training .stepup h3::before{
	content: url(../img/stepup_title.svg);
	display: block;
	max-width: 6rem;
	margin: 0 auto 1rem;
}
main #training .stepup .inner{
	display:flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
}
main #training .stepup figure{
	width: 42%;
}


/*------------------------
	Step List
------------------------*/
main #training .stepup .steplist{
	width: 50%;
}
main #training .stepup .steplist>dt,
main #training .stepup .steplist dd{
	font-size: 1.2rem;
}
main #training .stepup .steplist dt{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	letter-spacing: .1em;
}
main #training .stepup .steplist>dt{
	display: inline-block;
	background: #333;
	margin-bottom: 2rem;
	padding: .5rem 2rem;
	color: #fff;
}
main #training .stepup .steplist>dt:not(:first-of-type){
	margin-top: 3rem;
}
main #training .stepup .steplist>dt:first-of-type{
	border-left: 5px solid  #8ab2bc;
}
main #training .stepup .steplist>dt:nth-of-type(2){
	border-left: 5px solid  #e5a288;
}
main #training .stepup .steplist>dt:nth-of-type(3){
	border-left: 5px solid  #a0aa80;
}
main #training .stepup .steplist>dd{
	padding-left: 2.5rem;
}
main #training .stepup .steplist .sublist dt{
	border-bottom: 1px solid  #aa9268;
	margin-bottom: 1rem;
	padding-bottom: .5rem;
	font-size: 1.4rem;
	color: #aa9268;
}
main #training .stepup .steplist .sublist dt::before{
	content: "・";
}
main #training .stepup .steplist .sublist dd:not(:last-of-type){
	margin-bottom: 2rem;
}


/*------------------------
	Info
------------------------*/
main #training .stepup .info {
	width: 48%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	margin-top: 8rem;
	padding: 2rem;
}
main #training .stepup .info *{
	text-align: center;
}
main #training .stepup .info>*{
	background: #fff;
}
main #training .stepup .info h4{
	padding: 3rem 1rem 1rem;
	font-weight: normal;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 1.6rem;
	letter-spacing: .1em;
}
main #training .stepup .info h4 span{
	display: block;
	margin-bottom: .5rem;
	font-family: 'Prata', serif;
	font-size: 1.8rem;
	line-height: 1;
	color: #aa9268;
}
main #training .stepup .info .note{
	padding: 0 2rem 3rem;
}
main #training .stepup .info .note p{
	border-top: 1px solid  #aa9268;
	padding-top: 1rem;
	font-size: 1.2rem;
}
main #training .stepup .info.basic{
	background-image: url(../img/stepup_basic_bg.jpg);
}
main #training .stepup .info.materials{
	background-image: url(../img/stepup_meterials_bg.jpg);
}



/*================================
	Training : Search
================================*/

main #training .trainingsearch h3 span {
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
}



main #training .trainingsearch span p {
	    margin-top: 20px;
}

main #training .trainingsearch span p {
	       margin-top: 20px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-size: 16px;
	    margin-left: 40px;

}
main #training .trainingsearch span p span {
font-size: 1.2rem;
	    font-family: Verdana,Tahoma,"游ゴシック体", "Yu Gothic", YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Noto Sans Japanese','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	    margin-top: 5px;
}

main #training .trainingsearch {
	border-top: 8px solid  #aa9268;
	border-bottom: 8px solid  #aa9268;
	margin: 8rem auto 0;
	padding: 8rem 0;
}
main #training .trainingsearch h3{
	width: 100%;
}
main #training .trainingsearch h3::before{
	content: url(/mg/wp-content/themes/parisienne_191003/assets/common/img/logo.svg);
	display: block;
	max-width: 19rem;
    margin: 0 auto 2rem;
}

main #training .trainingsearch .banner {
max-width: 940px;
	margin: auto;
}

main #training .trainingsearch .banner ul {
 display: flex;
	    flex-wrap: wrap;
    justify-content: center;
}

main #training .trainingsearch .banner ul li {
    width: 62%;
}

main #training .trainingsearch .banner ul li img{
}

main #training .trainingsearch .banner ul li p {
text-align: center;
	margin: -10px auto 20px;
}

/*================================
	Instructor
================================*/
main #instructor {
	background: #f9f5f4;
	padding: 11rem 0 8rem;
	position: relative;
}
main #instructor::before{
	content: "";
	display: block;
	width: 100%;
	height: 11rem;
	background: #fff;
	position: absolute;
	left: 0;top: 0;
}
main #instructor h2{
	margin-bottom: 6rem;
	text-align: center;
	font-size: 1.6rem;
	transform: translateY(-1.6rem);
}
main #instructor h2 span{
	margin-bottom: 1rem;
	font-size: 3.4rem;
	color: #aa9268;
}
main #instructor .inner{
	width: 90%;
	max-width: 112.5rem;
	margin: 0 auto;
}
main #instructor .memberlist{
	overflow: visible;
}
main #instructor .memberlist li{
	padding: 0 1.5rem;
	text-align: center;
	font-size: 1.8rem;
	font-family: 'Prata', serif;
	line-height: 1;
	letter-spacing: .1em;
}
main #instructor .memberlist li img{
	display: block;
	margin-bottom: 2rem;
}
main #instructor .memberlist li span{
	display: block;
	margin-top: 1rem;
	font-family: 'Lato', serif;
	font-size: 1.2rem;
	color: #aa9268;
}
main #instructor .memberlist li span::before{
	content: "\003e";
	margin-right: .5em;
}
main #instructor .slidenav {
	width: 3rem;height: 3rem;
	background: #aa9268;
	font-size: 0;
	text-indent: -9999px;
	position:absolute;
	top:calc(50% - 3rem);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
	cursor: pointer;
}
main #instructor .slidenav::before{
	content: "";
	display: block;
	width: 1rem;height: 1rem;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%) rotate(45deg);
	-moz-transform:translateY(-50%) rotate(45deg);
	transform:translateY(-50%) rotate(45deg);
}
main #instructor .slidenav.prev{
	left:-5rem;
}
main #instructor .slidenav.prev::before{
	border-left: 1px solid  #fff;
	border-bottom: 1px solid  #fff;
	left: 1.25rem;
}
main #instructor .slidenav.next{
	right:-5rem;
}
main #instructor .slidenav.next::before{
	border-top: 1px solid  #fff;
	border-right: 1px solid  #fff;
	right: 1.25rem;
}



/*------------------------
	Profile
------------------------*/
#colorbox .profile {
	display:flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	background: #fff;
}
#colorbox .profile figure{
	width: 45%;
}
#colorbox .profile .details{
	width: 50%;
	max-height: 80vh;
	overflow: auto;
	padding: 4rem 5% 4rem 0;
}
#colorbox .profile h3{
	margin-bottom: 2rem;
	font-weight: normal;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 2.2rem;
	letter-spacing: .1em;
}
#colorbox .profile h3 span{
	display: block;
	font-size: 1rem;
	color: #aa9268;
}
#colorbox .profile h4{
	margin-bottom: .5rem;
	font-weight: normal;
	font-size: 1.4rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#colorbox .profile .note:not(:last-of-type){
	margin-bottom: 2rem;
}
#colorbox .profile .note p{
	font-size: 1.2rem;
}






/*================================
	Movie
================================*/
main #movie {
	display:flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	width: 90%;
	max-width: 1100px;
	background: #f9f5f4;
	margin: 8rem auto;
}


/*------------------------
	Movie
------------------------*/
main #movie .movie{
	width: 50%;
	position: relative;
}
main #movie .movie .title{
	width: 90%;
	text-align: center;
	color: #fff;
	position:absolute;
	left:50%;top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
main #movie .movie .title::before{
	content: url(../../common/img/icon_youtube.svg);
	display: block;
	width: 3.5rem;height: 3.5rem;
	margin: 0 auto 2rem;
}


/*------------------------
	Details
------------------------*/
main #movie .details{
	-webkit-order:-1;
	order:-1;
	width: 50%;
}
main #movie .details *{
	text-align: center;
}
main #movie h2{
	margin-bottom: 3rem;
}
main #movie h2 span{
	margin-bottom: 1rem;
	font-size: 3.4rem;
}
main #movie .more a{
	display: block;
	max-width: 30rem;
	background: #aa9268;
	margin: 0 auto;
	padding: 2rem 1rem;
	text-align: center;
	color: #fff;
	position: relative;
}
main #movie .more a::after{
	content:"";
	display:block;
	width:1rem;height:1rem;
	position:absolute;
	left:3rem;top:50%;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	-webkit-transform:translateY(-50%) rotate(45deg) ;
	-moz-transform:translateY(-50%) rotate(45deg) ;
	transform:translateY(-50%) rotate(45deg) ;
}



/*================================
	Voice
================================*/
main #voice{
	background: #efe4e4;
	padding: 8rem 0;
}
main #voice h2{
	margin-bottom: 5rem;
	text-align: center;
}
main #voice h2 span{
	margin-bottom: 1rem;
	font-size: 4rem;
}
main #voice .voicelist {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 30px;
	overflow: visible;
}
main #voice .voicelist li{
	display:flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
main #voice .voicelist li img{
	display: block;
}
main #voice .voicelist li img:first-of-type{
	width: 38.8%;
	padding-top: 13%;
}
main #voice .voicelist li img:nth-of-type(2){
	width: 33.4%;
	margin-left: -7%;
}
main #voice .voicelist li img:last-of-type{
	width: 36.5%;
	margin-left: -3%;
	padding-top: 8%;
}
main #voice .voicelist::before,
main #voice .voicelist::after{
	opacity: 0;
	content: "";
	display: block;
	position: absolute;
}
	main #voice .voicelist.slick-slider::before,
	main #voice .voicelist.slick-slider::after{
		opacity: 1;
	}
main #voice .voicelist::before{
	width: 11.7%;
	max-width: 11rem;
	padding-top: 25%;
	background: url(../img/voice_motif01.png) center center /contain no-repeat;
	position: absolute;
	left: 0;top: -10%;
}
main #voice .voicelist::after{
	width: 18.08%;
	max-width: 15rem;
	padding-top: 28%;
	background: url(../img/voice_motif02.png) center center /contain no-repeat;
	left: 51%;bottom: -10%;
}
main #voice .slidenav {
	width: 3rem;height: 3rem;
	background: #aa9268;
	font-size: 0;
	text-indent: -9999px;
	position:absolute;
	top:calc(50% - 3rem);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
	cursor: pointer;
}

main #voice .slidenav::before{
	content: "";
	display: block;
	width: 1rem;height: 1rem;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%) rotate(45deg);
	-moz-transform:translateY(-50%) rotate(45deg);
	transform:translateY(-50%) rotate(45deg);
}
main #voice .slidenav.prev{
	left:-5rem;
}
main #voice .slidenav.prev::before{
	border-left: 1px solid  #fff;
	border-bottom: 1px solid  #fff;
	left: 1.25rem;
}
main #voice .slidenav.next{
	right:-5rem;
}
main #voice .slidenav.next::before{
	border-top: 1px solid  #fff;
	border-right: 1px solid  #fff;
	right: 1.25rem;
}



/*================================
	Case
================================*/
main #case {
	background:  url(../img/case_bg.jpg) center center /cover no-repeat;
	padding: 8rem 0;
}
main #case h2 {
	text-align: center;
	position: relative;
	z-index: 2;
}
main #case h2 span {
	font-size: 4rem;
}
main #case h2::before {
	content: url(../img/case_title.svg);
	display: block;
	max-width: 13rem;
	margin: 0 auto 1rem;
}
main #case .entries {
	width: 90%;
	max-width: 1050px;
	background: #fff;
	margin: -5rem auto 0;
	padding: 8rem 0 4.5rem;
	overflow: visible;
}
main #case .entry{
	display:flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	padding: 0 10rem;
}
main #case .entry figure{
	width: 34%;
}
main #case .entry .details{
	width: 60%;
}
main #case .entry h3{
	margin-bottom: 2rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: normal;
	font-size: 1.8rem;
}
main #case .entry .note p{
	font-size: 1.2rem;
}
main #case .slidenav {
	width: 3rem;height: 3rem;
	font-size: 0;
	text-indent: -9999px;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index: 10;
	cursor: pointer;
}

main #case .slidenav::before{
	content: "";
	display: block;
	width: 1.5rem;height: 1.5rem;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%) rotate(45deg);
	-moz-transform:translateY(-50%) rotate(45deg);
	transform:translateY(-50%) rotate(45deg);
}
main #case .slidenav.prev{
	left:3.5%;
}
main #case .slidenav.prev::before{
	border-left: 1px solid  #ccc;
	border-bottom: 1px solid  #ccc;
	left: 1.25rem;
}
main #case .slidenav.next{
	right:3.5%;
}
main #case .slidenav.next::before{
	border-top: 1px solid  #ccc;
	border-right: 1px solid  #ccc;
	right: 1.25rem;
}
main .slick-slider .pagenav {
	margin-top: 3rem;
	text-align: center;
}
main .slick-slider .pagenav li{
	display: inline-block;
	margin: 0 1rem;
}
main .slick-slider .pagenav button{
	display: block;
	width: .5rem;height: .5rem;
	background: #ccc;
	border-radius: 50%;
	border: none;
	margin: 0;
	padding: 0;
	font-size: 0;
	text-indent: -9999px;
}
main .slick-slider .pagenav li.slick-active button{
	background: #666;
}



/*================================
	Producer
================================*/
main #producer {
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 8rem 0 6rem;
}
main #producer h2{
	margin-bottom: 4rem;
	text-align: center;
}
main #producer h2 span{
	font-size: 3.4rem;
}
main #producer h2::before{
	content: url(../img/producer_title.svg);
	display: block;
	max-width: 8.2rem;
	margin: 0 auto 1rem;
}



/*------------------------
	Vision
------------------------*/
main #producer .vision{
	
}
main #producer .vision h3{
	margin-bottom: 4rem;
	text-align: center;
}
main #producer .vision h3::before{
	content: url(../img/producer_vision_title.svg);
	display: block;
	max-width: 4.6rem;
	margin: 0 auto 1rem;
}
main #producer .vision h3 span{
	font-size: 2.4rem;
	color: #cf7078;
	position: relative;
}
main #producer .vision h3 span::before,
main #producer .vision h3 span::after{
	content: "";
	display: block;
	width: calc(50% - 10rem);
	border-top: 1px solid  #efe4e4;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
}
main #producer .vision h3 span::before{
	left:0;
}
main #producer .vision h3 span::after{
	right: 0;
}
main #producer .vision .note{
	display:flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
}
main #producer .vision .note p{
	width: 50%;
	margin-bottom: 0;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
}
main #producer .vision .note p:first-of-type{
	border-right: 1px solid  #efe4e4;
	padding-right: 5%;
}
main #producer .vision .note p:last-of-type{
	padding-left: 5%;
}



/*------------------------
	Profile
------------------------*/
main #producer .profile{
	display:flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	margin-bottom: 8rem;
}
main #producer .profile h3{
	width: 100%;
	margin-bottom: 4rem;
	padding-top: 8rem;
	text-align: center;
}
main #producer .profile h3 span{
	font-size: 2.2rem;
	color: #aa9268;
	position: relative;
}
main #producer .profile h3 span::before,
main #producer .profile h3 span::after{
	content: "";
	display: block;
	width: calc(50% - 12rem);
	border-top: 1px solid  #efe4e4;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
}
main #producer .profile h3 span::before{
	left:0;
}
main #producer .profile h3 span::after{
	right: 0;
}
main #producer .profile figure{
	width: 33%;
}
main #producer .profile .details{
	width: 60%;
    display: flex;
    flex-wrap: wrap;
}
main #producer .profile .name{
	font-size: 2.4rem;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E","ＭＳ Ｐ明朝", "MS PMincho", serif;
	display: flex;
	    flex-direction: column;
}
main #producer .profile .name em{
	display: block;
	margin-bottom: .5rem;
	font-size: 1.2rem;
	letter-spacing: .1em;
	line-height: 1;
	color: #aa9268;
}
main #producer .profile .name a.insta{
	display: inline-block;
	font-size: 2rem;
	letter-spacing: .1em;
	line-height: 1;
	color: #aa9268;
}
main #producer .profile .name a.youtube {
	display: inline-block;
	margin-left: 0rem;
	font-size: 2rem;
	letter-spacing: .1em;
	line-height: 1;
	color: #aa9268;
}
main #producer .profile .name a {
	display: inline-block;
	margin-left: 3rem;
	margin-top: 5px;
	font-size: 1.2rem;
	letter-spacing: .1em;
	line-height: 1;
	color: #aa9268;
}
main #producer .profile .name a.insta::before{
	margin-right: .5em;
	content:"\f16d";
	font-family: "Font Awesome 5 Brands";
	font-weight: 900;
}

main #producer .profile .position{
	margin: 2rem 0 3rem;
	font-size: 1.2rem;
	color: #aa9268;
}
main #producer .profile .note p{
	font-size: 1.2rem;
}



/*------------------------
	History
------------------------*/
main #producer .history {
	display:flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items:flex-start;
	margin-bottom: 4rem;
}
main #producer .history .historylist {
	width: 30%;
	overflow: hidden;
	position: relative;
}
main #producer .history .historylist::before{
	content: "";
	display: block;
	border-left: 1px solid  #efe4e4;
	position: absolute;
	left: 5em;top: 0;bottom: 0;
}
main #producer .history .historylist dt,
main #producer .history .historylist dd{
	font-size: 1.2rem;
}
main #producer .history .historylist dt{
	width: 5em;
	float: left;
}
main #producer .history .historylist dd{
	padding-left: 7em;
}
main #producer .history .historylist dd+dd{
	margin-top: .5rem;
}
main #producer .history .historylist dd+dt,
main #producer .history .historylist dt:not(:first-of-type)+dd{
	margin-top: 1rem;
}



/*------------------------
	Logo
------------------------*/
main #producer .logo {
	max-width: 27rem;
	margin: 0 auto;
}




/*================================
	Insta
================================*/
main .insta {
	position: relative;
}
main .insta h2{
	font-family: 'Lato', serif;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .1em;
	position:absolute;
	left:50%;top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	z-index: 3;
}
main .insta h2,
main .insta h2 a{
	color: #fff;
}
main .insta h2::before{
	content:"\f16d";
	font-family: "Font Awesome 5 Brands";
	display: block;
	text-align: center;
	margin: 0 auto .5rem;
	font-size: 1.6rem;
}
main .insta .photolist {
	display:flex;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items:flex-start;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	height: 24.37vw;
	position: relative;
}
main .insta .photolist li{
	width: 11.87vw;
	height: 11.87vw;
	position: relative;
	overflow: hidden;
}
main .insta .photolist li:first-of-type,
main .insta .photolist li:nth-of-type(3),
main .insta .photolist li:last-of-type{
	width: 24.37vw;
	height: 100%;
}
main .insta .photolist li:nth-last-of-type(2),
main .insta .photolist li:nth-last-of-type(3){
	position: absolute;
	bottom: 0;
}
main .insta .photolist li:nth-last-of-type(3){
	left: calc(24.37vw + 0.7875vw);
}
main .insta .photolist li:nth-last-of-type(2){
	right: calc(24.37vw + 0.7875vw);
}
main .insta .photolist li:nth-of-type(3){
	position: relative;
}
main .insta .photolist li:nth-of-type(3)::before{
	content: "";
	display: block;
	width: 100%;height: 100%;
	background: rgba(0,0,0,.2);
	position: absolute;
	left: 0;top: 0;
	z-index: 2;
}
main .insta .photolist li img{
	position:absolute;
	left:50%;top:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
main .insta .photolist li:not(.port) img{
	width: auto;
	max-width: none;
	height: 100%;
}
main .insta .photolist li.port img{
	width: 100%;
	height: auto;
}



#sitefooter .entrynav li {
    width: 44%!important;
}

#sitefooter .entrynav ul {
    padding: 2rem 0 0!important;
}