/* guide */

.guide.one-column #contents-main,
.privacy.one-column #contents-main{
	margin: 0px auto;
	max-width: 800px;
}

.knowledge #contents-main {
	margin: 0px auto;
	max-width: 1000px;
}

/* provider knowledge */
.provider #page-title,
.knowledge #page-title {
	display: none;
}

.left-info {
	padding: 0px 0px 30px;
	text-align: center;
}
.left-info .font-cap {
	padding: 5px 0px 0px;
	text-align: center !important;
	display: block;
}
.left-info .font-cap strong {
	font-size: 130%;
	line-height: 1.5em;
	vertical-align: baseline;
	letter-spacing: 0.1em;
}

.provider .bodytitle {
	font-size: 140%;
	line-height: 1.5em;
	padding: 0px 0px 10px;
}
.provider .bodytitle-cap {
	font-size: 90%;
	line-height: 1.5em;
	padding: 0px 0px 20px;
}




.top-list .flexbox li {
	-ms-flex-preferred-size: 47%;
	flex-basis: 47%;
}
.top-list .flexbox li .top-list-img {
	max-width: calc(340px / 2);
	margin: 0px auto 10px;
	width: 100%;
}
.top-list .flexbox li img {
	max-width: calc(340px / 2);
	width: 100%;
}

.knowledge .top-list .bodytitle {
	font-size: 140%;
	line-height: 1.5em;
	padding: 0px 0px 10px;
}
.knowledge .top-list .bodytitle-cap {
	font-size: 95%;
	line-height: 1.5em;
	padding: 0px 0px 25px;
}
.knowledge .top-list.contadd {
	background: none;
	margin: 0px;
	padding: 0px;
}
.knowledge .top-list .top-list-text {
	font-size: 10px;
	line-height: 1.4em;
}
.knowledge .top-list .top-list-text p {
	font-size: 130%;
	line-height: 1.6em;
}







.knowledge .cont-main.cont02 {
	padding: 25px 0px 10px;
}
.menubox {
}
.menubox > li {
	padding: 0px 0px 20px;
}
.menubox-l h3 a,
.menubox-r h3 a,
.diversity-menu li {
	display: block;
	position: relative;
	font-size: 100%;
	line-height: 1.5em;
	background: rgba(255,255,255,1.0);
	color: rgba(0,0,0,1.0) !important;
	padding: 15px 20px 15px 10px;
	position: relative;
	transition: all 0.5s;
	border: 1px solid #999;
	
	-webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
}

.menubox-l h3 a::after,
.menubox-r h3 a::after,
.diversity-menu li::after {
	font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
	font-size: 18px;
	/* color: rgba(0,72,128,1.0); */
	color: rgba(102,102,102,1.0);
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  direction: ltr;
	vertical-align: middle;
	margin: 0px 4px 0px 0px;
}
.menubox-l h3 a::after,
.menubox-r h3 a::after,
.diversity-menu li::after {
	color: rgba(0,72,128,1.0);
	content: "chevron_right";
	position: absolute;
	transform: scale(0.8,1.2);
	top: calc(50% - 8px);
	right: 0px;
}
.menubox-l h3 a:hover,
.menubox-r h3 a:hover {
	background: rgba(102,102,102,1.0);
	color: rgba(255,255,255,1.0) !important;
	text-decoration: none;
}
.menubox-l h3 a:hover::after,
.menubox-r h3 a:hover::before {
	color: rgba(255,255,255,1.0) !important;
}




.cont-menu li {
	font-size: 90%;
	line-height: 1.5em;
	padding: 5px 0px 5px 18px;
	border-bottom: 1px solid #999;
	position: relative;
	
	-webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
}
.cont-menu {
	border-top: none;
}
.cont-menu li {
	font-size: 90%;
	line-height: 1.5em;
	padding: 5px 0px 5px 18px;

	position: relative;
}
.cont-menu li:before {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 18px;
	color: rgba(0,72,128,1.0);
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	direction: ltr;
	vertical-align: middle;
	margin: 0px;
	position: absolute;
	left: 0px;
	transform: scale(1.0,1.0);
	content: "chevron_right";
	top: calc(50% - 8px);
}






@media print, screen and (min-width: 768px) {
/* provider knowledge */
.left-info-type {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;

	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.left-info {
	-ms-flex-preferred-size: calc(30% - 20px);
	flex-basis: calc(30% - 20px);
	text-align: left !important;
}
.right-content {
	-ms-flex-preferred-size: calc(70% - 20px);
	flex-basis: calc(70% - 20px);
}
.left-info .font-cap {
	text-align: left !important;
}


.provider .bodytitle {
	font-size: 140%;
	line-height: 1.5em;
	padding: 0px 0px 10px;
}
.provider .bodytitle-cap {
	font-size: 90%;
	line-height: 1.5em;
	padding: 0px 0px 30px;
}



.top-list .flexbox li {
	-ms-flex-preferred-size: calc(25% - 15px);
	flex-basis: calc(25% - 15px);
}
.top-list .flexbox li .top-list-img {
	width: 100%;
}


.knowledge .top-list .bodytitle {
	padding: 0px 0px 15px;
	text-align: center;
}
.knowledge .top-list .bodytitle-cap {
	font-size: 95%;
	line-height: 1.5em;
	padding: 0px 0px 40px;
	text-align: center;
}
.knowledge .top-list.contadd {
	padding: 0px 0px 30px;
}
.knowledge .top-list .top-list-text {
	font-size: 10px;
	line-height: 1.4em;
}
.knowledge .top-list .top-list-text p {
	font-size: 130%;
	line-height: 1.6em;
}



.knowledge .cont-main.cont02 {
	padding: 40px 0px 10px;
}
.menubox {
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.menubox > li {
	-ms-flex-preferred-size: calc(50% - 10px);
	flex-basis: calc(50% - 10px);
}
.menubox-l h3 a::after,
.menubox-r h3 a::after {
	transform: scale(1.0,1.5);
	top: calc(50% - 8px);
}
.menubox-l h3 a,
.menubox-r h3 a {
	padding: 15px 20px 15px 10px;
}


.cont-menu li {
	font-size: 90%;
	line-height: 1.5em;
	padding: 7px 0px 7px 18px;
	border-bottom: 1px solid #999;
	position: relative;
}
}






@media print, screen and (min-width: 1026px) {
/* provider knowledge */
.left-info {
	-ms-flex-preferred-size: calc(30% - 30px);
	flex-basis: calc(30% - 30px);
}
.right-content {
	-ms-flex-preferred-size: calc(70% - 30px);
	flex-basis: calc(70% - 30px);
}

.provider .bodytitle {
	font-size: 155%;
	line-height: 1.5em;
	padding: 0px 0px 10px;
}
.provider .bodytitle-cap {
	font-size: 90%;
	line-height: 1.5em;
	padding: 0px 0px 40px;
}


.knowledge .top-list .bodytitle {
	font-size: 155%;
	line-height: 1.5em;
	padding: 0px 0px 15px;
	text-align: center;
}
.knowledge .top-list .bodytitle-cap {
	font-size: 95%;
	line-height: 1.5em;
	padding: 0px 0px 50px;
	text-align: center;
}
.knowledge .top-list.contadd {
	padding: 0px 0px 30px;
}
.knowledge .top-list .top-list-text {
	font-size: 11px;
	line-height: 1.5em;
}
.knowledge .top-list .top-list-text p {
	font-size: 135%;
	line-height: 1.6em;
}



.knowledge .cont-main.cont02 {
	padding: 50px 0px 20px;
}
.menubox > li {
	-ms-flex-preferred-size: calc(50% - 35px);
	flex-basis: calc(50% - 35px);
}
.menubox-l h3 a::after,
.menubox-r h3 a::after {
	transform: scale(1.0,1.5);
	top: calc(50% - 8px);
}
.menubox-l h3 a,
.menubox-r h3 a {
	padding: 15px 20px 15px 10px;
}

.cont-menu li {
	font-size: 95%;
	line-height: 1.5em;
	padding: 10px 0px 10px 18px;
	border-bottom: 1px solid #999;
	position: relative;
}
}


@media print, screen and (min-width: 1140px) {
/* provider knowledge */
.left-info {
	-ms-flex-preferred-size: calc(540px / 2);
	flex-basis: calc(540px / 2);
}
.right-content {
	-ms-flex-preferred-size: 750px;
	flex-basis: 750px;
}

.provider .bodytitle {
	font-size: 170%;
	line-height: 1.5em;
	padding: 0px 0px 10px;
}
.provider .bodytitle-cap {
	font-size: 90%;
	line-height: 1.5em;
	padding: 0px 0px 50px;
}



.knowledge .top-list .bodytitle {
	font-size: 170%;
	line-height: 1.5em;
	padding: 0px 0px 15px;
	text-align: center;
}
.knowledge .top-list .bodytitle-cap {
	font-size: 95%;
	line-height: 1.5em;
	padding: 0px 0px 60px;
	text-align: center;
}
.knowledge .top-list.contadd {
	padding: 0px 0px 40px;
}
.knowledge .top-list .top-list-text {
	font-size: 12px;
	line-height: 1.6em;
}
.knowledge .top-list .top-list-text p {
	font-size: 140%;
	line-height: 1.6em;
}


.knowledge .cont-main.cont02 {
	padding: 60px 0px 30px;
}

}


@media print, screen and (min-width: 1260px) {




}

@media print, screen and (min-width: 1400px) {

}