body{background-color: #f9fdff;}
.detail-wrapper{width:100%;max-width:1200px;text-align:center;margin:0 auto;}
.paging{width:100%;max-width:1200px;padding:40px 20px;overflow:hidden;}
.btn-paging{border-radius:.25rem;color:#fff;background-color:#0088CC;text-align:center;display:inline-block;font-size:18px;font-weight:500;line-height:40px;padding:0 16px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}
.btn-paging:hover{text-decoration:none;color:#fff;background-color:#0075af;}
.btn-paging.prev{float:left;}
.btn-paging.next{float:right;}
.btn-paging.link{float:none;margin:0 auto;}
.detail-wrapper .pj-head h1{margin: 20px 0 15px 0;text-align:left;padding:0px 20px;font-size:2em;font-weight:400;}
.detail-wrapper .pj-head >p, .info-p{text-align:left;padding:0px 20px;margin:0;line-height:1.8;font-size:14px;}
.small-detail{padding:20px 20px;}
.small-detail p{text-align:left;padding:0;margin:0;font-size:14px;}
.small-detail p:first-child{padding-bottom:5px;}
.small-detail p span{color:#0088CC;}
.pj-gallery{width:100%;max-width:1200px;display: grid;padding:0px 20px;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));grid-gap: 20px;}
.pj-gallery.col_pj02{width:100%;max-width:1200px;display: grid;padding:0px 20px;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));grid-gap: 20px;}
.pj-gallery div{transition: transform .2s;}
.pj-gallery div:hover{transform: scale(1.02);}
.pj-gallery div img{width:100%;border:1px solid #e4e4e4;}
.pj-gallery div p{margin:5px 0;text-align:left;}
.detail-wrapper .sub-head{padding:30px 20px 20px 20px;border-top:1px solid #e4e4e4;text-align:left;margin-top:40px;font-size:2em;font-weight:400;color:#212529;}
.pj00-prototype-box{width:416px;height:850px;background:url("../img/iphone_mockup.png") no-repeat scroll left top;padding-top:86px;margin:20px;}
.pj00-prototype-box iframe{width:375px;height:667px;}

.bigbox-img div{transition:transform.2s;transform:scale(1.0);padding:20px;}
.bigbox-img div:hover{transform:scale(1.01);}
.bigbox-img img{width:100%;border:1px solid #e4e4e4;}
.pj-hero{background:url(../img/details_hero_01.png) no-repeat scroll left top;height:400px;background-size:1200px 400px;}
.pj-hero.hero-00{background:url(../img/details_hero_00.png) no-repeat scroll left top;height:400px;background-size:1200px 400px;}
.pj-hero.hero-02{background:url(../img/details_hero_02.png) no-repeat scroll left top;height:400px;background-size:1200px 400px;}
.pj-hero.hero-03{background:url(../img/details_hero_03.png) no-repeat scroll left top;height:400px;background-size:1200px 400px;}
.pj-hero.hero-04{background:url(../img/details_hero_04.png) no-repeat scroll left top;height:400px;background-size:1200px 400px;}
.pj-hero.hero-05{background:url(../img/details_hero_05.png) no-repeat scroll center top;height:400px;background-size:1200px 400px;}
.pj-hero.hero-06{background:url(../img/details_hero_06.png) no-repeat scroll center top;height:400px;background-size:1200px 400px;}
.pj-hero.hero-07{background:url(../img/details_hero_07.png) no-repeat scroll left top;height:400px;background-size:1200px 400px;}
.pj-hero.hero-08{background:url(../img/details_hero_08.png) no-repeat scroll center top;height:400px;background-size:1200px 400px;}
.pj-hero.hero-11{background:url(../img/details_hero_11.png) no-repeat scroll center top;height:400px;background-size:1200px 400px;}
.pj-hero.hero-12{background:url(../img/details_hero_12.png) no-repeat scroll center top;height:400px;background-size:1200px 400px;}
.pj-hero.hero-13{background:url(../img/details_hero_13.png) no-repeat scroll center top;height:400px;background-size:1200px 400px;}
.pj-hero.hero-14{background:url(../img/details_hero_14.png) no-repeat scroll center top;height:400px;background-size:1200px 400px;}



@media screen and (min-width:481px) and (max-width:767px){
.pj-hero{background:url(../img/details_hero_01.png) no-repeat scroll left top;height:300px;background-size:900px 300px;}
.pj-hero.hero-00{background:url(../img/details_hero_00.png) no-repeat scroll left top;height:300px;background-size:900px 300px;}
.pj-hero.hero-02{background:url(../img/details_hero_02.png) no-repeat scroll left top;height:300px;background-size:900px 300px;}
.pj-hero.hero-03{background:url(../img/details_hero_03.png) no-repeat scroll left top;height:300px;background-size:900px 300px;}	
.pj-hero.hero-04{background:url(../img/details_hero_04.png) no-repeat scroll left top;height:300px;background-size:900px 300px;}	
.pj-hero.hero-05{background:url(../img/details_hero_05.png) no-repeat scroll center top;height:300px;background-size:900px 300px;}	
.pj-hero.hero-06{background:url(../img/details_hero_06.png) no-repeat scroll center top;height:300px;background-size:900px 300px;}	
.pj-hero.hero-07{background:url(../img/details_hero_07.png) no-repeat scroll left top;height:300px;background-size:900px 300px;}	
.pj-hero.hero-08{background:url(../img/details_hero_08.png) no-repeat scroll center top;height:300px;background-size:900px 300px;}	
.pj-hero.hero-11{background:url(../img/details_hero_11.png) no-repeat scroll center top;height:300px;background-size:900px 300px;}	
.pj-hero.hero-12{background:url(../img/details_hero_12.png) no-repeat scroll center top;height:300px;background-size:900px 300px;}	
.pj-hero.hero-13{background:url(../img/details_hero_13.png) no-repeat scroll center top;height:300px;background-size:900px 300px;}	
.pj-hero.hero-14{background:url(../img/details_hero_14.png) no-repeat scroll center top;height:300px;background-size:900px 300px;}	
}

@media screen and (max-width:480px){
.pj-hero{background:url(../img/details_hero_01_sm.png) no-repeat scroll left top;height:300px;background-size:500px 300px;}	
.pj-hero.hero-00{background:url(../img/details_hero_00_sm.png) no-repeat scroll left top;height:300px;background-size:500px 300px;}	
.pj-hero.hero-02{background:url(../img/details_hero_02_sm.png) no-repeat scroll left top;height:300px;background-size:500px 300px;}	
.pj-hero.hero-03{background:url(../img/details_hero_03_sm.png) no-repeat scroll left top;height:300px;background-size:500px 300px;}	
.pj-hero.hero-04{background:url(../img/details_hero_04_sm.png) no-repeat scroll left top;height:300px;background-size:500px 300px;}	
.pj-hero.hero-05{background:url(../img/details_hero_05_sm.png) no-repeat scroll center top;height:300px;background-size:500px 300px;}	
.pj-hero.hero-06{background:url(../img/details_hero_06_sm.png) no-repeat scroll center top;height:300px;background-size:500px 300px;}
.pj-hero.hero-07{background:url(../img/details_hero_07_sm.png) no-repeat scroll left top;height:300px;background-size:500px 300px;}
.pj-hero.hero-08{background:url(../img/details_hero_08_sm.png) no-repeat scroll center top;height:300px;background-size:500px 300px;}
.pj-hero.hero-11{background:url(../img/details_hero_11_sm.png) no-repeat scroll center top;height:300px;background-size:500px 300px;}
.pj-hero.hero-12{background:url(../img/details_hero_12_sm.png) no-repeat scroll center top;height:300px;background-size:500px 300px;}
.pj-hero.hero-13{background:url(../img/details_hero_13_sm.png) no-repeat scroll center top;height:300px;background-size:500px 300px;}
.pj-hero.hero-14{background:url(../img/details_hero_14_sm.png) no-repeat scroll center top;height:300px;background-size:500px 300px;}
	
	
.pj00-prototype-box{width:320px;height:654px;background:url("../img/iphone_mockup.png") no-repeat scroll left top;padding-top:67px;margin:20px;background-size:100%;}
.pj00-prototype-box iframe{width:288px;height:512px;}
}