@charset "utf-8";



/*--------------------------------------------------

powerd by travision Inc. 

recent status 2015.11.19

--------------------------------------------------*/

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



/*-------------------------------------------------

Base

-------------------------------------------------*/

*{ margin:0;padding:0; }

html,body,#wrapper,#injapan,header,#content01,#content02 {

	width:100%;

	height:100%;

	min-width:950px;

	min-height:700px;

}

img {

  vertical-align:bottom;

  -ms-interpolation-mode: bicubic;

}

.sp { display:none;}



#wrapper {

	-webkit-text-size-adjust:100%;

	-webkit-font-smoothing: antialiased;

	color:#333;

	font-size:16px;

	line-height:1.6;

	font-family:Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;

	background:#fff;

}

	

#injapan a,

#injapan a:hover {

	color:#000;

	text-decoration:underline;

	transition: .2s linear;

	-webkit-transition: .2s linear;

	-moz-transition: .2s linear;

	-o-transition: .2s linear;

	-ms-transition: .2s linear;

	outline:none;

}

#injapan a:hover {

	text-decoration:none;

}

#page-top {

	position: fixed;

	z-index:400;

	bottom: 100px; 

	right: 30px;

	border:1px solid #333;

}



/*-------------------------------------------------

header

-------------------------------------------------*/

header {

	position:relative;

}

header .ttlBox {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:50%;

	min-height:370px;

}

header hgroup {

	position:absolute;

	top:50%;

	left:50%;

	width:900px;

	height:280px;

	margin-left:-450px;

	margin-top:-140px;

	line-height:1.8;

}

header h1 {

	margin-bottom:25px;

}

header h1,

header h2 {

	text-align:center;

}

header .topBox {

	position:absolute;

	bottom:0;

	left:0;

	height:50%;

	width:100%;

	min-height:380px;

	background-image:url(../img/header_bg_vol1.jpg);

	background-attachment:fixed;

	background-position:center bottom;

	background-size:cover;

}

header h3 {

	position:absolute;

	right:0;

	top:50%;

	margin-top:-42px;

}

.next {

	position:absolute;

	bottom:0;

	left:50%;

	margin-left:-70px;

}



/*-------------------------------------------------

contents01

-------------------------------------------------*/

#content01 {

	position:relative;

	background:#fefaf3;

}

#content01 .inner {

	position:absolute;

	left:50%;

	top:50%;

	margin-left:-475px;

	margin-top:-300px;

	width:950px;

	height:600px;

	text-align:left;

	line-height:1.8;

}

#content01 h4 {

	margin-bottom:60px;

}



/*-------------------------------------------------

contents02

-------------------------------------------------*/

#content02 {

	position:relative;

	min-height:770px;

	background-image:url(../img/cont02_bg_vol1.jpg);

	background-position:center bottom;

	background-size:cover;

}

#content02 .inner {

	width:950px;

	margin:0 auto;

	padding-top:70px;

	line-height:1.8;

}



/*-------------------------------------------------

contents03

-------------------------------------------------*/

#content03 {

	padding-top:100px;

}

#content03 article {

	margin-bottom:30px;

}

#content03 .topImg {

	width:100%;

	height:320px;

	background-position:center center;

	background-size:cover;

	margin-bottom:60px;

}

#content03 .image01 {

	background-image:url(../img/cont03_vol1_img01.jpg);

}

#content03 .image02 {

	background-image:url(../img/cont03_vol1_img02.jpg);

}

#content03 .con03-mv {

	width: 950px;

	margin-bottom: 40px;

	text-align: center;

}

#content03 .mainBox {

	overflow:hidden;

	width:950px;

	margin:0 auto 40px;

}

#content03 ul.imgBox {

	width:950px;

	overflow: hidden;

	margin-bottom: 40px;

}

#content03 .imgBox li {

	float: left;

	width: 465px;

	height: auto;

	margin-right: 20px;

	text-align:center;

}

#content03 .imgBox li:last-child {

	margin-right: 0;

}

#content03 .imgBox img {

	width:100%;

	height:auto;

}

  #content03 .imgBox .tate{

    background: #e5f7d3;

  }

#content03 .imgBox .tate img {

	width:auto;

	height:349px;

}

#content03 p.names {

	margin-bottom:10px;

	font-size:20px;

	font-weight:bold;

}

#content03 h4 {

	font-size:21px;

	color:#000;

	font-weight:bold;

	margin-bottom:40px;

}

#content03 p {

	margin-bottom:30px;

}

#content03 .left {

	float:left;

}

#content03 .right {

	float:right;

}



/*-------------------------------------------------

Hills

-------------------------------------------------*/



.ban-hills {

	text-align:center;

	margin-bottom:50px;

}

#hillsArea {

	width:100%;

	padding:40px 0;

	background:#eff3e6;

}

#hillsArea .inner {

	position:relative;

	width:950px;

	height:236px;

	margin:0 auto;

}

#hillsArea p {

	position:absolute;

}

#hillsArea p.hillslogo { top:0; left:0;}

#hillsArea p.hillstext { top:0; left:230px; font-size:14px; color:#000;}

#hillsArea p.hillsbtn01 { bottom:0; left:230px;}

#hillsArea p.hillsbtn02 { bottom:0; left:570px;}



/*-------------------------------------------------

Gallery

-------------------------------------------------*/  

.japan-gallery {

  padding: 100px 0 40px 0;

  background: url(../img/gallery_bg.png) center top no-repeat #fefeee;

  background-size: 100% auto;

  text-align: center;

}

.japan-gallery .gallery-ttl {

  margin-bottom: 30px;

}

.japan-gallery .gallery-lead {

  margin-bottom: 60px;

}

  .japan-gallery article {

    width: 900px;

    margin: 0 auto 60px;

    text-align: left;

  }

  .japan-gallery .gallery-slide {

    overflow: hidden;

    margin-bottom: 30px;

  }

  .japan-gallery .gallery-slide li {

    float: left;

  }

  

}