@charset "utf-8";
.second-Ttl h2 img{
 width: calc(484rem / 20);
}
@media only screen and (max-width: 48em ) {
.second-Ttl h2 img{
 width: calc(484rem / 20*1.2);
}
}
.pchan-Sec1{
 width: calc(1400rem / 20);
 margin-left: auto;
 margin-right: auto;
 padding-top: calc(100rem / 20);
 padding-bottom: calc(30rem / 20);
 position: relative;
}
.pchan-Sec1::before{
 content: "";
 background: #62bfc0;
 background-size: calc(1300rem / 20);
 width: calc(1300rem / 20);
 height: calc(605rem / 20);
 top: calc(60rem / 20);
 left: 50%;
 transform: translateX(-50%);
 position: absolute;
 z-index: -1;
}
.pchan-Sec1 .ttl{
 margin-bottom: calc(15rem / 20);
 width: calc(623rem / 20);
 margin-left: auto;
 margin-right: auto;
}
.pchan-Sec1 .img2{
 width: calc(437rem / 20);
 margin-left: auto;
 margin-right: auto;
 margin-top: calc(-15rem / 20);
}
@media only screen and (max-width: 87.5em ) {
 .pchan-Sec1{
  width: 100%;
 }
 .pchan-Sec1::before{
  height: 43.2142857vw;
  width: 100%;
 }
}
@media only screen and (max-width: 48em ) {
 .pchan-Sec1{
  padding-left: calc(10rem / 20);
  padding-right: calc(10rem / 20);
 }
}

@media only screen and (max-width: 48em ) {

}

.pchan-Sec2{
 position: relative;
 padding-bottom: calc(100rem / 20);
}
.pchan-Sec2::before{
 content: '';
 position: absolute;
 background: #dffafa;
 width: 100%;
 height: 100%;
 z-index: -1;
 top: calc(100rem / 20);
}
.pchan-Sec2 .list{
display:-webkit-box;
display:-webkit-flex;
display:flex;
-webkit-box-lines:multiple;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-pack:center;
-webkit-flex-pack:center;
-webkit-justify-content:center;
justify-content:center;
}

.pchan-Sec2 .ttl{
 margin-bottom: calc(20rem / 20);
}
@media only screen and (max-width: 48em ) {
.pchan-Sec2 .ttl{
 width: 95%;
 margin-left: auto;
 margin-right: auto;
}
}
.pchan-Sec2 .list .unit{
 width: calc(300rem / 20);
}
@media only screen and (max-width: 48em ) {
.pchan-Sec2 .list .unit{
 width: 43%;
 margin-bottom: calc(20rem / 20);
 margin-left: calc(20rem / 20);
 margin-right: calc(20rem / 20);
}
}
.pchan-Sec2 .list .unit:nth-child(2){
 margin-left: calc(40rem / 20);
 margin-right: calc(40rem / 20);
}
.pchan-Sec2 .list .unit:nth-child(4){
 margin-right: calc(20rem / 20);
}
.pchan-Sec2 .list .unit:nth-child(5){
 margin-left: calc(20rem / 20);
}
@media only screen and (max-width: 48em ) {
.pchan-Sec2 .list .unit:nth-child(2){
 margin-left: calc(20rem / 20);
 margin-right: calc(20rem / 20);
}
.pchan-Sec2 .list .unit:nth-child(4){
 margin-left: calc(20rem / 20);
 margin-right: calc(20rem / 20);
}
.pchan-Sec2 .list .unit:nth-child(5){
 margin-left: calc(20rem / 20);
 margin-right: calc(20rem / 20);
}
}
.pchan-Sec2 .list .unit h2{
 text-align: center;
 color: #003b86;
 font-size: calc(22rem / 20);
 margin-top: calc(15rem / 20);
}
@media only screen and (max-width: 48em ) {
.pchan-Sec2 .list .unit h2{
 font-size: calc(26rem / 20);
}
}
.pchan-Sec3{
 background: url("../img/pchan/s3_bg.jpg") no-repeat top center #c8ebf4;
 background-size: calc(1400rem / 20);
 position: relative;
 padding-top: calc(120rem / 20);
 padding-bottom: calc(80rem / 20);
 z-index: 1;
}
.pchan-Sec3 .inner::after{
 content: "";
 background: url("../img/pchan/s3_bg.jpg") no-repeat top center;
 background-size: calc(1400rem / 20);
 width: 100%;
 height: calc(826rem / 20);
 top: 0;
 left: 0;
 position: absolute;
 z-index: -1;
}
.pchan-Sec3 .inner::before{
 content: "";
 background: #fff;
 background-size:100%;
 width: 100%;
 height: calc(826rem / 20);
 top: 0;
 left: 0;
 position: absolute;
 z-index: -1;
}
.pchan-Sec3 .btn{
 width: calc(180rem / 20);
 left: 50%;
 transform: translateX(-50%);
 position: absolute;
 top: calc(-80rem / 20);
}
.pchan-Sec3 .ttl{
 width: calc(953rem / 20);
 margin-left: auto;
 margin-right: auto;
 margin-bottom: calc(30rem / 20);
}
@media only screen and (max-width: 48em ) {
 .pchan-Sec3 .inner{
  padding-left: calc(20rem / 20);
  padding-right: calc(20rem / 20);
 }
.pchan-Sec3 .ttl{
 width: 98%;
}
}
.pchan-Sec3 .img{
 margin-bottom: calc(50rem / 20);
}
.pchan-Sec3 .list{
display:-webkit-box;
display:-webkit-flex;
display:flex;
-webkit-box-pack:justify;
-webkit-flex-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between;
-webkit-box-lines:multiple;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.pchan-Sec3 .unit{
 width: calc(326rem / 20);
 margin-bottom: calc(20rem / 20);
}
.pchan-Sec3 .unit:nth-child(1){
 width: calc(315rem / 20);
}
.pchan-Sec3 .unit:nth-child(3){
 width: calc(315rem / 20);
}
@media only screen and (max-width: 48em ) {
.pchan-Sec3 .unit{
 width: 49%;
}
.pchan-Sec3 .unit:nth-child(1){
 width: 49%;
}
.pchan-Sec3 .unit:nth-child(3){
 width: 49%;
}
}
.pchan-Sec3 .unit h2{
 font-size: calc(16rem / 20);
 text-align: center;
 margin-top: calc(5rem / 20);
}
@media only screen and (max-width: 48em ) {
.pchan-Sec3 .unit h2{
 font-size: calc(18rem / 20);
}
}
.movie_ttl{
 width: calc(881rem / 20);
 margin-left: auto;
 margin-right: auto;
 margin-bottom: calc(10rem / 20);
}
@media only screen and (max-width: 48em ) {
.movie_ttl{
 width: 98%;
}
}
.movie_img video{
 width: 100%;
}
@media only screen and (max-width: 48em ) {
.movie_img video{
 width: 98%;
}
.movie_img{
 background: url("../img/pchan/movie_img.jpg") no-repeat top;
 background-size: 100%;
}
}
.pchan-Sec5{
 background: url("../img/pchan/s5_bg.jpg") top no-repeat;
 background-size: 100%;
 padding-top: calc(40rem / 20);
 padding-bottom: calc(60rem / 20);
}
.pchan-Sec5 .ttl{
 width: calc(389rem / 20);
 margin-left: auto;
 margin-right: auto;
 margin-bottom: calc(20rem / 20);
}

.pchan-Sec5 .list{
display:-webkit-box;
display:-webkit-flex;
display:flex;
-webkit-box-pack:center;
-webkit-flex-pack:center;
-webkit-justify-content:center;
justify-content:center;
}
@media only screen and (max-width: 48em ) {
.pchan-Sec5 .list{
-webkit-box-lines:multiple;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
}
.pchan-Sec5 .unit{
 width: calc(293rem / 20);
 position: relative;
 padding-bottom: calc(50rem / 20);
}
@media only screen and (max-width: 48em ) {
 .pchan-Sec5 .unit{
 width: calc(500rem / 20);
  margin-bottom: calc(50rem / 20);
 }
}
.pchan-Sec5 .unit:nth-child(2){
 margin-left: calc(25rem / 20);
 margin-right: calc(25rem / 20);
}
@media only screen and (max-width: 48em ) {
.pchan-Sec5 .unit:nth-child(2){
 margin-left: 0;
 margin-right:  0;
 }
}
.pchan-Sec5 .unit::before{
 content: "";
 background: #ec7276;
 background-size: calc(100rem / 20);
 width: calc(270rem / 20);
 height: 94%;
 top: calc(25rem / 20);
 right: 0;
 position: absolute;
}
@media only screen and (max-width: 48em ) {
.pchan-Sec5 .unit::before{
 width: 98%;
 }
}
.pchan-Sec5 .unit .img{
 position: relative;
}
@media only screen and (max-width: 48em ) {
.pchan-Sec5 .unit .img{
 width: 100%;
 }
 .pchan-Sec5 .unit .img img{
 width: 80%;
 }
}
.pchan-Sec5 .unit .point{
 position: absolute;
 right: calc(10rem / 20);
 top: calc(50rem / 20);
 width: calc(11rem / 20);
}
@media only screen and (max-width: 48em ) {
.pchan-Sec5 .unit .point{
 position: absolute;
 right: calc(30rem / 20);
 top: calc(50rem / 20);
 width: calc(22rem / 20);
}
 .pchan-Sec5 .unit .point img{
 width: 100%;
 }
}
.pchan-Sec5 .unit h2{
 position: relative;
 color: #fff;
 margin-left: calc(30rem / 20);
 font-size: calc(23rem / 20);
 margin-top: calc(10rem / 20);
 margin-bottom: calc(10rem / 20);
 text-align: center;
}
@media only screen and (max-width: 48em ) {
 .pchan-Sec5 .unit h2{
 font-size: calc(36rem / 20);
 }
}
.pchan-Sec5 .unit .txt{
 position: relative;
 color: #fff;
 margin-left: calc(50rem / 20);
 width: calc(210rem / 20);
 font-size: calc(15rem / 20);
}
@media only screen and (max-width: 48em ) {
 .pchan-Sec5 .unit .txt{
 font-size: calc(26rem / 20);
 width: calc(420rem / 20);
 }
}
.pchan-Sec6{
 background: url("../img/pchan/s6_bg.jpg");
}
@media only screen and (max-width: 62.5em ) {
 .pchan-Sec6{
 overflow-x: hidden;
 }
}
.pchan-Sec6 .inner{
 position: relative;
 padding-top: calc(65rem / 20);
 padding-bottom: calc(50rem / 20);
}
@media only screen and (max-width: 48em ) {
.pchan-Sec6 .inner{
 padding-left: calc(40rem / 20);
 padding-right: calc(40rem / 20);
}
}
.pchan-Sec6 .inner::before{
 content: "";
background: url("../img/pchan/s6_bg1.png") no-repeat;
background-size: calc(143rem / 20);
width: calc(143rem / 20);
height: calc(403rem / 20);
top: calc(-37rem / 20);
left: calc(-143rem / 20);
position: absolute;
}
.pchan-Sec6 .inner::after{
 content: "";
background: url("../img/pchan/s6_bg2.png") no-repeat;
background-size: calc(167rem / 20);
width: calc(167rem / 20);
height: calc(448rem / 20);
top: calc(-37rem / 20);
right: calc(-167rem / 20);
position: absolute;
}
.pchan-Sec6 .ttl{
 width: calc(943rem / 20);
 margin-left: auto;
 margin-right: auto;
 margin-bottom:calc(35rem / 20);
}
@media only screen and (max-width: 48em ) {
.pchan-Sec6 .ttl{
 width: 98%;
}
}
.pchan-Sec6 .list{
display:-webkit-box;
display:-webkit-flex;
display:flex;
-webkit-box-pack:justify;
-webkit-flex-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between;
-webkit-box-lines:multiple;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:start;
-webkit-align-items:flex-start;
align-items:flex-start;

}

.pchan-Sec6 .list img{
 width: calc(309rem / 20);
 margin-bottom:calc(30rem / 20);
}

.pchan-Sec7{
 padding-top: calc(50rem / 20);
 padding-bottom: calc(50rem / 20);
 background: #fff6ed;
}

.pchan-Sec7 .inner{
 position: relative;
}
@media only screen and (max-width: 48em ) {
 .pchan-Sec7 .inner{
 padding-bottom: calc(180rem / 20);
 }
}
.pchan-Sec7 .box{
display:-webkit-box;
display:-webkit-flex;
display:flex;
-webkit-box-pack:justify;
-webkit-flex-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between;
}
@media only screen and (max-width: 48em ) {
.pchan-Sec7 .box{
-webkit-box-lines:multiple;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
}
.pchan-Sec7 .ttl{
 width: calc(376rem / 20);
}
.pchan-Sec7 .img{
 width: calc(591rem / 20);
 margin-left: calc(-25rem / 20);
}
@media only screen and (max-width: 48em ) {
 .pchan-Sec7 .img{
 width: 80%;
 margin-left: auto;
  margin-right: auto;
}
}
.pchan-Sec7 .txtarea{
 width: calc(405rem / 20);
}
@media only screen and (max-width: 48em ) {
.pchan-Sec7 .txtarea{
 width: 85%;
 margin-left: auto;
 margin-right: auto;
}
}
.pchan-Sec7 .box h2{
 margin-top: calc(20rem / 20);
 margin-bottom: calc(15rem / 20);
}
.pchan-Sec7 .box p{
 color: #f07850;
 font-size: calc(18rem / 20);
 line-height: 1.75;
}
@media only screen and (max-width: 48em ) {
 .pchan-Sec7 .box p{
 font-size: calc(28rem / 20);
 }
}
.pchan-Sec7 .box .img2{
 position: absolute;
 right: 0;
 bottom: 0;
 width: calc(284rem / 20);
}
@media only screen and (max-width: 48em ) {
.pchan-Sec7 .box .img2{
 right: calc(28rem / 20);
 }
}
.pchan-Btn{
	background: #F5F1DF;
	padding-top: calc(50rem / 20);
	padding-bottom: calc(50rem / 20);
}
@media only screen and (max-width: 48em ) {
	.pchan-Btn_Inner{
 padding-left: calc(30em / 20);
 padding-right: calc(30em / 20);
	}
}
.pchan-Btn .btn{
	background: url(../img/modelhouse/bg_btn1.png) no-repeat center;
	background-size: calc(491rem / 20);
	text-align: center;
}
.pchan-Btn .btn a{
	display: block;
	padding-top: calc(50rem / 20);
	padding-bottom: calc(50rem / 20);
	color: #fff;
	font-size: calc(30rem / 20);
}