@charset "UTF-8";
/* CSS Document */


/* contents-movie */

.contents-movie {
	width:100%;
	padding: 60px 0px;
	text-align: center;
}

.video-btn {
    content: "";
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:40px; /*コントローラー分下部に余白を*/
    cursor: pointer;
}

.contents-movie .box-in {
	width:1160px;
	position: relative;
}

.contents-movie video {
    margin: 0 auto;
    z-index: 1;
    width: 100%;
}


/* contents01 */

.contents01 {
	width:100%;
	padding-bottom: 60px;
}

.contents01 .midashi01 {
	margin-bottom: 70px;
}

.contents01 .box-in h3, .contents01 .box-in h4 {
	display: inline-block;
	vertical-align: top;
}

.contents01 .box-in h3 {
	margin-right: 160px;
}

.contents01 .box-in h4 {
	padding-top: 35px;
}

.contents01 .box-in h4.sp-view {
	display: none;
}




/* contents02 */

.contents02 {
	width:100%;
	position: relative;
	overflow: hidden;
	text-align: center;
}

.contents02 img {
	width:100%;
	height: auto;
}


.contents02 h4, .contents02 p {
	text-shadow: 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;
}


.contents02 h4 {
	font-family: YuMincho, '游明朝', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: normal;
	line-height: 1.4;
	font-size: 24px;
	letter-spacing: 0.2em;
	margin-bottom: 35px;
}

.contents02 p {
	line-height: 2.2;
	font-size: 13px;
}

.contents02 .box-in {
	position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
	width: 100%;
}


/* contents03 */

.contents03 {
	width:100%;
	overflow: hidden;
	text-align: center;
	padding-top: 150px;
	margin-bottom: 150px;
}

.contents03 h3 {
	margin-bottom: 45px;
}


/* main-img-top */

.contents03 .box-in {
	width: 100%;
	height: auto;
	overflow: hidden;
	text-align: center;
}

/*slider*/

.contents03 div.slider-wrap {
	clear: both;
	width:100%;
	padding-bottom: 45px;
}

.contents03 .slider {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: auto;
	width: 100%;
	overflow:visible;
}

.contents03 .slider .box {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
	position: relative;
}

.contents03 .slider .box img {
	width: 100%;
	height: auto;
}

.contents03 .slider h4, .contents03 .slider .s-box {
position: absolute;
}

.contents03 .slider .s-box {
right: 40px;
	bottom: 40px;
	text-align: right;
}

.contents03 .slider h4, .contents03 .slider h5, .contents03 .slider h6 {
color: #FFF;
line-height: 1.4;
letter-spacing: 0.3em;
font-weight: normal;
	font-family: YuMincho, '游明朝', "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

.contents03 .slider h4 {
	font-size: 24px;
letter-spacing: 0.2em;
	left: 40px;
	top: 40px;
}

.contents03 .slider h5, .contents03 .slider h6 {
	font-size: 31px;
	margin-bottom: 26px;
}

.contents03 .slider h5 {
color: #ec1e79;
}

.contents03 .slider p {
color: #FFF;
	font-size: 16px;
line-height: 2;
}



/* contents05 */

.contents05 {
	width:100%;
	margin-bottom: 60px;
}

.contents05 .text-box {
	position: absolute;
   top: 0px;
   left: 5%;
	width: 90%;
	height: 80%;
	display: flex;
  justify-content: center;
	align-items: center;
}

.contents05 .text-box h4 {
	margin-right: 140px;
	flex: 1;
}

.contents05 .text-box h4 img {
	width: 100%;
height: auto;
}

.contents05 p {
	font-size: 13px;
color: #FFF;
line-height: 2.2;
	text-align: left;
	width: 520px;
	padding-top: 270px;
}

.contents05 .box:first-child p {
color: #000;
}


/*slider*/

.contents05 div.slider-wrap {
	clear: both;
	width:100%;
}

.contents05 .slider {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: auto;
	width: 100%;
	overflow:visible;
}

.contents05 .slider .box {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
	position: relative;
}

.contents05 .slider .box img {
	width: 100%;
	height: auto;
}

.contents05 .slider .box img.sp-view {
	display: none;
}

.tx-en {
	display: none;
}


.text01 {
	margin-bottom: 30px;
}

.text02 {
	margin-bottom: 40px;
}

.text03 {
	margin-bottom: 0px;
}


.sp-view {
    display: none;
}

html, body {
    height: 100%;
}


