@charset "utf-8";

@font-face {
	font-family: 'Kiona';
	src: url(font/Kiona-Regular.ttf);
}
@font-face {
	font-family: 'Kiona-Bold';
	src: url(font/Kiona-Bold.ttf);
}

body {
	margin: 0;
	padding: 0;
	font-family: 'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 16px;
	overflow-x: hidden;
}

a {
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
table {
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
strong {
	font-weight:700;
}

dl > dd {
	margin-left: 0;
}
dl.util > dt {
	font-size: 18px;
	font-weight: bold;
	margin-top: 35px;
}
dl.util > dt:first-child {
	margin-top: 0;
}
img {
	max-width: 100%;
	height: auto;
}
h2:not([class]) {
	font-size: 26px;
	font-weight: 500;

}
h2  {
	font-size: 26px;
	font-weight: 700;
	color:#0041C0;

}

h3:not([class]) {
	font-size: 20px;
	font-weight: 700;
	color:#0041C0;
}
h4:not([class]) {
	font-size: 18px;
	font-weight: 600;
}
p:not([class]) {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8;
}
table:not([class]) {
	border-top: solid 1px #ACACAC;
	border-left: solid 1px #ACACAC;
}
table:not([class]) th,
table:not([class]) td {
	font-size: 16px;
	padding: 10px 10px;
	border-right: solid 1px #ACACAC;
	border-bottom: solid 1px #ACACAC;

}
table:not([class]) thead th,
table:not([class]) thead td {
	background-color: #3B6DCE;
	color: #fff;
}
table:not([class]) tbody th {
	background-color: #EEF7FF;
	text-align:left;
}
ul:not([class]) {
	list-style: disc inside;
}
ol:not([class]) {
	list-style: decimal inside;
}
ol:not([class]),
ul:not([class]) {
	padding-left: 20px;
	font-size: 14px;
	font-weight: 600;
	color: #000;
}
ol:not([class]) > li,
ul:not([class]) > li {
	border-bottom: solid 1px #0041C0;
}
ul:not([class]) > li::marker {
	font-size: 20px;
}
ol:not([class]) > li::marker {
	font-size: 14px;
}
ol:not([class]) > li::marker,
ul:not([class]) > li::marker {
	color: #0041C0;
	margin: 0;
}
hr {
	border: none;
	border-top: solid 1px #0041C0;
}
.show {
	display: initial !important;
}
.blue {
	color: #0041C0;
}
.black {
	color: #000;
}
.tac {
	text-align: center;
}
.tar {
	text-align: right;
}
.fs9 {
	font-size: 9px;
}
.fs12 {
	font-size: 12px;
}
.fs14 {
	font-size: 14px;
}
.fs18 {
	font-size: 18px;
}
.fs20 {
	font-size: 20px;
}
.fs24 {
	font-size: 24px;
}
.fs36 {
	font-size: 36px;
}
.fw-normal {
	font-weight: normal;
}
.fw-bold {
	font-weight: bold;
}
.fw-bold.fc-black {
	color: #000;
}
.bg-blue {
	background-color: #0041C0;
}
.bg-white {
	background-color: #fff;
}
.bg-darkgray {
	background-color: #919191;
}
.mt-auto {
	margin-top: auto;
}
.w100 {
	width: 100%;
}
.mt0 {
	margin-top: 0;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}
.mt70 {
	margin-top: 70px;
}
.mt80 {
	margin-top: 80px;
}
.mt100 {
	margin-top: 100px;
}
.mt130 {
	margin-top: 130px;
}
.nmt75 {
	margin-top: -75px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb60 {
	margin-bottom: 60px;
}
.mb70 {
	margin-bottom: 70px;
}
.float-img-box > .float-img {
	float: left;
	margin-right: 20px;
}
.float-img-box > .float-img.img-right {
	float: right;
	margin-left: 20px;
}
.strong {
	color: red;
}

.bg-gray-alternate > :nth-child(even) {
	background-color: #f5f5f6;
}
.bg-gray-alternate > section,
.bg-gray-alternate > article {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}
.bg-gray-alternate > section {
	padding: 70px 0;
}
.bg-gray-alternate > article {
	padding: 30px;
}
.bg-gray-alternate.gray-start > :nth-child(odd) {
	background-color: #f5f5f5;
}
.bg-gray-alternate.gray-start > :nth-child(even) {
	background-color: unset;
}
.bg-gray-expand {
	padding: 30px 0;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	background-color: #f5f5f5;
}
.bg-f5f5f5 {
	background-color: #f5f5f5 !important;
}
@media screen and (min-width: 769px) {
	.sp-only {
		display: none;
	}
}
.cf:after {
	content: '';
	clear: both;
	display: block;
}
.wrapper {
	max-width: 1016px;
	margin-right: auto;
	margin-left: auto;
}
.cover-img-black {
	position: relative;
	display: block;
}
.cover-img-black:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.01);
}
.button {
	position: relative;
	display: inline-block;
	border-radius: 100px;
	background-color: #fff;
	padding: 8px 35px;
	text-decoration: none;
	color: #0041C0;
	border:2px solid #0041C0;
	font-weight:bold;
	transition : .5s;
}

.button:hover {
	background-color: #0041C0;
	border-color: #0041C0;
	color: #fff;
	transition : .5s;
	text-decoration: none;
}

.button.block-button {
	padding-left: 0;
	padding-right: 0;
	display: block;
}
.button.bg-blue {
	background-color: #0041C0;
	color: #fff;
	transition : .5s;

}
.button.bg-blue:hover {
	background-color: #fff;
	border-color: #0041C0;
	color: #0041C0;
	transition : .5s;
}

.button.bg-darkgray {
	background-color: #919191;
}
.button-shadow {
	box-shadow: 3px 3px 6px #0000004d;
}
.large-button {
	padding: 12px 40px;
	font-size: 18px;
}
.with-icon-link {
	padding-left: 13px;
	padding-right: 13px;
}
.slightly-small-button {
	padding: 9px 30px;
	font-size: 16px;
}
.small-button {
	padding: 8px 7px;
	font-size: 13px;
}
.width200-button {
	display:block;
	width:200px;
	margin:0 auto;
}
.width400-button {
	display:block;
	width:400px;
	margin:0 auto;
}
.lh31 {
	line-height: 31px;
}
.icon-link {
	display: inline-block;
	padding-left: 65px;
	padding-right: 65px;
	line-height: 31px;
}
.icon-in-house-blue {
	background: url(../img/icon_in_company_blue.svg) left 15px center no-repeat;
}
.icon-in-house-white {
	background: url(../img/icon_in_company_white.svg) left 15px center no-repeat;
}
.icon-external-blue {
	background: url(../img/icon_outside_company_blue.svg) left 15px center no-repeat;
}
.icon-external-white {
	background: url(../img/icon_outside_company_white.svg) left 15px center no-repeat;
}
.icon-link.icon-right {
	padding-right: 45px;
	padding-left: 0;
	background-position: right center;
}
.icon-in-button {
	padding: 10px;
	background-color: #fff;
	color: #0041C0;
	border-radius: 100px;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	letter-spacing: 3px;
	text-align: center;
}
.order1 {
	order: 1;
}
.flex-2column {
	display: flex;
	justify-content: space-between;
	margin: 0 0 0 -16px;
	flex-wrap: wrap;
}
.flex-2column.space-around {
	justify-content: space-around;
}
.flex-2column > * {
	flex-basis: 500px;
	margin: 40px 0 0 16px;
}
.flex-2column > *.mt30 {
	margin-top: 30px;
}
.flex-2column.basis40 > * {
	flex-basis: 40%;
}
.flex-2column.basis45 > * {
	flex-basis: 45%;
}
.flex-2column a.link-content {
	display: block;
	color: #000;
}
.flex-2column > :nth-child(-n+2) {
	margin-top: 0;
}
.flex-2column.flex-text-img {
	flex-wrap: nowrap;
}
.flex-2column.flex-text-img > * {
	flex-basis: auto;
}
.flex-2column.flex-text-img > .img-box {
	flex-shrink: 0;
}
.flex-3column {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: -45px 0 0 -28px;
}
.flex-3column.basis305px {
	margin-left: -50px;
}
.flex-3column > li {
	width: 320px;
	margin: 45px 0 0 28px;
}
.flex-3column:after {
	content: "";
	display: block;
	width: 320px;;
	margin: 0 0 0 28px;
}
.flex-3column.basis305px > li,
.flex-3column.basis305px:after {
	flex-basis: 305px;
	margin-left: 50px;
}
.flex-3column a.link-content {
	display: block;
	color: #000;
}
.flex-4column {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: -20px 0 0 -16px;
}
.flex-4column > li {
	width: 242px;
	margin: 20px 0 0 16px;
}
.flex-4column.w246 {
	margin-left: -14px;
}
.flex-4column.w246 > li {
	width: 246px;
	margin-left: 14px;
}
.flex-4column:before,
.flex-4column:after {
	content: "";
	display: block;
	width: 242px;
	margin: 20px 0 0 16px;
	order: 1;
}
.flex-4column.with-border > li {
	width: 240px;
}
.flex-space-around {
	display: flex;
	justify-content: space-around;
}
.flex-space-between {
	display: flex;
	justify-content: space-between;
}
.flex-direction-column {
	display: flex;
	flex-direction: column;
}
.inline-block-list > li {
	display: inline-block;
	margin-right: 1em;
}
.flow-wrap {
	background: url(https://ch-olympic-panabranddev.arfaetha.jp/common/img/bg_flow.png) center center/contain no-repeat;
	width: 100%;
}
.flow {
	max-width: 1002px;
	display: flex;
}
.flow > li {
	width: 25%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	height: 50px;
	color: #fff;
}

.breadcrumbs {
	margin: 20px auto;
	font-size: 12px;
}
.breadcrumbs li {
	display: inline;
}
.breadcrumbs li:nth-child(n+2):before {
	content: '>';
	display: inline;
	margin: 0 5px;
}
.breadcrumbs a {
	color: #000;
}
ul.toggle-menu {
	position: relative;
}
ul.toggle-menu > li > a {
	display: block;
}
.internal-links > li > a:after,
ul.toggle-menu > li.toggle-switch > a:after {
	display: inline-block;
	content: '';
	margin-left: 5px;
	width: 7px;
	height: 7px;
	border-right: solid 2px #0F58A8;
	border-bottom: solid 2px #0F58A8;
	transform: translateY(-2px) rotate(45deg);
}
ul.toggle-menu > li.toggle-switch:hover > a:after {
	width: 9px;
	border-right: none;
	transform: translateY(-4px);
}
ul.toggle-menu > li > ul {
	list-style: none;
	padding: 0;
	position: absolute;
	width: max-content;
	bottom: 0;
	left: 0;
	display: none;
	background-color: #0041C0;
	transform: translateY(100%);
	z-index: 10;
	height: 390px;
	font-size: 16px;
	font-weight: normal;
}
ul.toggle-menu > li > ul:not(.more-show-menu) {
	width: 455px;
}
ul.toggle-menu ul > li > a {
	display: block;
	padding: 0 30px 0 20px;
	color: #fff;
	position: relative;
	line-height: 50px;
	height: 50px;
	font-size:16px;
}
ul.toggle-menu ul > li > a.twoline {
	line-height: 25px;
}
ul.toggle-menu ul > li:first-child > a {
	padding-top: 20px;
}
ul.toggle-menu.internal-links > li:hover > ul {
	display: block;
}
.more-show-menu > li:first-child {
	background-color: #C4D8FF;
}
.more-show-menu > li:first-child > a {
	color: #0041C0;
}
.more-show-menu > li > a > div {
	display: inline-block;
	content: '';
	width: 7px;
	height: 7px;
	border-right: solid 2px #fff;
	border-top: solid 2px #fff;
	transform: translateY(-50%) rotate(45deg);
	position: absolute;
	top: 50%;
	right: 15px;
}
.more-show-menu > li:first-child > a > div {
	top: calc(50% + 10px);
}
.more-show-menu > li:first-child > a > div {
	border-right-color: #0041C0;
	border-top-color: #0041C0;
}
.more-show-menu > li > ul {
	list-style: none;
	padding: 0;
	display: none;
	background-color: #C4D8FF;
	position: absolute;
	top: 0;
	right: 1px;
	transform: translateX(100%);
	height: 390px;
	width: max-content;
	z-index: 10;
}
.more-show-menu > li > ul > li {
	border-bottom: none;
}
.more-show-menu > li:first-child > ul {
	display: block;
}
.more-show-menu > li > ul > li > a {
	color: #0041C0;
	font-weight: normal;
}

.internal-links {
	border-bottom: solid 1px #0041C0;
	margin: 70px auto 0;
	display: flex;
	justify-content: left;
	width: fit-content;
	box-shadow: 0 3px 3px -3px;
}
.internal-links.expand {
	margin-left: -50px;
	margin-right: -50px;
}
.internal-links > li {
	padding-left: 60px;
}
.internal-links.wide > li {
	padding-left: 200px;
}
.internal-links.narrow > li {
	padding-left: 25px;
}
.internal-links > li:first-child {
	padding-left: 0;
}
.internal-links > li > a {
	font-weight: bold;
	color: #0F58A8;
}
@media screen and (min-width: 769px) {
	.internal-links > li > a > br {
		display: none;
	}
}
ul.internal-links.toggle-menu > li > ul {
	background-color: #fff;
	border: solid 1px #707070;
	height: auto;
}
ul.internal-links.toggle-menu > li > ul > li:first-child {
	margin-top: 0;
}
ul.internal-links.toggle-menu > li > ul > li > a {
	font-size: 13px;
	color: #0F58A8;
	padding: 0 10px;
}
.lead {
	margin: 30px auto 40px;
	font-size: 16px;
}
.h-blue {
	font-size: 40px;
	color: #000;
	margin-top: 0px;
	margin-bottom: 0px;
}
h1.h-blue {
	text-align: left;
}
.h-small {
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 0;
}
.h-normal {
	font-size: 26px;
	margin-top: 0;
	margin-bottom: 0;
}
.border-gray-box {
	border: solid 1px rgba(0, 0, 0, 0.2);;
	padding: 30px;
}
.webpage-mv-box,
.webpage-mv-wrapper {
	height: 390px;
}
.webpage-mv-wrapper {
	overflow: hidden;
}
.mv-with-border {
	height: 390px;
	background: url(https://ch-olympic-panabranddev.arfaetha.jp/common/img/bg_knowledge_news_mv.svg) center center/cover no-repeat;
	display: flex;
	align-items: center;
	position: relative;
}
.mv-with-border.half-border {
	padding-top: 60px;
	height: 330px;
	display: block;
}
.mv-with-border.half-border > div {
	width: 100%;
	background: linear-gradient(to right, rgba(0, 65, 192, 0.77),rgba(0, 65, 192, 0.77) calc(50% + 168px), transparent calc(50% + 168px), transparent 100%);
	height: 182px;
}
.mv-with-border.half-border .wrapper > div {
	width: calc(50% + 150px);
}
.mv-border {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	content: '';
	height: 70px;
	width: 100%;
	background-color: #0041C0;
	opacity: 0.77;
}
.mv-border:before,
.mv-border:after {
	content: '';
	position: absolute;
	height: 139px;
	width: 100%;
}
.mv-border:before {
	bottom: calc(100% - 1px);
	background: linear-gradient(to left top, #0041C0, #0041c0 50%, transparent calc(50% + 1px));
}
.mv-border:after {
	top: calc(100% - 1px);
	background: linear-gradient(to right bottom, #0041C0, #0041c0 50%, transparent calc(50% + 1px))
}
.mv-with-border h1 {
	font-family: Kiona, sans-serif;
	position: relative;
	font-size: 60px;
	text-align: center;
	margin: 0;
	color: #fff;
}
.mv-with-border.half-border h1 {
	font-size: 40px;
	text-align: left;
	padding-top: 30px;
}
.mv-with-border h1 > .sub {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 18px;
	margin: 10px 0 0;
}
.mv-with-border.half-border .sub {
	color: #fff;
	margin-top: 10px;
}
h2.small-tag {
	margin: 0;
	font-size: 14px;
	padding: 5px 20px;
	display: inline-block;
	background-color: #0041C0; 
	color: #fff;
}	
h2.small-tag-lblue {
	margin: 0;
	font-size: 13px;
	padding: 0px 0px;
	display: inline-block;
	color: #a1c1ff;
	width:470px;
	border-bottom: solid 2px #a1c1ff;
	/** background-color:#a1c1ff **/
}
h3.border-left {
	border-left: solid 5px #b3b3b3;
	padding-left: 10px;
	line-height: 1.4em;
	font-size: 24px;
	margin: 40px 0
}
ul.border-left-row2-with-icon,
ul.border-left-row3-with-icon {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
}
ul.border-left-row2-with-icon > li {
	display: flex;
	width: 50%;
	justify-content: center;
}
ul.border-left-row3-with-icon > li {
	width: 30%;
}
ul.border-left-row2-with-icon > li > div,
ul.border-left-row3-with-icon > li {
	display: flex;
	align-items: center;
	padding: 10px 1% 10px 2%;
	border-left: solid 1px #0041C0;
}
ul.border-left-row2-with-icon > li > div {
	width: 300px;
}
ul.border-left-row2-with-icon > li > div > img,
ul.border-left-row3-with-icon > li > img {
	margin-right: 20px;
}
ul.manager-list {
	display: flex;
	border: solid 1px rgba(0, 0, 0, 0.2);
}
ul.manager-list > li {
	padding: 10px 1% 10px 2%;
}
ul.manager-list > li > a {
	display: flex;
	align-items: center;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	width: fit-content;
}
ul.manager-list > li > a > img {
	border-radius: 100px;
	margin-right: 20px;
}
ul.manager-list.one-column {
	justify-content: center;
	flex-wrap: wrap;
	margin: 25px 0 0;
	padding: 10px 0;
}
ul.manager-list.one-column > li {
	width: 100%;
}
ul.manager-list.one-column > li > a {
	margin: 0 auto;
}
ul.manager-list.two-column {
	margin: 25px 0 0;
	padding: 10px 0;
	flex-wrap: wrap;
	justify-content: space-around;
}
ul.manager-list.two-column:after {
	content: '';
	display: block;
	width: 45%;
	height: 0;
	margin: 0;
}
ul.manager-list.two-column > li {
	width: 45%;
}
ul.manager-list.four-column {
	flex-wrap: wrap;
	justify-content: space-between;
}
ul.manager-list.four-column:before,
ul.manager-list.four-column:after {
	content: '';
	display: block;
	width: 21%;
	height: 0;
	margin: 0;
	padding: 0px 1% 0px 2%;
	order: 1;
}
ul.manager-list.four-column > li {
	width: 21%;
}
.link-triangle {
	display: inline-block;
	position: relative;
	color: #0041C0;
	padding-left: 15px;
}

.link-triangle:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: solid 5px transparent;
	border-right: solid 10px transparent;
	border-bottom: solid 5px transparent;
	border-left: solid 10px #0041C0;
}
.link-triangle.triangle-gray:before {
	border-left-color: #B3B3B3;
}
.link-list {
	margin: 0 0 0 -50px;
	display: flex;
	flex-wrap: wrap;
}
.link-list > li {
	margin: 0 0 0 50px;
}

/* header */
header {
	background-color: #F0F0F0;
	height: 68px;
	position: relative;
}
#header-content {
	background-color: #F0F0F0;
	height: 68px;
	position: fixed;
	width: 100%;
	z-index: 100;
	box-shadow: 0 -7px 15px;
}
#header-content > div {
	width: 100%;
	max-width: 1180px;
	height: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	position: relative;
}
#header-content h1 {
	margin: 0;
	font-size: 22px;
}
#header-content #piw-logo {
	position: absolute;
	top: 18px;
	left: 0;
}
#header-content #site-title {
	position: absolute;
	top: 17px;
	left: 148px;
}
#header-content h1 > a {
	text-decoration: none;
	color: #0041C0;
	position: relative;
	line-height: 1.3;
	font-size: 15px;
}
#header-content > #toc-bg {
	display: none;
	background-color: #000;
	height: 390px;
	position: absolute;
	width: 100%;
	max-width: unset;
	opacity: 0.5;
	bottom: 0;
	left: 0;
	transform: translateY(100%);
}
#toc > ul {
	height: 100%;
	display: flex;
	align-items: end;
}
#toc > ul > li {
	display: inline-block;
	margin-right: 48px;
	color: #0F58A8;
	position: relative;
}
#toc > ul > li > a {
	font-weight: normal;
	color: #0F58A8;
	padding-bottom: 3px;
	font-size: 15px;
}
#header-absolute {
	font-size: 13px;
	position: absolute;
	top: 11px;
	right: 437px;
	display: flex;
	align-items: center;
}
#header-absolute > div {
	margin-right: 20px;
}
#header-absolute a {
	text-decoration: none;
	color: #747474;
}
#search-box {
	display: none;
	margin-left: 40px;
}
#search-box > form {
	display: none;
}
.magnifying_glass {
	display: inline-block;
	position: relative;
	width: 1em;
	height: 1em;
	color: #000;
	font-size: 18px;
}
.magnifying_glass::before {
	position: absolute;
	top: 2px;
	left: 0px;
	width: 0.7em;
	height: 0.7em;
	box-sizing: border-box;
	border: 0.15em solid currentColor;
	border-radius: 50%;
	background-color: #fff;
	content: "";
	z-index: 2;
}
.magnifying_glass::after {
	position: absolute;
	top: 2px;
	left: 39%;
	transform: rotate(-45deg);
	width: 0.1em;
	height: 0.9em;
	box-sizing: border-box;
	background-color: currentColor;
	content: "";
}
#brand-link {
	position: absolute;
	top: 8px;
	right: 173px;
}
#brand-link > a {
	font-size: 12px;
	line-height: 10px;
	padding: 7px 11px;
	border-radius: 0;
}
#pex-link {
	position: absolute;
	top: 8px;
	right: 25px;
}
#pex-link > a {
	font-size: 12px;
	line-height: 10px;
	padding: 7px 11px;
}

/* footer */
#go-top {
	position: fixed;
	right: 60px;
	bottom: 60px;
	width: 68px;
	height: 68px;
	background-color: #fff ;
	border-radius: 34px;
}
#go-top:before {
	content: '';
	display: block;
	position: absolute;
	top: -5px;
	left: 50%;
	transform: translateX(-50%);
	border: solid 15px transparent;
	border-top: solid 26px transparent;
	border-bottom: solid 26px #0041C0;
}
footer {
	background-color: #0041C0;
	padding: 70px 0 35px;
	color:#fff;
}
#footer-links {
	max-width: 1042px;
	max-width: 1300px;
	margin: 0 auto 70px;
	display: flex;
	justify-content: space-between;
}
#footer-links ul {
	list-style: none;
	padding: 0;
}
#footer-links > ul {
	margin-left: 20px;
}
#footer-links > ul:first-child {
	margin-left: 0;
}
#footer-links > ul > li {
	margin-top: 40px;
}
#footer-links > ul > li:first-child {
	margin-top: 0;
}
#footer-links li {
	border-bottom: none;

}
#footer-links li > a {
	font-weight: 400;
}
#footer-links a {
	color:#fff!important;
}
#footer-links div > a {
	font-weight: bold;
}
#footer-links > ul > li > ul > li {
	margin-top: 18px;
}
#copyright {
	margin: 0;
}
#copyright > span {
	font-size: 11px;
}
.follow-nav-wrapper.fixed > .follow-nav {
	position: fixed;
	top: 68px;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 1;
	margin: 0;
}
.follow-nav {
	padding: 20px 0;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	border-bottom: dashed 2px #b3b3b3;
}

/* top */
#top-mv {
	position: relative;
	padding: 33% 0 25px;
}
#top-mv > div {
	position: absolute;
	top: 0;
	padding-top: 33%;
	width: 100%;
}
.top-mv-border {
	position: absolute;
	bottom: 10;
	background-color: #F2EFEF;
	transform: matrix(0.99, -0.1, 0.1, 0.99, -50, -20);
	height: 22.5%;
	width: 150%;
}
.top-mv-border-wrapper > .wrapper {
	display: flex;
	justify-content: flex-end;
	position: absolute;
	right: 11%;
	bottom: 10%;
	font-size: 14px;
}
.top-mv-bg {
	background: url(https://ch-olympic-panabranddev.arfaetha.jp/common/img/bg_top_mv.svg) center center/contain no-repeat;
	background-size: 65%;
}
#top-mv2 {
	position: relative;
}
.top-mv-bg-wrapper2 {
	max-width: 1030px;
	margin: 0 auto;
}
.top-mv-bg2 {
	padding-top: 41%;
	background: url(https://ch-olympic-panabranddev.arfaetha.jp/common/img/bg_top_mv2.svg) center bottom/contain no-repeat;
}
.top-mv-border2 {
	top: 100px;
	height: 80px;
}
#top-mv2 .wrapper {
	position: absolute;
	top: 68px;
	right: 50%;
	transform: translateX(50%);
	width: 100%;
}
#top-mv2 ol {
	list-style: none;
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 0;
	font-family: Kiona-Bold, sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #fff;
}
@media screen and (max-width: 1000px) {
	#top-mv2 ol {
		font-size: 18px;
	}
}
#top-mv2 ol > li,
#top-mv2 ol > li > span {
	position: relative;
	border-bottom: none;
}
#top-mv2 ol > li:before {
	content: none;
}
#top-mv2 ol > li > span:before {
	content: "";
	display: block;
	height: 15px;
	width: 100%;
	position: absolute;
	bottom: -4px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 3px 3px 9px #fffffff8;
	opacity: 0.25;
	padding: 0;
}
#top-mv2 p {
	margin: 31px 0 0;
	text-align: center;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
}
#top-mv2 p > br {
	display: none;
}
#lead {
	margin: 55px auto;
	padding: 0;
}
#lead .wrapper {
	max-width: 900px;
}
#lead .lead-container {
	display: flex;
	justify-content: space-between;
	background: url(https://ch-olympic-panabranddev.arfaetha.jp/common/img/top_mv.svg) right center no-repeat;
}
#lead .lead-text {
	width: 100%;
	max-width: 540px;
}
#lead .lead-text > h1 {
	font-size: 38px;
	margin-top: 0;
}
#lead .lead-text > h1 > .sub {
	font-size: 24px;
}
#lead .button {
	margin: 30px 0;
	padding: 17px 60px;
	font-size: 18px;
}
#recommend {
	padding: 35px 0;
}
#recommend .flex-4column > li a {
	display: block;
	color: #000;
}
#recommend .flex-4column > li a > div {
	height: 136.125px;
}
#top .text-img-box {
	padding: 70px 0;
}
#top .text-img-box h2 {
	margin: 0;
}
#top .text-box {
	width: 42%;
	max-width: 430px;
	margin-bottom: 0;
}
#top .fl {
	float: left;
}
#top .fr {
	float: right
}
#top .img-box.fr {
	margin-left: 20px;
}
#top .img-box.fl {
	margin-right: 20px;
}
#top p.text-box {
	line-height: 1.8;
}
#recommend h2 {
	margin: 0 0 10px 0;
}
#top .text-img-box h3 {
	margin: 30px 0 1em 0;
	font-size: 14px;
}
#top .text-img-box .buttons {
	margin: 50px 0 0;
}
#top .text-img-box .button {
	width: 260px;
	margin: 0 auto;
}
#yammer {
	padding: 70px 0;
}
#yammer h2 {
	margin: 0 0 50px 0;
}
#service-site {
	padding: 60px 0;
}
#service-site .flex-3column {
	margin: -70px 0 0 -25px;
}
#service-site .flex-3column:after {
	flex-basis: 322px;
	margin-left: 25px;
}
#service-site .flex-3column > li {
	margin: 70px 0 0 25px;
	flex-basis: 322px;
	text-align: center;
}
#service-site .flex-3column > li a:not(.block) {
	display: inline-block;
	position: relative;
}
#service-site .flex-3column > li a:not(.block):hover::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(255,255,255,0.3);
}
#service-site .flex-3column > li img {
}
#service-site .flex-4column > li > a {
	display: flex;
	justify-content: center;
	align-items: center;
	border: solid 1px #707070;
	color: #000;
	text-align: center;
	padding: 20px 0;
}
#service-site .button {
	width: 260px;
	margin: 0 auto;
	font-size: 14px;
}
#top #links {
	padding: 60px 0;
}
#top #links p {
	margin: 0 0 50px;
}
#top #links li {
	margin-top: 2em;
}
#top #links a {
	color: #000;
}
#top #links time {
	font-weight: bold;
	font-size: 12px;
}
#top #links .new {
	color: #FF0000;
	font-size: 10px;
	vertical-align: top;
}

/* web page layer 2 */
.mv {
	color: #fff;
	height: 376px;
}
.mv h1 {
	margin: 0 0 20px;
	padding-top: 100px;
	font-size: 40px;
}
.page-list {
	margin: 50px auto;
}
.page-list .img-box {
	border: solid 1px rgba(0, 0, 0, 0.2);
}
.page-list ul > li {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: flex-start;
}
.page-list ul > li > p {
	line-height: 24px;
	margin: 16px 0;
	align-self: center;
}
.page-list ul > li > .tac {
	align-self: center;
}
.page-list .button-wrapper {
	margin-bottom: 20px;
	line-height: 19.5px;
	height: 59px;
	display: flex;
	align-items: flex-start;
}
.page-list .page-links a {
	position: relative;
	color: #0041C0;
	text-decoration: none;
	font-size: 14px;
	padding-left: 15px;
	display: inline-block;
}
.page-list .page-links a:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: solid 5px transparent;
	border-right: solid 10px transparent;
	border-bottom: solid 5px transparent;
	border-left: solid 10px #b3b3b3;
}
.page-list .page-list-tag {
	display: inline-block;
	font-weight:bold;
	font-size: 13px;
	margin: 15px 0 5px;
	padding: 3px 5px;
}

/* brand strategy */
#brand-follow-nav {
	padding-top: 70px;
}
#brand-follow-nav h3 {
	margin: 0;
	display: inline-block;
	margin-right: 30px;
}
#brand-follow-nav a.button {
	font-size: 24px;
}
#brand-follow-nav span {
	margin-left: 10px;
	font-size: 18px;
}
.strategy-mv {
	background: url(https://ch-olympic-panabranddev.arfaetha.jp/common/img/bg_strategy_mv.svg) center center/cover no-repeat;
}
.migratory-nav {
	margin: 80px auto;
	display: flex;
}
.migratory-nav .button {
	font-weight: bold;
	position: relative;
}
.migratory-nav ul {
	display: flex;
	flex-grow: 1;
}
.migratory-nav ul > li {
	border-bottom: none;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-grow: 1;
	text-align: center;
	font-weight: normal;
}
.migratory-nav ul > li.current {
	border-bottom: solid 3px #0041C0;
}
.migratory-nav ul > li > a,
.migratory-nav ul > li > span {
	color: #0041C0;
	position: relative;
}
.migratory-nav a:after {
	content: '';
	position: absolute;
	top: 50%;
	right: -10px;
	display: block;
	width: 6px;
	height: 6px;
	border-top: solid 2px #0041C0;
	border-right: solid 2px #0041C0;
	transform: translateY(-50%) rotate(45deg);
	color: #0041C0;
}
.migratory-nav .button:after {
	right: 20px;
	border-top-color: #fff;
	border-right-color: #fff;
}

/* knowledge */
.knowledge-mv {
	background: url(https://ch-olympic-panabranddev.arfaetha.jp/common/img/bg_knowledge_mv.svg) center center/cover no-repeat;
}
.knowledge-mv.news-mv {
	background: url(https://ch-olympic-panabranddev.arfaetha.jp/common/img/bg_knowledge_news_mv.svg) center center/cover no-repeat;
}

/* news */
.news > a {
	text-decoration: none;
	color: #0F0C0C;
	max-width: 926px;
}
.news .news-title {
	text-decoration: underline;
}
.news > a > .news-thumb {
	width: 100%;
	max-width: 160px;
	height: 90px;
	margin-right: 50px;
}
.news > a > .news-info {
	flex-basis: 100%;
}
.news time {
	font-weight: bold;
}
.news .new {
	font-size: 10px;
	color: #FF0000;
	vertical-align: top;
}

/* service */
.service-mv.consulting-mv {
	background: url(https://ch-olympic-panabranddev.arfaetha.jp/common/img/bg_service_consulting_mv.svg) center center/cover no-repeat;
}
.service-mv.creative-mv {
	background: url(https://ch-olympic-panabranddev.arfaetha.jp/common/img/bg_service_creative_mv.svg) center center/cover no-repeat;
}
.service-mv.sales-mv {
	background: url(https://ch-olympic-panabranddev.arfaetha.jp/common/img/bg_service_sales_mv.svg) center center/cover no-repeat;
}
.service-mv.innerbranding-mv {
	background: url(https://ch-olympic-panabranddev.arfaetha.jp/common/img/bg_service_innerbranding_mv.svg) center center/cover no-repeat;
}
.charge-list {
	display: flex;
}
.charge-list > li {
	width: 20%;
	display: flex;
	align-items: center;
	border-top: solid 1px #707070;
	padding-top: 20px;
}
.charge-list.no-border > li {
	border-top: none;
}
.charge-list > li > img {
	margin-right: 20px;
}
.charge-vertical-list-box {
	display: flex;
	justify-content: space-around;
}
.charge-vertical-list-box ul {
	margin-top: 30px;
	border-top: solid 1px #707070;
	padding: 10px 40px 0;
}
.charge-vertical-list-box ul > li {
	display: flex;
	align-items: center;
	margin-top: 20px;
}
.charge-vertical-list-box ul > li > img {
	margin-right: 20px;
}
.charge-list-4column {
	display: flex;
	justify-content: space-between;
}
.charge-list-4column ul {
	border-top: solid 1px #707070;
}
.charge-list-4column li {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
}

/* guideline */
.guideline-mv {
	height: 376px;
	background: url(https://placehold.jp/1300x376.png) center center/cover no-repeat;
	display: flex;
	align-items: center;
	position: relative;
}
#operation-site .flex-3column li > div:first-child {
	border: solid 1px rgba(0, 0, 0, 0.2)
}
#exhibition-net section {
	padding: 60px 0;
}
#exhibition-net .button {
	width: 350px;
	text-align: center;
}
.exhibition-brand-lines {
	display: flex;
}
.line-type {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-right: 20px;
	flex-shrink: 0;
}
.line-type > div {
	flex-basis: 50%;
	display: flex;
	align-items: center;
}
#expo ol {
	padding: 0 0 0 1.5em;
	margin-top: 10px;
}
#expo .border-gray-img-box {
	border: solid 1px rgba(0, 0, 0, 0.2);;
}
#expo ol.no-border {
	border: none;
}
#expo ol.black > li::marker {
	color: #000;
}
#expo .flex-2column.asymmetry {
	flex-wrap: nowrap;
	margin: 0;
}
#expo .flex-2column.asymmetry > * {
	flex-basis: auto;
	margin: 0;
}
#expo .flex-2column.asymmetry > *:first-child {
	flex-basis: 353px;
}

/* news */
#news-main {
	max-width: 758px;
	margin-right: 16px;
}
#news-main h1 {
	font-size: 34px;
}
#news-main p {
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.6rem;
}
#news-main ul:not([class]) {
	font-weight: normal;
	list-style: disc;
}
#news-main ol:not([class]) {
	font-weight: normal;
	list-style: decimal;
}
#news-main ul:not([class]) li,
#news-main ol:not([class]) li {
	border-bottom: none;
	font-size: 16px;
	line-height: 1.6rem;
}
#news-main h2 {
	margin-bottom: 30px;
}
#news-main figure {
	margin: 30px 0;
}
#news-main figure > figcaption {
	margin-top: 5px;
	font-size: 12px;
}
#news-main .conversations {
	margin: 30px 0;
}
#news-main .conversations > p {
	display: flex;
	margin-top: 30px;
}
#news-main .conversations > p > .name {
	width: 100px;
	flex-shrink: 0;
}
#news-main .border-message-box {
	display: flex;
	align-items: center;
	border: solid 1px #0041C0;
	margin: 70px 0;
	padding: 25px;
}
#news-main .border-message-box .msg-img {
	flex-shrink: 0;
	margin-left: 20px;
}
#news-main .bg-gray-message-box {
	margin: 100px 0;
	padding: 30px;
	display: flex;
	background: #F7F7F7;
	align-items: center;
}
#news-main .bg-gray-message-box p {
	margin: 0;
}
#news-main .bg-gray-message-box .button-box {
	flex-shrink: 0;
	margin-left: 40px;
}
#news-main .bg-gray-message-box .button {
	padding: 11px 17px;
}
#brand-news aside {
	width: 222px;
	padding: 10px;
	height: fit-content;
}
#brand-news aside a {
	display: block;
	color: #707070;
	margin-top: 40px;
}
#brand-news aside li:first-child a {
	margin-top: 0;
}
#brand-news aside div {
	width: 220px;
	height: 123.75px;
	flex-shrink: 0;
	margin-right: 10px;
}
#brand-news aside p {
	margin: 0;
}
#to-news-list {
	margin-top: 70px;
	margin-bottom: 70px;
	text-align: center;
}

/* section */
#organization-chart {
	position: relative;
}
#organization-chart > a {
	position: absolute;
	display: block;
	height: 2%;
	font-size: 14px;
	text-indent: -10000px;
}

@media all and (-ms-high-contrast: none) {
	#toc > ul {
		align-items: flex-end;
	}
	#service-site .flex-3column > li a:not(.block) {
		display: block;
	}
	.bg-gray-alternate > section,
	.bg-gray-alternate > article {
		margin-left: auto;
		margin-right: auto;
	}
	.page-list ul > li {
		flex-direction: row;
		justify-content: center;
	}
	.page-list a:not(.block) {
		display: block;
		width: 100%;
	}
	.page-list .page-links {
		width: 100%;
	}
	.flex-direction-column {
		flex-direction: row;
	}
}
@media screen and (min-width: 769px) {
	ul.toggle-menu {
		top: 42px;
	}
}
label#hamburger {
	position: relative;
	top: -24px;
}


#expo ol {
	padding: 0 0 0 1.5em;
	margin-top: 10px;
}
#expo .border-gray-img-box {
	border: solid 1px rgba(0, 0, 0, 0.2);;
}
#expo ol.no-border {
	border: none;
}
#expo ol.black > li::marker {
	color: #000;
}
#expo .flex-2column.asymmetry {
	flex-wrap: nowrap;
	margin: 0;
}
#expo .flex-2column.asymmetry > * {
	flex-basis: auto;
	margin: 0;
}
#expo .flex-2column.asymmetry > *:first-child {
	flex-basis: 353px;
}
ul.toggle-menu ul.narrow > li > a {
	height: 50px;
	line-height: 50px;
}

/* top */
#sponsorship {
	margin: 70px 0 0;
	display: flex;
	justify-content: space-between;
}
#sponsorship h2 {
	margin: 0 0 23px;
	font-size: 20px;
	font-weight: bold;
	color: #000;
}
#sponsorship > div {
	flex-basis: 100%;
	margin-left: 40px;
}
#sponsorship > .sponsorship-img {
	flex-basis: 320px;
	flex-shrink: 0;
	margin: 0;
}
.update {
	margin: 40px 0 30px;
}
.update a {
	display: flex;
	justify-content: space-between;
	color: #000;
}
.update .update-thumb {
	flex-basis: 210px;
	flex-shrink: 0;
	margin: 5px 0;
	min-height: 105px;
}
.update > li:first-child .update-thumb {
	margin-top: 0;
}
.update .update-info {
	margin-left: 20px;
	border-bottom: solid 1px #C3C3C3;
	flex-basis: 100%;
}
.update > li:first-child .update-info {
	border-top: solid 1px #C3C3C3;
	padding-bottom: 5px;
}
.update-info > p {
	display: flex;
	align-items: center;
	height: 100%;
	margin: 0;
}
.update-info time {
	margin-right: 52px;
}
#top .flex-2column {
	margin-top: 30px;
}
#top .flex-2column > * {
	margin-left: 16px;
	flex-basis: 490px;
}
#top .flex-2column p {
	font-size: 14px;
}
#top .button {
	width: 336px;
	margin-top: 70px;
	padding: 18px 0;
}
#top .flex-3column {
	margin-top: -25px;
	margin-left: -20px;
}
#top .flex-3column > li {
	width: 325px;
	margin-left: 20px;
}
.approval-banner > a {
	display: flex;
	padding: 25px 65px;
	max-width: 400px;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background: #BE0000;
	color: #fff;
}
.approval-banner > a:hover {
	text-decoration: none;
}
.approval-banner p {
	margin: 0;
}
.approval-banner p:last-child {
	margin-top: 16px;
	line-height: 20px;
}
.breadcrumbs {
	margin-top: 90px;
}
.flat-webpage-title {
	margin: 70px 0;
	line-height: 1;
	font-size: 60px;
	color: #0041C0;
}
.flat-webpage-title > .sub {
	margin-top: 20px;
	font-size: 18px;
}
.bg-blue-title {
	background-color: #0041C0;
	font-size: 16px;
	color: #fff;
	margin: 10px 0;
	padding: 8px 20px;
}
ul.brackets.indent > li {
	text-indent: -1.5em;
	padding-left: 1.5em;
}
.gray-table {
	margin: 40px 0;
	width: 100%;
	table-layout: fixed;
	border-collapse: collapse;
	border-top: solid 1px #9A9A9A;
	border-left: solid 1px #9A9A9A;
}
.gray-table thead th {
	background-color: #E6E6E6;
	font-weight: bold;
}
.gray-table th,
.gray-table td {
	padding: 20px 0;
	border-right: solid 1px #9A9A9A;
	border-bottom: solid 1px #9A9A9A;
	text-align: center;
}
.gray-table tbody th {
	text-align: left;
	padding-left: 60px;
}
.gray-table tbody td.nopadding {
	padding: 10px 0;
}
.flex-center {
	display: flex;
	justify-content: center;
}
.contact {
	margin-top: 100px;
	margin-bottom: 100px;
}
.contact > p {
	margin: 0;
}
.direction-column {
	flex-direction: column;
}
.h100 {
	height: 100%;
}
.pdf-links {
	display: flex;
	justify-content: flex-start;
}
.pdf-links > a {
	display: flex;
	align-items: center;
	margin-right: 30px;
}
.pdf-links > a:before {
	content: '';
	width: 25px;
	height: 25px;
	display: inline-block;
	background: url(../img/pdf_icon.png) center center no-repeat;
	margin-right: 5px;
}
#guidelinelogo .pdf-links > a {
	margin-left: 30px;
	margin-right: 0;
}
#mascot-table-wrapper > table {
	table-layout: auto;
	margin: 30px 0;
}
#mascot-table-wrapper td {
	font-size: 14px;
	text-align: center;
}
#mascot-table-wrapper tr:nth-child(1) > td:nth-child(1) {
	width: 216px;
}
#mascot-table-wrapper td:nth-child(2) {
	width: 151px;
}
#mascot-table-wrapper td:nth-child(3) {
	width: 141px;
}
#mascot-table-wrapper td:nth-child(4) {
	width: 140px;
}
#mascot-table-wrapper td:nth-child(5) {
	width: 140px;
}
#mascot-table-wrapper td:last-child {
	width: 228px;
}
#mascot .xls {
	margin-right: 0;
}
.underline-blue-title {
	font-size: 30px;
	text-align: center;
}
.underline-blue-title > span {
	border-bottom: solid 2px #0041C0;
	padding-bottom: 10px;
}
.d-block {
	display: block;
}
#videos > div > div:last-child {
	padding: 26px 20px 10px;
	border: solid 1px #9A9A9A;
}
.light-gray {
	color: #7C7C7C
}
.flex-end {
	display: flex;
	justify-content: flex-end;
}
#logo-page table img {
	display: block;
	margin: 0 auto;
}
#logo-page table a {
	font-size: 14px;
}
#logo-page a.eps,
#logo-page .png {
	position: relative;
	display: inline-block;
	padding-left: 14px;
}
#logo-page a.eps:before,
#logo-page .png:before {
	content: '';
	width: 9px;
	height: 11px;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
#logo-page a.eps:before {
	background-image : url(../img/ic_eps.gif);
}
#logo-page .png:before {
	background-image : url(../img/ic_jpg.gif);
}
#logo-page table {
	text-align: center;
}
.gray-underline {
	font-size: 16px;
	padding-bottom: 10px;
	border-bottom: solid 2px #C3C3C3;
}
.bg-gray-title {
	background-color: #E5E5E5;
	font-size: 16px;
	color: #000;
	margin: 10px 0;
	padding: 8px 0 8px 20px;
}
#onsite {
	margin-top: 30px;
	padding: 10px 5px;
	background-color: #E6F4F9;
}
#approval table {
	table-layout: auto;
}
#approval .pdf-links > a {
	margin: 0;
}
.approval-link {
	color: #fff;
	padding: 40px 80px;
	background-color: #bf0707;
	display: inline-block;
	text-align: center;
	font-weight: bold;
}
.approval-link.orange {
	background-color: #ee9b04;
}
.approval-link > span {
	font-size: 22px;
}

#slidepanel dt {
	background-color: #0041C0;
	margin-top: 10px;
	padding: 10px 15px;
	position: relative;
	cursor: pointer;
}
#slidepanel dt:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	border: solid 3px #fff;
}
#slidepanel h2 {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	margin: 0;
}
#slidepanel h2:before,
#slidepanel h2:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 21px;
	width: 14px;
	height: 1px;
	background-color: #fff;
}
#slidepanel h2:after {
	transform: rotate(90deg);
	transform-origin: center;
}
#slidepanel .opened h2:after {
	content: none;
}
#slidepanel dd {
	display: none;
}
#slidepanel .qa_text {
	border-top: solid 1px #ACACAC;
	padding: 15px 5px;
}
#slidepanel .qa_text:first-child {
	border-top: none;
}
#slidepanel .q_text,
#slidepanel .a_text {
	position: relative;
	padding-left: 40px;
	min-height: 37px;
}
#slidepanel .q_text {
}
#slidepanel .a_text {
	margin-top: 12px;
}
#slidepanel .a_text > p {
	margin: 0;
}
#slidepanel .q_text:before,
#slidepanel .a_text:before {
	content: '';
	display: block;
	position: absolute;
	top: -7px;
	left: 0;
	width: 32px;
	height: 37px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
#slidepanel .q_text:before {
	background-image: url(../img/ic_q.jpg);
}
#slidepanel .a_text:before {
	background-image: url(../img/ic_a.jpg);
}
.flex-3column.logotype > li {
	width: 316px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: solid 2px #0041C0;
	padding: 10px 0;
}
#mov-table {
	table-layout: auto;
}
#mov-table th,
#mov-table td {
	padding: 20px 10px;
}
#mov-table td {
	font-size: 14px;
}
#mov-table a {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #0041C0;
	color: #fff;
	padding: 5px 0;
}
#mov-table a > img {
	margin-right: 5px;
}
#photo .img_page_image {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	max-width: 770px;
	margin: 0 auto;
}
#photo .img_page_image > p {
	margin: 0;
	text-align: center;
	width: 100%;
}
#photo .img_page_image > .text {
	background-color: #0041C0;
	padding: 5px 0;
	font-size: 20px;
	color: #fff;
}
#photo .img_page_image > .thumb > img {
	display: block;
}
#photo .img_page_number-wrapper {
	max-width: 570px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto;
	counter-reset: img_page_number;
}
#photo .img_page_number {
	width: 100%;
	padding-left: 80px;
	position: relative;
}
#photo .img_page_number:before {
	counter-increment: img_page_number;
	content: counter(img_page_number);
	font-weight: bold;
	font-size: 90px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	color: #0041C0;
}
#about .pagedeiv,
#ambush-marketing .pagedeiv {
	display: flex;
}
#about .pagedeiv > .text h3,
#ambush-marketing .pagedeiv > .text h3 {
	margin-bottom: 0;
}
#about .pagedeiv .text p,
#ambush-marketing .pagedeiv > .text p{
	margin: 0;
}
#about .pagedeiv > .image,
#ambush-marketing .pagedeiv > .image {
	margin-left: 30px;
	flex-shrink: 0;
	max-width: 200px;
}
#about .txtbox,
#ambush-marketing .txtbox {
	padding: 8px 10px;
	margin: 20px 0 30px;
	background-color: #F0F0F0;
	border: 1px solid #CCC;
}
#about div.txtbox h4,
#ambush-marketing div.txtbox h4 {
	font-size: 16px;
	margin: 0;
}
#about div.txtbox p.text,
#ambush-marketing div.txtbox p.text {
	padding: 5px 0 0;
}
#ambush-marketing .ambushimg3 li,
#ambush-marketing .ambushimg3 p {
	font-size: 14px;
}
#olympicbadge table {
	table-layout: auto;
}
#olympicbadge table th {
	min-width: 200px;
}
#olympicbadge .top_contact {
	border: solid 4px #c00;
	padding: 16px;
}
#olympicbadge .top_contact h2 {
	margin: 0;
	font-size: 18px;
	color: #000;
}
#case .img_text_box {
	display: flex;
}
#case .img_text_box .image2 {
	margin: 0 30px 0 0;
}
.zip {
	display: flex;
	align-items: center;
	margin-right: 30px;
	width: fit-content;
}
.zip:before {
	content: '';
	width: 15px;
	height: 15px;
	display: inline-block;
	background: url(../img/ic_zip.gif) center center no-repeat;
	margin-right: 5px;
}
.xls {
	display: flex;
	align-items: center;
	margin-right: 30px;
	width: fit-content;
}
.xls:before {
	content: '';
	width: 29px;
	height: 24px;
	display: inline-block;
	background: url(../img/ic_xls.png) center center/cover no-repeat;
	margin-right: 2px;
}
#case table {
	table-layout: auto;
}
#case td,
#case th {
	font-size: 13px;
	white-space: nowrap;
}
#case td.name span {
	font-weight: bold;
}
#case ul.float3 {
	width: 100%;
	line-height: 160%;
}
#case ul.float3 li {
	width: 33%;
	float: left;
	padding-bottom: 3px;
}
.boxclr:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#case .zip,
#case .xls,
#case .pdf {
	font-size: 14px;
}
.update > li:nth-child(n+5) {
	display: none;
}

/* approval */
#approval-image .flex-3column a {
	color: #000;
}
#approval-image .flex-3column img {
	display: block;
	border: solid 1px #ccc;
	
}
#approval-image dd {
	margin-top: 10px;
}

#content_area > .page_area {
	display: flex;
}
#content_area > .page_area > .thumb {
	flex-shrink: 0;
	margin: 0 20px 0 0;
	max-width: 545px;
}
#content_area > .page_area > .thumb > img {
	display: block;
}
#content_area > .page_area > .text {
	word-break: break-word;
}
#content_area > .page_area > .text > p:first-child {
	margin: 0;
}
#content_area .btn_area_wrapper {
	position: relative;
	margin-top: 40px;
}
div#content_area ul.btn_area {
	display: flex;
	justify-content: center;
	text-align: center;
}
div#content_area ul.btn_area li {
	width:140px;
	margin: 0 10px;
}
div#content_area ul.btn_area li a {
	display:block;
	width:140px;
	font-size:90%;
	line-height:100%;
	padding:12px 0px;
	color:#FFF;
	background-color:#39C;
	border-radius:4px;
}
div#content_area ul.btn_area li a.back span {
	display:inline-block;
	padding-left:1.7em;
	background-image:url(../img/btn_back.png);
	background-repeat:no-repeat;
	background-position:0 50%; 
}
div#content_area ul.btn_area li a.prev span {
	display:inline-block;
	padding-right:1.7em;
	background-image:url(../img/btn_prev.png);
	background-repeat:no-repeat;
	background-position:100% 50%;
}
div#content_area ul.btn_area li a.play span {
	display:inline-block;
	width:40px;
	background-image:url(../img/btn_play.png);
	background-repeat:no-repeat;
	background-position:50% 50%; 
}
div#content_area ul.btn_area li a.stop span {
	display:inline-block;
	width:40px;
	background-image:url(../img/btn_stop.png);
	background-repeat:no-repeat;
	background-position:50% 50%; 
}

div#content_area div.btn_area_wrapper .back-list {
	position: absolute;
	right: 0;
	top: -50%;
	width: 140px;
	text-align: center;
	color: #fff;
	background-color:#39C;
	border-radius:4px;
	padding: 12px 0px;
	line-height: 100%;
	font-size: 90%;
}
div#content_area ul.btn_area li a.play,
div#content_area ul.btn_area li a.stop {
	display: none;
}
.flex-3column.logotype > li img {
	display: block;
}
#top .banner1 {
	display: flex;
	margin: 30px 0 90px;
	justify-content: center;
}
#top .banner1 > .approval-banner > a {
	margin: 0 26px 0 0;
}
#top .banner1 > .yammer-banner img {
	max-height: 100%;
}
#top .banner2 {
	display: flex;
	justify-content: center;
}
#top .banner2 > .yammer-banner {
	max-width: 359px;
	margin-right: 20px;
}
#top .banner2 > .stp-banner {
	max-width: 394px;
}
.flex-3column.goods-list {
	justify-content: left;
}
.flex-3column.goods-list > li {
	flex-shrink: 0;
}
.flex-3column.goods-list > li.goods-list-pdf {
	width: auto;
	font-size: 14px;
}
li.goods-list-pdf > div {
	display: flex;
	align-items: flex-end;
	height: 170px;
}
.approval-banner {
	display: flex;
	justify-content: center;
}