@charset "UTF-8";

/* パンくず 追加スタイル PC */

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

  .breadcrumb__list{

    padding-bottom: 1.6rem;

  }

}



/* ▼ LPのスタイル ▼ */

/* -- main-area -- */

.main-area {

  width: 100%;

	font-family: "adobe-garamond-pro", serif;

	font-weight: 300;

	font-style: normal;

	color: #333;

  background-color: #f6f6f3;

  padding-top: 1%;

}

.main-area img {

  width: 100%;

  height: auto;

}

.main-area {

--sp-rate: 1.5;

}



.pc{

	display: block;

}



.sp{

	display: none;

}



/* -- p-header -- */

.p-header {

	margin-top: 20px;

}

/*.p-header__img {

	background: url(../img/mv_img_bg.gif) repeat-x top left;

	background-size: auto 100%;

}*/

.p-header__img img {

	max-width: 100%;

	margin: 0 auto;

}

.p-header__img img {

	max-width: 1440px;

	margin: 0 auto;

}



@media (max-width: 767px) {

	.p-header {

		margin-top: 9px;

	}

	.p-header__img {

		background: none;

	}

	.pc{

	display: none;

}

	.sp{

	display: block;

}

}



/*top*/

#ph_2409 .top-logo{

  margin: 30px;

  display: block;

  max-width: 142px;

}



#ph_2409 h1.main-ttl{

  font-size: 70px;

  font-family: "adobe-garamond-pro", serif;

  text-align: center;

  margin-bottom: 20px;

}



#ph_2409 .sub-ttl{

  font-size: 22px;

  font-family: "Yu Gothic",sans-serif;

  font-weight: 400;

  font-style: normal;

  text-align: center;

  letter-spacing: 0.1em;

  color: #5b6108;

}

@media (max-width: 1024px) {

  #ph_2409 h1.main-ttl{

  font-size: 40px;

}

}

@media (max-width: 767px) {

#ph_2409 .top-logo{

  width: 110px;

  margin: 30px auto 20px;

}

#ph_2409 h1.main-ttl{

  font-size: 25px;

}

#ph_2409 .sub-ttl{

  font-size: 14px;

}

}



/* Swiper中身ここから */

#ph_2409 .top-slider{

  width: 100%;

  margin: 5% auto 0;

  overflow: hidden;

}

#ph_2409 .swiper-container {

  width: 100%;

  display: block;

}



#ph_2409 .swiper-slide {

  /*max-width: 350px;*/

  margin-right: 10px;

}



#ph_2409 .swiper-container .swiper-wrapper {

  transition-timing-function: linear;

}



/* splide中身ここから */

#ph_2409 .splide__pagination {

    bottom: -20px!important;

    left: auto!important;

    padding: 0!important;

    position: absolute;

    right: 0;

    z-index: 1;

}



#ph_2409 .splide__pagination__page {

    background: #ccc;

    border: 0;

    border-radius: 0!important;

    display: inline-block;

    height: 2px!important;

    margin: 5px;

    opacity: .7;

    padding: 0;

    position: relative;

    transition: transform .2s linear;

    width: 35px!important;

}



#ph_2409 .splide__pagination__page.is-active {

    background: #5b6108!important;

     transform: scale(1); 

    z-index: 1;

}



/* -- lead -- */

#ph_2409 .lead {

  margin: 8% auto;

  text-align: center;

  font-size: 16px;

  line-height: 2em;

}

@media (max-width: 767px) {

#ph_2409 .lead {

    font-size: 12px;

}

}





/* -- item_wrap -- */

#ph_2409 .item_wrap {

    overflow: hidden;

    max-width: 1440px;

    margin: 0 auto 5%;

}

#ph_2409 .item_wrap_section {

  display: flex;

  flex-wrap: nowrap;

  align-items:stretch;

  margin: 0 auto 10%;

  justify-content: center;

  align-items: center;

}

#ph_2409 .item_wrap .item_credit h3{

  font-size: 40px;

  text-align: left;

  font-family: "adobe-garamond-pro", serif;

  font-weight: 400;

  margin-bottom: 15px;

}

#ph_2409 .item_wrap .item_credit h3 span{

  font-size: 25px;

  text-align: left;

  font-family: "adobe-garamond-pro", serif;

  font-weight: 400;

}

#ph_2409 .item_wrap .item_credit h2{

  font-size: 21px;

  text-align: left;

  font-family: "adobe-garamond-pro", serif;

  font-weight: 300;

  font-style: normal;

  margin-bottom: 20px;

  color: #5b6108;

  line-height: 2em;

}

#ph_2409 .item_wrap .item_credit .detail{

  font-size: 15px;

  text-align: left;

  line-height: 2em;

  margin-bottom: 40px;

}

#ph_2409 .item_wrap .item_credit .credit_text{

  font-size: 15px;

  text-align: left;

  font-family: "adobe-garamond-pro", serif;

  font-weight: 400;

  font-style: normal;

  display: flex;

  align-items: center;

  margin-bottom: 15px;

  letter-spacing: 0.08em;

}

#ph_2409 .item_wrap .item_credit .credit_text .credit_itemname{

  width: 200px;

}

#ph_2409 .item_wrap .item_credit .credit_text .credit_itemname:hover{

  opacity: 0.7;

  transition: 0.5s;

}

#ph_2409 .item_wrap .item_credit .credit_text .item_btn{

  border: 1px solid #333;

  width: 70px;

  padding: 5px 0 0;

  text-align: center;

  display: block;

}

#ph_2409 .item_wrap .item_credit .credit_text .item_btn:hover{

  background-color: #333;

  color: #fff;

  opacity: 1;

  transition: 0.5s;

}

#ph_2409 .flexbox {

  max-width: 1100px;

}

#ph_2409 .flex-reverse {

  flex-direction: row-reverse;

}

#ph_2409 .item_wrap_section div.photo{

  width: 52%;

}

#ph_2409 .item_wrap_section div.text{

  width: 40%;

  margin: 0 4%;

}



@media (max-width: 1023px) {

#ph_2409 .p-body{

	width: 90%;

	margin: 0 auto;

}

#ph_2409 .item_wrap .item_credit .detail {

    font-size: 16px;

}

#ph_2409 .item_wrap .item_credit h3 {

    font-size: 40px;

}

}



@media (max-width: 767px) {

#ph_2409 .p-body {

    width: 100%;

}

#ph_2409 .item_wrap_section {

    display: block;

}

#ph_2409 .item_wrap {

    margin: 0 auto 30%;

}

#ph_2409 .item_wrap .item_credit .detail {

    font-size: 14px;

}

#ph_2409 .item_wrap_section div.photo{

    width: 100%;

}

#ph_2409 .item_wrap_section div.text {

    width: 85%;

    margin: 10% auto;

}

#ph_2409 .item_wrap .item_credit h2 {

    font-size: 20px;

    line-height: 1.6em;

}

}





/* -- lp_btn -- */

#ph_2409 .lp_btn {

	margin: 0 auto;

	max-width: 700px;

}

#ph_2409 .lp_btn a {

  text-align: center;

	font-family: a-otf-ryumin-pr6n, serif;

	font-weight: 300;

	font-style: normal;

	font-size: 20px;

	letter-spacing: 0.1em;

	color: #333;

	display: block;

	position: relative;

	padding: 29px 60px 28px;

	background: #fff;

	border: 1px solid #333;

}

/*.lp_btn a:after {

  position: absolute;

  top: 0;

  bottom: 0;

  right: 40px;

  margin: auto;

  width: 10px;

  height: 10px;

  border-top: 2px solid #333;

  border-right: 2px solid #333;

  content: "";

  -webkit-transform: rotate(45deg);

     -moz-transform: rotate(45deg);

      -ms-transform: rotate(45deg);

       -o-transform: rotate(45deg);

          transform: rotate(45deg);

}*/

#ph_2409 .lp_btn a:hover{

	color: #fff;

	background: #333;

	opacity: 1!important;

	transition: 0.5s;

}

@media (max-width: 767px) {

	#ph_2409 .lp_btn {

		margin: 0 10% 20%;

	}

	#ph_2409 .lp_btn a {

		font-size: 14px;

		padding: 19px 30px 21px;

	}

	#ph_2409 .lp_btn a:after {

	  right: 20px;

	  width: 7px;

	  height: 7px;

	  border-top-width: 1px;

	  border-right-width: 1px;

	}

}





/* -- FEATURE -- */

#ph_2409 .feature-Area {

  max-width: 1440px;

  margin: 10% auto 0;

}

#ph_2409 .feature-Area h4{

  font-family: "canto", serif;

  font-size: 30px;

  font-weight: 400;

  font-style: normal;

  text-align: center;

  margin-bottom: 20px;

}

#ph_2409 .feature-Area .feature-flexbox{

	display: flex;

	justify-content: center;

}

#ph_2409 .feature-Area .feature-flexbox .feature-flexbox-img{

  max-width: 300px;

  margin: 0 10px;

}

@media (max-width: 767px) {

#ph_2409 .feature-Area .feature-flexbox {

    flex-wrap: wrap;

    justify-content: flex-start;

     margin: 0 auto;

    width: 95%;

}

#ph_2409 .feature-Area .feature-flexbox .feature-flexbox-img {

    max-width: 300px;

    margin: 5px;

    width: calc(50% - 10px);

}

#ph_2409 .feature-Area h4 {

    font-size: 24px;

    margin-bottom: 10px;

}

#ph_2409 .feature-Area {

  margin: 0 auto 10%;

}

}



/* -- footer-annotation -- */

#ph_2409 .footer-annotation {

    --width: 104.8rem;

    width: var(--width);

    margin: 10% auto;

}

#ph_2409 .footer-annotation p {

    --font-size: 1.6rem;

    font-family: "Noto Sans JP", sans-serif;

    font-weight: 400;

    font-size: var(--font-size);

    line-height: 1.682;

    letter-spacing: 0.12em;

    font-feature-settings: "palt";

    padding-bottom: 5%;

}

@media (max-width: 767px) {

  #ph_2409 .footer-annotation {

      --width: 104.8rem;

      width: var(--width);

      margin: 0 auto 20.2rem;

  }

  #ph_2409 .footer-annotation p {

      --font-size: 2rem;

      font-size: calc(var(--font-size) * var(--sp-rate));

  }

}





/* -- hover制御 -- */

#ph_2409 .item_wrap_section a:hover {

  opacity: 1;

}