@charset "UTF-8";
@media only screen {
	.pcCnt {
		display: block;
	}
	.spCnt {
		display: none;
	}
	/*===========================================
		pregArea_row
	=============================================*/
	.pregArea_row {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-top: 20px;
		margin-right: -20px;
		margin-left: -20px;
		position: relative;
	}
	.pregArea_row * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.pregArea_row .col_left, .pregArea_row .col_right {
		margin-top: 0;
		margin-bottom: 30px;
		padding-left: 20px;
		padding-right: 20px;
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}
	.pregArea_row .col_left {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.pregArea_row .col_right {
		text-align: center;
	}
	.pregArea_row .col_right .imgMax {
		width: 100%;
		max-width: 540px;
	}
}
@media only screen and (min-width: 992px) {
	.pregArea_row {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.pregArea_row .col_left, .pregArea_row .col_right {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		margin-bottom: 0;
	}
	.pregArea_row .col_right .imgMax {
		max-width: 100%;
	}
}
/*===========================================
		pregArea_01
	=============================================*/
@media only screen {
	.pregArea_01 {
		overflow: hidden;
	}
	.pregArea_01 h1 .imgIcon {
		height: auto;
		max-width: 100%;
		width: auto;
		margin-right: 0.25em;
		vertical-align: middle;
	}
	.pregArea_01 .w545 {
		width: 100%;
	}
	.pregArea_01 .fLeft, .pregArea_01 .fRight {
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}
}
@media only screen and (min-width: 768px) {
	.pregArea_01 .w545 {
		width: 545px;
	}
	.pregArea_01 .fLeft, .pregArea_01 .fRight {
		margin-left: 0;
	}
}
@media only screen and (min-width: 992px) {
	.pregArea_01 .fLeft {
		float: left;
	}
	.pregArea_01 .fRight {
		float: right;
	}
	.pregArea_01 .w545 {
		width: calc(50% - 15px);
	}
}
@media only screen and (min-width: 1200px) {
	.pregArea_01 .w545 {
		width: 545px;
	}
}
/*===========================================
	pregArea_02
=============================================*/
@media only screen {
	.pregArea_02 {
		padding: 70px 0;
		overflow: hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.pregArea_02 * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.pregArea_02 .section {
		margin: 0 auto;
		padding-top: 30px;
		width: auto;
	}
	.pregArea_02 .section-inner {
		display: block;
		margin: 30px auto;
	}
	.pregArea_02 .section-inner-left, .pregArea_02 .section-inner-photo, .pregArea_02 .section-inner-right, .pregArea_02 .section-inner-text {
		display: block;
		width: auto;
	}
	.pregArea_02 .section-inner-photo {
		padding-right: 0;
	}
	.pregArea_02 .section-inner-text {
		padding-top: 15px;
	}
	.pregArea_02 .section-inner-left {
		padding-right: 0;
	}
	.pregArea_02 .section-inner-right {
		padding-left: 0;
	}
}
@media only screen and (min-width: 768px) {
	.pregArea_02 .section {
		/*width: 720px;*/
	}
	.pregArea_02 .section-inner {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
	.pregArea_02 .section-inner-photo {
		padding-right: 40px;
		width: 480px;
	}
	.pregArea_02 .section-inner-text {
		padding-top: 0;
		vertical-align: middle;
		/*width: 240px;*/
	}
	.pregArea_02 .section-inner-left, .pregArea_02 .section-inner-right {
		width: 50%;
	}
	.pregArea_02 .section-inner-left {
		padding-right: 20px;
	}
	.pregArea_02 .section-inner-right {
		padding-left: 20px;
	}
}
/*===========================================
	languageArea
=============================================*/
@media only screen {
	.languageArea {
		padding: 40px 70px;
		background: #F5F5F5;
		overflow: hidden;
		*zoom: 1;
	}
	.languageArea ul li {
		width: 160px;
		margin-bottom: 15px;
	}
}
@media only screen and (max-width: 740px) {
	.languageArea {
		padding: 30px 20px;
	}
}
/*===========================================
	   whatsnew
=============================================*/
.whatsnew, .whatsnew * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.whatsnew h2 {
	margin-bottom: 5px;
}
.whatsnew-list {
	border: solid 1px #b5b5b5;
	height: 10em;
	padding: 5px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.whatsnew li {
	margin-bottom: 0.5em;
	overflow: hidden;
}
.whatsnew li:after {
	clear: both;
	content: " ";
	display: table;
}
.whatsnew li .day {
	width: 12%;
	float: left;
}
.whatsnew li .txt {
	width: 88%;
	float: left;
}
@media (max-width: 768px) {
	.whatsnew li .day, .whatsnew li .txt {
		width: 100%;
		float: none;
	}
}
/*===========================================
	globalKnowledgeArea
=============================================*/
@media only screen {
	.globalKnowledgeArea {
		padding: 40px 70px;
		overflow: hidden;
		*zoom: 1;
	}
	.globalKnowledgeArea ul li {
		width: 300px;
		margin-bottom: 15px;
	}
}
.globalKnowledgeArea .flexBoxKinto::after {
	width: 323px;
}
@media only screen and (max-width: 740px) {
	.globalKnowledgeArea {
		padding: 30px 20px;
	}
}
/*===========================================
	   印刷用
=============================================*/
@media print {
	.btnBlue {
		display: none;
	}
	.w545.fLeft h1 .imgIcon, .pregArea_row .col_left h1 .imgIcon {
		height: 1.5em;
		width: auto;
	}
	.w545.fRight img, .pregArea_row .col_right img {
		height: 15rem;
		width: auto;
	}
	.whatsnew-list {
		border: none;
		height: auto;
		overflow-x: inherit;
		overflow-y: inherit;
	}
	.whatsnew-list li {
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: dotted 1px #666666;
	}
	.whatsnew-list li .day {
		font-size: 1.25em;
		margin-bottom: 10px;
	}
	.whatsnew-list .txt .ulDisc {
		padding: 15px 0;
	}
	.whatsnew-list .txt .ulDisc li {
		border-bottom: none;
		margin-bottom: 5px;
		padding-bottom: 0;
		padding-left: 23px;
		background: url(../../img/ico_disc.png) no-repeat 0px 5px;
		-webkit-background-size: 18px auto;
		-o-background-size: 18px auto;
		background-size: 18px auto;
	}
}