body {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	position: relative;
    left: 0;
    overflow-x: hidden;
	-webkit-text-size-adjust: 100%; /* iphone横向き 文字拡大防止 */
}
img {
	display: block;
	width: 100%;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
a {
	text-decoration: none;
	color: #000;
	transition: all .3s;
}
a:hover {
	filter: brightness(1.1);
}
p {
	line-height: 1.8;
}
table {
	width: 100%;
}

:root {
    --blue: #0064b8;
    --navy: #003969;
}

/*==================================================================================
Header
==================================================================================*/
header {
	width: 100%;
	padding: 12px 0 20px!important;
	border-top: 6px var(--blue) solid!important;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
header.index {
	opacity: 0;
	transition: all .5s;
	transform: translateY(-100%);
}
header.index.show {
	opacity: 1;
	transform: translateY(0);
}
header #head_menu {
	position: relative;
}
header .logo {
	display: block;
	width: 130px;
	z-index: 2;
}
header .logo span {
	display: block;
	color: #706F70;
}
nav.gnav {
	/*width: calc(100% - 130px - 15px);*/
	width: 100%;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 2px var(--blue) solid;
}
nav.gnav .menu {
	margin: 0 0 0 auto;
}
nav.gnav .menu ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
}
nav.gnav .menu ul li a {
	display: block;
	color: #706F70;
	font-size: 13px;
	text-align: center;
    position: relative;
}
nav.gnav .menu ul li a.on {
	color: var(--blue);
}
nav.gnav .menu ul li a.on::after {
	content: "\025b2";
    display: block;
    font-size: 10px;
    position: absolute;
    bottom: -13px;
    left: 50%;
    transform: translateX(-50%);
}
nav.gnav .menu ul li a:hover {
	filter: none;
	opacity: 0.7;
}
nav.gnav .menu ul.sub {
	position: absolute;
	top: 0;
	left: 0;
}
nav.gnav .menu ul.sub li {
	margin-left: 15px;
}
nav.gnav .menu ul.sub li:last-child a {
	padding: 4px;
	background: var(--blue);
	color: #fff;
}
nav.gnav .menu ul.main {
	width: 100%;
	/*max-width: 750px;*/
	justify-content: space-between;
	/*margin: 0 0 0 auto;*/
}
nav.gnav .menu ul.main li a {
	line-height: 1.3;
}

/*==================================================================================
共通
==================================================================================*/
/* レイアウト */
main {
	margin-top: 147px;
	position: relative;
}
section {
	padding: 60px 0!important;
	position: relative;
	overflow: hidden;
}
section.h100vh {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	width: 100%;
	height: 100vh;
	/*height: calc(100vh - 94px - 60px);*/
	/*min-height: calc(760px - 60px);*/
	/*padding: calc(94px + 30px) 0 30px!important;*/
	padding: 0!important;
}
section.child {
	margin-top: -150px!important;
	padding: 190px 0 40px!important;
}
.container {
	width: calc(100% - 30px);
	max-width: 1000px;
	padding: 0 15px;
	margin: auto;
}
.max1600 {
	max-width: 1600px;
	margin: auto;
}
.max1400 {
	max-width: 1400px;
	margin: auto;
}
.max1200 {
	max-width: 1200px;
	margin: auto;
}
.max960 {
	max-width: 960px;
	margin: auto;
}
.max840 {
	max-width: 840px;
	margin: auto;
}
.max700 {
	max-width: 700px;
	margin: auto;
}
.max540 {
	max-width: 540px;
	margin: auto;
}
.max460 {
	max-width: 460px;
	margin: auto;
}
.max400 {
	max-width: 400px;
	margin: auto;
}
.max360 {
	max-width: 360px;
	margin: auto;
}
.max300 {
	max-width: 300px;
	margin: auto;
}
.max240 {
	max-width: 240px;
	margin: auto;
}
.max200 {
	max-width: 200px;
	margin: auto;
}
.row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.row.align_center {
	align-items: center;
}
.row.align_end {
	align-items: flex-end;
}
.row.just_center {
	justify-content: center;
}
.row.just_start {
	justify-content: flex-start;
}
.row.just_end {
	justify-content: flex-end;
}
.col3 {
	width: calc(100% / 3 - 30px);
}
.col3.wide {
	width: calc(100% / 3 - 15px);
}
.col3_2 {
	width: calc(100% / 3 * 2);
}
.col2 {
	width: calc(100% / 2 - 15px);
}
.col2.wide {
	width: calc(100% / 2 - 30px);
}
.w100 {
	width: 100%;
}
.col4 {
	width: calc(100% / 4 - 15px);
}
.w60per {
	width: 60%;
}
.w40per {
	width: calc(40% - 10px);
}

.mb_5 {
	margin-bottom: 5px;
}
.mb_10 {
	margin-bottom: 10px;
}
.mb_20 {
	margin-bottom: 20px;
}
.mb_30 {
	margin-bottom: 30px;
}
.mb_40 {
	margin-bottom: 40px;
}
.mb_60 {
	margin-bottom: 60px;
}
.mb_120 {
	margin-bottom: 120px;
}
.mr_10  {
	margin-right: 10px;
}
.mr_40 {
    margin-right: 40px;
}

.bg_gray {
	padding: 30px;
	background: #eeedee;
}
.bg_blue {
	padding: 30px;
	background: #e5eff8;
}
.frame {
	padding: 15px 20px;
	border: 2px #dbdbdb solid;
}
.z2 {
	position: relative;
	z-index: 2;
}
.z3 {
	position: relative;
	z-index: 3;
}
.wrap {
	display: inline-block;
}
.border_bl {
	border-bottom: 1px var(--blue) solid;
}

/* テーブル */
.table {
	width: 100%;
}
.table p {
	line-height: 1.4;
}
.table p.line1_2 {
	line-height: 1.2;
}
.table tr {
	border-bottom: 1px #fff solid;
	vertical-align: middle;
}
.table th {
	padding: 6px;
	border-right: 1px #fff solid;
	background: #dbdbdb;
	vertical-align: middle;
	font-weight: 500;
}
.table thead th {
	background: #c5c7c7;
}
.table td {
	padding: 8px 10px;
	border-right: 1px #fff solid;
	background: #eeedee;
}
.table th:last-child,
.table td:last-child {
	border-right: none;
}
.table td.middle {
	vertical-align: middle;
}

/* フォント */
main.second h2 {
    padding-bottom: .2em;
	border-bottom: 2px var(--blue) solid;
	color: var(--blue);
    position: relative;
}
main.second h2.plane {
    padding-bottom: 0;
	border-bottom: none;
	color: #585757;
}
.center_line {
	position: relative;
}
.center_line::before {
	content: "";
	display: block;
	width: 100%;
	border-bottom: 2px #000 solid;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.center_line.blue::before {
	border-bottom-color: var(--blue);
}
.center_line.white::before {
	border-bottom-color: #fff;
}
.center_line span {
	display: inline-block;
	padding: 0 .8em;
	background: #fff;
	position: relative;
	z-index: 2;
}
.btm_line {
	padding-bottom: .2em;
	border-bottom: 1px var(--blue) solid;
}
.solid {
    padding: 1em 1.2em;
    background: #eeedee;
}
.font_12 {
	font-size: 12px;
}
.font_14 {
	font-size: 14px;
}
.font_16 {
	font-size: 16px;
}
.font_18 {
	font-size: 18px;
}
.font_20 {
	font-size: 20px;
}
.font_24 {
	font-size: 24px;
}
.font_30 {
	font-size: 30px;
}
.font_34 {
	font-size: 34px;
}
.font_40 {
	font-size: 40px;
}
.font_46 {
	font-size: 46px;
}
.font_60 {
	font-size: 60px;
}
.txt_center {
	text-align: center;
}
.txt_right {
	text-align: right;
}
.txt_left {
	text-align: left;
}
.eng {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}
.eng.black {
	font-weight: 900;
}
.mincho {
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
}
.medium {
	font-weight: 500;
}
.bold {
	font-weight: 700;
}
.black {
	font-weight: 900;
}
.white {
	color: #fff;
}
.blue {
	color: var(--blue);
}
.gray {
	color: #717071;
}
.navy {
    color: var(--navy);
}
.line1 {
	line-height: 1;
}
.line1_2 {
	line-height: 1.2;
}
.line1_3 {
	line-height: 1.3;
}
.line1_4 {
	line-height: 1.4;
}
.line1_6 {
	line-height: 1.6;
}
.line2 {
	line-height: 2;
}
.indent {
	padding-left: 1em;
	text-indent: -1em;
}
.indent_4 {
	padding-left: .4em;
	text-indent: -.4em;
}
.indent_8 {
	padding-left: .8em;
	text-indent: -.8em;
}
.indent1_3 {
	padding-left: 1.3em;
	text-indent: -1.3em;
}
.indent1_8 {
	padding-left: 1.8em;
	text-indent: -1.8em;
}
.indent2 {
	padding-left: 2em;
	text-indent: -2em;
}
.indent3 {
	padding-left: 3em;
	text-indent: -3em;
}
small {
	font-size: .7em;
	position: relative;
	top: -.6em;
}
sup {
	font-size: .8em;
	position: relative;
	top: -.2em;
}
.float_l {
    float: left;
}
.float_r {
    float: right;
}
.clear {
    clear: both;
}

/* リスト */
ul.square li p {
	padding-left: 1.5em;
	position: relative;
}
ul.square li p::before {
	content: "\025a0";
	color: var(--blue);
	position: absolute;
	top: 0;
	left: 0;
}
ul.disc li p {
	padding-left: 1.5em;
	position: relative;
}
ul.disc li p::before {
	content: "\025cf";
	display: block;
	color: var(--blue);
	position: absolute;
	top: 0;
	left: 0;
}
ol.decimal {
	padding-left: 1em;
	list-style: decimal;
}
ol.chuki {
	padding-left: 3.2em;
	position: relative;
}
ol.chuki.single {
	padding-left: 2.8em;
	position: relative;
}
ol.decimal.chuki {
	padding-left: 4.2em;
}
ol.chuki::before {
	content: "Notes:";
	display: block;
    line-height: 1.8;
	position: absolute;
	top: 0;
	left: 0;
}
ol.chuki.single::before {
	content: "Note:";
}

/* パンくず */
ul.pan_nav {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
ul.pan_nav li {
	margin-right: 1.5em;
	position: relative;
}
ul.pan_nav li::after {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	border-top: 1px #000 solid;
	border-right: 1px #000 solid;
	transform: rotate(45deg);
	position: relative;
	top: 0;
	right: -.7em;
}
ul.pan_nav li:last-child {
	padding-right: 0;
	margin-right: 0;
}
ul.pan_nav li:last-child::after {
	display: none;
}
ul.pan_nav li a {
	display: inline-block;
	font-size: 12px;
}
ul.pan_nav li:last-child a {
	pointer-events: none;
}

/* ページリンク */
.page_nav ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	box-sizing: border-box;
	padding-right: 20px;
	color: #585757;
	font-weight: 700;
	line-height: 1.3;
	position: relative;
}
.page_nav ul li a:hover {
	color: var(--blue);
}
.page_nav ul li a::before {
	content: "";
	display: block;
	border: 6px transparent solid;
	border-right: none;
	border-left: 10px var(--blue) solid;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.page_nav ul li a.active {
	padding-right: 0;
	pointer-events: none;
}
.page_nav ul li a.active::before {
	display: none;
}
.page_nav ul li a.active span {
	display: inline-block;
	padding-bottom: 5px;
	border-bottom: 3px var(--blue) solid;
}

/* ページリンク タブ */
ul.page_tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
ul.page_tab li a {
    display: block;
	height: 100%;
    padding: 10px 10px 12px;
    background: #b3b3b3;
    color: #585757;
    font-weight: 700;
    text-align: center;
}
ul.page_tab li a.on {
    background: var(--blue);
    color: #fff;
}

/* ボタン */
.btn {
	display: inline-block;
    box-sizing: border-box;
	padding: 1.2em 1.6em;
	border: 2px #fff solid;
	border-radius: 5px;
	color: #fff;
}
.btn:hover {
	background: #fff;
	color: var(--blue);
}
.btn.blue {
    border-color: var(--blue);
	background: #fff;
    color: var(--blue);
}
.btn.gray {
    border-color: #9f9f9f;
    color: #666;
}
.link {
	color: var(--blue);
	text-decoration: underline;
}
.anker {
	padding-top: 180px;
	margin-top: -180px;
}
.icon_pdf,
.icon_xsl {
	display: inline-block;
	padding-left: 25px;
	position: relative;
}
a .icon_pdf,
a.icon_pdf,
a .icon_xsl,
a.icon_xsl {
	text-decoration: underline;
}
.icon_pdf::after,
.icon_xsl::after {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	background: url("../img/icon_pdf.png") center center / contain no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}
.icon_xsl::after {
	background-image: url("../img/icon_xsl.png");
}
.btn_arrow {
	position: relative;
}
.btn_arrow::after {
	content: "";
	display: block;
	border: 6px transparent solid;
	border-right-color: var(--blue);
	border-bottom-color: var(--blue);
	position: absolute;
	right: .5em;
	bottom: .5em;
    transition: all .3s;
	transform-origin: right bottom;
}
a.btn_arrow:hover::after {
    transform: scale(1.6);
}

/* スクロール */
.scroll {
	display: block;
  	overflow: visible!important;
}
.scroll-hint-icon-wrap {
	display: none;
}

/* アニメーション */
.animated.fadeinup {
	animation: fadeinup 1s;
}
@keyframes fadeinup {
	0% {opacity: 0; transform: translateY(30px);}
	40% {opacity: 1; transform: translateY(0);}
	100% {opacity: 1; transform: translateY(0);}
}
.animated.fadeinup.second {
	animation: fadeinup_2nd 1s;
}
@keyframes fadeinup_2nd {
	0% {opacity: 0; transform: translateY(30px);}
	10% {opacity: 0; transform: translateY(30px);}
	50% {opacity: 1; transform: translateY(0);}
	100% {opacity: 1; transform: translateY(0);}
}
.animated.fadeinup.third {
	animation: fadeinup_3rd 1s;
}
@keyframes fadeinup_3rd {
	0% {opacity: 0; transform: translateY(30px);}
	20% {opacity: 0; transform: translateY(30px);}
	60% {opacity: 1; transform: translateY(0);}
	100% {opacity: 1; transform: translateY(0);}
}
.animated.fadeinup.fourth {
	animation: fadeinup_4th 1s;
}
@keyframes fadeinup_4th {
	0% {opacity: 0; transform: translateY(30px);}
	30% {opacity: 0; transform: translateY(30px);}
	70% {opacity: 1; transform: translateY(0);}
	100% {opacity: 1; transform: translateY(0);}
}
.animated.fadeinup.fifth {
	animation: fadeinup_5th 1s;
}
@keyframes fadeinup_5th {
	0% {opacity: 0; transform: translateY(30px);}
	40% {opacity: 0; transform: translateY(30px);}
	80% {opacity: 1; transform: translateY(0);}
	100% {opacity: 1; transform: translateY(0);}
}
.animated.fadeinleft {
	animation: fadeinleft .6s;
}
@keyframes fadeinleft {
	0% {opacity: 0; transform: translateX(-30px);}
	100% {opacity: 1; transform: translateX(0);}
}
.animated.fadeinleft.second {
	animation: fadeinleft 1s;
}
@keyframes fadeinleft {
	0% {opacity: 0; transform: translateX(-30px);}
	20% {opacity: 0; transform: translateX(-30px);}
	80% {opacity: 1; transform: translateX(0);}
	100% {opacity: 1; transform: translateX(0);}
}
.yay {
    opacity: 0;
    transform: translateY(2px);
    transition: all .5s;
}
.yay.fadeinup {
    transform: translateY(2vh);
}
.yay.fadeinup.second.on {
    animation: yay_up_2nd 1s;
}
@keyframes yay_up_2nd {
	0%,10% {opacity: 0; transform: translateY(2vh);}
	60%,100% {opacity: 1; transform: translateY(0);}
}
.yay.fadeinup.third.on {
    animation: yay_up_3rd 1s;
}
@keyframes yay_up_3rd {
	0%,20% {opacity: 0; transform: translateY(2vh);}
	70%,100% {opacity: 1; transform: translateY(0);}
}
.yay.fadeinup.fourth.on {
    animation: yay_up_4th 1s;
}
@keyframes yay_up_4th {
	0%,30% {opacity: 0; transform: translateY(2vh);}
	80%,100% {opacity: 1; transform: translateY(0);}
}
.yay.fadeinup.fifth.on {
    animation: yay_up_5th 1s;
}
@keyframes yay_up_5th {
	0%,40% {opacity: 0; transform: translateY(2vh);}
	90%,100% {opacity: 1; transform: translateY(0);}
}
.yay.on {
    transform: translateY(0);
    opacity: 1;
}


/*==================================================================================
INDEX
==================================================================================*/
section#main {
    background: var(--blue);
}
section#main .font_12 {
	font-size: min(.9vw,12px);
}
section#main .font_14 {
	font-size: min(1vw,14px);
}
section#main .font_16 {
	font-size: min(1.3vw,16px);
}
section#main .font_18 {
	font-size: min(1.4vw,18px);
}
section#main .font_20 {
	font-size: min(1.6vw,20px);
}
section#main .font_24 {
	font-size: min(1.8vw,24px);
}
section#main .font_30 {
	font-size: min(2vw,30px);
}
section#main .font_34 {
	font-size: min(2.6vw,34px);
}
section#main .font_40 {
	font-size: min(3vw,40px);
}
section#main .font_46 {
	font-size: min(3.4vw,46px);
}
section#main .font_60 {
	font-size: min(5vw,60px);
}
h1 {
    width: 60%;
}
h1 .logo {
	margin-right: .1em;
}
section#main .link_pdf {
    width: 40%;
    text-align: right;
}
section#main .link_pdf a {
    display: inline-block;
    white-space: nowrap;
}
section#main .link_pdf a:nth-child(1) {
    padding: .5em 2.4em .5em 1em;
    border-radius: 40px;
    background: #003969 url("../img/icon_pdf.png") right .6em center / 1.4em no-repeat;
}
section#main .link_pdf a:nth-child(2) {
    padding: 0 1.5em 0 1em;
    background: url("../img/icon_pdf.png") right .35em center / 1em no-repeat;
    position: relative;
}
section#main .link_pdf a:nth-child(2)::before {
    content: "";
    display: block;
    width: .3em;
    height: .3em;
    border-top: 3px #fff solid;
    border-right: 3px #fff solid;
    position: absolute;
    top: .4em;
    left: 0;
    transform: rotate(45deg);
}
section#main .link_pdf a:hover {
    opacity: .7;
}
section#main .boad {
	display: block;
	box-sizing: border-box;
    padding: 30px min(1.2vw,20px) min(1.4vw,30px);
	filter: drop-shadow(0 0 20px rgba(0,0,0,0.3));
	-webkit-filter: drop-shadow(0 0 20px rgba(0,0,0,0.3));
	position: relative;
}
section#main .boad::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
    background: var(--blue) url("../img/top_boad_r.png") right top / 20px no-repeat;
	clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
	-webkit-clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
	position: absolute;
	top: 0;
	left: 0;
	transition: all .3s;
}
/*最新のsafari用*/
::-webkit-full-page-media, :future, :root section#main .boad {
    padding: min(1.4vw,30px) min(1.2vw,20px);
    filter: none;
}
::-webkit-full-page-media, :future, :root section#main .boad::before {
	background: var(--blue);
    clip-path: none;
	box-shadow: 0 0 20px rgba(0,0,0,0.3);
}
/*古いsafari用*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, section#main .boad {
        padding: min(1.4vw,30px) min(1.2vw,20px);
        filter: none;
	}
	::i-block-chrome, section#main .boad::before {
	    background: var(--blue);
        clip-path: none;
	    box-shadow: 0 0 20px rgba(0,0,0,0.3);
	}
}
section#main .boad .inner {
    display: block;
    box-sizing: border-box;
    padding: min(1.2vw,20px);
    background: #fff;
    position: relative;
	z-index: 2;
}
section#main .boad .inner::after {
    content: "";
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
    border: 2px var(--navy) solid;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .3s;
	opacity: 0;
}
section#main .boad .inner:hover::after,
section#main a.boad:hover .inner::after {
	opacity: 1;
}
section#main .boad .inner h2,
section#main .boad .inner h3,
section#main .boad .inner p,
section#main a.boad .inner h2,
section#main a.boad .inner h3,
section#main a.boad .inner p {
	transition: all .3s;
}
section#main .boad .inner:hover h2,
section#main .boad .inner:hover h3,
section#main .boad .inner:hover p,
section#main a.boad:hover .inner h2,
section#main a.boad:hover .inner h3,
section#main a.boad:hover .inner p {
	color: var(--blue);
}
/* CEOインタビュー */
section#main .boad .inner.cont01 {
    padding: min(1.2vw,20px) 15% min(1.2vw,20px) min(1.2vw,20px);
}
section#main .boad .inner.cont01 .img {
    width: 18%;
    position: absolute;
    right: 20px;
    bottom: 20px;
}
section#main .boad .inner.cont01 .txt {
    position: absolute;
    top: 20px;
    right: 20px;
}
/* 社外取締役座談会 */
section#main .boad .inner.cont02 {
    padding-bottom: 0;
}
section#main .boad .inner.cont02 img {
	width: calc(100% + min(2.4vw,40px));
	margin-top: max(-5vw,-70px);
    position: relative;
	left: max(-1.2vw,-20px);
}
/* 投資対象としてのHOYA */
section#main .boad.cont03 .inner,
section#main .boad.cont04 .inner,
section#main .boad.cont05 .inner {
	min-height: 100%;
	padding: min(1.2vw,15px) min(1.2vw,20px);
}
section#main .boad.cont03 .inner img.img01 {
	width: 40%;
	position: absolute;
	top: min(1.2vw,20px);
	right: min(1.2vw,15px);
}
section#main .boad.cont03 .inner img.img02 {
	margin-top: -20px;
}
/* HOYAの価値創造 */
section#main .boad.cont04 .inner img.img01 {
    width: 35%;
    position: absolute;
    top: min(10vw, 160px);
	right: min(1.2vw,15px);
}
section#main .boad.cont04 .inner img.img02 {
	width: calc(100% - min(2.4vw,30px));
	position: absolute;
	bottom: min(1.2vw,20px);
	left: min(1.2vw,15px);
}
/* 2025年度財務ハイライト */
section#main .boad.cont05 .inner .img img {
	width: 80%;
	margin: auto;
}
/* 事業ポートフォリオ */
section#main .boad .cont06 table {
	width: 100%;
}
section#main .boad .cont06 table thead th {
	padding: .3em;
	border-bottom: 6px var(--blue) solid;
	background: var(--navy);
	text-align: center;
}
section#main .boad .cont06 table tbody th {
	padding: .3em;
	border-bottom: 6px var(--blue) solid;
	border-right: 10px var(--blue) solid;
	background: #004884;
}
section#main .boad .cont06 table tbody th:last-child {
	border-right: none;
}
section#main .boad .cont06 table td {
	border-right: 10px var(--blue) solid;
	vertical-align: middle;
}
section#main .boad .cont06 .col2:nth-child(1) table td {
	width: calc(100% / 5);
}
section#main .boad .cont06 .col2:nth-child(2) table td {
	width: calc(100% / 4);
	/*border-bottom: 6px var(--blue) solid;*/
}
/*section#main .boad .cont06 .col2:nth-child(2) table tr:last-child td {
	border-bottom: none;
}*/
section#main .boad .cont06 table td:last-child {
	border-right: none;
}
section#main .boad .cont06 table td a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: max(7vh,80px);
	box-sizing: border-box;
	padding: .8em 0 1.5em;
	background: #80b1dc;
	position: relative;
}
section#main .boad .cont06 table td a::after {
	content: "";
	display: block;
	width: .5em;
	height: .5em;
	border-right: 3px #fff solid;
	border-bottom: 3px #fff solid;
	position: absolute;
	bottom: .6em;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
}
section#main .boad .cont06 table td a:hover {
	background: #94c4ed;
}
/*section#main .boad .cont06 .col2:nth-child(2) table tr:last-child td a {
	display: block;
	height: auto;
	padding: .6em;
	background: #004884;
	position: relative;
}
section#main .boad .cont06 .col2:nth-child(2) table tr:last-child td a::after {
	content: "";
	display: inline-block;
	width: .5em;
	height: .5em;
	border-top: 3px #e26090 solid;
	border-right: 3px #e26090 solid;
	border-bottom: none;
	position: relative;
	top: 0;
	left: .5em;
	transform: rotate(45deg);
}*/
/* リスクマネジメント、コンプライアンス */
section#main .cont07 a {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	height: max(6vh,80px);
	box-sizing: border-box;
	background: #004884;
}
section#main .cont07 a:hover {
	filter: brightness(1.2);
}
/* コーポレートガバナンス */
section#main .boad.cont08 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	box-sizing: border-box;
}
section#main .boad.cont08 .z2 {
	transition: all .3s;
}
section#main .boad.cont08:hover .z2 {
	opacity: 0.5;
}
/* サステナビリティ */
section#main .cont09 h2 {
	padding: .3em;
	background: var(--navy);
}
section#main .cont09 .boad {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	width: calc(100% / 5 - 10px);
	height: max(12vh,140px);
}
section#main .cont09 a .z2 {
	transition: all .3s;
}
section#main .cont09 a:hover .z2 {
	opacity: 0.5;
}
/* 統合報告書ライブラリ */
section#main .boad.cont10 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc((100% / 5) * 4);
	padding: min(1.5vw,60px) min(1.2vw,20px);
}
section#main .boad.cont10 .z2 {
	transition: all .3s;
}
section#main .boad.cont10:hover .z2 {
	opacity: 0.5;
}
/* IR情報 IR資料室 */
section#main .boad.cont11 {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(100% / 5 - 10px);
	padding: min(1.5vw,60px) min(1.2vw,20px);
}
section#main .boad.cont11 .z2 {
	transition: all .3s;
}
section#main .boad.cont11:hover .z2 {
	opacity: 0.5;
}

/*==================================================================================
投資対象としてのHOYAの実力
==================================================================================*/
h2.lang1st {
    padding: 0 0 .3em 120px;
    text-indent: -120px;
}
section#capability_main h2.lang1st {
	width: 60%;
	padding: 0 0 .3em 105px;
	text-indent: -105px;
}
h2.lang1st::before {
    display: none;
}
h2.lang1st::after {
    content: "";
	display: block;
	width: 45%;
	height: 120%;
	background: url("../img/capability_main.jpg") center top / contain no-repeat;
	position: absolute;
	top: 0;
	right: -30%;
}
section#capability_main h2.lang1st::after {
	z-index: -1;
}
h2.lang1st span {
    margin-right: 10px;
    font-size: 110px;
    line-height: 0;
    position: relative;
    top: 50px;
}
.txt_inner {
	padding-left: 5em;
}
section#capability03 img {
	width: 107%;
	position: relative;
	left: -7%;
}

/*==================================================================================
CFOに聞く財務ハイライト
==================================================================================*/
section#highlight_main {
	padding-bottom: 0!important;
}
section#highlight_main h2.lang1st {
    padding: 0 0 .4em 100px;
    text-indent: -100px;
}
section#highlight_main h2.lang1st::after {
	width: 25%;
	height: 110%;
	background-image: url("../img/highlight_main.jpg");
	right: 0;
}
section#highlight_main h3 {
    width: 68%;
}
section#highlight_main .name {
    width: 30%;
}
section#highlight_main .name .img {
    width: 100%;
}

section#highlight h3.icon_q {
	display: inline-block;
	width: auto;
	padding: 0 0 .2em 2.2em;
	position: relative;
}
section#highlight h3.icon_q::before {
	content: "Q";
	font-size: 2em;
	font-family: 'Noto Serif JP', serif;
	font-weight: 900;
	line-height: 0;
	position: absolute;
	top: .2em;
	left: 0;
}
section#highlight h3.icon_q::after {
	content: "";
	display: block;
	width: calc(100% - 2.2em);
	border-bottom: 1px var(--blue) solid;
	position: absolute;
	right: 0;
	bottom: 0;
}
section#highlight .txt_inner {
	padding-left: 4.2em;
}

/*==================================================================================
マネジメントメッセージ
==================================================================================*/
section#interview_main {
    padding-bottom: 0!important;
}
section#interview_main h2 {
    padding-bottom: .6em;
	border-bottom: none;
	font-weight: 700;
    position: relative;
}
section#interview_main h2::before {
    content: "";
    display: block;
    width: 2.3em;
    height: 5px;
    background: var(--blue);
    position: absolute;
    bottom: 0;
    left: 0;
}
ul.page_nav li a {
    display: inline-block;
    padding: .6em 2em;
    background: var(--blue);
    color: #fff;
}
ul.page_nav li a.on {
    background: #dbdbdb;
    color: #717071;
    pointer-events: none;
}
section#interview_main .main_copy {
    padding: 20px 0;
    background: #dbdbdb;
}
section#interview_main .name .img {
    width: 24%;
}

section#interview {
	margin-top: 0!important;
    padding: 50px 0 100px!important;
    background: #3383c6;
}
section#interview .talk .icon {
    width: 85px;
    position: relative;
}
section#interview .talk .icon span {
    position: absolute;
    top: -1.4em;
    left: 50%;
    transform: translateX(-50%);
}
section#interview .talk .txt {
    width: calc(100% - 240px);
    margin: 30px 0 0 35px;
}
section#interview .talk .txt p {
    display: inline-block;
    padding: .8em 1.6em;
    border-radius: 15px;
    background: #fff;
    position: relative;
}
section#interview .talk .txt p::before {
    content: "";
    display: block;
    width: 30px;
    height: 20px;
    background: #fff;
    clip-path: polygon(0 0, 100% 5px, 100% 100%, 0 0);
    position: absolute;
    top: 10px;
    left: -28px;
}
section#interview .talk.last .txt p::after {
    content: "";
    display: block;
    width: 35px;
    height: 35px;
    background: url("../img/icon_good.png") center center / contain no-repeat;
    position: absolute;
    bottom: 0;
    right: -50px;
}
/* 回答者 */
section#interview .talk.just_end .icon {
    order: 2;
}
section#interview .talk.just_end .txt {
    margin: 30px 35px 0 0;
    text-align: right;
}
section#interview .talk.just_end .txt p {
    background: #b8e378;
    text-align: left;
}
section#interview .talk.just_end .txt p::before {
    background: #b8e378;
    clip-path: polygon(0 5px, 100% 0, 0 100%, 0 5px);
    left: auto;
    right: -28px;
}
/* おすすめコンテンツ */
section#interview .center_line span {
	background: #3383c6;
}

/* 社外取締役座談会 ------------------------------------------------------------------*/
section#interview_main .main_copy.other {
    padding: 10px 0 0;
    background: none;
    position: relative;
}
section#interview_main .main_copy.other::before {
    content: "";
    display: block;
    width: 100%;
    height: 70%;
    background: #dbdbdb;
    position: absolute;
    top: 0;
    left: 0;
}
section#interview_main .main_copy.other img {
    width: 55%;
    margin: 0 0 0 auto;
    position: relative;
}
section#interview_main .main_copy.other img:nth-child(2) {
    margin: 0;
    position: absolute;
    top: 10%;
    left: 0;
}
section#interview_main .main_copy.other h3 {
    position: relative;
}
section#interview_main .main_copy.other h3 span {
    display: inline-block;
    margin-bottom: 10px;
    padding: 6px 10px;
    background: rgba(255,255,255,0.5);
    position: relative;
}
section#interview_main .main_copy.other h3 span::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #0064b8;
    mix-blend-mode: multiply;
    position: absolute;
    top: 0;
    left: 0;
}
section#interview_main .main_copy.other h3 span span {
    margin-bottom: 0;
    padding: 0;
    background: none;
    position: relative;
}
section#interview_main .main_copy.other h3 span span::before {
    display: none;
}
section#interview_other .ttl {
    position: relative;
}
section#interview_other .ttl img {
    width: 77%;
}
section#interview_other .ttl.right img {
    margin: 0 0 0 auto;
}
section#interview_other .ttl h4 span {
    display: inline-block;
    margin-right: 10px;
    padding: 6px;
    background: #0064b8;
    mix-blend-mode: multiply;
}
section#interview_other .ttl.right h4 span {
    margin-right: 0;
    margin-left: 10px;
}
section#interview_other .ttl p {
    position: absolute;
    right: 0;
    bottom: 20px;
}
section#interview_other .ttl.right p {
    right: auto;
    left: 0;
}

/*==================================================================================
HOYAの価値創造
==================================================================================*/
section#value-creation_main h2.lang1st {
    padding: 0 0 .4em 105px;
    text-indent: -105px;
}
section#value-creation_main h2.lang1st::after {
	width: 28%;
	height: 110%;
	background-image: url("../img/value-creation_main.jpg");
	right: -2%;
}
.txt_trans {
    column-count: 2;
	column-gap: 30px;
}

/*==================================================================================
事業概況
==================================================================================*/
section[id^="it0"] .btm_line,
section[id^="lifecare0"] .btm_line {
	border-bottom: 5px #b3b3b3 solid;
}
section[id^="it0"] .row .table,
section[id^="lifecare0"] .row .table {
	width: 63%;
}
section[id^="it0"] .table table th,
section[id^="lifecare0"] .table table th {
	padding: .5em;
	background: var(--blue);
	color: #fff;
	text-align: center;
	white-space: nowrap;
}
section[id^="it0"] .table table tr:nth-child(even) th,
section[id^="lifecare0"] .table table tr:nth-child(even) th {
	background: #3383c6;
}
section[id^="it0"] .table table tr td,
section[id^="lifecare0"] .table table tr td {
	padding: .5em 1em;
	background: #e6e5e6;
	vertical-align: middle;
}
section[id^="it0"] .table table tr:nth-child(even) td,
section[id^="lifecare0"] .table table tr:nth-child(even) td {
	background: #f2f1f2;
}
section[id^="it0"] .img,
section[id^="lifecare0"] .img {
	width: 35%;
}
section[id^="it0"] h4,
section[id^="lifecare0"] h4 {
	border-bottom: 3px var(--blue) solid;
	text-align: center;
}
section[id^="it0"] h4 span,
section[id^="lifecare0"] h4 span {
	display: inline-block;
	width: 195px;
	box-sizing: border-box;
	padding: .5em;
	border-radius: 8px 8px 0 0;
	background: var(--blue);
	color: #fff;
}
/* ライフケア事業 -------------------------------------------------------------------*/
section#lifecare05 .table table td {
	border-right: 2px #fff solid;
	text-align: center;
}
section#lifecare05 .table table td:last-child {
	border-right: none;
}
section#lifecare05 .table .row {
	padding-left: 92px;
}
section#lifecare05 .table .row .img {
	width: calc(100% / 4);
}

/*==================================================================================
サステナビリティ
==================================================================================*/
.thema_ttl {
	padding-top: 1em;
	position: relative;
}
.thema_ttl img {
    width: 40%;
	position: absolute;
    top: 0;
    right: 0;
}
section#sustainability_index h2 {
	padding-bottom: 0;
	border-bottom: none;
}
section#sustainability_index ul.row li {
	width: calc(100% / 5 - 10px);
}
section#sustainability_index ul.row li .img {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 90px;
}
section#sustainability_index ul.row li .img img {
	width: auto;
	max-width: 100%;
	max-height: 90px;
}
section#sustainability_index ul.row li .inner {
	height: calc(100% - 90px - 20px);
	box-sizing: border-box;
	padding: 10px 8px;
	background: #f6f6f6;
	border-top: 2px var(--blue) solid;
	border-bottom: 2px var(--blue) solid;
}
section#sustainability_index ul.row li .inner ul li {
	width: 100%;
	box-sizing: border-box;
	padding-left: .8em;
	text-indent: -.8em;
}
/* ESG・サステナビリティ体制 --------------------------------------------------------*/
section#sustainability .thema_ttl img {
	width: 22%;
	top: 10%;
}
section#materiality .thema_ttl img {
	width: 28%;
}
section#materiality table.table thead th {
	background: #b2d0ea;
	color: #000;
	white-space: nowrap;
}
section#materiality table.table tbody tr {
	border-bottom: 2px #000 solid;
}
section#materiality table.table tbody th {
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
}
section#materiality table.table tbody td {
	padding: 6px;
}
/* 開示の拡充・外部評価 */
section#disclosure .thema_ttl img {
    width: 25%;
    top: 20%;
}
section#disclosure .bg_gray {
	padding: 15px 20px;
}
section#disclosure .logo_ftse {
    max-width: 200px;
}
section#disclosure .logo_msci {
    max-width: 314px;
}
section#disclosure .logo_morning {
    max-width: 210px;
}
section#disclosure .logo_sp_jpx {
    max-width: 75px;
}
section#disclosure .logo_kenko {
    max-width: 340px;
}
/* 環境 -------------------------------------------------------------------------*/
section#philosophy .thema_ttl img {
	width: 24%;
	top: 50%;
}
/* 気候変動 */
section#environment table.table01 thead th {
	background: #b2d0ea;
	color: #000;
	white-space: nowrap;
}
section#environment table.table01 tbody tr {
	border-bottom: 2px #000 solid;
}
section#environment table.table01 tbody th {
	padding: 8px 15px;
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
}
/* 水 */
section#water .thema_ttl img {
	width: 34%;
}
section#water .water_reduction .ttl {
    width: 260px;
    box-sizing: border-box;
    padding: 10px 20px;
    background: #0064b8;
}
section#water .water_reduction .cont {
    width: calc(100% - 260px);
    box-sizing: border-box;
    padding: 10px 20px;
    background: #3383c6;
}
section#water table.table thead th {
	background: #b2d0ea;
	color: #000;
	white-space: nowrap;
}
section#water table.table tbody tr {
	border-bottom: 2px #000 solid;
}
section#water table.table tbody th {
	padding: 8px 15px;
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
}
section#water table.table tbody td {
	border-right-color: #c5c7c7;
	background: #fff;
}
/* 汚染および廃棄物 */
section#waste .thema_ttl img {
	width: 30%;
    top: 20%;
}
/* 生物多様性 */
section#biodiversity .thema_ttl img {
	width: 32%;
}
section#biodiversity table.table01 tr {
	border-bottom: 2px #000 solid;
}
section#biodiversity table.table01 thead th {
	background: #eeedee;
	border-right: 2px #000 solid;
}
section#biodiversity table.table01 thead th:last-child {
	border-right: none;
}
section#biodiversity table.table01 thead tr:nth-child(1) th:nth-child(1) {
	border-right: 1px #fff solid;
}
section#biodiversity table.table01 thead tr:nth-child(1) th:nth-child(2) {
	width: 120px;
	border-right: 1px #fff solid;
}
section#biodiversity table.table01 thead tr:nth-child(1) th:nth-child(3) {
	width: 60px;
}
section#biodiversity table.table01 thead tr:nth-child(3) th {
	width: 70px;
	padding: 6px 0;
}
section#biodiversity table.table01 th.vertical {
	width: 15px;
	background: #b2d0ea;
    writing-mode: tb-rl;
    -webkit-writing-mode: tb-rl;
}
section#biodiversity table.table01 td {
	padding: 5px 15px;
	background: #fff;
	border-right: 2px #000 solid;
	vertical-align: middle;
}
section#biodiversity table.table01 td:last-child {
	border-right: none;
}
section#biodiversity table.table01 tbody tr:nth-child(1) td:nth-child(2),
section#biodiversity table.table01 tbody tr:nth-child(2) td:nth-child(1),
section#biodiversity table.table01 tbody tr:nth-child(3) td:nth-child(1),
section#biodiversity table.table01 tbody tr:nth-child(4) td:nth-child(2),
section#biodiversity table.table01 tbody tr:nth-child(5) td:nth-child(1),
section#biodiversity table.table01 tbody tr:nth-child(6) td:nth-child(1),
section#biodiversity table.table01 tbody tr:nth-child(7) td:nth-child(1) {
	border-right: 1px #fff solid;
}
section#biodiversity table.table01 td.bg01 {
	background: #eeedee;
}
section#biodiversity table.table01 td.bg02 {
	background: #dbdbdb;
}
section#biodiversity table.table01 td.bg03 {
	background: #c6c8c8;
}

/* 社会 --------------------------------------------------------------------------*/
/* CSOコメント */
.cmnt_cso {
	position: relative;
}
.cmnt_cso p.txt {
	width: calc(100% - 85px);
	box-sizing: border-box;
	padding: 12px 25px 12px 12px;
	border-radius: 10px;
    background: #eeedee;
}
.cmnt_cso .img {
	width: 110px;
	position: absolute;
	right: 0;
	bottom: 45px;
	z-index: 2;
}
/* 人権尊重 */
section#labor .table th {
	padding: 5px 3px;
}
section#labor .table td {
	padding: 4px 6px;
    white-space: nowrap;
}
section#labor .table tr:nth-child(2) th {
	width: 100px;
}
section#labor .table .vertical {
	width: 25px;
    padding: 4px 10px;
	vertical-align: middle;
	text-align: center;
    white-space: unset;
}
section#labor .table .vertical p {
	line-height: 1.1;
}
section#labor .table tr:nth-child(n+12) td:first-child {
	padding-left: 15px;
}
/* 人材戦略 */
section#hrd .bg01 {
	width: 50%;
	box-sizing: border-box;
	padding: 15px 20px;
	background: #cce0f1;
}
section#hrd .bg02 {
	width: 50%;
	background: #99c1e3;
}
section#hrd .bg02 .inner01 {
	padding: 15px 20px;
	background: #b2d0ea;
}
section#hrd .bg02 .inner02 {
	padding: 15px 20px;
	background: #99c1e3;
}
section#hrd .bg03 {
	padding: 15px 20px;
	background: #e5eff8;
}
section#hrd .bg03.onevision .img {
	width: 40%;
    margin: 2% 0 0 10px;
}
/* サプライチェーン・マネジメント */
section#supplier .scroll table.table.t02 {
	max-width: max-content;
}
/* 社会貢献活動 */
section#market .thema_ttl img {
    width: 34%;
}
section#market ul.case li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: var(--blue);
    color: #fff;
}
section#market .col3.wide img {
    max-width: 120px;
    margin: 0 auto 10px;
}
/*==================================================================================
コーポレートガバナンス
==================================================================================*/
.page_nav.other ul li {
	width: calc(100% / 3)!important;
    text-align: left!important;
}
.page_nav.other ul li:nth-child(2) {
    text-align: center!important;
}
.page_nav.other ul li:nth-child(3) {
    text-align: right!important;
}
.page_nav.other ul li a {
	display: inline-flex;
    width: auto;
}
.page_nav.other ul li a.right {
	text-align: right;
}
.page_nav.other ul li a.active {
	padding-left: 20px!important;
    pointer-events: visible!important;
}
.page_nav.other ul li a.active::before {
	display: block!important;
    border-left: 6px transparent solid;
    border-right: 6px transparent solid;
    border-bottom: 10px #0064b8 solid;
    top: 49%;
	right: auto;
	left: 0;
}
.page_nav ul.list li {
	width: 100%!important;
}
.page_nav ul.list.row li {
	width: calc(100% / 3 - 7px)!important;
}
.page_nav ul.list li a {
	display: block;
    height: auto;
	padding-left: 20px!important;
	color: #585757;
	font-weight: 500;
	text-align: left;
	line-height: 1.4!important;
	position: relative;
}
.page_nav ul.list li a:hover {
	filter: brightness(1.1);
	background: none;
}
.page_nav ul.list li a::before {
	content: "";
	display: block;
	width: 10px!important;
	height: 10px!important;
    border: none!important;
	border-top: 1px #585757 solid!important;
	border-right: 1px #585757 solid!important;
	position: absolute;
	top: 7px!important;
	left: 0!important;
	transform: rotate(45deg)!important;
}
.page_nav ul.list li a::after {
	display: none;
}
section#governance .thema_ttl img {
	width: 35%;
    top: 20%;
}
section#governance .cmnt_cso .img {
    bottom: 35px;
}
/* 取締役会 ------------------------------------------------------------------------*/
.profile {
	background: #eeedee;
    position: relative;
}
.profile .img {
	width: 160px;
    height: 200px;
    overflow: hidden;
}
.profile .img img {
    height: 100%;
    object-fit: cover;
}
.profile .basic {
	width: calc(100% - 160px - 60px);
	padding: 15px 30px 0 30px;
}
.profile ul {
    width: calc(100% - 160px - 60px);
    margin-left: 160px;
    padding: 0 30px;
}
.profile ul li {
	width: calc(100% / 3 - 10px);
}
.profile ul li p.ttl {
	padding: 5px;
	background: #585757;
	color: #fff;
	line-height: 1;
}
.profile .data {
	width: calc(100% - 80px);
	padding: 30px 40px;
	clear: both;
}
.profile .data table {
	width: 100%;
}
.profile .data table th {
	width: 100px;
	padding-bottom: 10px;
	text-align: left;
	font-weight: 400;
}
.profile .data table td {
	width: calc(100% - 100px);
	padding-bottom: 10px;
}
/* 社外取締役のスキル・マトリックス --------------------------------------------------------*/
section#skill table {
	width: 100%;
}
section#skill table tr {
	border-bottom: 1px #fff solid;
}
section#skill table thead th {
	vertical-align: middle;
    white-space: nowrap;
}
section#skill table thead th:nth-child(n+4) {
	width: 50px;
	box-sizing: border-box;
}
section#skill table tbody th {
	padding: 10px 15px;
	text-align: left;
    white-space: nowrap;
}
section#skill table tbody td {
	color: #585757;
}
section#skill table tbody td:nth-child(n+4) {
    text-align: center;
    vertical-align: middle;
}
/* 執行役 -----------------------------------------------------------------------------*/
section#officer .officer {
	background: #eeedee;
}
section#officer .officer .img {
	width: 200px;
}
section#officer .officer .txt {
	width: calc(100% - 200px - 60px);
	padding: 15px 30px;
}
/* 委員会 -----------------------------------------------------------------------------*/
section#committee table thead th {
    white-space: nowrap;
}
section#committee table tbody th {
	padding: 8px;
	text-align: left;
    white-space: nowrap;
}
section#committee table tbody td {
    padding: 8px;
	vertical-align: middle;
}
section#committee table tbody td:nth-child(3),
section#committee table tbody td:nth-child(4),
section#committee table tbody td:nth-child(6) {
    white-space: nowrap;
}
section#committee table tbody td:nth-child(5) {
    text-align: center;
}
ul.ul_indent3 {
	padding-left: 3em;
}
section#committee .arrow,
section#compensation .arrow {
	text-align: center;
}
section#committee .arrow span,
section#compensation .arrow span {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-right: 10px #c6c8c8 solid;
	border-bottom: 10px #c6c8c8 solid;
	transform: rotate(45deg);
}
/* 役員報酬 -----------------------------------------------------------------------------*/
section#compensation .graf:first-child {
	margin: 0 -40px 0 0;
}
section#compensation .graf .max240 {
	margin-right: 55px;
}
section#compensation table {
	width: 100%;
}
section#compensation table tr {
	border-bottom: 1px #000 solid;
}
section#compensation table th {
	padding: 6px;
	background: #d9e8f4;
	text-align: center;
	font-weight: 500;
	vertical-align: middle;
	white-space: nowrap;
}
section#compensation table td {
	padding: 6px 15px;
	vertical-align: middle;
}
section#compensation table p {
	line-height: 1.4;
}
section#compensation table p.line1_2 {
	line-height: 1.2;
}
section#compensation table p.line1_4 {
	line-height: 1.4;
}
section#compensation table p span {
	display: inline-block;
}
section#compensation table .vertical {
	writing-mode: tb-rl;
	text-align: center;
}
section#compensation table .vertical p {
	line-height: 1.1;
}
section#compensation table .vertical sup {
	writing-mode: lr;
}
section#compensation table td:last-child {
	padding-right: 10px!important;
}
section#compensation table .nowrap {
	white-space: nowrap;
}
/*---------*/
section#compensation table.table01 {
	border-top: none;
}
section#compensation table.table01 td {
	padding: 6px 20px;
}
section#compensation table.table01 td:nth-child(1),
section#compensation table.table01 td:nth-child(2),
section#compensation table.table01 td:nth-child(3) {
	text-align: center;
	white-space: nowrap;
}
/*---------*/
section#compensation table.table02 tr {
    position: relative;
}
section#compensation table.table02 tr:nth-child(n+2)::after {
    content: "";
    display: block;
    width: 52%;
    height: 90%;
    background: url("../img/ec_arrow01.png") left bottom / contain no-repeat;
    position: absolute;
    top: 0;
    left: 8px;
}
section#compensation table.table02 tr:nth-child(n+3)::after {
    background-image: url("../img/ec_arrow02.png");
}
section#compensation table.table02 tr:nth-child(3)::after {
    left: calc(8px + 14.5%);
}
section#compensation table.table02 tr:nth-child(4)::after {
    left: calc(8px + 28.7%);
}
section#compensation table.table02 tr:nth-child(5)::after {
    left: calc(8px + 43%);
}
section#compensation table.table02 th {
	border-right: 1px #000 solid;
}
section#compensation table.table02 td {
    width: calc(100% / 7);
    padding: 6px 8px 20px;
	border-right: 1px #000 solid;
}
section#compensation table.table02 th:last-child,
section#compensation table.table02 td:last-child {
	border-right: none;
}
/*---------*/
section#compensation table.table03 th {
	border-right: 1px #000 solid;
}
section#compensation table.table03 td {
	border-right: 1px #000 solid;
}
section#compensation table.table03 th:last-child,
section#compensation table.table03 td:last-child {
	border-right: none;
}
/*---------*/
section#compensation table.table04 td {
	padding: 6px 10px;
}
section#compensation table.table04 tr:nth-child(2) td:first-child {
	padding: 6px 10px 6px 0;
	font-weight: 500;
}
/*---------*/
section#compensation table.table05 td {
	padding: 6px 10px;
}
/*---------*/
section#compensation table.table06 td {
	padding: 6px;
}

/*==================================================================================
作成にあたっての基本方針
==================================================================================*/
section#concept01 h2.lang1st {
	padding: 0 0 .3em 85px;
	text-indent: -85px;
}
section#concept01 h2.lang1st::after {
    display: none;
}
section#concept01 .cont {
	padding-bottom: 40%;
	border-bottom: 1px var(--blue) solid;
    position: relative;
}
section#concept01 .cont::after {
	content: "";
	display: block;
	width: 25%;
	height: 40%;
	background: url("../img/concept.png") right bottom/ contain no-repeat;
    position: absolute;
	right: 0;
	bottom: 40px;
}
section#concept01 .cont.border_non {
    padding-bottom: 0;
    border-bottom: none;
}
section#concept01 .cont.border_non::after {
    display:  none;
}

/*==================================================================================
リスクマネジメント
==================================================================================*/
section#risk ul.page_nav,
section#compliance ul.page_nav {
    border-bottom: 4px #dbdbdb solid;
}
section#risk .thema_ttl img,
section#compliance .thema_ttl img {
    width: 26%;
}

/*==================================================================================
Footer
==================================================================================*/
footer {
	padding: 0 0 60px!important;
    background: #fff;
	position: relative;
}
footer.index {
	padding: 60px 0!important;
	background: var(--blue);
	color: #fff;
}
footer #pagetop {
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 30px; 
	transform: translateY(60px);
	z-index: 100;
}
footer #pagetop.is-scrolling {
	transform: translateY(0);
}
footer #pagetop.is-stop {
	position: absolute;
	bottom: 98px;
	transform: translateY(0);
}
footer.index #pagetop {
	position: absolute;
}
footer.index #pagetop.is-stop {
	bottom: 95px;
}
footer #pagetop a {
	display: block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: #c4c6c6;
	margin: auto;
	position: relative;
}
footer #pagetop a::after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border-top: 2px #fff solid;
	border-left: 2px #fff solid;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
}
footer.index #pagetop a {
	background: var(--navy);
}
/* サイトマップ -----------------------------------*/
footer .foot_nav {
	padding: 30px 0;
	background: #eeedee;
}
footer .foot_nav ul {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-content: space-between;
	justify-content: flex-start;
	width: 100%;
	height: 700px;
}
footer .foot_nav ul li {
	width: calc(100% / 3 - 20px);
}
footer .foot_nav ul li a {
	display: block;
	color: #585757;
}
footer .foot_nav ul li a.parents {
	padding-bottom: 5px;
	border-bottom: 2px #585757 solid;
	font-weight: 700;
}
footer .foot_nav ul li ul {
	display: block;
	height: auto;
}
footer .foot_nav ul li ul li {
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 6px;
	padding-left: .6em;
	position: relative;
}
footer .foot_nav ul li ul li::before {
	content: "";
	display: block;
	width: 3px;
	height: 3px;
	border-top: 1px #000 solid;
	border-right: 1px #000 solid;
	transform: rotate(45deg);
	position: absolute;
	top: 8px;
	left: 0;
}

.tb {display: none;}
.pc {display: inline;}
.sp {display: none;}


@media screen and (max-width : 1024px) {
	.pc {display: none;}
	.tb {display: inline;}
	p {font-size: 14px;}
	/*==================================================================================
	Header
	==================================================================================*/
	header {
		display: flex!important;
		align-items: center;
		height: 60px;
		padding: 0!important;
		border-top: none!important;
	}
	header .logo {
		display: block;
		width: 110px;
	}
	header .logo img {
		margin-bottom: 5px;
	}
	/* スマホ版 メニュー -----------------------*/
	nav.gnav {
	    z-index: 2;
	    width: 100%;
		height: calc(100vh - 60px);
		background: var(--blue);
		opacity: 0;
		visibility: hidden;
		transition: all 0.3s;
	    position: fixed;
	    top: 60px;
	    left: 0;
	}
	nav.gnav.active {
	    opacity: 1;
		visibility: visible;
	}
	nav.gnav .menu {
		display: flex;
		flex-wrap: wrap;
		width: calc(100% - 30px);
		max-width: 360px;
		margin: 0 auto;
		padding: 50px 15px 0;
		transform: translateY(40px);
		transition: all .6s;
	}
	nav.gnav.active .menu {
		transform: translateY(0);
	}
	nav.gnav .menu ul {
		opacity: 0;
	}
	nav.gnav.active .menu ul {
		opacity: 1;
	}
	nav.gnav .menu ul li a,
	nav.gnav .menu ul li a.active {
		color: #fff;
		font-size: 16px;
	}
	nav.gnav .menu ul li a:hover {
		opacity: 1;
		color: #333;
	}
	nav.gnav .menu ul.sub {
		justify-content: center;
		position: relative;
		order: 2;
	}
	nav.gnav .menu ul.sub li {
		margin: 0 0 20px;
		text-align: center;
	}
	nav.gnav .menu ul.sub li:first-child {
		margin: 0 15px 20px 0;
		padding-right: 15px;
		border-right: 1px #fff solid;
	}
	nav.gnav .menu ul.sub li:last-child {
		width: 100%;
	}
	nav.gnav .menu ul.sub li:last-child a {
		display: inline-block;
		padding: 4px 6px;
		background: #fff;
		color: var(--blue);
	}
	nav.gnav .menu ul.sub li a .blue {
		color: #fff;
	}
	nav.gnav .menu ul.sub li a:hover .blue {
		color: #333;
	}
	nav.gnav .menu ul.main {
		display: block;
		margin-bottom: 20px;
		border-bottom: 1px #fff solid;
	}
	nav.gnav .menu ul.main li {
		margin: 0 0 20px;
	}
	nav.gnav .menu ul.main li a {
		line-height: 1;
	}
	nav.gnav .menu ul li a.on {
		color: #fff;
	}
	nav.gnav .menu ul li a.on::after {
		display: none;
	}
	.gnavToggle {
	    z-index: 9999;
	    display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	    width: 40px;
	    height: 40px;
	    background: var(--blue);
	    text-align: center;
	    cursor: pointer;
	    position: fixed;
	    right: 20px;
	    top: 10px;
	}
	.gnavToggle span {
	    display: block;
	    width: 24px;
		margin-bottom: 7px;
	    border-bottom: 1px #FFF solid;
	    transition: .35s ease-in-out;
	}
	.gnavToggle span:last-child {
		margin-bottom: 0;
	}
	.gnavToggle span:nth-child(4) {
		width: 100%;
		margin-bottom: 0;
	    border: none;
	    color: #FFF;
	    font-size: 10px;
	    font-weight: bold;
		text-align: center;
	}
	.gnavToggle.active span:nth-child(1) {
	    transform: translateY(8px) rotate(-45deg);
	}
	.gnavToggle.active span:nth-child(2) {
		opacity: 0;
	}
	.gnavToggle.active span:nth-child(3) {
	    transform: translateY(-8px) rotate(45deg);
	}
	/*==================================================================================
	共通
	==================================================================================*/
	/* レイアウト */
	main {
		margin-top: 60px;
	}
	section {
		padding: 40px 0!important;
	}
	/*section.h100vh {
		height: calc(100vh - 60px - 40px);
        min-height: calc(760px - 40px);
		padding: calc(60px + 20px) 0 20px!important;
	}*/
	section.child {
		margin-top: -80px!important;
		padding: 100px 0 20px!important;
	}
	.max960 {
		max-width: 680px;
		margin: auto;
	}
	.max840 {
		max-width: 680px;
		margin: auto;
	}
	.max700 {
		max-width: 540px;
		margin: auto;
	}
    .max400 {
        max-width: 360px;
    }
    .max360 {
        max-width: 300px;
    }
    .max300 {
        max-width: 240px;
    }
    .max240 {
        max-width: 200px;
    }
    .max200 {
        max-width: 160px;
    }
	.col3 {
		width: calc(100% / 3 - 5px);
	}
	.col3_2 {
		width: calc(100% / 3 * 2 - 10px);
	}
	.col3.wide {
		width: calc(100% / 3 - 10px);
	}
	.col2.wide {
		width: calc(100% / 2 - 20px);
	}
    .tb100 {
        width: 100%;
        margin: 0 auto 30px;
    }
    img.tb100 {
        width: auto;
        max-width: 100%;
        margin: 0 auto 10px;
    }
    img.max200.tb100 {
        max-width: 160px;
    }
    .max200.tb100 img {
        max-width: 160px;
    }
    img.max240.tb100 {
        max-width: 200px;
    }
    .max240.tb100 img {
        max-width: 200px;
    }
	.tbmax360 {
		max-width: 360px;
		margin: auto;
	}
	.mb_10 {
		margin-bottom: 8px;
	}
	.mb_20 {
		margin-bottom: 15px;
	}
	.mb_30 {
		margin-bottom: 20px;
	}
	.mb_40 {
		margin-bottom: 25px;
	}
	.mb_60 {
		margin-bottom: 40px;
	}
	.mb_120 {
		margin-bottom: 80px;
	}
	.mr_10 {
		margin-right: 8px;
	}
	.bg_gray,
	.bg_blue,
	.frame {
		padding: 10px 15px;
	}
	/* フォント */
    main.second h2::before {
        height: 4px;
    }
	.font_12 {
		font-size: 10px;
	}
	.font_14 {
		font-size: 12px;
	}
	.font_16 {
		font-size: 14px;
	}
	.font_18 {
		font-size: 16px;
	}
	.font_20 {
		font-size: 18px;
	}
	.font_24 {
		font-size: 20px;
	}
	.font_30 {
		font-size: 22px;
	}
	.font_34 {
		font-size: 24px;
	}
	.font_40 {
		font-size: 28px;
	}
	.font_46 {
		font-size: 30px;
	}
	.font_60 {
		font-size: 40px;
	}
	.indent1_8 {
		padding-left: 1.2em;
		text-indent: -1.2em;
	}
	small {
		top: -4px;
	}
	/* リスト */
	ul.square li p {
		padding-left: 1.2em;
	}
	ul.disc li p {
		padding-left: 1.2em;
	}
	ol.decimal.chuki {
		padding-left: 3.4em;
	}
	ol.decimal.chuki::before {
		font-size: 10px;
	}
	ol.decimal li::marker {
		font-size: 14px;
	}
	ol.decimal.font_12 li::marker {
		font-size: 10px;
	}
	ol.decimal.font_14 li::marker {
		font-size: 12px;
	}
	/* パンくず */
	ul.pan_nav li {
		margin-right: 1em;
	}
	ul.pan_nav li::after {
		width: 4px;
		height: 4px;
		right: -.5em;
	}
	ul.pan_nav li a {
		font-size: 10px;
	}
	/* ページリンク */
	.page_nav ul li {
		width: 100%;
        margin-bottom: 10px;
        text-align: right;
	}
	.page_nav ul li a {
        justify-content: flex-end;
	}
	.page_nav ul li a::before {
		border: 5px transparent solid;
		border-left: 8px var(--blue) solid;
	}
	.page_nav ul li a.active span {
		padding-bottom: 2px;
		border-bottom: 2px var(--blue) solid;
	}
    /* ページリンク タブ */
    ul.page_tab li a {
        padding: 7px 5px;
        font-size: 14px;
    }
	/* ボタン */
	.anker {
		padding-top: 100px;
		margin-top: -100px;
	}
	/* スクロール */
	.scroll {
		display: block;
	  	overflow-x: scroll!important;
	  	-webkit-overflow-scrolling: touch;
		padding: 0 0 10px;
		margin-bottom: 20px;
	}
	.scroll::-webkit-scrollbar {
	  height: 6px;
	}
	.scroll::-webkit-scrollbar-track {
	  margin: 0 2px;
	  background: #f1f1f1;
	  border-radius: 5px;
	}
	.scroll::-webkit-scrollbar-thumb {
	  border-radius: 5px;
	  background: #c1c1c1;
	}
	.scroll table {
		min-width: 680px;
	}
    .scroll-hint-icon-wrap.is-active {
    	display: block;
    }

	/*==================================================================================
	INDEX
	==================================================================================*/
	section#main .container {
		max-width: 840px;
	}
	section#main .font_12 {
		font-size: 10px;
	}
	section#main .font_14 {
		font-size: 12px;
	}
	section#main .font_16 {
		font-size: 14px;
	}
	section#main .font_18 {
		font-size: 16px;
	}
	section#main .font_20 {
		font-size: 18px;
	}
	section#main .font_24 {
		font-size: 20px;
	}
	section#main .font_30 {
		font-size: 22px;
	}
	section#main .font_34 {
		font-size: 24px;
	}
	section#main .font_40 {
		font-size: 28px;
	}
	section#main .font_46 {
		font-size: 30px;
	}
	section#main .font_60 {
		font-size: 40px;
	}
	h1 {
	    width: 100%;
		margin-bottom: 20px!important;
	}
	section#main .link_pdf {
		width: 100%;
		max-width: 480px;
		margin: 0 0 0 auto;
	}
	section#main .boad {
	    padding: 30px 15px 15px;
	    background-size: 20px;
	}
    section#main .boad::before {
        background-size: 15px;
	    clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 0 100%);
	    -webkit-clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 0 100%);
    }
    /*最新のsafari用*/
    ::-webkit-full-page-media, :future, :root section#main .boad {
	    padding: 15px;
    }
    /*古いsafari用*/
    @media screen and (-webkit-min-device-pixel-ratio:0) {
    	::i-block-chrome, section#main .boad {
            padding: 15px;
    	}
    }

	section#main .boad .inner {
	    padding: 15px;
	}
	/* CEOインタビュー */
    section#main .boad .inner.cont01 {
	    padding: 15px;
    }
	section#main .boad .inner.cont01 p {
	    width: calc(100% - 140px);
	}
	section#main .boad .inner.cont01 .img {
	    width: 120px;
	}
	section#main .boad .inner.cont01 p.txt {
	    width: auto;
		top: auto;
		bottom: calc(120px + 30px);
	}
	/* 社外取締役座談会 */
	section#main .boad .inner.cont02 {
		padding-bottom: 10%;
	}
	section#main .boad .inner.cont02 img {
		width: 100%;
		margin-top: 0;
	    position: absolute;
		bottom: 0;
		left: 0;
	}
	/* 投資対象としてのHOYA */
	section#main .boad.cont03 .inner,
	section#main .boad.cont04 .inner,
	section#main .boad.cont05 .inner {
		padding: 15px;
	}
	section#main .boad.cont03 .inner h2,
	section#main .boad.cont04 .inner h2,
	section#main .boad.cont05 .inner h2 {
		width: 100%;
	}
	section#main .boad.cont03 .inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	section#main .boad.cont03 .inner img.img01 {
		width: 25%;
		position: absolute;
		top: auto;
		right: 15px;
		bottom: 15px;
	}
	section#main .boad.cont03 .inner .tb_col2 {
		width: 50%;
		box-sizing: border-box;
		padding-left: 15px;
        padding-bottom: 3%;
	}
	section#main .boad.cont03 .inner h2 + .tb_col2 {
		padding-left: 0;
		padding-right: 15px;
		border-right: 1px #ccc solid;
	}
	section#main .boad.cont03 .inner img.img02 {
		margin-top: 0;
	}
	/* HOYAの価値創造 */
	section#main .boad.cont04 {
		width: calc(50% - 10px);
	}
	section#main .boad.cont04 .inner img.img01 {
		width: 35%;
		top: 20%;
	}
	/* 2025年度財務ハイライト */
	section#main .boad.cont05 {
		width: calc(50% - 10px);
	}
	/* 事業ポートフォリオ */
	section#main .boad .cont06 table thead th {
		border-bottom: 4px var(--blue) solid;
	}
	section#main .boad .cont06 table tbody th {
		border-bottom: 4px var(--blue) solid;
		border-right: 6px var(--blue) solid;
	}
	section#main .boad .cont06 table td {
		border-right: 6px var(--blue) solid;
	}
	section#main .boad .cont06 table td a {
        height: max(7vh, 100px);
		font-size: 14px;
	}
	section#main .boad .cont06 .col2:nth-child(1) table td:nth-child(2) a {
		font-size: 11px;
	}
	/* リスクマネジメント、コンプライアンス */
	section#main .cont07 a {
		width: calc(50% - 5px);
		font-size: 16px;
	}
	/* コーポレートガバナンス */
	section#main .boad.cont08 {
		font-size: 16px;
	}
	/* サステナビリティ */
	section#main .cont09 .boad {
		font-size: 16px;
	}
	/* 統合報告書ライブラリ */
	section#main .boad.cont10 {
		font-size: 16px;
	}
	/* IR情報 IR資料室 */
	section#main .boad.cont11 {
		font-size: 16px;
	}
	/*==================================================================================
	投資対象としてのHOYAの実力
	==================================================================================*/
	h2.lang1st {
	    padding: 0 0 .2em 77px;
	    text-indent: -77px;
	}
	section#capability_main h2.lang1st {
		width: 68%;
        padding-left: 70px;
        text-indent: -70px;
	}
	section#capability_main .col2.tb100 {
		margin-bottom: 1em;
	}
	h2.lang1st::after {
		width: 150px;
		height: 108%;
		right: -22%;
	}
	h2.lang1st span {
	    margin-right: 8px;
	    font-size: 68px;
	    top: 30px;
	}
	.txt_inner {
		padding-left: 3.4em;
	}
	/*==================================================================================
	CFOに聞く財務ハイライト
	==================================================================================*/
	section#highlight_main h2.lang1st {
	    padding: 0 0 .4em 60px;
	    text-indent: -60px;
	}
	section#highlight_main h2.lang1st::after {
		width: 20%;
		top: -10%;
	}
	section#highlight_main h3 {
        width: 100%;
	}
	section#highlight_main .name {
        justify-content: flex-end;
		align-items: flex-end;
		width: 100%;
		margin-top: 15px;
	}
	section#highlight_main .name .img {
		width: 40%;
        max-width: 160px;
		margin-bottom: 0;
        order: 2;
	}
    /*==================================================================================
    マネジメントメッセージ
    ==================================================================================*/
    ul.page_nav li a {
        padding: .4em 1em;
    }
    section#interview_main .name .img {
        width: 40%;
        max-width: 160px;
		margin-right: 0;
        order: 2;
    }
    section#interview {
        padding: 40px 0 60px!important;
    }
    section#interview .talk .icon {
        width: 60px;
    }
    section#interview .talk .icon span {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        text-align: center;
    }
    section#interview .talk .txt {
        width: calc(100% - 160px);
        margin: 20px 0 0 20px;
    }
    section#interview .talk .txt p {
        padding: .6em 1.4em;
        border-radius: 10px;
    }
    section#interview .talk .txt p::before {
        width: 18px;
        height: 10px;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 0);
        top: 12px;
        left: -16px;
    }
    section#interview .talk.last .txt p::after {
        width: 25px;
        height: 25px;
        right: -35px;
    }
    /* 回答者 */
    section#interview .talk.just_end .txt {
        margin: 20px 20px 0 0;
    }
    section#interview .talk.just_end .txt p::before {
        clip-path: polygon(0 0, 100% 0, 0 100%, 0 0);
        right: -16px;
    }
    /* 社外取締役座談会 ------------------------------------------------------------------*/
    section#interview_main .main_copy.other {
        padding: 8px 0 0;
    }
	/*==================================================================================
	HOYAの価値創造
	==================================================================================*/
	section#value-creation_main h2.lang1st {
	    padding: 0 0 .4em 68px;
	    text-indent: -68px;
	}
	section#value-creation_main h2.lang1st::after {
		width: 124px;
		background-position: center bottom;
		top: auto;
		bottom: -4%;
	}
	.txt_trans {
		column-gap: 20px;
	}
	/*==================================================================================
	事業概況
	==================================================================================*/
	/* ライフケア事業 -------------------------------------------------------------------*/
	section#lifecare05 .table.scroll table {
		min-width: 500px;
	}
	section#lifecare05 .table.scroll table td {
		padding: .5em;
	}
	section#lifecare05 .table .row {
		box-sizing: border-box;
		min-width: 500px;
		padding-left: 72px;
	}
    /*==================================================================================
    サステナビリティ
    ==================================================================================*/
    .thema_ttl {
        padding-top: 1.5em;
    }
    .thema_ttl img {
        width: 40%;
        max-width: 210px;
    }
	section#sustainability_index ul.row li {
		width: calc(100% / 3 - 10px);
		margin-bottom: 30px;
	}
	section#sustainability_index ul.row li .img {
		height: 120px;
	}
	section#sustainability_index ul.row li .img img {
		width: auto;
		max-height: 120px;
	}
	section#sustainability_index ul.row li .inner {
		height: calc(100% - 120px - 15px);
		padding: 15px;
	}
	section#sustainability_index ul.row li .inner ul li {
		margin-bottom: 8px;
	}
	/* ESG・サステナビリティ体制 --------------------------------------------------------*/
	section#sustainability .thema_ttl img {
		width: 16%;
		top: 30%;
	}
	/* マテリアリティ */
	section#materiality .thema_ttl img {
		width: 20%;
		top: 30%;
	}
	/* 開示の拡充・外部評価 */
	section#disclosure .thema_ttl {
		margin-bottom: 80px;
	}
	section#disclosure .thema_ttl img {
        width: 20%;
		top: 90%;
	}
	section#disclosure .logo_kenko {
		margin-top: 0;
	}
	/* 生物多様性 */
	section#biodiversity .scroll table.table01 {
		min-width: 560px;
	}
	section#biodiversity table.table01 thead tr:nth-child(1) th:nth-child(2) {
		width: 110px;
	}
	section#biodiversity table.table01 thead tr:nth-child(3) th {
		width: 60px;
	}
	section#biodiversity table.table01 td {
		padding: 5px 8px;
	}
	section#biodiversity .scroll + .scroll table.table01 {
		min-width: 540px;
	}
	section#biodiversity .scroll + .scroll table.table01 {
		max-width: 500px!important;
		min-width: 500px;
	}
	/* 環境 -------------------------------------------------------------------------*/
	section#philosophy .thema_ttl img {
		width: 15%;
		top: 70%;
	}
	/* 気候変動 */
	section#environment .scroll table {
		min-width: 0;
	}
	section#environment .scroll table.t02 {
		min-width: 480px;
	}
	section#environment .scroll table.t03 {
		min-width: 540px;
	}
	section#environment .scroll table.t03 thead th:first-child {
		width: 20%;
	}
	section#environment .scroll table.t03 thead th:nth-child(n+2){
		width: 40%;
	}
	section#environment table.table01 tbody th {
		padding: 6px;
	}
	/* 水 */
	section#water .thema_ttl img {
		width: 38%;
		top: 5%;
	}
	section#water .water_reduction .ttl {
	    width: 210px;
	    padding: 5px 10px;
	}
	section#water .water_reduction .cont {
	    width: calc(100% - 210px);
	    padding: 5px 10px;
	}
	section#water table.table tbody th {
		padding: 6px;
	}
    /* 社会 --------------------------------------------------------------------------*/
	section#labor .table tr:nth-child(2) th {
		width: 75px;
	}
	section#labor .table .vertical {
	    width: 20px;
	}
	/* 製品安全・品質 */
	section#product-safety .thema_ttl img {
		width: 45%;
		max-width: 210px;
		top: 20%;
	}
	/* サプライチェーン・マネジメント */
    section#supplier .thema_ttl img {
        top: 1.2em;
    }
	section#supplier .scroll table.table {
		min-width: 530px;
	}
	section#supplier .scroll table.table.t02 {
        min-width: 0;
	}
    /* 社会貢献活動 */
    section#market .thema_ttl img  {
        top: 18%;
    }
    section#market ul.case li {
        width: 105px;
        height: 105px;
    }
	/*==================================================================================
	コーポレートガバナンス
	==================================================================================*/
	.page_nav.other ul li.tb_non {
		display: none;
	}
	.page_nav.other ul li {
		width: calc(50% - 4px)!important;
	}
	.page_nav.other ul li a {
		font-size: 14px;
	}
	.page_nav ul.list li {
		width: 100%!important;
		white-space: nowrap;
	}
	.page_nav ul.list.row li {
		width: calc(100% / 3 - 7px)!important;
	}
	.page_nav ul.list li a {
		padding-left: 18px!important;
        text-align: left!important;
	}
	.page_nav ul.list li a::before {
		width: 8px!important;
		height: 8px!important;
	}
	section#governance .thema_ttl img {
		width: 25%;
		top: 30%;
	}
	section#governance .cmnt_cso .img {
	    bottom: 30px;
	}
	/* 取締役会 ------------------------------------------------------------------------*/
	.profile .img {
		width: 140px;
        height: 190px;
	}
	.profile .basic {
		width: calc(100% - 140px - 40px);
		padding: 15px 20px 0 20px;
	}
	.profile ul {
		width: calc(100% - 40px);
		padding: 15px 20px;
		margin-left: 0;
		position: relative;
        bottom: 0;
	}
	.profile ul li {
		width: calc(100% / 3 - 5px);
	}
	.profile ul li p.ttl {
		font-size: 12px;
	}
	.profile .data {
		width: calc(100% - 40px);
		padding: 20px;
	}
	.profile .data table th {
		width: 80px;
		padding-bottom: 8px;
	}
	.profile .data table td {
		width: calc(100% - 80px);
		padding-bottom: 8px;
	}
	/* 社外取締役のスキル・マトリックス ------------------------------------------------------*/
	section#skill table thead th:nth-child(n+4) {
		width: 40px;
	}
	section#skill table tbody th {
		padding: 6px 8px;
	}
	.table td {
		padding: 6px 8px;
	}
	/* 執行役 -------------------------------------------------------------------------*/
	section#officer .officer .img {
		width: 160px;
	}
	section#officer .officer .txt {
		width: calc(100% - 160px - 40px);
		padding: 15px 20px;
	}
	/* 委員会 -------------------------------------------------------------------------*/
	section#committee table tbody th {
		padding: 6px 8px;
	}
	ul.ul_indent3 {
		padding-left: 1em;
	}
	section#committee .arrow span,
	section#compensation .arrow span {
		width: 20px;
		height: 20px;
		border-right: 8px #c6c8c8 solid;
		border-bottom: 8px #c6c8c8 solid;
	}
	/* 役員報酬 -----------------------------------------------------------------------*/
	section#compensation .graf {
		margin: 0 auto;
	}
	section#compensation .graf:first-child {
		margin: 0 auto;
	}
	section#compensation .graf .max240 {
		max-width: 220px;
	}
	section#compensation .scroll table {
		min-width: 460px;
	}
	section#compensation table td {
		padding: 6px 8px;
	}
	section#compensation table td:last-child {
		padding-right: 8px!important;
	}
    /*---------*/
    section#compensation table.table01 td {
	    padding: 6px 8px;
    }
    /*---------*/
    section#compensation table.table02 {
    	min-width: 480px;
    }
    section#compensation table.table02 td {
        padding: 4px 8px 15px;
    }
    /*---------*/
    section#compensation table.table03 {
    	min-width: 500px;
    }
    /*---------*/
    section#compensation table.table04 {
    	min-width: 670px;
    }
    section#compensation table.table04 td {
    	padding: 6px 8px;
    }
    section#compensation table.table04 tr:nth-child(2) td:first-child {
    	padding: 6px 8px 6px 0;
    }
    /*---------*/
    section#compensation table.table05 {
    	min-width: 590px;
    }
    section#compensation table.table05 td {
    	padding: 6px 8px;
    }
    /*---------*/
    section#compensation table.table06 {
    	min-width: 590px;
    }
    section#compensation table.table06 td {
    	padding: 6px;
    }
    /*==================================================================================
    作成にあたっての基本方針
    ==================================================================================*/
	section#concept01 h2.lang1st {
		padding: 0 0 .3em 60px;
		text-indent: -60px;
	}
	section#concept01 h2.lang1st span {
		font-size: 74px;
		top: 34px;
	}
	section#concept01 .cont::after {
		width: 20%;
		height: 20%;
	}
    /*==================================================================================
    リスクマネジメント
    ==================================================================================*/
    section#compliance .scroll table {
        min-width: 470px;
    }
	/*==================================================================================
	Footer
	==================================================================================*/
	footer {
		padding: 0 0 40px!important;
	}
	footer.index {
		padding: 40px 0!important;
	}
	footer #pagetop {
		bottom: 15px; 
	}
	footer #pagetop.is-stop {
		bottom: 65px;
	}
    footer.index #pagetop.is-stop {
    	bottom: 65px;
    }
	footer #pagetop a {
		width: 26px;
		height: 26px;
	}
	footer #pagetop a::after {
		width: 10px;
		height: 10px;
	}
	/* サイトマップ -----------------------------------*/
	footer .foot_nav {
		margin-bottom: 60px;
		padding: 20px 0;
	}
	footer .foot_nav ul {
		height: 820px;
	}
	footer .foot_nav ul li {
		width: calc(100% / 2 - 10px);
	}
	footer .foot_nav ul li a.parents {
		border-bottom: 1px #585757 solid;
		font-size: 14px;
	}
	footer .foot_nav ul li ul li::before {
		top: 6px;
	}
}


@media screen and (max-width : 680px) {
	.col3 {
		width: 100%;
		margin: 0 auto 20px;
	}
	.col3.tb_max360 {
		max-width: 360px;
		margin: 0 auto 20px;
	}
	.col3_2 {
		width: 100%;
		margin-bottom: 15px;
	}
	.col2,
	.col2.wide {
		width: 100%;
		margin-bottom: 15px;
	}
	.col2.tb_max460 {
		max-width: 460px;
		margin: 0 auto 15px;
	}
	.col2.sp_100 {
		width: calc(50% - 7px);
	}
	.col2.wide.sp_100 {
		width: calc(100% / 2 - 20px);
	}
	.col2.tb_mb_non {
		margin-bottom: 0;
	}
	.tb_order2 {
		order: 2;
	}
	.col4 {
		width: calc(100% / 2 - 10px);
	}
	/*==================================================================================
	INDEX
	==================================================================================*/
	/* CEOインタビュー */
	section#main .boad .inner.cont01 p {
	    width: 100%;
	}
	section#main .boad .inner.cont01 .img {
	    width: 130px;
		position: relative;
		right: 0;
		bottom: 0;
		margin: 10px 0 0 auto;
	}
	section#main .boad .inner.cont01 p.txt {
	    width: auto;
		top: auto;
		bottom: 15px;
		right: calc(130px + 30px);
	}
	/* 社外取締役座談会 */
	section#main .boad .inner.cont02 {
		padding-bottom: 0;
	}
	section#main .boad .inner.cont02 img {
		width: calc(100% + 30px);
		margin-top: -10%;
	    position: relative;
		bottom: 0;
		left: -15px;
	}
	/* 投資対象としてのHOYA */
	section#main .boad.cont03 .inner .tb_col2 {
		width: 100%;
		padding-left: 0;
	}
	section#main .boad.cont03 .inner .tb_col2:last-child {
        padding-bottom: 16%;
	}
	section#main .boad.cont03 .inner h2 + .tb_col2 {
		padding-left: 0;
		padding-right: 0;
		border-right: none;
	}
	section#main .boad.cont03 .inner img.img01 {
		width: 20%;
	}
	/* HOYAの価値創造 */
	section#main .boad.cont04 {
		width: 100%;
	}
	section#main .boad.cont04 .inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	section#main .boad.cont04 .inner img.img01 {
		width: 20%;
		top: auto;
		right: auto;
		bottom: 15px;
		left: 15px;
	}
	section#main .boad.cont04 .inner h2 {
		width: 100%;
	}
	section#main .boad.cont04 .inner p {
		width: 50%;
	}
	section#main .boad.cont04 .inner img.img02 {
		width: 40%;
		position: relative;
		bottom: 0;
		left: 0;
	}
	/* 2025年度財務ハイライト */
	section#main .boad.cont05 {
		width: 100%;
	}
	section#main .boad.cont05 .inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	section#main .boad.cont05 .inner h2 {
		width: 100%;
	}
	section#main .boad.cont05 .inner .tb_col2 {
		width: 50%;
	}
	section#main .boad.cont05 .inner .img img {
		width: 90%;
	}
	section#main .boad .cont06 .col2:nth-child(1) table td:nth-child(2) a {
		font-size: 14px;
	}
	/* リスクマネジメント、コンプライアンス */
	section#main .cont07 a {
		height: max(6vh,60px);
        margin-bottom: 0;
	}
	/* コーポレートガバナンス */
	section#main .boad.cont08 {
		padding: max(3vh,30px) 15px;
	}
	/* サステナビリティ */
	section#main .cont09 .boad {
		width: calc(100% / 2 - 5px);
		height: max(10vh,120px);
		padding: max(3vh,30px) 15px;
		margin-bottom: 10px;
	}
	section#main .cont09 .boad:last-child {
		margin-bottom: 0;
	}
	/* 統合報告書ライブラリ */
	section#main .boad.cont10 {
		width: 100%;
		margin-bottom: 10px;
		padding: max(3vh,30px) 15px;
	}
	/* IR情報 IR資料室 */
	section#main .boad.cont11 {
		width: 100%;
		padding: max(3vh,30px) 15px;
	}
    /*==================================================================================
    サステナビリティ
    ==================================================================================*/
	section#sustainability_index ul.row li {
		width: calc(100% / 2 - 6px);
		margin-bottom: 20px;
	}
	section#sustainability_index ul.row li .img {
		height: 80px;
	}
	section#sustainability_index ul.row li .img img {
		width: auto;
		max-height: 80px;
	}
	section#sustainability_index ul.row li .inner {
		height: calc(100% - 80px - 15px);
		padding: 15px 10px;
	}
	section#sustainability_index ul.row li .inner ul li {
		margin-bottom: 5px;
	}
    /* 社会 --------------------------------------------------------------------------*/
    /* 社会貢献活動 */
    section#market .col3_2 + .col3 img {
        display: inline-block;
        width: calc(100% / 3 - 5px);
        margin-right: 3px;
    }
    section#market .col3_2 + .col3 img:last-child {
        margin-right: 0;
    }
	/*==================================================================================
	コーポレートガバナンス
	==================================================================================*/
	.page_nav ul.list li {
		white-space: normal;
	}
	.page_nav ul.list li a {
		font-size: 12px;
		padding-left: 14px!important;
	}
	.page_nav ul.list li a::before {
		width: 6px!important;
		height: 6px!important;
		top: 5px!important;
	}
}



@media screen and (max-width : 460px) {
	.tb {display: none;}
	.sp {display: inline;}
	p {font-size: 12px; line-height: 1.6;}

	header.index {
		transform: translateY(0);
	}
	/*==================================================================================
	共通
	==================================================================================*/
	/* レイアウト */
	section.h100vh {
        display: block;
        align-content: flex-start;
		height: calc(100vh - 60px - 80px - 40px);
		min-height: 460px;
		padding: calc(60px + 40px) 0 80px!important;
	}
	.col3.sp_100,
	.col3.wide.sp_100,
	.col2.sp_100,
	.col2.wide.sp_100 {
		width: 100%;
		margin-bottom: 20px;
	}
	.col3.sp_100:last-child,
	.col3.wide.sp_100:last-child,
	.col2.sp_100:last-child,
	.col2.wide.sp_100:last-child {
		margin-bottom: 0;
	}
	.col4 {
		width: calc(100% / 2 - 5px);
	}
	.col4.sp_100 {
		width: 100%;
	}
	/* フォント */
	h2 {
		font-size: 22px;
	}
	.font_18 {
		font-size: 14px;
	}
	.font_20 {
		font-size: 16px;
	}
	.font_24 {
		font-size: 18px;
	}
	.font_30 {
		font-size: 20px;
	}
	.font_34 {
		font-size: 22px;
	}
	.font_40 {
		font-size: 24px;
	}
	.font_46 {
		font-size: 28px;
	}
	.font_60 {
		font-size: 34px;
	}
	.indent1_8 {
		padding-left: 1.8em;
		text-indent: -1.8em;
	}
    /* ページリンク タブ */
    ul.page_tab li a {
        font-size: 12px;
    }
	/* ボタン */
	.btn {
		padding: 1em 1.4em;
	}
	.icon_pdf,
	.icon_xsl {
		line-height: 1.2;
	}
	.icon_pdf::after,
	.icon_xsl::after {
		top: 0;
	}
	/*==================================================================================
	INDEX
	==================================================================================*/
	section#main .font_18 {
		font-size: 14px;
	}
	section#main .font_20 {
		font-size: 16px;
	}
	section#main .font_24 {
		font-size: 18px;
	}
	section#main .font_30 {
		font-size: 20px;
	}
	section#main .font_34 {
		font-size: 22px;
	}
	section#main .font_40 {
		font-size: 24px;
	}
	section#main .font_46 {
		font-size: 28px;
	}
	section#main .font_60 {
		font-size: 34px;
	}
	/* 投資対象としてのHOYA */
	section#main .boad.cont03 .inner {
		display: block;
	}
	section#main .boad.cont03 .inner img.img01 {
		width: 35%;
	}
	section#main .boad.cont03 .inner img.img02 {
		margin-top: -10px;
	}
	section#main .boad.cont03 .inner .tb_col2:last-child {
        padding-bottom: 20%;
	}
	section#main .boad.cont03 .inner .tb_col2 +.tb_col2 p:nth-child(2) {
		width: 70%;
	}
	/* HOYAの価値創造 */
	section#main .boad.cont04 {
		width: 100%;
	}
	section#main .boad.cont04 .inner {
		display: block;
	}
	section#main .boad.cont04 .inner img.img01 {
		width: 110px;
		bottom: auto;
		left: auto;
		top: 100px;
		right: 15px;
	}
	section#main .boad.cont04 .inner p {
		width: 100%;
		margin-bottom: 100px;
	}
	section#main .boad.cont04 .inner img.img02 {
		width: 100%;
	}
	/* 2025年度財務ハイライト */
	section#main .boad.cont05 .inner {
		display: block;
	}
	section#main .boad.cont05 .inner .tb_col2 {
		width: 100%;
	}
	section#main .boad.cont05 .inner .img img {
		width: 100%;
	}
	/* 事業ポートフォリオ */
	section#main .boad .cont06 table td a {
		font-size: 12px;
	}
	section#main .boad .cont06 .col2:nth-child(1) table td:nth-child(2) a {
		font-size: 11px;
	}
	/* リスクマネジメント、コンプライアンス */
	section#main .cont07 a {
        font-size: 14px;
	}
	/*==================================================================================
	投資対象としてのHOYAの実力
	==================================================================================*/
	section#capability_main h2.lang1st {
		width: 60%;
	}
	h2.lang1st {
        padding: 0 0 .2em 73px;
        text-indent: -73px;
    }
	h2.lang1st::after {
		width: 30%;
		height: 70%;
		top: auto;
		bottom: -10%;
		right: -20%;
	}
	h2.lang1st span {
	    font-size: 64px;
	    top: 28px;
	}
	section#capability_main h3.font_24 {
		font-size: 14px;
	}
	/*==================================================================================
	CFOに聞く財務ハイライト
	==================================================================================*/
	section#highlight_main h2.lang1st::after {
		width: 28%;
		top: 60%;
	}
    /*==================================================================================
    マネジメントメッセージ
    ==================================================================================*/
    section#interview {
        padding: 40px 0!important;
    }
    section#interview .talk {
        margin-top: -10px;
    }
    section#interview .talk .icon {
        width: 40px;
    }
    section#interview .talk .icon span {
        font-size: 10px;
    }
    section#interview .talk .txt {
        width: calc(100% - 110px);
        margin: 20px 0 0 15px;
    }
    section#interview .talk .txt p {
        padding: .6em 1.2em;
    }
    section#interview .talk .txt p::before {
        width: 12px;
        height: 8px;
        top: 12px;
        left: -12px;
    }
    section#interview .talk.last .txt p::after {
        width: 20px;
        height: 20px;
        right: -30px;
    }
    /* 回答者 */
    section#interview .talk.just_end .txt {
        margin: 20px 15px 0 0;
    }
    section#interview .talk.just_end .txt p::before {
        right: -12px;
    }
    /* 社外取締役座談会 ------------------------------------------------------------------*/
    section#interview_main .main_copy.other::before {
        height: 70%;
    }
    section#interview_main .main_copy.other img {
        width: 80%;
    }
    section#interview_main .main_copy.other img:nth-child(2) {
        position: relative;
        top: 0;
        margin: -20px 0 -20px;
    }
    section#interview_main .main_copy.other .row.just_end {
        justify-content: flex-start;
    }
    section#interview_main .main_copy.other h3.font_40 {
        font-size: 22px;
    }
    section#interview_main .main_copy.other h3 span {
        margin-bottom: 5px;
        padding: 4px 8px;
    }
    section#interview_other .ttl {
        overflow: hidden;
    }
    section#interview_other .ttl img {
        width: 120%;
        margin-bottom: 10px;
    }
    section#interview_other .ttl.right img {
        margin: 0 0 10px auto;
        position: relative;
        left: -20%;
    }
    section#interview_other .ttl h4 {
        right: auto;
        left: 0;
		font-size: 16px;
    }
    section#interview_other .ttl h4 span {
        margin-right: 5px;
        padding: 4px;
    }
    section#interview_other .ttl.right h4 span {
        margin-right: 0;
        margin-left: 5px;
    }
    section#interview_other .ttl p {
        position: relative;
        right: 0;
        bottom: 0;
        color: var(--blue);
    }
	/*==================================================================================
	HOYAの価値創造
	==================================================================================*/
	section#value-creation_main h2.lang1st {
	    padding: 0 0 .4em 65px;
	    text-indent: -65px;
	}
	section#value-creation_main h2.lang1st::after {
		width: 25%;
	}
	.txt_trans {
	    column-count: 1;
		column-gap: 0;
	}
	/*==================================================================================
	事業概況
	==================================================================================*/
	section[id^="it0"] .btm_line,
	section[id^="lifecare0"] .btm_line {
		border-bottom: 4px #b3b3b3 solid;
	}
	section[id^="it0"] .row .table,
	section[id^="lifecare0"] .row .table {
		width: 100%;
	}
	section[id^="it0"] .img,
	section[id^="lifecare0"] .img {
		width: 100%;
	}
	section[id^="it0"] .img img,
	section[id^="lifecare0"] .img img {
		max-width: 240px;
		margin: auto;
	}
	section[id^="it0"] h4,
	section[id^="lifecare0"] h4 {
		border-bottom: 2px var(--blue) solid;
	}
	section[id^="it0"] h4 span,
	section[id^="lifecare0"] h4 span {
		width: 160px;
	}
    /*==================================================================================
    サステナビリティ
    ==================================================================================*/
	/* ESG・サステナビリティ体制 --------------------------------------------------------*/
	section#sustainability .thema_ttl {
		margin-bottom: 80px;
	}
	section#sustainability .thema_ttl img {
		width: 20%;
		top: 110%;
	}
	/* マテリアリティ */
	section#materiality .thema_ttl img {
		width: 32%;
		top: 15%;
	}
	/* 開示の拡充・外部評価 */
	section#disclosure .thema_ttl img {
		width: 25%;
		top: 102%;
	}
	/* 環境 -------------------------------------------------------------------------*/
	section#philosophy .thema_ttl {
		margin-bottom: 60px;
	}
	section#philosophy .thema_ttl img {
		width: 25%;
        top: 75%;
	}
	/* 水 */
	section#water .water_reduction .ttl,
	section#water .water_reduction .cont {
	    width: 100%;
	}
	/* 汚染および廃棄物 */
	section#waste .thema_ttl img {
        width: 25%;
        top: 20%;
	}
	/* 生物多様性 */
	section#biodiversity .thema_ttl img {
		width: 38%;
	}
    /* 社会 --------------------------------------------------------------------------*/
	/* CSOコメント */
	.cmnt_cso p.txt {
		width: 100%;
		padding: 8px 12px 20px;
	}
	.cmnt_cso .img {
		width: 80px;
		position: relative;
		bottom: auto;
		margin: -30px 0 10px auto;
	}
	/* 人材戦略 */
	section#hrd .bg01 {
		width: 100%;
        padding: 10px 15px;
	}
	section#hrd .bg02 {
		width: 100%;
	}
    section#hrd .bg02 .inner01,
    section#hrd .bg02 .inner02,
    section#hrd .bg03 {
    	padding: 10px 15px;
    }
    section#hrd .bg03.onevision {
    	display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    section#hrd .bg03.onevision p {
    	width: 100%;
        margin-bottom: 10px;
    }
    section#hrd .bg03.onevision .img {
    	width: 70%;
        float: none;
        margin: 0;
        order: 2;
    }
	/* サプライチェーン・マネジメント */
	section#supplier .scroll table.table {
		min-width: 500px;
	}
	section#supplier .scroll table.table.t02 {
		max-width: 100%;
	}
    /* 社会貢献活動 */
    section#market .thema_ttl img  {
		width: 45%;
        top: 20%;
    }
    section#market ul.case {
        max-width: 280px;
        margin: 0 auto 15px;
    }
    section#market ul.case li {
        width: 120px;
        height: 120px;
        margin: 0 10px 10px;
    }
    section#market .col3.wide {
        width: calc(50% - 5px);
        margin: 0 0 30px;
    }
 	/*==================================================================================
	コーポレートガバナンス
	==================================================================================*/
	.page_nav.other ul li {
		width: auto!important;
	}
	.page_nav.other ul li a.sp_font_12 {
		padding-left: 16px;
		font-size: 12px;
	}
	.page_nav.other ul li a.right.sp_font_12 {
        padding-left: 0;
		padding-right: 16px;
	}
	.page_nav .row ul.list {
		width: 100%;
	}
	.page_nav ul.list.row li {
		width: 100%!important;
	}
	section#governance .thema_ttl {
		margin-bottom: 22vw;
	}
	section#governance .thema_ttl img {
		width: 35%;
		top: auto;
		bottom: -20vw;
	}
	section#governance .cmnt_cso .img {
	    bottom: auto;
	}
	/* 取締役会 ------------------------------------------------------------------------*/
	.profile .basic {
		width: calc(100% - 40px);
		margin-left: 0;
		padding: 15px 20px 0 20px;
		clear: both;
	}
	.profile ul li {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin-bottom: 8px;
	}
	.profile ul li p.ttl {
		width: 160px;
		margin-right: 10px;
	}
	/* 執行役 -------------------------------------------------------------------------*/
	section#officer .officer .img {
		width: 120px;
	}
	section#officer .officer .txt {
		width: calc(100% - 120px - 30px);
		padding: 10px 15px;
	}
	/* 委員会 -------------------------------------------------------------------------*/
	section#committee .table02 .scroll table {
		min-width: 440px;
	}
	/* 役員報酬 -----------------------------------------------------------------------*/
	section#compensation .table03 table td .font_14,
	section#compensation .table03 table td .font_12 {
		font-size: 12px;
	}
    /*==================================================================================
    作成にあたっての基本方針
    ==================================================================================*/
	section#concept01 h2.lang1st {
		padding: 0 0 .3em 48px;
		text-indent: -48px;
		font-size: 22px;
	}
	section#concept01 h2.lang1st span {
		font-size: 60px;
		top: 26px;
	}
   /*==================================================================================
	Footer
	==================================================================================*/
    footer.index #pagetop,
    footer.index #pagetop.is-stop {
    	bottom: 60px;
    }
	/* サイトマップ -----------------------------------*/
	footer .foot_nav ul {
		display: block;
		height: auto;
	}
	footer .foot_nav ul li {
		width: 100%;
	}
}