html {
	height: auto;
	overflow-y:scroll;
}

body {
	position: relative;
}

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

	.hinaMainContainer{
		box-sizing: border-box;
		border-left: 32px solid #0c3260;
		border-right: 32px solid #74acc9;
	}

	header{
		top:0px;
	}

	footer{
		margin-top:0;
	}

	#aboutContainer {
		width: 100%;
		zoom: 1;
		padding-top: 96px;
		background: #0c3260;
	}

	#aboutContainer:after {
		content: "";
		display: block;
		clear: both;
	}

	/*#aboutContainer h1 {
		display: block;
		width: 50%;
		float: left;
		height: 688px;
		background: #0c3260;
		position: relative;
	}

	#aboutContainer h1 p {
		position: absolute;
    	top: calc(50% + 19px);
    	color: #fff;
    	width: 100%;
    	text-align: center;
    	font-size: 26px;
    	font-family: 'Roboto';
    	font-weight: 600;
    	font-style: normal;
    	letter-spacing: 0.14em;
    	line-height: 1;
    	z-index: 103;
	}*/

	#ttlContainer {
		position: relative;
		width: 50%;
		height: 688px!important;
		margin: 0;
		float: left;
	}

	#ttlContainer:before,
	#ttlContainer:after{
		content: none;
	}

	#ttlContainer h1 {
		position: absolute;
    	top: calc(50% - 38px);
    	color: #fff;
    	width: 100%;
    	text-align: center;
    	font-size: 26px;
    	font-family: 'Roboto';
    	font-weight: 600;
    	font-style: normal;
    	letter-spacing: 0.14em;
    	line-height: 1;
    	z-index: 103;
    	}

    #ttlContainer h2 {
		position: absolute;
    	top: calc(50%);
    	color: #fff;
    	width: 100%;
    	text-align: center;
    	font-size: 36px;
    	letter-spacing: 0.34em;
    	line-height: 1.2;
    	z-index: 102;
    }

    #ttlContainer h1.lang_en {
    	top: calc(50% - 38px);
    	font-size: 32px;
    }

	#aboutContainer dl {
		width: 50%;
		float: left;
		box-sizing: border-box;
		height: 344px;
		cursor: pointer;
	}

	#aboutContainer dl:hover {
		opacity: 0.6;
	}

	#aboutContainer dl dt {
		width: 50%;
		height: 328px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		background-repeat: no-repeat;
		background-position:center center;

		-moz-background-size:auto 100%;
		background-size:auto 100%;

		background-color:#fff;

		/*
		-moz-background-size:100% auto;
		background-size:100% auto;
		*/
	}

	#aboutContainer dl dd {
		width: 50%;
		height: 328px;
		float: left;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		background-repeat: no-repeat;
		background-size:cover;
	}


	#aboutContainer .box01 {
		border-bottom:16px solid #0c3260;
	}

	#aboutContainer .box02 {
		border-bottom:16px solid #74b4d7;
	}

	#aboutContainer .box03 {
		border-bottom:16px solid #0c3260;
	}

	#aboutContainer .box04 {
		border-bottom:16px solid #829ec1;
	}

	#aboutContainer .box05 {
		border-bottom:16px solid #74b4d7;
	}

	#aboutContainer .box06 {
		border-bottom:16px solid #0c3260;
	}

	#aboutContainer .box07 {
		border-bottom:16px solid #829ec1;
	}


	#aboutContainer .box01 dt {
		float: left;
		background-image: url(../../img/fields/pc/text_01.jpg?ver=20250611);
	}

	#aboutContainer .box01 dd {
		float: right;
		background-image: url(../../img/fields/pc/photo_01.jpg);
	}

	#aboutContainer .box02 dt {
		float: right;
		background-image: url(../../img/fields/pc/text_02.jpg?ver=20250611);
	}

	#aboutContainer .box02 dd {
		float: left;
		background-image: url(../../img/fields/pc/photo_02.jpg);
	}

	#aboutContainer .box03 dt {
		float: left;
		background-image: url(../../img/fields/pc/text_03.jpg);
	}

	#aboutContainer .box03 dd {
		float: right;
		background-image: url(../../img/fields/pc/photo_03.jpg);
	}

	#aboutContainer .box04 dt {
		float: left;
		background-image: url(../../img/fields/pc/text_04.jpg);
	}

	#aboutContainer .box04 dd {
		float: right;
		background-image: url(../../img/fields/pc/photo_04.jpg);
	}

	#aboutContainer .box05 dt {
		float: right;
		background-image: url(../../img/fields/pc/text_05.jpg);
	}

	#aboutContainer .box05 dd {
		float: left;
		background-image: url(../../img/fields/pc/photo_05.jpg);
	}

	#aboutContainer .box06 dt {
		float: right;
		background-image: url(../../img/fields/pc/text_06.jpg);
	}

	#aboutContainer .box06 dd {
		float: left;
		background-image: url(../../img/fields/pc/photo_06.jpg);
	}

	#aboutContainer .box07 dt {
		float: left;
		background-image: url(../../img/fields/pc/text_07.jpg);
	}

	#aboutContainer .box07 dd {
		float: right;
		background-image: url(../../img/fields/pc/photo_07.jpg);
	}

	#aboutContainer.en .box01 dt {
		float: left;
		background-image: url(../../img/fields/pc/text_01_en.png?ver=20250611);
	}
	#aboutContainer.en .box02 dt {
		float: right;
		background-image: url(../../img/fields/pc/text_02_en.png?ver=20250611);
	}
	#aboutContainer.en .box03 dt {
		float: left;
		background-image: url(../../img/fields/pc/text_03_en.png);
	}
	#aboutContainer.en .box04 dt {
		float: left;
		background-image: url(../../img/fields/pc/text_04_en.png);
	}
	#aboutContainer.en .box05 dt {
		float: right;
		background-image: url(../../img/fields/pc/text_05_en.png);
	}
	#aboutContainer.en .box06 dt {
		float: right;
		background-image: url(../../img/fields/pc/text_06_en.png);
	}
	#aboutContainer.en .box07 dt {
		float: left;
		background-image: url(../../img/fields/pc/text_07_en.png);
	}








	#viewBg {
		display: none;
		background-color: rgba(255,255,255,0.8);
		position: absolute;
		left:0;
		top:0;
		z-index:600;
		border-left: 32px solid #0c3260;
		border-right: 32px solid #74acc9;
		box-sizing: border-box;


	}


	#detailParentContainer {
		position:absolute;
		display: none;
		height: 848px;
		box-sizing: border-box;
		z-index:602;
	}

	#detailParentContainer ul {
		position:relative;
		height: 800px;
		margin: 48px auto 0;
		/*height: calc(100vh - 144px);*/
	}

	#detailParentContainer ul li {
		zoom:1px;
		position:absolute;
		display: none;
		overflow: hidden;
		height: 1000px;
		height:100%;

	}

	#detailParentContainer ul li:after {
		content: "";
		display: block;
		clear: both;
	}

	#detailParentContainer ul li .leftContainer {
		width: 50%;
		height: 800px;
		float:left;
		background-repeat: no-repeat;
		-moz-background-size:cover;
		background-size:cover;
		background-position: center center;
		margin: -900px 0px 0px 0px;
	}

	#detailParentContainer ul li .rightContainer {
		width: 50%;
		/*height: 1000px;*/
		height: 100%;
		float:left;
		background-repeat: no-repeat;
		/*background-position: center bottom 32px;*/
	    background-position: center center;
		margin: 900px 0px 0px 0px;

	}

	#detailParentContainer ul li .leftContainer h3 {
		width: 100%;
		height: 192px;

		background-position:left 50px center;
		background-repeat: no-repeat;

		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	}



	#detailParentContainer ul li .rightContainer p {
		color:#fff;
		font-size:15px;
		line-height: 30px;
		padding: 32px 32px 32px 32px;
	}

	#detailParentContainer ul li .rightContainer p a{
		color:#fff;
	}


	#detailParentContainer ul li.box01 .leftContainer h3,
	#detailParentContainer ul li.box03 .leftContainer h3,
	#detailParentContainer ul li.box06 .leftContainer h3 {
		background-color: rgba(12,50,96,0.9);
	}

	#detailParentContainer ul li.box02 .leftContainer h3,
	#detailParentContainer ul li.box05 .leftContainer h3{
		background-color: rgba(116,180,215,0.9);
	}

	#detailParentContainer ul li.box04 .leftContainer h3,
	#detailParentContainer ul li.box07 .leftContainer h3 {
		background-color: rgba(104,127,154,0.9);
	}


	#detailParentContainer ul li.box01 .leftContainer h3 {
		background-image: url(../../img/fields/pc/ttl_01.png?ver=20250611);
	}
	#detailParentContainer ul li.box02 .leftContainer h3 {
		background-image: url(../../img/fields/pc/ttl_02.png?ver=20250611);
	}
	#detailParentContainer ul li.box03 .leftContainer h3 {
		background-image: url(../../img/fields/pc/ttl_03.png);
	}
	#detailParentContainer ul li.box04 .leftContainer h3 {
		background-image: url(../../img/fields/pc/ttl_04.png);
	}
	#detailParentContainer ul li.box05 .leftContainer h3 {
		background-image: url(../../img/fields/pc/ttl_05.png);
	}
	#detailParentContainer ul li.box06 .leftContainer h3 {
		background-image: url(../../img/fields/pc/ttl_06.png);
	}
	#detailParentContainer ul li.box07 .leftContainer h3 {
		background-image: url(../../img/fields/pc/ttl_07.png);
	}

	#detailParentContainer.en ul li.box01 .leftContainer h3 {
		background-image: url(../../img/fields/pc/ttl_01_en.png?ver=20250611);
	}
	#detailParentContainer.en ul li.box02 .leftContainer h3 {
		background-image: url(../../img/fields/pc/ttl_02_en.png?ver=20250611);
	}
	#detailParentContainer.en ul li.box03 .leftContainer h3 {
		background-image: url(../../img/fields/pc/ttl_03_en.png);
	}
	#detailParentContainer.en ul li.box04 .leftContainer h3 {
		background-image: url(../../img/fields/pc/ttl_04_en.png);
	}
	#detailParentContainer.en ul li.box05 .leftContainer h3 {
		background-image: url(../../img/fields/pc/ttl_05_en.png);
	}
	#detailParentContainer.en ul li.box06 .leftContainer h3 {
		background-image: url(../../img/fields/pc/ttl_06_en.png);
	}
	#detailParentContainer.en ul li.box07 .leftContainer h3 {
		background-image: url(../../img/fields/pc/ttl_07_en.png);
	}








	#detailParentContainer ul li.box01 .leftContainer {
		background-image: url(../../img/fields/pc/zoom01.jpg);
	}
	#detailParentContainer ul li.box02 .leftContainer {
		background-image: url(../../img/fields/pc/zoom02.jpg);
	}
	#detailParentContainer ul li.box03 .leftContainer {
		background-image: url(../../img/fields/pc/zoom03.jpg);
		/*background-position:center bottom;
		-moz-background-size:contain;
		background-size:contain;*/
	}
	#detailParentContainer ul li.box04 .leftContainer {
		background-image: url(../../img/fields/pc/zoom04.jpg);
		background-position: right center;
	}
	#detailParentContainer ul li.box05 .leftContainer {
		background-image: url(../../img/fields/pc/zoom05.jpg);
	}
	#detailParentContainer ul li.box06 .leftContainer {
		background-image: url(../../img/fields/pc/zoom06.jpg);
	}
	#detailParentContainer ul li.box07 .leftContainer {
		background-image: url(../../img/fields/pc/zoom07.jpg);
	}





	.rightContainer:after {
		content: "";
		max-width: 551px;
		width:calc(100% - 64px);
		height: 100%;
		max-height: 800px;
		margin: 64px auto;
		display: block;
		text-align: center;
		background-repeat: no-repeat;
		background-size: auto;
		background-position: center 0;
	}

	/*#detailParentContainer ul li.box01 .rightContainer {
		background-image: url(../../img/fields/pc/bg.png);
	}
	#detailParentContainer ul li.box02 .rightContainer {
		background-image: url(../../img/fields/pc/zoom02/bg.png);
	}
	#detailParentContainer ul li.box03 .rightContainer {
		background-image: url(../../img/fields/pc/zoom03/bg.png);
	}
	#detailParentContainer ul li.box04 .rightContainer {
		background-image: url(../../img/fields/pc/zoom04/bg.png);
	}
	#detailParentContainer ul li.box05 .rightContainer {
		background-image: url(../../img/fields/pc/zoom05/bg.png);
	}
	#detailParentContainer ul li.box06 .rightContainer {
		background-image: url(../../img/fields/pc/zoom06/bg.png);
	}
	#detailParentContainer ul li.box07 .rightContainer {
		background-image: url(../../img/fields/zoom07_bg.png);
	}*/


	#detailParentContainer ul li.box01 .rightContainer:after {
		background-image: url(../../img/fields/zoom01_bg.png?ver=20250611);
	}
	#detailParentContainer ul li.box02 .rightContainer:after {
		background-image: url(../../img/fields/zoom02_bg.png?ver=20250611);
		background-size: 100% auto;
	}
	#detailParentContainer ul li.box03 .rightContainer:after {
		background-image: url(../../img/fields/zoom03_bg.png);
	}
	#detailParentContainer ul li.box04 .rightContainer:after {
		background-image: url(../../img/fields/zoom04_bg.png);
	}
	#detailParentContainer ul li.box05 .rightContainer:after {
		background-image: url(../../img/fields/zoom05_bg.png?ver=20250611);
	}
	#detailParentContainer ul li.box06 .rightContainer:after {
		background-image: url(../../img/fields/zoom06_bg.png?ver=20250611);
	}
	#detailParentContainer ul li.box07 .rightContainer:after {
		background-image: url(../../img/fields/zoom07_bg.png);
	}

	#detailParentContainer.en ul li.box01 .rightContainer:after {
		background-image: url(../../img/fields/zoom01_bg_en.png?ver=20250611);
	}
	#detailParentContainer.en ul li.box02 .rightContainer:after {
		background-image: url(../../img/fields/zoom02_bg_en.png?ver=20250611);
	}
	#detailParentContainer.en ul li.box03 .rightContainer:after {
		background-image: url(../../img/fields/zoom03_bg_en.png);
	}
	#detailParentContainer.en ul li.box04 .rightContainer:after {
		background-image: url(../../img/fields/zoom04_bg_en.png);
	}
	#detailParentContainer.en ul li.box05 .rightContainer:after {
		background-image: url(../../img/fields/zoom05_bg_en.png?ver=20250611);
	}
	#detailParentContainer.en ul li.box06 .rightContainer:after {
		background-image: url(../../img/fields/zoom06_bg_en.png?ver=20250611);
	}
	#detailParentContainer.en ul li.box07 .rightContainer:after {
		background-image: url(../../img/fields/zoom07_bg_en.png);
	}

	#detailParentContainer ul li.box01 .rightContainer,
	#detailParentContainer ul li.box03 .rightContainer,
	#detailParentContainer ul li.box06 .rightContainer {
		background-color: #0c3260;
	}

	#detailParentContainer ul li.box02 .rightContainer,
	#detailParentContainer ul li.box05 .rightContainer{
		background-color: #69a2c2;
	}

	#detailParentContainer ul li.box04 .rightContainer,
	#detailParentContainer ul li.box07 .rightContainer {
		background-color: rgba(104,127,154,1);
	}



	#detailParentContainer nav {
		width: 100%;
		height: 48px;
		top: 0;
		position: absolute;
	}

	#detailParentContainer nav #backBtn {
		width: 20%;
		height: 48px;
		float:left;
		box-sizing: border-box;
		background-color:#5cb4d9;
		background-image: url(../../img/fields/back_btn.png);
		background-repeat: no-repeat;
		background-position:left 10px center;
		cursor: pointer;

		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	}

	#detailParentContainer nav #backBtn:hover {
		background-color:#7fc7e5;
	}

	#detailParentContainer nav #listBtn {
		width: 60%;
		height: 48px;
		float:left;
		box-sizing: border-box;
		background-color:#829ec1;
		background-image: url(../../img/fields/pc/center_text.png);
		background-repeat: no-repeat;
		background-position:center center;
		cursor: pointer;

		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	}
	#detailParentContainer.en nav #listBtn {
		background-image: url(../../img/fields/pc/center_text_en.png);
	}

	#detailParentContainer nav #listBtn:hover {
		background-color:#99b1cd;
	}

	#detailParentContainer nav #nextBtn {
		width: 20%;
		height: 48px;
		float:left;
		box-sizing: border-box;
		background-color:#0c3260;
		background-image: url(../../img/fields/next_btn.png);
		background-repeat: no-repeat;
		background-position:right 10px center;
		cursor: pointer;

		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	}

	#detailParentContainer nav #nextBtn:hover {
		background-color:#103d75;
	}

}/* --------------------------------------------- PC end */


@media screen and (min-width:751px) and (max-width:1043px) {
	#detailParentContainer{
		top: 48px!important;
	}
	#detailParentContainer ul {
		/*height: calc(100vh - 96px);*/
	}
	#aboutContainer {
		padding-top:48px;
	}
}

@media screen and (max-width:1043px) {
	#ttlContainer:after {
		height: 100%;
		width: 100%;
		opacity:1;
		position: relative;
		top:0;
	}
}
@media screen and (min-width:751px) and ( max-width:1124px) {
	#detailParentContainer ul li .leftContainer h3 {
		background-size:80%;
	}
	.rightContainer:after {
		background-size:contain;
	}
}
@media screen and (min-width:751px) and ( max-width:1174px) {
	#detailParentContainer ul li.box07 .leftContainer h3 {
		background-size:80%;
	}
	#detailParentContainer.en ul li .leftContainer h3 {
		background-size: 80% auto;
	}
}
@media screen and (min-width:1174px) and ( max-width:1390px) {
	#detailParentContainer ul li.box07 .leftContainer h3 {
		background-size: 493px;
	}
	#detailParentContainer.en ul li .leftContainer h3 {
		background-size: calc(100% - 100px) auto;
	}
}
@media screen and (min-width:1391px) {
	#detailParentContainer.en ul li .leftContainer h3 {
		background-size: auto auto;
	}
}

@media screen and ( max-width:1024px) {
	#detailParentContainer ul li.box02 .rightContainer {
		background-size:50%;
	}
}

@media screen and (min-width:751px) and ( max-width:778px) {
	#detailParentContainer ul {
		position:relative;
		height: 1150px;
	}

	#detailParentContainer ul li {
		zoom:1px;
		position:absolute;
		display: none;
		overflow: hidden;
		height: 1150px;

	}

	#detailParentContainer ul li .leftContainer {
		width: 50%;
		height: 1150px;
		float:left;
		background-repeat: no-repeat;
		-moz-background-size:cover;
		background-size:cover;

		background-position: center center;

		margin: -1150px 0px 0px 0px;


	}

	#detailParentContainer ul li .rightContainer {
		width: 50%;
		height: 1150px;
		float:left;
		background-repeat: no-repeat;
		background-position: center bottom 32px;

		margin: 1150px 0px 0px 0px;

	}



}





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

	#aboutContainer {
		width: 100%;
		padding-top:48px;
		zoom:1;
	}

	#aboutContainer:after {
		content: "";
		display: block;
		clear: both;
	}

	#aboutContainer h1 {
		display: block;
		width: 100%;
		position: absolute;
		bottom:calc(50% + 20px);
	}

	#aboutContainer h2 {
		position: absolute;
		bottom:calc(50% - 24px);
	}

	#ttlContainer{
		height: 312px!important;
    	min-height: auto;
    	margin: 0;
	}

	#aboutContainer dl {
		width: 100%;
		box-sizing: border-box;
		height: 208px;
		cursor: pointer;
	}

	#aboutContainer dl:hover {
		opacity: 0.6;
	}

	#aboutContainer dl dt {
		width: 50%;
		height: 188px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		background-repeat: no-repeat;
		background-position:center center;
		-moz-background-size:auto 100%;
		background-size:auto 100%;
		background-color:#fff;

	}

	#aboutContainer dl dd {
		width: 50%;
		height: 188px;
		float: left;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		background-repeat: no-repeat;

		-moz-background-size:100% auto;
		background-size:100% auto;
	}


	#aboutContainer .box01 {
		border-bottom:20px solid #0c3260;
	}

	#aboutContainer .box02 {
		border-bottom:20px solid #74b4d7;
	}

	#aboutContainer .box03 {
		border-bottom:20px solid #0c3260;
	}

	#aboutContainer .box04 {
		border-bottom:20px solid #829ec1;
	}

	#aboutContainer .box05 {
		border-bottom:20px solid #74b4d7;
	}

	#aboutContainer .box06 {
		border-bottom:20px solid #0c3260;
	}

	#aboutContainer .box07 {
		border-bottom:20px solid #829ec1;
	}

	#aboutContainer .box08 {
		border-bottom:20px solid #829ec1;
	}

	#aboutContainer .box09 {
		border-bottom:20px solid #0c3260;
	}

	#aboutContainer .box10 {
		border-bottom:20px solid #74b4d7;
	}


	#aboutContainer .box01 dt {
		float: left;
		background-image: url(../../img/fields/sp/text_01.jpg?ver=20250623);
	}

	#aboutContainer .box01 dd {
		float: right;
		background-image: url(../../img/fields/sp/photo_01.jpg);
	}

	#aboutContainer .box02 dt {
		float: right;
		background-image: url(../../img/fields/sp/text_02.jpg?ver=20250623);
	}

	#aboutContainer .box02 dd {
		float: left;
		background-image: url(../../img/fields/sp/photo_02.jpg);
	}

	#aboutContainer .box03 dt {
		float: left;
		background-image: url(../../img/fields/sp/text_03.jpg);
	}

	#aboutContainer .box03 dd {
		float: right;
		background-image: url(../../img/fields/sp/photo_03.jpg);
	}

	#aboutContainer .box04 dt {
		float: right;
		background-image: url(../../img/fields/sp/text_04.jpg);
	}

	#aboutContainer .box04 dd {
		float: left;
		background-image: url(../../img/fields/sp/photo_04.jpg);
	}

	#aboutContainer .box05 dt {
		float: left;
		background-image: url(../../img/fields/sp/text_05.jpg);
	}

	#aboutContainer .box05 dd {
		float: right;
		background-image: url(../../img/fields/sp/photo_05.jpg);
	}

	#aboutContainer .box06 dt {
		float: right;
		background-image: url(../../img/fields/sp/text_06.jpg);
	}

	#aboutContainer .box06 dd {
		float: left;
		background-image: url(../../img/fields/sp/photo_06.jpg);
	}

	#aboutContainer .box07 dt {
		float: left;
		background-image: url(../../img/fields/sp/text_07.jpg);
	}

	#aboutContainer .box07 dd {
		float: right;
		background-image: url(../../img/fields/sp/photo_07.jpg);
	}

	#aboutContainer.en .box01 dt {
		float: left;
		background-image: url(../../img/fields/sp/text_01_en.png?ver=20250611);
	}
	#aboutContainer.en .box02 dt {
		float: right;
		background-image: url(../../img/fields/sp/text_02_en.png?ver=20250611);
	}
	#aboutContainer.en .box03 dt {
		float: left;
		background-image: url(../../img/fields/sp/text_03_en.png);
	}
	#aboutContainer.en .box04 dt {
		float: right;
		background-image: url(../../img/fields/sp/text_04_en.png);
	}
	#aboutContainer.en .box05 dt {
		float: left;
		background-image: url(../../img/fields/sp/text_05_en.png);
	}
	#aboutContainer.en .box06 dt {
		float: right;
		background-image: url(../../img/fields/sp/text_06_en.png);
	}
	#aboutContainer.en .box07 dt {
		float: left;
		background-image: url(../../img/fields/sp/text_07_en.png);
	}







	#viewBg {
		display: none;
		/*background-color:#fff;*/
		background-color: rgba(255,255,255,0.8);
		position: absolute;
		left:0;
		top:0;
		z-index:600;
		box-sizing: border-box;
	}


	#detailParentContainer {
		position:absolute;
		display: none;

		box-sizing: border-box;
		z-index:602;
		width: 100%;
	}

	#detailParentContainer ul {
		position:relative;
		width: 100%;
		padding: 0px 0px 0px 0px;
	}

	#detailParentContainer ul li {
		zoom:1px;
		position:absolute;
		display: none;
		overflow: hidden;

	}

	#detailParentContainer ul li:after {
		content: "";
		display: block;
		clear: both;
	}

	#detailParentContainer ul li .leftContainer {
		width: 100%;
		height: 176px;

		background-repeat: no-repeat;


		background-size:376px 176px;
		background-position: right top;

		margin: 0px 0px 0px 0px;


	}

	#detailParentContainer ul li .rightContainer {
		width: 100%;
		background-repeat: no-repeat;
		background-position: center bottom 32px;

		margin: 0px 0px 0px 0px;

	}

	#detailParentContainer ul li .leftContainer h3 {
		width: 100%;
		height: 176px;

		background-position:left 16px center;
		background-repeat: no-repeat;

		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	}



	#detailParentContainer ul li .rightContainer p {
		color:#fff;
		font-size:15px;
		line-height: 28px;
		padding: 32px;
	}

	#detailParentContainer ul li .rightContainer p a{
		color:#fff;
	}


	#detailParentContainer ul li.box01 .leftContainer h3,
	#detailParentContainer ul li.box03 .leftContainer h3,
	#detailParentContainer ul li.box05 .leftContainer h3,
	#detailParentContainer ul li.box07 .leftContainer h3 {
		/*background-color: rgba(235,118,127,0.9);*/
	}

	#detailParentContainer ul li.box02 .leftContainer h3,
	#detailParentContainer ul li.box04 .leftContainer h3,
	#detailParentContainer ul li.box06 .leftContainer h3 {
		/*background-color: rgba(116,180,215,0.9);*/
	}





	#detailParentContainer ul li.box01 .leftContainer h3 {
		background-image: url(../../img/fields/sp/ttl_01.png?ver=20250611);
		background-size:137px 106px;
	}
	#detailParentContainer ul li.box02 .leftContainer h3 {
		background-image: url(../../img/fields/sp/ttl_02.png?ver=20250611);
		background-size:130px 105px;
	}
	#detailParentContainer ul li.box03 .leftContainer h3 {
		background-image: url(../../img/fields/sp/ttl_03.png);
		background-size:94px 105px;
	}
	#detailParentContainer ul li.box04 .leftContainer h3 {
		background-image: url(../../img/fields/sp/ttl_04.png);
		background-size:111px 80px;
	}
	#detailParentContainer ul li.box05 .leftContainer h3 {
		background-image: url(../../img/fields/sp/ttl_05.png);
		background-size:87px 104px;
	}
	#detailParentContainer ul li.box06 .leftContainer h3 {
		background-image: url(../../img/fields/sp/ttl_06.png);
		background-size:162px 104px;
	}
	#detailParentContainer ul li.box07 .leftContainer h3 {
		background-image: url(../../img/fields/sp/ttl_07.png);
		background-size:147px 104px;
	}

	#detailParentContainer.en ul li .leftContainer h3{
		background-size: 45% auto;
	}
	#detailParentContainer.en ul li.box01 .leftContainer h3 {
		background-image: url(../../img/fields/sp/ttl_01_en.png?ver=20250611);
	}
	#detailParentContainer.en ul li.box02 .leftContainer h3 {
		background-image: url(../../img/fields/sp/ttl_02_en.png?ver=20250611);
	}
	#detailParentContainer.en ul li.box03 .leftContainer h3 {
		background-image: url(../../img/fields/sp/ttl_03_en.png);
	}
	#detailParentContainer.en ul li.box04 .leftContainer h3 {
		background-image: url(../../img/fields/sp/ttl_04_en.png);
	}
	#detailParentContainer.en ul li.box05 .leftContainer h3 {
		background-image: url(../../img/fields/sp/ttl_05_en.png);
	}
	#detailParentContainer.en ul li.box06 .leftContainer h3 {
		background-image: url(../../img/fields/sp/ttl_06_en.png);
	}
	#detailParentContainer.en ul li.box07 .leftContainer h3 {
		background-image: url(../../img/fields/sp/ttl_07_en.png);
	}







	#detailParentContainer ul li.box01 .leftContainer {
		background-image: url(../../img/fields/sp/zoom_01.jpg);
		background-color:#0c3260;
	}
	#detailParentContainer ul li.box02 .leftContainer {
		background-image: url(../../img/fields/sp/zoom_02.jpg);
		background-color:#74b4d7;
	}
	#detailParentContainer ul li.box03 .leftContainer {
		background-image: url(../../img/fields/sp/zoom_03.jpg);
		background-color:#e9757e;
	}
	#detailParentContainer ul li.box04 .leftContainer {
		background-image: url(../../img/fields/sp/zoom_04.jpg);
		background-color:#829ec1;
	}
	#detailParentContainer ul li.box05 .leftContainer {
		background-image: url(../../img/fields/sp/zoom_05.jpg);
		background-color:#73b2d5;
	}
	#detailParentContainer ul li.box06 .leftContainer {
		background-image: url(../../img/fields/sp/zoom_06.jpg);
		background-color:#0c3260;
	}
	#detailParentContainer ul li.box07 .leftContainer {
		background-image: url(../../img/fields/sp/zoom_07.jpg);
		background-color:#829ec1;
	}







	#detailParentContainer ul li.box01 .rightContainer,
	#detailParentContainer ul li.box03 .rightContainer,
	#detailParentContainer ul li.box06 .rightContainer {
		background-color: #0c3260;
	}
	#detailParentContainer ul li.box02 .rightContainer,
	#detailParentContainer ul li.box05 .rightContainer {
		background-color: #69a2c2;
	}
	#detailParentContainer ul li.box04 .rightContainer,
	#detailParentContainer ul li.box07 .rightContainer {
		background-color: #687f9a;
	}


	.rightContainer:after {
		content: "";
		max-width: 375px;
		width:calc(100% - 64px);
		height: 375px;
		margin: 0 auto;
		display: block;
		text-align: center;
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: center 0;
	}

	/*#detailParentContainer ul li.box01 .rightContainer {
		background-image: url(../../img/fields/pc/bg.png);
	}
	#detailParentContainer ul li.box02 .rightContainer {
		background-image: url(../../img/fields/pc/zoom02/bg.png);
	}
	#detailParentContainer ul li.box03 .rightContainer {
		background-image: url(../../img/fields/pc/zoom03/bg.png);
	}
	#detailParentContainer ul li.box04 .rightContainer {
		background-image: url(../../img/fields/pc/zoom04/bg.png);
	}
	#detailParentContainer ul li.box05 .rightContainer {
		background-image: url(../../img/fields/pc/zoom05/bg.png);
	}
	#detailParentContainer ul li.box06 .rightContainer {
		background-image: url(../../img/fields/pc/zoom06/bg.png);
	}
	#detailParentContainer ul li.box07 .rightContainer {
		background-image: url(../../img/fields/zoom07_bg.png);
	}*/


	#detailParentContainer ul li.box01 .rightContainer:after {
		background-image: url(../../img/fields/zoom01_bg.png?ver=20250611);
	}
	#detailParentContainer ul li.box02 .rightContainer:after {
		background-image: url(../../img/fields/zoom02_bg.png?ver=20250611);
	}
	#detailParentContainer ul li.box03 .rightContainer:after {
		background-image: url(../../img/fields/zoom03_bg.png);
	}
	#detailParentContainer ul li.box04 .rightContainer:after {
		background-image: url(../../img/fields/zoom04_bg.png);
	}
	#detailParentContainer ul li.box05 .rightContainer:after {
		background-image: url(../../img/fields/zoom05_bg.png?ver=20250611);
	}
	#detailParentContainer ul li.box06 .rightContainer:after {
		background-image: url(../../img/fields/zoom06_bg.png?ver=20250611);
	}
	#detailParentContainer ul li.box07 .rightContainer:after {
		background-image: url(../../img/fields/zoom07_bg.png);
	}

	#detailParentContainer.en ul li.box01 .rightContainer:after {
		background-image: url(../../img/fields/zoom01_bg_en.png?ver=20250611);
	}
	#detailParentContainer.en ul li.box02 .rightContainer:after {
		background-image: url(../../img/fields/zoom02_bg_en.png?ver=20250611);
	}
	#detailParentContainer.en ul li.box03 .rightContainer:after {
		background-image: url(../../img/fields/zoom03_bg_en.png);
	}
	#detailParentContainer.en ul li.box04 .rightContainer:after {
		background-image: url(../../img/fields/zoom04_bg_en.png);
	}
	#detailParentContainer.en ul li.box05 .rightContainer:after {
		background-image: url(../../img/fields/zoom05_bg_en.png?ver=20250611);
	}
	#detailParentContainer.en ul li.box06 .rightContainer:after {
		background-image: url(../../img/fields/zoom06_bg_en.png?ver=20250611);
	}
	#detailParentContainer.en ul li.box07 .rightContainer:after {
		background-image: url(../../img/fields/zoom07_bg_en.png);
	}



	#detailParentContainer ul li.box01 .rightContainer,
	#detailParentContainer ul li.box03 .rightContainer,
	#detailParentContainer ul li.box05 .rightContainer,
	#detailParentContainer ul li.box07 .rightContainer {
		/*background-color: #0c3260;*/
	}

	#detailParentContainer ul li.box02 .rightContainer,
	#detailParentContainer ul li.box04 .rightContainer,
	#detailParentContainer ul li.box06 .rightContainer {
		/*background-color: #69a2c2;*/
	}






	#detailParentContainer nav {
		position: absolute;
		top:0px;
		width: 100%;
		height: 96px;
		margin: -96px 0px 0px 0px;
	}

	#detailParentContainer nav #backBtn {
		width: 50%;
		height: 48px;
		float:left;
		box-sizing: border-box;
		background-color:#4c97be;
		background-image: url(../../img/fields/sp/back_btn.png);
		background-repeat: no-repeat;
		background-position:left 10px center;
		cursor: pointer;
		background-size:97px 15px;

		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	}

	#detailParentContainer nav #backBtn:hover {
		background-color:#7fc7e5;
	}

	#detailParentContainer nav #listBtn {
		width: 100%;
		height: 48px;
		box-sizing: border-box;
		background-color:#829ec1;
		background-image: url(../../img/fields/sp/center_text.png);
		background-repeat: no-repeat;
		background-position:center center;

		background-size:58px 13px;

		cursor: pointer;

		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	}

	#detailParentContainer.en nav #listBtn {
		background-image: url(../../img/fields/sp/center_text_en.png);
		background-size: auto 13px;
	}

	#detailParentContainer nav #listBtn:hover {
		background-color:#99b1cd;
	}

	#detailParentContainer nav #nextBtn {
		width: 50%;
		height: 48px;
		float:right;
		box-sizing: border-box;
		background-color:#0c3260;
		background-image: url(../../img/fields/sp/next_btn.png);
		background-repeat: no-repeat;
		background-position:right 10px center;
		cursor: pointer;

		background-size:97px 16px;

		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;

		margin: -96px 0px 0px 0px;
	}

	#detailParentContainer nav #nextBtn:hover {
		background-color:#103d75;
	}

	footer {
		margin:0;
	}

	.hinaMainContainer {
		margin:0;
	}

}/* ---------------------------- sp end */