@charset "utf-8";
/*------------------------------------------------------------
	others
------------------------------------------------------------*/
.pageTitle {
	background-image: url("/img/product/others/page_title_bg.jpg");
}
#main .sec01 {
	margin: 2px 0 95px;
}
#main .sec01 .topText {
	margin-bottom: 60px;
	line-height: 1.93;
	letter-spacing: 0.1em;
}
#main .sec01 .topText sup {
	font-size: 0.8rem;
}
#main .headLine03 {
	font-size: 2.2rem;
	padding-bottom: 15px;
}
#main .sec01 .info {
	margin-bottom: 78px;
}
#main .sec01 .info .headLine03 {
	margin-bottom: 25px;
}
#main .sec01 .info li {
	padding: 0 0 30px 66px;
}
#main .sec01 .info li:last-child {
	padding: 0 0 0 66px;
}
#main .sec01 .info p {
	font-size: 1.3rem;
	line-height: 1.69;
	letter-spacing: 0.1em;
}
#main .sec01 .info p .margin01 {
	margin-left: 10px;
}
#main .sec01 .info p .margin02 {
	margin-left: 30px;
}
#main .sec01 .info p .small {
	font-size: 1.2rem;
}
#main .sec01 .info .title {
	margin-bottom: 6px;
	color: #2C70A9;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.5;
	position: relative;
}
#main .sec01 .info .title span {
	width: 54px;
	position: absolute;
	left: -66px;
	top: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 1px;
	font-size: 1.3rem;
	color: #fff;
	letter-spacing: 0.1em;
	text-align: center;
	background-color: #2C70A9;
}
#main .sec01 .info .textBox p:first-child {
	margin-bottom: 5px;
}
#main .sec01 .info .btmTxt a {
	color: #2C70A9;
	font-size: 1.3rem;
	letter-spacing: 0.07em;
	border-bottom: 1px solid #2C70A9;
}
#main .sec01 .info .btmTxt a:hover {
	opacity: 0.6;
}
#main .sec01 .inner {
	margin-bottom: 78px;
}
#main .sec01 .inner .headLine03 {
	margin-bottom: 25px;
}
#main .sec01 .inner li {
	padding: 0 0 30px 16px;
}
#main .sec01 .inner .title {
	margin-bottom: 5px;
	color: #2C70A9;
	font-size: 1.5rem;
	letter-spacing: 0.07em;
	font-weight: 500;
	position: relative;
}
#main .sec01 .inner .title:before {
	position: absolute;
	left: -16px;
	top: 10px;
	width: 10px;
	height: 1px;
	background-color: #2C70A9;
	content: "";
}
#main .sec01 .inner .text {
	font-size: 1.3rem;
	letter-spacing: 0.1em;
	line-height: 1.8;
}
#main .sec01 .inner .btmTxt {
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	line-height: 1.86;
}
#main .sec01 .subBox .topTxt {
	margin-bottom: 77px;
	letter-spacing: 0.1em;
	line-height: 1.85;
}
#main .sec01 .subBox .topTxt a {
	color: #2C70A9;
	border-bottom: 1px solid #2C70A9;
}
#main .sec01 .subBox .topTxt a:hover {
	opacity: 0.6;
}
#main .sec01 .subBox ul {
	margin-top: -56px;
}
#main .sec01 .subBox li {
	width: 48%;
	margin-top: 56px;
}
#main .sec01 .subBox li:last-child {
	width: 100%;
}
#main .sec01 .subBox li img {
	width: 100%;
}
#main .sec01 .subBox li p {
	margin-top: 12px;
	font-size: 1.3rem;
	letter-spacing: 0.05em;
}
#main .sec01 .subBox li p sup {
	font-size: 0.8rem;
}
#main .sec02 {
	margin-bottom: 95px;
}
#main .sec02 .headLine04 {
	margin-bottom: 22px;
}
#main .sec02 .topText {
	margin-bottom: 59px;
	letter-spacing: 0.1em;
	line-height: 1.93;
}
#main .sec02 .topText span {
	margin-bottom: 6px;
	display: block;
	font-size: 1.8rem;
}
#main .sec02 table {
	width: 100%;
	border-collapse: collapse;
}
#main .sec02 table th,
#main .sec02 table td {
	padding: 10px 4px;
	font-size: 1.3rem;
	letter-spacing: 0.1em;
	vertical-align: middle;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #E2E2E2;
}
#main .sec02 table th {
	padding: 12px 0;
	color: #2C70A9;
	font-weight: 500;
	font-size: 1.4rem;
	background-color: #F9FAFB;
}
#main .sec02 .info {
	margin-bottom: 81px;
}
#main .sec02 .info .headLine03 {
	margin-bottom: 24px;
}
#main .sec02 .info table th,
#main .sec02 .info table td {
	width: calc(100% / 3);
}
#main .sec02 .infoBox {
	align-items: flex-end;
}
#main .sec02 .infoBox .tableBox {
	width: 60%;
}
#main .sec02 .infoBox ul {
    width: 35.5%;
    padding-left: 1em;
    text-indent: -1em;
}
#main .sec02 .infoBox ul li {
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	line-height: 1.58;
}
#main .sec02 .info .headLine03 {
	margin-bottom: 24px;
}
#main .sec02 .inner .headLine03 {
	margin-bottom: 24px;
}
#main .sec02 .inner .tableBox {
	margin-bottom: 86px;
}
#main .sec02 .inner table {
	width: 982px;
}
#main .sec02 .inner table .wid01 {
	width: 17.2%;
}
#main .sec02 .inner table .wid02 {
	width: 25.2%;
}
#main .sec02 .inner table .wid03 {
	width: 15.8%;
}
#main .sec02 .inner table .wid04 {
	width: 37.8%;
}
#main .sec02 .inner ul {
	margin-top: -35px;
}
#main .sec02 .inner li {
	width: 46.1%;
	margin-top: 35px;
}
#main .sec02 .inner li img {
	width: 100%;
}
#main .sec02 .inner li p {
	margin-top: 12px;
	font-size: 1.3rem;
	letter-spacing: 0.05em;
}
#main .sec03 .headLine04 {
	margin-bottom: 13px;
}
#main .sec03 .photoBox {
	margin-bottom: 31px;
	position: relative;
}
#main .sec03 .photoBox .textImg {
	position: absolute;
	left: 35px;
	top: 0;
	max-width: 600px;
}
#main .sec03 .photoBox .textImg img {
	width: 767px;
}
#main .sec03 .photoBox p {
	position: absolute;
	left: 6%;
	top: 21%;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
	line-height: 1.83;
}
#main .sec03 .photoBox p sup {
	font-size: 0.8rem;
	color: #2C70A9;
}
#main .sec03 .textUl {
	margin-bottom: 42px;
}
#main .sec03 .textUl li {
	padding: 0 0 21px 16px;
	font-size: 1.3rem;
	position: relative;
	letter-spacing: 0.1em;
	line-height: 1.69;
}
#main .sec03 .textUl li:before {
	position: absolute;
	left: 0;
	top: 12px;
	width: 10px;
	height: 1px;
	background-color: #646464;
	content: "";
}
#main .sec03 .textUl li span {
	margin-bottom: 2px;
	display: block;
	font-size: 1.5rem;
	font-weight: 500;
}
#main .sec03 .textUl li sup {
	font-size: 0.8rem;
	color: #2C70A9;
}
#main .sec03 .headLine03 {
	margin-bottom: 38px;
	padding-bottom: 10px;
	font-size: 1.8rem;
}
#main .sec03 .imgUl {
	margin-bottom: 19px;
	position: relative;
}
#main .sec03 .imgUl:after {
	content: "";
	width: 30%;
}
#main .sec03 .imgUl li {
	width: 31%;
}
#main .sec03 .imgUl li img {
	width: 100%;
}
#main .sec03 .imgUl li p {
	margin-top: 15px;
	font-size: 1.2rem;
	letter-spacing: 0.08em;
	line-height: 1.66;
}
#main .sec03 .txtUl {
	width: 40%;
	margin: 0 0 79px auto;
}
#main .sec03 .txtUl li {
	font-size: 1.1rem;
    letter-spacing: 0.08em;
    line-height: 1.5;
    text-indent: -1.5em;
    padding-left: 1.5em;
}
#main .sec03 .txtUl li:first-child{
    padding-bottom: 10px;    
}
#main .sec03 .txtUl li span {
	font-size: 1.1rem;
	color: #2C70A9;
}
#main .sec03 .lBox {
	margin: -24px 0 0 -2.35%;
	float: left;
	width: 46.57%;
}
#main .sec03 .rBox {
	float: right;
	width: 55.2%;
	position: relative;
	z-index: 1;
}
#main .sec03 .rBox table {
	width: 100%;
	border-collapse: collapse;
}
#main .sec03 .rBox table th,
#main .sec03 .rBox table td {
	padding: 10px;
	font-size: 1.3rem;
	line-height: 1.5;
	letter-spacing: 0.1em;
	vertical-align: middle;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #E2E2E2;
}
#main .sec03 .rBox table th {
	padding: 10px 5px;
	color: #2C70A9;
	font-weight: 500;
	font-size: 1.4rem;
	background-color: #F9FAFB;
}
#main .sec03 .rBox table th:first-child {
	width: 23%;
}
#main .sec03 .rBox table td span {
	display: block;
	font-size: 1.1rem;
}
#main .sec03 .rBox ul {
	margin-top: 23px;
}
#main .sec03 .rBox li span {
	display: block;
	font-size: 1.3rem;
	position: relative;
	z-index: 1;
	letter-spacing: 0.1em;
}
#main .sec03 .rBox li img {
	width: 288px !important;
	height: auto !important;
}
#main .sec03 .rBox li:last-child {
	margin-top: 9px;
}
#main .sec03 .rBox li:last-child span {
	margin-bottom: -2px;
}
#main .sec03 .rBox li:last-child img {
	width: 291px !important;
}
#main #conts {
	padding-bottom: 133px;
}

@media all and (max-width: 767px) {
   .pageTitle {
		background-image: url("/img/product/others/sp_page_title_bg.jpg");
	}
	#main .sec01 {
		margin: 25px 0 79px;
	}
	#main .sec01 .topText {
		margin-bottom: 72px;
		line-height: 1.77;
		letter-spacing: 0.05em;
	}
	#main .headLine03 {
		font-size: 1.6rem;
		padding-bottom: 9px;
        letter-spacing: 0.1rem;
	}
	#main .sec01 .info {
		margin-bottom: 50px;
	}
	#main .sec01 .info .headLine03 {
		margin-bottom: 18px;
	}
	#main .sec01 .info li {
		padding: 0 0 33px;
	}
	#main .sec01 .info li:last-child {
		padding: 0;
	}
	#main .sec01 .info .textBox {
		padding-top: 9px;
		display: none;
	}
	#main .sec01 .info p {
		letter-spacing: 0.05em;
	}
	#main .sec01 .info p .margin02 {
		margin: 4px 0 0;
		display: block;
		font-size: 1.2rem;
	}
	#main .sec01 .info p .small {
		font-size: 1.2rem;
	}
	#main .sec01 .info .title {
		margin-bottom: 0;
		padding: 0 20px 0 69px;
		font-size: 1.4rem;
		line-height: 1.57;
		background: url("/img/common/icon08.png") no-repeat right center;
		background-size: 14px auto;
	}
	#main .sec01 .info .title.on {
		background-image: url("/img/common/icon08_on.png");
	}
	#main .sec01 .info .title span {
		width: 56px;
		left: 0;
		top: 1px;
		bottom: 2px;
		font-size: 1.2rem;
		height: 20px;
    	display: inline;
	}
	#main .sec01 .info .textBox p:first-child {
		margin-bottom: 16px;
	}
	#main .sec01 .inner {
		margin-bottom: 50px;
	}
	#main .sec01 .inner .headLine03 {
		margin-bottom: 14px;
	}
	#main .sec01 .inner li {
		padding: 0 0 16px;
	}
	#main .sec01 .inner .title {
		margin-bottom: 3px;
		font-size: 1.4rem;
	}
	#main .sec01 .inner .title span {
		padding-right: 17px;
		background: url("/img/common/icon08.png") no-repeat right top 7px;
		background-size: 14px auto;
	}
	#main .sec01 .inner .title.on span {
		background-image: url("/img/common/icon08_on.png");
	}
	#main .sec01 .inner .title:before {
		display: none;
	}
	#main .sec01 .inner .text {
		display: none;
		padding-bottom: 10px;
		font-size: 1.2rem;
		letter-spacing: 0.05em;
		line-height: 1.75;
	}
	#main .sec01 .inner .btmTxt {
		font-size: 1.3rem;
		letter-spacing: 0.05em;
		line-height: 1.77;
	}
	#main .sec01 .subBox .topTxt {
		margin: 10px 0 49px;
		font-size: 1.2rem;
		letter-spacing: 0.05em;
		line-height: 1.83;
	}
	#main .sec01 .subBox ul {
		margin-top: -27px;
	}
	#main .sec01 .subBox li {
		width: 47.8%;
		margin-top: 27px;
	}
	#main .sec01 .subBox li p {
		margin-top: 9px;
		font-size: 1.2rem;
		line-height: 1.5;
	}
	#main .sec02 {
		margin-bottom: 72px;
	}
	#main .sec02 .headLine04 {
		margin-bottom: 22px;
	}
	#main .sec02 .topText {
		margin-bottom: 49px;
		letter-spacing: 0.05em;
		line-height: 1.77;
	}
	#main .sec02 .topText span {
		margin-bottom: 11px;
		font-size: 1.5rem!important;
		line-height: 1.73;
	}
	#main .sec02 table th,
	#main .sec02 table td {
		padding: 10px 0;
		font-size: 1.2rem;
		letter-spacing: 0.05em;
	}
	#main .sec02 table th {
		padding: 10px 0;
		font-size: 1.3rem;
	}
	#main .sec02 .info {
		margin-bottom: 49px;
	}
	#main .sec02 .info .headLine03 {
		margin-bottom: 16px;
	}
	#main .sec02 .info table th,
	#main .sec02 .info table td {
		width: calc(100% / 3);
	}
	#main .sec02 .infoBox {
		display: inherit;
	}
	#main .sec02 .infoBox .tableBox {
		width: auto;
	}
	#main .sec02 .infoBox .tableBox table {
		min-width: 500px;
	}
	#main .sec02 .infoBox ul {
		margin-top: 16px;
		width: auto;
		padding-left: 0;
	}
	#main .sec02 .infoBox ul li {
		font-size: 1.2rem;
		letter-spacing: 0.05em;
		text-indent: -1em;
		padding-left: 1em;
	}
	#main .sec02 .inner .headLine03 {
		margin-bottom: 15px;
		line-height: 1.625;
	}
	#main .sec02 .inner .tableBox {
		margin-bottom: 50px;
	}
	#main .sec02 .inner .tableBox table {
		width: 100%;
		min-width: 700px;
	}
	#main .sec02 .inner ul {
		margin-top: -27px;
	}
	#main .sec02 .inner li {
		width: 47.8%;
		margin-top: 27px;
	}
	#main .sec02 .inner li p {
		margin-top: 9px;
		font-size: 1.2rem;
		line-height: 1.5;
	}
	#main .sec03 .photoBox {
		margin-bottom: 31px;
	}
	#main .sec03 .photoBox .textImg {
		left: 13px;
		top: 3px;
	}
	#main .sec03 .photoBox .textImg img {
		width: 266px;
	}
	#main .sec03 .photoBox p {
		margin-top: 12px;
		position: static;
		font-size: 1.2rem;
		letter-spacing: 0.05em;
		line-height: 1.75;
	}
	#main .sec03 .textUl {
		margin-bottom: 29px;
	}
	#main .sec03 .textUl li {
		padding: 0 0 18px 16px;
		font-size: 1.2rem;
		letter-spacing: 0.05em;
		line-height: 1.75;
	}
	#main .sec03 .textUl li:before {
		top: 11px;
	}
	#main .sec03 .textUl li span {
		margin-bottom: 1px;
		font-size: 1.3rem;
	}
	#main .sec03 .headLine03 {
		margin-bottom: -12px;
		position: relative;
		z-index: 1;
		padding-bottom: 10px;
		font-size: 1.6rem;
	}
	#main .sec03 .imgUl {
		margin-bottom: 32px;
		display: inherit;
	}
	#main .sec03 .imgUl li {
		padding-bottom: 3px;
		width: auto;
	}
	#main .sec03 .imgUl li p {
		margin-top: 10px;
		letter-spacing: 0.05em;
		line-height: 1.66;
	}
	#main .sec03 .txtUl {
		width: auto;
		margin: 0 0 48px;
	}
	#main .sec03 .txtUl li {
		letter-spacing: 0.05em;
		line-height: 1.63;
	}
	#main .sec03 .lBox {
		margin: 25px 0 0 -10px;
		float: none;
		width: 62%;
	}
	#main .sec03 .rBox {
		float: none;
		width: auto;
	}
	#main .sec03 .rBox table {
		min-width: 440px;
	}
	#main .sec03 .rBox table th,
	#main .sec03 .rBox table td {
		padding: 10px 0;
		font-size: 1.2rem;
		line-height: 1.66;
		letter-spacing: 0.05em;
	}
	#main .sec03 .rBox table th {
		padding: 11px 0 12px;
		font-size: 1.3rem;
	}
	#main .sec03 .rBox ul {
		margin-top: 0;
		position: absolute;
		left: 55%;
		bottom: -136px;
	}
	#main .sec03 .rBox li span {
		margin: 0 0 -2px 6px;
		font-size: 1.1rem;
		letter-spacing: 0.05em;
	}
	#main .sec03 .rBox li img {
		width: 126px !important;
	}
	#main .sec03 .rBox li:last-child {
		margin-top: 11px;
	}
	#main .sec03 .rBox li:last-child span {
		margin-bottom: 2px;
	}
	#main .sec03 .rBox li:last-child img {
		width: 126px !important;
	}
	#main #conts {
		padding-bottom: 60px;
	}
	
}
/*------------------------------------------------------------
	others 英語版
------------------------------------------------------------*/
#english #main .sec01 .topText {
	letter-spacing: 0.03em;
}
#english #main .sec01 .info p {
	letter-spacing: 0.03em;
	font-weight: 500;
}
#main .sec01 .info .textBox p:first-child {
    margin-bottom: 10px;
}
#english #main .sec01 .info p span.margin01 {
	font-weight: 400;
}
#english #main .sec01 .info p .margin02 {
	margin: 2px 0;
    display: block;
}
#english #main .sec01 .info .textBox p:last-child {
	font-weight: 400;
}
#english #main .sec01 .info .title {
	letter-spacing: 0.03em;
}
#english #main .sec01 .inner .text {
	letter-spacing: 0.03em;
}
#english #main .sec01 .inner .btmTxt {
	letter-spacing: 0.03em;
}
#english #main .sec01 .subBox .topTxt {
	letter-spacing: 0.03em;
}
#english #main .sec01 .subBox li p {
	letter-spacing: 0.03em;
}
#english #main .sec02 .topText {
	letter-spacing: 0.03em;
}
#english #main .sec02 .topText span {
	font-size: 2rem;
	line-height: 1.5;
    margin: 0 0 16px;
}
#english #main .sec02 .infoBox ul li {
	letter-spacing: 0.03em;
}
#english #main .sec03 .photoBox p {
	letter-spacing: 0.03em;
}
#english #main .sec03 .textUl li {
	letter-spacing: 0.03em;
}
#english #main .sec03 .imgUl li p {
	letter-spacing: 0.03em;
}
#english #main .sec03 .txtUl li {
	letter-spacing: 0.03em;
}
#english #main .sec03 .rBox li span,
#english #main .sec02 table th, 
#english #main .sec02 table td{
	letter-spacing: 0.03em;
}
#english #main .sec03 .rBox li:last-child img {
	width: 333px !important;
}
#english #main .sec03 .rBox table th, 
#english #main .sec03 .rBox table td {
    line-height: 1.4;
    letter-spacing: 0.03em;
}