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

/* common
------------------------------------------------------------------------*/
a {
	color: #000;
}
.wrap .contents {
	background: url(../images/contents_bg_01.png) repeat;
	background-size: 16px 16px;
	padding: 0 0 111px 0;
}
.bxslider .slide01, .bxslider .slide03 {
	background: url(../images/contents_bg_02.png) repeat top left;
	background-size: 16px 16px;
}
.bxslider .slide02 {
	background: url(../images/contents_bg_03.png) repeat top left;
	background-size: 16px 16px;
}

@media screen and (min-width: 641px) {
/* common
------------------------------------------------------------------------*/
header .headerIn nav ul li.nav1.ov {
	background: url(../../common/images/nav_01.png) no-repeat center #3eacc0;
	border-left: none;
	border-right: none;
	max-width: 158px;
	font-size: 0;
}
.title_inner {
	margin: 0 auto;
	min-width: 1000px;
	max-width: 1280px;
	position: relative;
}
.main_inner {
	margin: 0 auto;
	width: 1000px;
	position: relative;
}
/* mainTitle
------------------------------------------------------------------------*/

.mainTitle {
	position: relative;
	height: 212px;
	background: url(../../images/contents_bg_02.png) repeat;
}
.mainTitle .txt_inner {
	width: 431px;
	position: absolute;
	left: 50%;
	margin-left: -215.5px;
}
.mainTitle h2 {
	margin-top: 23px;
	text-align: center;
}
.mainTitle h3 {
	width:431px;
	height:27px;
	margin:19px 0 0 0;
	background:url(../images/subheading_02.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.mainTitle .img_inner {
	position: absolute;
	width: 1000px;
	height: 212px;
	top: 0;
	left: 50%;
	margin-left: -500px;
}
.mainTitle p {
	position: absolute;
	bottom: 0;
	left: 775px;
}
/* Bread Crumb */
.mainTitle .breadcrumb ul {
	padding-top: 20px;
	margin-left: 33px;
}
.mainTitle .breadcrumb ul li {
	display: inline-block;
	padding-right: 8px;
}
.mainTitle .breadcrumb ul li a {
	text-decoration: none;
}
.mainTitle .breadcrumb ul li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity: 0.7;                /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;
}
/* contents
------------------------------------------------------------------------*/
.wrap .contents .inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 93px 0 0 0;
	background: url(../images/contents_bg_04.png) no-repeat top center;
}
.wrap .contents .inner .bxArea {
	width: 958px;
	height: 820px;
	margin: 0 auto;
	padding: 7px;
	background-color: #242424;
	box-sizing: border-box;
	box-shadow: 4px 4px 14px 2px rgba(32,32,32,0.3);
	-moz-box-shadow: 4px 4px 14px 2px rgba(32,32,32,0.3);
	-webkit-box-shadow: 4px 4px 14px 2px rgba(32,32,32,0.3);
	-ms-box-shadow: 4px 4px 14px 2px rgba(32,32,32,0.3);
}
.bxslider li {
	position: relative;
	width: 945px;
	height: 531px;
}
.bxslider li p {
	margin: 170px 0 0 0;
	font-size: 21px;
	text-align: center;
	color: #fff;
	line-height: 2;
}
.bxslider li span {
	position: absolute;
}
.bxslider .slide01 p {
	padding: 0 0 0 40px;
}
.bxslider .slide01 p > span { position:static; padding-right:0; }
.bxslider .slide01 .p01 {
	left: 50%;
	top: 92px;
	margin-left: -238.5px;
	width: 477px;
	height: 46px;
	background: url(../images/slide_p01_01.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.bxslider .slide01 .p02 {
	left: 50%;
	top: 0;
	margin-left: -118px;
	width: 223px;
	height: 47px;
	background: url(../images/slide_p01_02.png) no-repeat;
}
.bxslider .slide01 .p03 {
	right: 17px;
	top: 16px;
	width: 122px;
	height: 117px;
	background: url(../images/slide_p01_03.png) no-repeat;
}
.bxslider .slide01 .p04 {
	bottom: -1px;
	left: 24px;
	width: 126px;
	height: 294px;
	background: url(../images/slide_p01_04.png) no-repeat;
}
.bxslider .slide02 .p01 {
	left: 50%;
	top: 92px;
	margin-left: -281px;
	width: 562px;
	height: 46px;
	background: url(../images/slide_p02_01.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.bxslider .slide02 .p02 {
	left: 12px;
	top: 13px;
	width: 173px;
	height: 188px;
	background: url(../images/slide_p02_02.png) no-repeat;
}
.bxslider .slide03 .p01 {
	left: 50%;
	top: 92px;
	margin-left: -121px;
	width: 242px;
	height: 45px;
	background: url(../images/slide_p03_01.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.bxslider .slide03 .p02 {
	left: 12px;
	top: 14px;
	width: 206px;
	height: 176px;
	background: url(../images/slide_p03_02.png) no-repeat;
}
.bxslider .slide03 .p03 {
	right: 40px;
	bottom: 55px;
	margin-left: -121px;
	width: 104px;
	height: 104px;
	background: url(../images/slide_p03_03.png) no-repeat;
}
/* bxslider
------------------------------------------------------------------------*/
.bx-pager {
	height: 133px;
	padding:4px 0 0 0;
}
.bx-pager a {
	display:inline-block;
	position:relative;
	width:184px;
	height: 133px;
	margin: 0 6px 0 0;
}
.bx-pager a.p01 {
	background:url(../images/thumb_01.png) no-repeat;
}
.bx-pager a.p02 {
	background:url(../images/thumb_02.png) no-repeat;
}
.bx-pager a.p03 {
	background:url(../images/thumb_03.png) no-repeat;
}
.bx-pager a.p04 {
	background:url(../images/thumb_04.png) no-repeat;
}
.bx-pager a.p05 {
	margin:0;
	background:url(../images/thumb_05.png) no-repeat;
}
.bx-pager a.p06 {
	margin-top:4px;
	background:url(../images/thumb_06.png) no-repeat;
}
.bx-pager a.p07 {
	margin-top:4px;
	background:url(../images/thumb_07.png) no-repeat;
}
/*.bx-pager > a + a + a + a + a + a {
	margin: 0;
}*/
.bx-pager a:hover span, .bx-pager a.active span {
	position: absolute;
	border: 3px solid #fff;
	width: 178px;
    height: 127px;
}
/* 共通バナーエリアの非表示 */
	/*footer .footerIn { padding:0; }
	footer .top { border-top:none; }*/
}

@media screen and (max-width: 640px) {

.bxslider li p br { display: none; }
.bxslider li p .sbr { display:block; }

.wrap .contents {
	padding-bottom:30.937%;
}

header .headerIn nav ul li.nav1.ov {
	height: 0;
	margin: 0 0 7% 0;
	padding-bottom: 5.625%;
	background: url(../../common/images/sp/nav_01_ov.png) no-repeat center;
	background-size: contain;
}
.wrap .mainTitle {
	position: relative;
	width: 100%;
	height: 0;
	padding: 0 0 43%;
	box-sizing: border-box;
	background: url(../images/sp/contents_bg_01.png) repeat-x;
	background-size: contain;
	margin-top: 13.906%;
}
.wrap .mainTitle h2 {
	width: 56.718%;
	margin: 0 auto 3.6% auto;
	padding: 10.3125% 0 0 0;
}
.wrap .mainTitle h3 {
	width:39.0625%;
	height:0;
	margin:0 auto;
	padding-bottom:10.5%;
	background:url(../images/sp/sunheading.png) no-repeat center;
	background-size:contain;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.wrap .mainTitle .img_inner {
	position: absolute;
	bottom: 0;
	right: 0;
	width:19.843%;
	padding: 0 4.9375% 0 0;
}
.wrap .mainTitle .img_inner p {
	max-width: 127px;
}
.wrap .mainTitle .breadcrumb {
	display: none;
}
.wrap .contents .inner {
    margin: 0 4.6875%;
    padding: 16.447% 0 0 0;
		background:url(../images/sp/contents_bg_02.png) no-repeat top center;
		background-size:contain;
}
.wrap .contents .inner .bxArea {
	margin: 0 auto;
	padding: 1.1%;
	background-color: #242424;
	box-sizing: border-box;
	box-shadow: 4px 4px 14px 2px rgba(32,32,32,0.3);
	-moz-box-shadow: 4px 4px 14px 2px rgba(32,32,32,0.3);
	-webkit-box-shadow: 4px 4px 14px 2px rgba(32,32,32,0.3);
	-ms-box-shadow: 4px 4px 14px 2px rgba(32,32,32,0.3);
}
.wrap .contents .inner .bxArea ul,
.wrap .contents .inner .bxArea ul li {
	height:100%;
}
.bxslider .slide01 p,
.bxslider .slide02 p,
.bxslider .slide03 p {
	padding:0 7.789% 14.655%;
	text-align:left;
	box-sizing:border-box;
	margin: 8.141% 0 0 0;
	font-family: HiraKakuStd W3;
	font-size: 4.07vw;
	font-size:160%;/* for android 4.2,4.3 */
	color: #fff;
	line-height: 1.6;
}
.bxslider li span {
	display:block;
}
.bxslider .slide01 p > span {
	padding-right:30.265%;
}
.bxslider .slide01 .p01 {
	max-width:376px;
	width: 66.548%;
	height: 0;
	margin:-3% auto 0;
	padding-bottom:6.206%;
	background: url(../images/slide_p01_01.png) no-repeat;
	background-size:contain;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.bxslider .slide01 .p02 {

	max-width:157px;
	width:27.787%;
	height: 0;
	margin:0 auto;
	padding-bottom:5.517%;
	background: url(../images/slide_p01_02.png) no-repeat;
	background-size:contain;
}
.bxslider .slide01 .p03 {

	width: 12.035%;
	max-width:68px;
	height: 0;
	margin:-2% 0 0 85.486%;
	padding-bottom:11.206%;
	background: url(../images/slide_p01_03.png) no-repeat;
	background-size:contain;
}
.bxslider .slide01 .p04 {
	position:absolute;
	right:6.371%;
	bottom:0;
	max-width:118px;
	width: 20.884%;
	height: 0;
	padding-bottom:47.413%;
	background: url(../images/slide_p01_04.png) no-repeat;
	background-size:contain;
}
.bxslider .slide02 .p01 {

	max-width:453px;
	width: 80.176%;
	height: 0;
	margin:0 auto;
	padding-bottom:6.206%;
	background: url(../images/slide_p02_01.png) no-repeat;
	background-size:contain;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.bxslider .slide02 .p02 {
	max-width:183px;
	width:32.389%;
	height: 0;
	margin:10.442% auto 7.964%;
	padding-bottom:34.655%;
	background: url(../images/slide_p02_02.png) no-repeat;
	background-size:contain;
}
.bxslider .slide02 p {
	margin:9.026% 0 0 0;
}
.bxslider .slide03 p { padding-bottom:9.557%; }
.bxslider .slide03 .p01 {
	max-width:184px;
	width: 32.566%;
	height: 0;
	margin:-3% auto 0;
	padding-bottom:6.371%;
	background: url(../images/slide_p03_01.png) no-repeat;
	background-size:contain;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.bxslider .slide03 .p02 {
	max-width:143px;
	width: 25.309%;
	height: 0;
	margin:0.707% 0 0 1.946%;
	padding-bottom:21.492%;
	background: url(../images/slide_p03_02.png) no-repeat;
	background-size:contain;
}
.bxslider .slide03 .p03 {
	max-width:94px;
	width: 16.637%;
	height: 0;
	margin:0 0 3.539% 78.407%;
	padding-bottom:16.814%;
	background: url(../images/slide_p03_03.png) no-repeat;
	background-size:contain;
}

/* bxslider
------------------------------------------------------------------------*/
.bxslider li {
}
.bxslider li p {
	font-family: HiraKakuStd W3;
	font-size: 21px;
	color: #fff;
	line-height: 2;
}

.bx-wrapper .bx-prev {
	left: none;
}
.bx-wrapper .bx-next {
	right: none;
}
.bx-wrapper .bx-pager > div a {
	display:inline;
	width:31.724%;
}
.bx-pager {
	padding:4px 0 74.35% 0;
}
.bx-pager a {
	display:block;
	position:relative;
	float: left;
	height:0;
	width: 32.87%;
	padding-bottom:23.75%;
	margin-right:0;
	margin-bottom:1.55%;
}
.bx-pager a.p01 {
	max-width:184px;
	background:url(../images/sp/thumb_01.png) no-repeat;
	background-size:contain;
}
.bx-pager a.p02 {
	max-width:184px;
	background:url(../images/sp/thumb_02.png) no-repeat;
	background-size:contain;
	margin-left: 0.69%;
}
.bx-pager a.p03 {
	max-width:184px;
	margin-right:0;
	background:url(../images/sp/thumb_03.png) no-repeat;
	background-size:contain;
	margin-left: 0.69%;
}
.bx-pager a.p04 {
	max-width:278px;
	width: 49.642%;
	padding-bottom:23.75%;
	background:url(../images/sp/thumb_04.png) no-repeat;
	background-size:contain;
}
.bx-pager a.p05 {
	max-width:278px;
	width: 49.642%;
	padding-bottom:23.75%;
	background:url(../images/sp/thumb_05.png) no-repeat;
	background-size:contain;
	margin-left: 0.69%;
}
.bx-pager a.p06 {
	max-width:278px;
	width: 49.642%;
	margin-bottom:0;
	padding-bottom:23.75%;
	background:url(../images/sp/thumb_06.png) no-repeat;
	background-size:contain;
}
.bx-pager a.p07 {
	max-width:278px;
	width: 49.642%;
	margin-bottom:0;
	padding-bottom:23.75%;
	background:url(../images/sp/thumb_07.png) no-repeat;
	background-size:contain;
	margin-left: 0.69%;
}
.bx-pager a.active span {
	position: absolute;
	border: 3px solid #fff;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
.video {
	position: relative;
	top:50%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
}