@charset "UTF-8";

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

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

  .breadcrumb__list{

    padding-bottom: 1.6rem;

  }

}



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

/* -- main-area -- */

.main-area {

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

	font-weight: 300;

	font-style: normal;

	color: #333;

}

.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;

}

}



/* -- lead -- */

#ph_2408 .lead {

  margin: 8% auto;

  text-align: center;

  font-size: 16px;

  line-height: 2em;

}

@media (max-width: 767px) {

#ph_2408 .lead {

    font-size: 12px;

}

}





/* -- www_nav -- */

#ph_2408 .www_nav {

  margin: 0 0 150px;

}

#ph_2408 .www_nav .wrap {

  max-width: 760px;

  margin: 0 auto;

}

#ph_2408 .www_nav .wrap ul {

  display: flex;

  flex-wrap: wrap;

  -webkit-flex-wrap: wrap;

  justify-content: space-between;

}

#ph_2408 .www_nav ul li {

  width: calc((100% - 5px) / 3);

}

#ph_2408 .www_nav ul li > a:hover {

  opacity: 0.5;

  transition: 0.5s;

}

#ph_2408 .www_nav ul li > a .wwww_nav_img {

  max-width: 250px;

  margin-bottom: 5px;

}

@media (max-width: 1000px) {

#ph_2408 .www_nav .wrap ul {

  width: 80%;

  margin: auto;

}

}

@media (max-width: 767px) {

#ph_2408 .www_nav {

  margin: 0 0 20%;

}

#ph_2408 .www_nav .wrap ul {

  width: 95%;

  margin: auto;

}

#ph_2408 .www_nav ul li {

  width: calc((100% - 5px) / 2);

}

}





/* -- item_wrap -- */

#ph_2408 .item_wrap {

    overflow: hidden;

    max-width: 1440px;

    margin: 0 auto 10%;

}

#ph_2408 .item_wrap_section {

  display: flex;

  flex-wrap: nowrap;

  align-items:stretch;

  margin: 0 auto 10%;

}

#ph_2408 .item_wrap_section.boxrow {

  flex-flow: row-reverse;

}

#ph_2408 .item_wrap .item_credit h3{

  font-size: 80px;

  text-align: left;

  font-family: "canto", serif;

  font-weight: 400;

  font-style: normal;

  margin-bottom: 15px;

}

#ph_2408 .item_wrap .item_credit .detail{

  font-size: 17px;

  text-align: left;

  line-height: 2em;

  margin-bottom: 40px;

}

#ph_2408 .item_wrap .item_credit .credit_text{

  font-size: 15px;

  text-align: left;

  font-family: "canto", serif;

  font-weight: 400;

  font-style: normal;

  display: flex;

  align-items: center;

  margin-bottom: 15px;

  letter-spacing: 0.08em;

}

#ph_2408 .item_wrap .item_credit .credit_text .credit_itemname{

  width: 150px;

}

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

  opacity: 0.7;

  transition: 0.5s;

}

#ph_2408 .item_wrap .item_credit .credit_text .item_btn{

  border: 1px solid #333;

  width: 70px;

  padding: 5px 0 0;

  text-align: center;

  display: block;

}

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

  background-color: #333;

  color: #fff;

  opacity: 1;

  transition: 0.5s;

}

#ph_2408 .flexbox01 {

  max-width: 1100px;

}

#ph_2408 .item_wrap_section div.photo01{

  width: 52%;

}

#ph_2408 .item_wrap_section div.text01{

  width: 40%;

  margin-left: 8%;

  margin-top: 5%;

}

#ph_2408 .item01 .flexbox01-2 {

  display: flex;

  justify-content: flex-end;

  max-width: 1300px;

}

#ph_2408 .item01 .flexbox01-2 img{

  max-width: 565px;

}

#ph_2408 .item02 .flexbox02-2 {

  margin-top: 70%;

  max-width: 500px;

}

#ph_2408 .flexbox02 {

  max-width: 1440px;

}

#ph_2408 .item_wrap_section div.photo02{

  width: 52%;

  max-width: 720px;

}

#ph_2408 .item_wrap_section div.text02{

  width: 40%;

  margin-left: 8%;

  margin-top: 5%;

}

#ph_2408 .flexbox03 {

  max-width: 1440px;

}

#ph_2408 .item_wrap_section div.photo03{

  width: 52%;

  max-width: 720px;

}

#ph_2408 .item_wrap_section div.text03{

  width: 40%;

  margin-left: 8%;

  margin-top: 5%;

}

#ph_2408 .flexbox03-2 {

  max-width: 1440px;

  display: flex;

  flex-wrap: nowrap;

  align-items:stretch;

  margin-top: -30%;

}

#ph_2408 .flexbox03-2 div.photo03-1{

  width: 35%;

  margin-right: 8%;

  max-width: 530px;

}

#ph_2408 .flexbox03-2 div.photo03-2{

  width: 50%;

  margin-right: 7%;

  margin-top: 30%;

  max-width: 660px;

}

#ph_2408 .flexbox04 {

  max-width: 1000px;

}

#ph_2408 .item_wrap_section div.photo04-1{

  width: 50%;

  max-width: 500px;

}

#ph_2408 .item_wrap_section div.photo04-2{

  width: 50%;

  max-width: 500px;

}

#ph_2408 .item_wrap_img div.text04{

  width: 100%;

  margin: 0 auto 50px;

  max-width: 1000px;

}

#ph_2408 .flexbox05 {

  max-width: 1440px;

}

#ph_2408 .item_wrap_section div.photo05{

  width: 52%;

  max-width: 720px;

}

#ph_2408 .item_wrap_section div.text05{

  width: 40%;

  margin-left: 8%;

  margin-top: 10%;

  z-index: 5;

}

#ph_2408 .item05 .flexbox05-2 {

  margin-top: 50%;

  max-width: 500px;

  margin-left: -35%;

}

#ph_2408 .flexbox06 {

  max-width: 1440px;

}

#ph_2408 .item_wrap_section div.photo06{

  width: 50%;

  max-width: 720px;

}

#ph_2408 .item_wrap_section div.text06{

  width: 35%;

  margin-right: 15%;

  margin-top: 5%;

}

#ph_2408 .item_wrap_section div.text06 .item_credit{

  margin-left: 25%;

}

#ph_2408 .item06 .flexbox06-2 {

  margin-top: 50%;

  max-width: 500px;

}



@media (max-width: 1023px) {

#ph_2408 .p-body{

	width: 90%;

	margin: 0 auto;

}

#ph_2408 .item_wrap .item_credit .detail {

    font-size: 16px;

}

#ph_2408 .item_wrap .item_credit h3 {

    font-size: 60px;

}

#ph_2408 .item01 .flexbox01-2 {

    width: 60%;

    margin-left: 40%;

}

#ph_2408 .item02 .flexbox02-2 {

    margin-top: 30%;

}

#ph_2408 .item_wrap_section div.text03 {

    width: 40%;

    margin-right: 8%;

}

#ph_2408 .flexbox03-2 {

    margin-top: -15%;

}

#ph_2408 .item05 .flexbox05-2 {

    margin-top: 15%;

    margin-left: 0;

}

#ph_2408 .item_wrap_section div.text05 {

    margin-top: 5%;

}

#ph_2408 .item_wrap_section div.text06 .item_credit {

    margin-left: 0;

}

#ph_2408 .item_wrap_section div.text06 {

    width: 45%;

    margin-right: 5%;

    margin-top: 5%;

}

#ph_2408 .item06 .flexbox06-2 {

    margin-top: 20%;

}

}



@media (max-width: 767px) {

#ph_2408 .p-body {

    width: 100%;

}

#ph_2408 .item_wrap_section {

    display: block;

}

#ph_2408 .item_wrap {

    margin: 0 auto 30%;

}

#ph_2408 .item_wrap .item_credit .detail {

    font-size: 14px;

}

#ph_2408 .item_wrap_section div.photo01 {

    width: 100%;

}

#ph_2408 .item_wrap_section div.text01 {

    width: 80%;

    margin: 5% auto;

}

#ph_2408 .item01 .flexbox01-2 {

    width: 90%;

    margin-left: 10%;

}

#ph_2408 .item_wrap_section div.photo02 {

    width: 100%;

}

#ph_2408 .item_wrap_section div.text02 {

    width: 80%;

    margin: 5% auto;

}

#ph_2408 .item02 .flexbox02-2 {

    margin-top: 15%;

}

#ph_2408 .item_wrap_section div.photo03 {

    width: 100%;

}

#ph_2408 .item_wrap_section div.text03 {

    width: 80%;

    margin: 5% auto;

}

#ph_2408 .flexbox03-2 {

    display: block;

    margin-top: 5%;

}

#ph_2408 .flexbox03-2 div.photo03-1 {

    width: 80%;

    margin-right: 20%;

}

#ph_2408 .flexbox03-2 div.photo03-2 {

    width: 90%;

    margin-right: 0;

    margin-top: 10%;

    margin-left: 10%;

}

#ph_2408 .item_wrap_img div.text04 {

    width: 80%;

    margin: 0 auto 10%;

}

#ph_2408 .item_wrap_section div.photo04-1 {

    width: 100%;

    max-width: 500px;

}

#ph_2408 .item_wrap_section div.photo04-2 {

    width: 80%;

    margin: 10% auto;

}

#ph_2408 .item_wrap_section div.photo05 {

    width: 100%;

}

#ph_2408 .item_wrap_section div.text05 {

    width: 80%;

}

#ph_2408 .item_wrap_section div.photo06 {

    width: 100%;

}

#ph_2408 .item_wrap_section div.text06 {

    width: 100%;

    margin: 5% auto 0;

}

#ph_2408 .item_wrap_section div.text06 .item_credit {

    width: 80%;

    margin: 0 auto;

}

#ph_2408 .item06 .flexbox06-2 {

    width: 80%;

    margin-top: 15%;

}

}





/* -- lp_btn -- */

#ph_2408 .lp_btn {

	margin: 10% auto 0;

	max-width: 700px;

}

#ph_2408 .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_2408 .lp_btn a:hover{

	color: #fff;

	background: #333;

	opacity: 1!important;

	transition: 0.5s;

}

@media (max-width: 767px) {

	#ph_2408 .lp_btn {

		margin: 0 10% 20%;

	}

	#ph_2408 .lp_btn a {

		font-size: 14px;

		padding: 19px 30px 21px;

	}

	#ph_2408 .lp_btn a:after {

	  right: 20px;

	  width: 7px;

	  height: 7px;

	  border-top-width: 1px;

	  border-right-width: 1px;

	}

}





/* -- FEATURE -- */

#ph_2408 .feature-Area {

  max-width: 1440px;

  margin: 10% auto 0;

}

#ph_2408 .feature-Area h4{

  font-family: "canto", serif;

  font-size: 30px;

  font-weight: 400;

  font-style: normal;

  text-align: center;

  margin-bottom: 20px;

}

#ph_2408 .feature-Area .feature-flexbox{

	display: flex;

	justify-content: center;

}

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

  max-width: 300px;

  margin: 0 10px;

}

@media (max-width: 767px) {

#ph_2408 .feature-Area .feature-flexbox {

    flex-wrap: wrap;

    justify-content: flex-start;

     margin: 0 auto;

    width: 95%;

}

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

    max-width: 300px;

    margin: 5px;

    width: calc(50% - 10px);

}

#ph_2408 .feature-Area h4 {

    font-size: 24px;

    margin-bottom: 10px;

}

#ph_2408 .feature-Area {

  margin: 0 auto 10%;

}

}



/* -- footer-annotation -- */

#ph_2408 .footer-annotation {

    --width: 104.8rem;

    width: var(--width);

    margin: 10% auto;

}

#ph_2408 .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";

}

@media (max-width: 767px) {

  #ph_2408 .footer-annotation {

      --width: 104.8rem;

      width: var(--width);

      margin: 0 auto 20.2rem;

  }

  #ph_2408 .footer-annotation p {

      --font-size: 2rem;

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

  }

}





/* -- hover制御 -- */

#ph_2408 .item_wrap_section a:hover {

  opacity: 1;

}