@charset "UTF-8";
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 10px;
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
  html {
    font-size: calc(10* (100vw / 1000));
  }
}

body {
  width: 100%;
}
a:hover{
  text-decoration: underline;
}

#main-container img,
#main-container video {
  width: 100%;
}

#main-container {
  width: 100%;
  margin: 0 auto;
  padding-top: 8rem;
  color: #000;
}

/*パンくず*/
#main-container #breadcrumb {
    margin: 0 auto 2rem;
    font-size: 1rem;
    line-height: 1;
    width: 120rem;
		color: #1C1C1C;
}

/*PC　TOPへ戻るボタン LP共通*/
#main-container .scrTop__btn {
  font-size: 1.2rem;
  width: 120rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

#main-container .scrTop__btn a {
  display: inline-block;
}


/*PC*/
#feature {
	width: 100%;
	margin: 7rem auto 10rem;
}

/*credit*/
#feature .credit{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#feature .credit li:not(:last-child){
	margin-right: 1.7rem;
}
#feature .credit a {
	color: #000;
	font-size: 2.8rem;
	font-family: adobe-garamond-pro, serif;
	letter-spacing: 0;
	line-height: 1.25;
}

/*mv*/
#feature .mv_blk{
	margin-bottom: 9.6rem;
	font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', serif;
}
#feature .mv_blk .mainTtl {
	font-family: adobe-garamond-pro, serif;
	font-weight: 400;
	font-style: normal;
	font-size: 5.1rem;
	text-align: center;
	line-height: 1.2;
	letter-spacing: 0.01em;
	margin-bottom: 8.6rem;
}
#feature .mv_blk .mainTtl span{
	font-size: 5.8rem;
}
#feature .mv_blk .mv{
	width: 74.8rem;
	margin:0 auto 10.2rem;
}

#feature .mv_blk .subTxt{
	font-size: 2.0rem;
	line-height: 1.5;
	font-feature-settings: "palt";
	text-align: center;
}

/*movie_blk*/
#feature .movie_blk{
	width: 67.1rem;
	margin: 0 auto 13.1rem;
}
#feature .movie_blk .lp-movie{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
#feature .movie_blk .lp-movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

/*_01*/
#feature ._01{
	margin-bottom: 19.2rem;
}
#feature ._01 .inner_01 {
	position: relative;
	width: 79.2rem;
	margin: 0 auto 11rem;
}
#feature ._01 .inner_02 .imgArea{
	width: 52.8rem;
  margin: 0 auto;
}
#feature ._01 .credit {
	display: block;
	position: absolute;
	bottom: 0;
	right: 2.4rem;
}
#feature ._01 .credit a{
	font-size: 2.4rem;
}
#feature ._01 .credit li:not(:last-child) {
	margin-right: 0;
	margin-bottom: 1.3rem;
}


/*_02*/
#feature ._02{
	margin-bottom: 19rem;
}
#feature ._02 .imgArea{
	width: 67.1rem;
	margin: 0 auto 5.5rem;
}
#feature ._02 .credit {
	width: 75rem;
	margin: 0 auto;
}
#feature ._02 .credit li:nth-child(2) {
	margin-right: 0;
}





/*_03*/
#feature ._03{
	margin-bottom: 15rem;
}
#feature ._03 .imgArea{
	width: 64.6rem;
	margin: 0 auto 5.1rem;
}
#feature ._03 .credit {
	width: 55rem;
	margin: 0 auto;
}
#feature ._03 .credit li:nth-child(even){
	margin-right: 0;
}



/*_04*/
#feature ._04{
	margin-bottom: 19.2rem;
}
#feature ._04 .imgArea{
	width: 68.3rem;
	margin: 0 auto 6.6rem;
}
#feature ._04 .credit {
	width: 77rem;
	margin: 0 auto;
}
#feature ._04 .credit li:nth-child(2){
	margin-right: 0;
}


/*_05*/
#feature ._05{
	margin-bottom: 13.4rem;
}
#feature ._05 .inner_01{
	width: 50.4rem;
	margin: 0 auto 12rem;
}
#feature ._05 .inner_02{
	width: 52.3rem;
	margin: 0 auto 7rem;
}
#feature ._05 .credit {
	width: 56rem;
	margin: 0 auto;
}
#feature ._05 .credit a{
	font-size: 3rem;
}
#feature ._05 .credit li:nth-child(2){
	margin-right: 0;
}

/*View Btn*/
#feature .viewBtn{
	display: flex;
	justify-content: center;
}
#feature .viewBtn .link_btn:not(:last-child) {
  margin-right: 1.75rem;
}
#feature .viewBtn .link_btn a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 31rem;
	border: 1px solid #000;
	font-family: adobe-garamond-pro, serif;
	font-weight: 400;
	font-style: normal;
	font-size: 3.0rem;
	height: 8.4rem;
	text-align: center;
}
#feature .viewBtn .link_btn a:hover{
	text-decoration: none;
}





/*SP*/
@media screen and (max-width: 767px) {
/*LP共通*/
a:hover{
	text-decoration: unset;
}
#main-container {
	width: 100%;
	padding-top: calc(80* (100vw / 750));
}
/*パンくず*/
#main-container #breadcrumb {
	margin-bottom: calc(30* (100vw / 750));
	font-size: calc(24* (100vw / 750));
	width: 100%;
	padding: 0 calc(26 * (100vw / 750));
	color: #1c1c1c;
}


/*LPコンテンツ*/
#feature {
	margin: calc(100 * (100vw/750)) auto calc(200 * (100vw/750));
}


/*credit*/
#feature .credit{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#feature .credit li:not(:last-child) {
    margin-right: calc(10*(100vw/750));
}
#feature .credit li:last-child {
    margin-right: 0;
}
#feature .credit a {
	color: #000;
	font-size: calc(28 * (100vw/750));
	font-family: adobe-garamond-pro, serif;
	letter-spacing: 0;
	line-height: 1.3;
}

/*mv*/
#feature .mv_blk{
	margin-bottom: calc(101 * (100vw/750));
	font-feature-settings: "palt";	
}
#feature .mv_blk .mainTtl {
	font-size: calc(51 * (100vw/750));
	text-align: center;
	line-height: 1.2;
	margin-bottom: calc(100 * (100vw/750));
}
#feature .mv_blk .mainTtl span{
	font-size: calc(58 * (100vw/750));
}
#feature .mv_blk .mv{
	width: 100%;
	margin:0 auto calc(106 * (100vw/750));
}

#feature .mv_blk .subTxt{
	font-size: calc(20 * (100vw/750));
	line-height: 1.5;
	font-feature-settings: "palt";
	text-align: center;
	letter-spacing: 0.05em;
}

/*movie_blk*/
#feature .movie_blk{
	width: calc(671 * (100vw/750));
	margin: 0 auto calc(165 * (100vw/750));
}
#feature .movie_blk .lp-movie{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
#feature .movie_blk .lp-movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}


/*_01*/
#feature ._01{
	margin-bottom: calc(166 * (100vw/750));
}
#feature ._01 .inner_01 {
	width: 100%;
	margin: 0 auto calc(111 * (100vw/750));
}
#feature ._01 .inner_02 .imgArea{
	width: calc(528 * (100vw/750));
  margin: 0 auto;
}


#feature ._01 .credit {
	display: block;
	position: absolute;
	bottom: 0;
	right: calc(10 * (100vw/750));
}
#feature ._01 .credit a{
	font-size: calc(24 * (100vw/750));
}
#feature ._01 .credit li:not(:last-child) {
	margin-right: 0;
	margin-bottom: calc(15 * (100vw/750));
}






/*_02*/
#feature ._02{
	margin-bottom: calc(200 * (100vw/750));
}
#feature ._02 .imgArea {
	width: calc(671 * (100vw/750));
	margin-right: calc(10 * (100vw/750));
	margin-bottom: calc(50 * (100vw/750));
}
#feature ._02 .credit{
	width: calc(750*(100vw/750));
	margin: 0 auto;
}

/*_03*/
#feature ._03{
	margin-bottom: calc(153 * (100vw/750));
}
#feature ._03 .imgArea{
	width: calc(646 * (100vw/750));
	margin: 0 auto calc(50 * (100vw/750));
}
#feature ._03 .credit{
	width: calc(650*(100vw/750));
	margin: 0 auto;
}


/*_04*/
#feature ._04{
	margin-bottom: calc(205 * (100vw/750));
}
#feature ._04 .imgArea{
	width: calc(683 * (100vw/750));
	margin: 0 auto calc(66 * (100vw/750));
}
#feature ._04 .credit{
	width: calc(750*(100vw/750));
	margin: 0 auto;
}

/*_05*/
#feature ._05{
	margin-bottom: calc(137 * (100vw/750));
}
#feature ._05 .inner_01 {
	width: calc(503 * (100vw/750));
	margin: 0 auto calc(120 * (100vw/750));
}
#feature ._05 .inner_02 {
	width: calc(523 * (100vw/750));
	margin: 0 auto calc(70 * (100vw/750));
}
#feature ._05 .credit{
	width: calc(600*(100vw/750));
	margin: 0 auto;
}
#feature ._05 .credit a {
    font-size: calc(30*(100vw/750));
}




/*View Btn*/
#feature .viewBtn{
	display: flex;
	justify-content: center;
}
#feature .viewBtn .link_btn:not(:last-child) {
    margin-right: calc(17*(100vw/750));
}
#feature .viewBtn .link_btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(310*(100vw/750));
    border: 1px solid #000;
    font-family: adobe-garamond-pro, serif;
    font-weight: 400;
    font-style: normal;
    font-size: calc(32*(100vw/750));
    height: calc(85*(100vw/750));
    text-align: center;
}
#feature .viewBtn .link_btn a:hover{
	text-decoration: none;
}








/*SPページTOPへ戻るボタン LP共通*/
#main-container .scrTop__btn {
	width: 100%;
	font-size: calc(26* (100vw / 750));
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

#main-container .scrTop__btn a {
  display: inline-block;
}

}