.mt0 { margin-top: 0px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }
.mt110 { margin-top: 110px !important; }
.mt120 { margin-top: 120px !important; }
.mt130 { margin-top: 130px !important; }
.mt140 { margin-top: 140px !important; }
.mt150 { margin-top: 150px !important; }
.mt160 { margin-top: 160px !important; }
.mt170 { margin-top: 170px !important; }
.mt180 { margin-top: 180px !important; }
.mt190 { margin-top: 190px !important; }
.mt200 { margin-top: 200px !important; }

.ml0 { margin-left: 0px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml30 { margin-left: 30px !important; }
.ml40 { margin-left: 40px !important; }
.ml50 { margin-left: 50px !important; }
.ml60 { margin-left: 60px !important; }
.ml70 { margin-left: 70px !important; }
.ml80 { margin-left: 80px !important; }
.ml90 { margin-left: 90px !important; }
.ml100 { margin-left: 100px !important; }
.ml110 { margin-left: 110px !important; }
.ml120 { margin-left: 120px !important; }
.ml130 { margin-left: 130px !important; }
.ml140 { margin-left: 140px !important; }
.ml150 { margin-left: 150px !important; }
.ml160 { margin-left: 160px !important; }
.ml170 { margin-left: 170px !important; }
.ml180 { margin-left: 180px !important; }
.ml190 { margin-left: 190px !important; }
.ml200 { margin-left: 200px !important; }

.mr0 { margin-right: 0px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.mr50 { margin-right: 50px !important; }
.mr60 { margin-right: 60px !important; }
.mr70 { margin-right: 70px !important; }
.mr80 { margin-right: 80px !important; }
.mr90 { margin-right: 90px !important; }
.mr100 { margin-right: 100px !important; }
.mr110 { margin-right: 110px !important; }
.mr120 { margin-right: 120px !important; }
.mr130 { margin-right: 130px !important; }
.mr140 { margin-right: 140px !important; }
.mr150 { margin-right: 150px !important; }
.mr160 { margin-right: 160px !important; }
.mr170 { margin-right: 170px !important; }
.mr180 { margin-right: 180px !important; }
.mr190 { margin-right: 190px !important; }
.mr200 { margin-right: 200px !important; }

.mb0 { margin-bottom: 0px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }
.mb110 { margin-bottom: 110px !important; }
.mb120 { margin-bottom: 120px !important; }
.mb130 { margin-bottom: 130px !important; }
.mb140 { margin-bottom: 140px !important; }
.mb150 { margin-bottom: 150px !important; }
.mb160 { margin-bottom: 160px !important; }
.mb170 { margin-bottom: 170px !important; }
.mb180 { margin-bottom: 180px !important; }
.mb190 { margin-bottom: 190px !important; }
.mb200 { margin-bottom: 200px !important; }

.m0 { margin: 0px !important; }
.m10 { margin: 10px !important; }
.m20 { margin: 20px !important; }
.m30 { margin: 30px !important; }
.m40 { margin: 40px !important; }
.m50 { margin: 50px !important; }
.m60 { margin: 60px !important; }
.m70 { margin: 70px !important; }
.m80 { margin: 80px !important; }
.m90 { margin: 90px !important; }
.m100 { margin: 100px !important; }
.m110 { margin: 110px !important; }
.m120 { margin: 120px !important; }
.m130 { margin: 130px !important; }
.m140 { margin: 140px !important; }
.m150 { margin: 150px !important; }
.m160 { margin: 160px !important; }
.m170 { margin: 170px !important; }
.m180 { margin: 180px !important; }
.m190 { margin: 190px !important; }
.m200 { margin: 200px !important; }

.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-left { text-align: left !important; }
.block { display: block !important; }
.link-nodecoration {
	padding: 0 !important;
	text-decoration: none;
}
.link-nodecoration:before,
.link-nodecoration:after {
	display: none !important;
}
@font-face {
  font-family: 'Futura-Med';
  src: url('../fonts/Futura-Med.otf') format('opentype');
}

/* 全体設定 開始 */
body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic','メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
body,h1,h2,h3,h4,ul {
	margin: 0;
	padding: 0;
}
.wrapper-lg {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.wrapper-md {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.bg-white {
	background: #fff;
}
.bg-blue {
	background: #1B65D1;
	color: #fff;
}
.bg-gray {
	background: #f5f5f5;
}
.home-cat-title {
	text-align: center;
	font-family: 'Futura-Med', sans-serif;
	font-size: 48px;
	color: #fff;
	letter-spacing: 2px;
	color: #14345D;
}

.home-cat-title-note {
	text-align: center;
	font-family: 'Futura-Med', sans-serif;
	font-size: 48px;
	color: #fff;
	letter-spacing: 2px;
	color: #14345D;
}

.bg-blue .home-cat-title {
	color: #fff;
}
.home-sub-title {
	text-align: center;
	font-size: 18px;
	letter-spacing: 2px;
}

.home-sub-title-note {
	text-align: center;
	font-size: 18px;
	letter-spacing: 2px;
}

.bg-space60 {
	padding-top: 60px;
	padding-bottom: 60px;
}
.bg-space-top-60 {
	padding-top: 60px;
	padding-bottom: 30px;
}
main {
	padding-top: 100px;
}
@media screen and (max-width: 930px) {
	.wrapper-lg,
	.wrapper-md {
		padding-left: 15px;
		padding-right: 15px;
	}
}
.page-title {
	color: #1B65D1;
	font-size: 36px;
	text-align: center;
	line-height: 46px;
	margin-top: 80px;
	margin-bottom: 50px;
}
.page-sub-title {
	color: #14345D;
	font-size: 36px;
	text-align: center;
	line-height: 46px;
	margin-top: 80px;
	margin-bottom: 50px;
}
.page-under-title {
	color: #1B65D1;
	font-size: 24px;
	text-align: center;
	margin-bottom: 35px;
}
.page-under-title span {
	display: inline-block;
}
.page-under-title span:before {
	content: '―';
	color: #1B65D1;
	float: left;
	margin-right: 35px;
}
.page-under-title span:after {
	content: '―';
	color: #1B65D1;
	float: right;
	margin-left: 35px;
}
table {
	width: 100%;
	border: none;
	border-spacing: 0;
}
table tr {

}
table tr th,table tr td {
	text-align: left;
	font-size: 14px;
	line-height: 26px;
	padding: 30px 0;
	border-bottom: 1px solid #D5D5D5;
}
table tr:first-child th,table tr:first-child td {
	border-top: 1px solid #D5D5D5;
}
table tr th {
	color: #1B65D1;
	width: 200px;
	vertical-align: top;
}


.footer-logo01 img {
	max-width: 123px;
}
.footer-logo02 img {
	max-width: 113px;
}
.footer-logo03 img {
	max-width: 208px;
}
.footer-logo04 img {
	max-width: 180px;
}
.footer-logo05 img {
	max-width: 68px;
}
.footer-logo06 img {
	max-width: 105px;
}
.footer-logo07 img {
	max-width: 55px;
}
.footer-logo08 img {
	max-width: 253px;
}
.footer-logo09 img {
	max-width: 287px;
}
.footer-logo10 img {
	max-width: 265px;
}
.footer-logo11 img {
	max-width: 239px;
}
.logo-item {
	display: inline-block;
	padding: 0 20px;
	transition: all .2s ease-out;
	margin-bottom: 35px;
}
.logo-div-all {
	display: block !important;
}
.logo-div-pc {
	display: block;
}
.logo-div-sp {
	display: none;
}
@media screen and (max-width: 951px) {
	
	.footer-logo01 img {
		max-width: 98px;
	}
	.footer-logo02 img {
		max-width: 90px;
	}
	.footer-logo03 img {
		max-width: 166px;
	}
	.footer-logo04 img {
		max-width: 144px;
	}
	.footer-logo05 img {
		max-width: 54px;
	}
	.footer-logo06 img {
		max-width: 84px;
	}
	.footer-logo07 img {
		max-width: 44px;
	}
	.footer-logo08 img {
		max-width: 202px;
	}
	.footer-logo09 img {
		max-width: 229px;
	}
	.footer-logo10 img {
		max-width: 212px;
	}
	.footer-logo11 img {
		max-width: 191px;
	}
}
@media screen and (max-width: 792px) {
	.footer-logo-main img {
		max-width: 90%;
	}
	.logo-item {
		padding: 0 10px;
		margin-bottom: 20px;
		display: inline-block;
	}
	
	.footer-logo01 img {
		max-width: 78px;
	}
	.footer-logo02 img {
		max-width: 72px;
	}
	.footer-logo03 img {
		max-width: 166px;
	}
	.footer-logo04 img {
		max-width: 132px;
	}
	.footer-logo05 img {
		max-width: 43px;
	}
	.footer-logo06 img {
		max-width: 67px;
	}
	.footer-logo07 img {
		max-width: 35px;
	}
	.footer-logo08 img {
		max-width: 151px;
	}
	.footer-logo09 img {
		max-width: 173px;
	}
	.footer-logo10 img {
		max-width: 169px;
	}
	.footer-logo11 img {
		max-width: 152px;
	}
	
	.footer-logo-wrapper .logo-row:nth-child(3) {
		padding-bottom: 40px;
	}
}
@media screen and (max-width: 605px) {
	.logo-div-pc {
		display: none !important;
	}
	.logo-div-sp {
		display: block !important;
	}
}
@media screen and (max-width: 430px) {
	.logo-row-sp {}
	.logo-item {
		padding: 0 3px;;
		margin-bottom: 20px;
		display: inline-block;
	}
	.footer-box .footer-nav {
/* 		margin-left: -15px;
		margin-right: -15px; */
	}
}
@media screen and (max-width: 374px) {
	.footer-logo03 img {
		max-width: 142px;
	}
	.footer-logo08 img {
		max-width: 141px;
	}
	.footer-logo09 img {
		max-width: 163px;
	}
	.footer-logo10 img {
		max-width: 149px;
	}
}

.btn-more a[target=_blank] span:after {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	background-image: url(../img/icon_window_white.png);
	background-size: contain;
	vertical-align: middle;
	margin-left: 5px;
}
nav li a[target=_blank]:after {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	background-image: url(../img/icon_window_black.png);
	background-size: contain;
	vertical-align: middle;
	margin-left: 5px;
}
.footer-box .footer-nav li a[target=_blank]:after {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	background-image: url(../img/icon_window_black.png);
	background-size: contain;
	vertical-align: middle;
	margin-left: 5px;
}
.icon-link-window {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	background-image: url(../img/icon_window_white.png);
	background-size: contain;
	vertical-align: middle;
	margin-left: 5px;
}
.icon-link-window-black {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	background-image: url(../img/icon_window_black.png);
	background-size: contain;
	vertical-align: middle;
	margin-left: 5px;
}
.sp-nav .sp-nav-footer-nav li a[target=_blank]:after {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	background-image: url(../img/icon_window_black.png);
	background-size: contain;
	vertical-align: middle;
	margin-left: 5px;
}
.banner-line a.banner-item[target=_blank] .banner-title .banner-sub-title:after {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	background-image: url(../img/icon_window_white.png);
	background-size: contain;
	vertical-align: middle;
	margin-left: 5px;
}

/* 全体設定 終了 */

/* ヘッダー 開始 */
header {
	position: fixed;
	top: 0;
	height: 100px;
	width: 100%;
/* 	overflow: hidden; */
	background: #F5F5F5;
	transition: .4s all;
	z-index: 100;
}
h1 {
	position: fixed;
	top: 0;
	height: 100px;
	width: 100px;
	z-index: 3;
}
h1 a {
	display: block;
	background: #1B65D1 url(../img/logo_lions_header.webp) no-repeat center left;
	background-size: 102%;
	height: 100px;
	width: 100px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
}
.btm-sp-menu {
	display: none;
}
header nav.navi ul {
	height: 100px;
	width: calc(100% - 210px - 87px);
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
/* 	margin-left: calc(210px - 87px); */
/* 	margin-right: calc(87px - 210px); */
	position: fixed;
	width: 100%;
	margin-left: 0 !important;
	z-index: 2;
}
header nav.navi ul li {
	display: block;
	float: left;
	list-style: none;
	font-weight: 300;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	transition: all .2s ease-out;
	line-height: 80px;
	border-bottom: 10px solid #F5F5F5;
}
header nav.navi ul li ul li {
	border: none;
}
header nav.navi ul li ul li:hover {
	border: none;
}
header nav.navi ul li a {
	display: block;
	float: left;
	padding: 10px 14px 0;
	text-decoration: none;
	color: #000;
}
header nav.navi ul li.nav-sub ul {
	display: none;
}
header nav.navi ul li.nav-sub {
	position: relative;
	padding: 10px 14px 0;
}
header nav.navi ul li.nav-sub:hover ul {
/* 	display: block; */
	display: flex;
}
header nav.navi ul li.nav-sub ul {
	position: fixed;
	flex-direction: row;
	flex-wrap: wrap;
	top: 100px;
	left: 0;
	margin-left: 0;
	width: 100%;
	float: none;
	background: #1B65D1;
	opacity: 1;
	height: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}
header nav.navi ul li.nav-sub ul .space {
	  width: 100%;
}
header nav.navi ul li.nav-sub ul li {
	display: inline-flex;
	float: none;
	line-height: 50px;
	transition: all .2s ease-out;
	width: 355px;
	padding: 0 15px;
	margin-bottom: 10px;
}
header nav.navi ul li.nav-sub ul li a {
	float: none;
	display: block;
	color: #fff;
	width: 100%;
	border-bottom: 4px solid #fff;
	padding: 0;
	line-height: 40px;
	transition: all .2s ease-in-out;
}

header nav.navi ul li.nav-sub ul li a::after {
	float: right;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 68px;
	margin-top: 10px;
	background-image: url(../img/icon_arrow_white.png);
	background-size: contain;
	vertical-align: middle;
}
header nav.navi ul li.nav-sub ul li a:hover {
	background: #1B65D1;
	padding-left: 20px;
	padding-right: 20px;
	width: calc(100% - 40px);
}
header nav.navi ul li:hover {
	border-bottom: 10px solid #1B65D1;
}
header nav.navi ul li a.icon-eng::before {
	margin-right: 3px;
	content: "";
	background-color: #000;
	display: inline-block;
	height: 16px;
	width: 16px;
	-webkit-mask: url("../img/language_black_24dp.svg");
	mask: url("../img/language_black_24dp.svg");
	-webkit-mask-size: cover;
	mask-size: cover;
	vertical-align: middle;
	margin-top: -5px;
}
header .nav-group {
	float: right;
	position: fixed;
	top: 0;
	right: 0;
	height: 100px;
	padding: 0 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2;
}
header .nav-group img {
	width: 130px;
}
.sp-nav {
	display: block;
	width: 100%;
	z-index: 100;
	background: #1B65D1;
	position: fixed;
	left: -100%;
	top: 0;
	min-height: 100%;
	min-height: 100%;
	height: 100%;
	overflow-y: scroll;
	transition: all .3s ease-in-out;
}

.sp-nav .sp-title {
	text-align: center;
	width: 100%;
	overflow: hidden;
	margin-top: 40px;
	margin-bottom: 40px;
}
.sp-nav .sp-title a {
	height: 100px;
	width: 123px;
	display: inline-block;
	background: #1B65D1 url(../img/logo_lions_header.webp) no-repeat center left;
	background-size: 102%;
	text-indent: -9999px;
	float: none;
}
.sp-nav nav {
	overflow: hidden;
}
.sp-socials-box {
	overflow: hidden;
}
.sp-nav nav ul {
	margin: 0;
	width: 100%;
	display: block;
	height: auto;
	margin-left: 15px;
}
.sp-nav nav ul li {
	float: none;
	display: block;
	background: rgba(20, 52, 93, 0.3);
	display: block;
	float: none;
	font-size: 16px;
	margin-bottom: 2px;
	padding: 0 20px;
	color: #fff;
	width: calc(100% - 40px);
}
.sp-nav nav ul li ul {
	height: 0;
	margin-top: 20px;
	margin-left: 0;
	margin-bottom: -22px;
	overflow: hidden;
	transition: all .3s ease-out;

}
.sp-nav nav ul li a {
	display: block;
	color: #fff;
	padding: 20px 0;
	text-decoration: none;
}
.sp-nav nav ul li .nav-long a {
	display: block;
	color: #fff;
	padding: 20px 0;
	text-decoration: none;
	font-size: 14px;
}
.sp-nav nav ul li a:after {
	float: right;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../img/icon_arrow_white.png);
	background-size: contain;
	vertical-align: middle;
	margin-right: 15px;
}
.sp-nav nav ul li ul li a:after {
	margin-right: -5px;
}
.sp-nav nav ul li.nav-sub {
	padding: 20px;
}
.sp-nav nav ul li.active ul {
	height: auto;
}
.sp-nav nav ul li.nav-sub:before {
	float: right;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../img/icon_plus_white.png);
	background-size: contain;
	vertical-align: middle;
	margin-right: 15px;
}
.sp-nav nav ul li.nav-sub.active:before {
	background-image: url(../img/icon_minus_white.png);
}


.sp-nav nav ul li a.icon-eng::before {
	content: '';
}
.sp-nav nav .nav-group {
	display: none;
}
.sp-nav .sp-socials {
	padding: 40px 15px;
	display: flex;
/* 	margin-left: -5%; */
/* 	margin-right: -5%; */
}
.sp-nav .sp-socials li {
	list-style: none;
	display: inline-flex;
	width: 20%;
	text-align: center;
}
.sp-nav .sp-socials li a {
	width: 100%;
}
.sp-nav .sp-socials li a img {
	width: 33px;
}
.sp-nav .sp-nav-footer {
	background: #F5F5F5;
/* 	padding: 50px 15px 50px; */
	padding: 50px 0 50px;
	text-align: center;
}
.sp-nav .sp-nav-footer .footer-nav-group {
	display: inline-block;
	margin-bottom: 30px;
}
.sp-nav .sp-nav-footer .footer-nav-group img {
	max-width: 200px;
}
.sp-nav .sp-nav-footer-nav {
	display: block;
}
.sp-nav .sp-nav-footer-nav li {
	display: inline-block;
	list-style: none;
	width: 50%;
	width: calc(50% - 15px);
	margin-bottom: 25px;
}
.sp-nav .sp-nav-footer-nav li a {
	color: #000;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
.sp-nav .sp-nav-footer address {
	font-style: normal;
	color: #696969;
	font-size: 12px;
}
@media screen and (max-width: 1270px) {
	header nav.navi ul,
	header .nav-group {
		display: none;
	}
	.btm-sp-menu {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 101;
		height: 40px;
		width: 40px;
		text-align: center;
		padding: 30px;
		cursor: pointer;
		transition: all .3s ease-out;
		perspective: 1000;
	}
	.btm-sp-menu .menu-icon {
		position: relative;
	}
	.btm-sp-menu .menu-icon span {
		display : block;
		position: absolute;
		width   : 40px;
		height  : 3px ;
		left    : 6px;
		background : #1B65D1 !important;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition   : 0.3s ease-in-out;
		transition        : 0.3s ease-in-out;
	}
	.btm-sp-menu .menu-icon span:nth-child(1) {
	  top: 6px;
	}
	.btm-sp-menu .menu-icon span:nth-child(2) {
	  top: 12px;
	}
	.btm-sp-menu .menu-icon span:nth-child(3) {
	  top: 18px;
	}
	.sp-open .btm-sp-menu .menu-icon span:nth-child(1) {
	  top: 3px;
	}
	.sp-open .btm-sp-menu .menu-icon span:nth-child(2) {
	  top: 9px;
	}
	.sp-open .btm-sp-menu .menu-icon span:nth-child(3) {
	  top: 12px;
	}
	.btm-sp-menu .menu-text {
		position: absolute;
		font-size: 7px;
		font-weight: bold;
		top: 60px;
		width: 50px;
	}
	.sp-open .btm-sp-menu .menu-icon span:nth-child(1) {
	  top : 16px;
	  left: 6px;
	  background :#fff;
	  -webkit-transform: rotate(-45deg);
	  -moz-transform   : rotate(-45deg);
	  transform        : rotate(-45deg);
	}

	.sp-open .btm-sp-menu .menu-icon span:nth-child(2),
	.sp-open .btm-sp-menu .menu-icon span:nth-child(3) {
	  top: 16px;
	  background :#fff;
	  -webkit-transform: rotate(45deg);
	  -moz-transform   : rotate(45deg);
	  transform        : rotate(45deg);
	}
	.sp-open .btm-sp-menu {
		background: #fff;
	}
	.btm-sp-menu .menu-text-open {
		display: inline-block;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition   : 0.3s ease-in-out;
		transition        : 0.3s ease-in-out;
	}
	.btm-sp-menu .menu-text-close {
		display: none;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition   : 0.3s ease-in-out;
		transition        : 0.3s ease-in-out;
	}
	.sp-open .btm-sp-menu .menu-text-open {
		display: none;
	}
	.sp-open .btm-sp-menu .menu-text-close {
		display: inline-block;
		margin-top: 5px;
	}
	.sp-open .sp-nav {
		left: 0;
	}
}
.sp-open {
	overflow: hidden;
}
.fadeIn {
	opacity: 0;
	animation-duration: 1;
}
.animate__fadeInUpCustom {
  -webkit-animation-name: fadeInUpCustom;
  animation-name: fadeInUpCustom;
}
@-webkit-keyframes fadeInUpCustom {
  from {
	opacity: 0;
	-webkit-transform: translate3d(0, 20%, 0);
	transform: translate3d(0, 20%, 0);
  }

  to {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftCustom {
  -webkit-animation-name: fadeInLeftCustom;
  animation-name: fadeInLeftCustom;
}
@-webkit-keyframes fadeInLeftCustom {
  from {
	opacity: 0;
	-webkit-transform: translate3d(-20%, 20%, 0);
	transform: translate3d(-20%, 20%, 0);
  }

  to {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
  }
}
/* ヘッダー 終了 */



/* スライダー 開始 */
.tv-wapper {
	position: relative;
}
.tv-slides {
	height: 620px;
	overflow: hidden;
}
.tv-slides .tv-slide-item {
	display: block;
	height: 620px;
	width: 100%;
	overflow: hidden;
}
.tv-slides .tv-slide-item .tv-slide-item-bg {
	display: block;
	height: 620px;
	width: 100%;
}
.tv-slides .tv-slide-item .tv-slide-box {
	display: none;
}
.tv-slides .tv-slide-item.swiper-slide-active .tv-slide-box,
.tv-slides .tv-slide-item.swiper-slide-duplicate-active .tv-slide-box,
.tv-slides .tv-slide-item.swiper-slide-prev .tv-slide-box {
	display: block;
}

@media screen and (max-width: 700px) {
	.tv-slides,
	.tv-slides .tv-slide-item,
	.tv-slides .tv-slide-item .tv-slide-item-bg,
	.slide-img {
		height: 300px !important;
	}
}


@keyframes moveLeftTop {
  0% {
	  transform: scale(1.2) translate(-40px, -40px) ;
  }
  100% {
	transform: scale(1.2) translate(40px, 40px) ;
  }
}
@keyframes moveLeftBottom {
  0% {
	  transform: scale(1.2) translate(-40px, 40px) ;
  }
  100% {
	transform: scale(1.2) translate(40px, -40px) ;
  }
}
@keyframes moveRightTop {
  0% {
	  transform: scale(1.2) translate(40px, -40px) ;
  }
  100% {
	transform: scale(1.2) translate(-40px, 40px) ;
  }
}
@keyframes moveRightBottom {
  0% {
	  transform: scale(1.2) translate(40px, 40px) ;
  }
  100% {
	transform: scale(1.2) translate(-40px, -40px) ;
  }
}
.tv-slides .tv-slide-item-01.swiper-slide-active .slide-img,
.tv-slides .tv-slide-item-01.swiper-slide-duplicate-active .slide-img,
.tv-slides .tv-slide-item-01.swiper-slide-prev .slide-img {
	animation: moveLeftTop 10s linear 0s 1 normal both;
}
.tv-slides .tv-slide-item-02.swiper-slide-active .slide-img,
.tv-slides .tv-slide-item-02.swiper-slide-duplicate-active .slide-img,
.tv-slides .tv-slide-item-02.swiper-slide-prev .slide-img {
  	animation: moveRightTop 10s linear 0s 1 normal both;
}
.tv-slides .tv-slide-item-03.swiper-slide-active .slide-img,
.tv-slides .tv-slide-item-03.swiper-slide-duplicate-active .slide-img,
.tv-slides .tv-slide-item-03.swiper-slide-prev .slide-img {
  animation: moveRightBottom 10s linear 0s 1 normal both;
}
.tv-slides .tv-slide-item-04.swiper-slide-active .slide-img,
.tv-slides .tv-slide-item-04.swiper-slide-duplicate-active .slide-img,
.tv-slides .tv-slide-item-04.swiper-slide-prev .slide-img {
  animation: moveLeftBottom 10s linear 0s 1 normal both;
}
.tv-slides .tv-slide-item-05.swiper-slide-active .slide-img,
.tv-slides .tv-slide-item-05.swiper-slide-duplicate-active .slide-img,
.tv-slides .tv-slide-item-05.swiper-slide-prev .slide-img {
  animation: moveLeftTop 10s linear 0s 1 normal both;
}
.tv-slides .tv-slide-item-06.swiper-slide-active .slide-img,
.tv-slides .tv-slide-item-06.swiper-slide-duplicate-active .slide-img,
.tv-slides .tv-slide-item-06.swiper-slide-prev .slide-img {
  animation: moveRightTop 10s linear 0s 1 normal both;
}
.tv-slides .tv-slide-item-07.swiper-slide-active .slide-img,
.tv-slides .tv-slide-item-07.swiper-slide-duplicate-active .slide-img,
.tv-slides .tv-slide-item-07.swiper-slide-prev .slide-img {
  animation: moveRightBottom 10s linear 0s 1 normal both;
}
.tv-slides .tv-slide-item-08.swiper-slide-active .slide-img,
.tv-slides .tv-slide-item-08.swiper-slide-duplicate-active .slide-img,
.tv-slides .tv-slide-item-08.swiper-slide-prev .slide-img {
  animation: moveLeftBottom 10s linear 0s 1 normal both;
}

.slide-img {
  display: block;
  width: 100%;
	height: 620px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.tv-logo {
	position: absolute;
/* 	max-width: 592px; */
	max-width: 390px;
	top: 50%;
	left: 50%;
	right: unset;
	bottom: unset;
	transform: translateX(-50%) translateY(-50%);
}
.tv-logo.position-left-top {
	top: 10%;
	left: 2%;
	right: unset;
	bottom: unset;
	transform: none;
}
.tv-logo.position-left-center {
	top: 50%;
	left: 2%;
	right: unset;
	bottom: unset;
	transform: translateY(-50%);
}
.tv-logo.position-left-bottom {
	top: unset;
	left: 2%;
	right: unset;
	bottom: 20%;
	transform: none;
}
.tv-logo.position-right-top {
	top: 10%;
	right: 5%;
	left: unset;
	bottom: unset;
	transform: none;
}
.tv-logo.position-right-center {
	top: 50%;
	right: 5%;
	left: unset;
	bottom: unset;
	transform: translateY(-50%);
}
.tv-logo.position-right-bottom {
	top: unset;
	right: 5%;
	left: unset;
	bottom: 20%;
	transform: none;
}
.tv-slide-box {
/* 	height: 80px; */
	position: absolute;
	bottom: 0;
	width: 100%;
}
.tv-slide-box .tv-slide-number {
	color: #fff;
	font-size: 32px;
	width: 113px;
	text-align: center;
	float: left;
	line-height: 80px;
}
.tv-slide-box .tv-slide-bar {
	float: left;
	margin-left: -50px;
	margin-top: 30px;

}
.tv-slide-box .tv-slide-bg {
	background:rgba(0,0,0,0.6);
	float: left;
	height: 60px;
	line-height: 60px;
	padding: 10px 30px;
	width: calc(100% - 173px);
/* 	width: calc(100% - 250px); */
}
.tv-slide-box .tv-slide-bg .tv-slide-text {
	color: #fff;
	float: left;
	width: calc(100% - 50px);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.tv-slide-box .tv-slide-bg .tv-slide-arrow {
	float: right;
	width: 24px;
	margin-top: 18px;
}
.tv-socials {
	position: absolute;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
}
.tv-socials li {
	list-style: none;
	margin-bottom: 15px;
}
.tv-socials li a {}
.tv-socials li a img {
	width: 30px;
	height: 30px;
}

@media screen and (max-width: 900px) {
	.tv-slide-box .tv-slide-bg {
		display: block;
		width: 100%;
		background: #002d4c;
		height: auto;
		width: calc(100% - 30px);
		padding: 10px 15px;
	}
	.tv-slide-box .tv-slide-bg .tv-slide-text {
		display: -webkit-box;
		white-space: inherit;
		overflow: hidden;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		line-height: 36px;
		width: 100%;
	}
	.tv-slide-box .tv-slide-bar {
		display: none;
	}
	.tv-slide-box .tv-slide-arrow {
		display: none;
	}
	.tv-slide-box .tv-slide-number {
		text-align: left;
		padding-left: 15px;
	}
}
/* スライダー 終了 */

/* 1行更新情報 開始 */
.topics-wrapper {
	background: #F5F5F5;
	padding: 15px 40px;
	font-size: 14px;
	overflow: hidden;
}
.topics-date {
	color: #1B65D1;
	line-height: 10px;
}
.topics-date img {
	display: block;
	height: 30px;
	width: 30px;
	float: left;
}
.topics-cat {
	display: block;
	line-height: 30px;
	float: left;
	padding-left: 10px;
}
.topics-text {
	float: left;
	line-height: 30px;
	padding-left: 50px;
}
.topics-text a {
	text-decoration: none;
	color: #000;
	transition: all .2s ease-out;
}
.topics-arrow {
	transition: all .2s ease-out;
}
.topics-text a:hover {
	opacity: 0.5;
}
.topics-arrow:hover {
	opacity: 0.5;
}
.icon-topics-arrow {
	width: 24px;
	float: right;
}
/* 1行更新情報 終了 */

/* 緊急告知エリア 開始 */
.news-alert-box {
	display: block;
	margin-top: 50px;
	margin-bottom: 50px;
	border: 4px solid #AB0F0D;
	text-align: center;
	color: #AB0F0D;
	font-size: 18px;
	text-decoration: none;
	padding: 30px;
	font-weight: bold;
	transition: all .2s ease-out;
}
.news-alert-box:hover {
	background: #AB0F0D;
	color: #fff;
}
.news-alert-box.no-link {
	cursor: default;
}
.news-alert-box.no-link:hover {
	color: #AB0F0D;
	background: #fff;
}
@media screen and (max-width: 1200px) {
	.topics-wrapper {
		padding: 15px;
	}
	.topics-arrow {
		display: none;
	}
	.topics-date {
		display: block;
		overflow: hidden;
	}
	.topics-text {
		display: block;
		padding-left: 0;
		float: none;
	}
}
/* 緊急告知エリア 終了 */

/* ビジネス 開始 */
.business-box {
	margin-top: 40px;
	overflow: hidden;
}
.business-box .business-item {
	display: block;
	float: left;
	max-width: 570px;
	color: #fff;
	text-decoration: none;
	transition: all .2s ease-out;
}
.business-box .business-item:last-child {
	float: right;
}
.business-box .business-item:hover {
	opacity: 0.8 !important;
}
@media screen and (max-width: 1200px) {
	.business-box .business-item {
		float: left;
		width: calc(50% - 30px);
		margin-right: 60px;
	}
	.business-box .business-item:last-child {
		float: left;
		margin-right: 0;
	}
}
.business-box .business-item img.business-cover {
	width: 100%;
	float: left;
}
.business-box .business-item img.business-icon {
	float: right;
	margin-right: 20px;
	margin-top: -100px;
	width: 100px;
}
.business-box .business-item .business-text {
	clear: both;
	overflow: hidden;
	margin-top: 30px;
}
.business-box .business-item .business-text h4 {
	font-size: 16px;
	margin-bottom: 15px;
}
.business-box .business-item .business-text h3 {
	font-size: 32px;
	margin-bottom: 20px;
}
@media screen and (max-width: 930px) {
	.business-box .business-item {
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.business-box .business-item:last-child {
		float: none;
		width: 100%;
	}

}
/* ビジネス 終了 */

/* ESG 開始 */
.banner-esg {
	display: block;
	background: #1B65D1;
	color: #fff;
	text-decoration: none;
	transition: all .2s ease-out !important;
}
.banner-esg:hover {
	opacity: 0.8 !important;
	transition: all .2s ease-out !important;
}
.banner-esg .esg-cover {}
.banner-esg .esg-cover img {
	width: 100%;
}
.banner-esg .esg-text {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 20px;
	font-size: 24px;
}
.page-esg-main-title {
	 text-indent: 24px; /* 括弧中央寄せの調整 */
}
/* ESG 終了 */

/* ニュース 開始 */
.tab-menu {
	padding-top: 40px;
	overflow: hidden;
	display: flex;
}
.tab-menu li {
	display: flex;
    align-items: center;
    justify-content: center;
	cursor: pointer;
	margin-right: 15px;
	padding: 15px;
	width: calc(100% / 2);
	flex-grow: 1;
	transition: all .3s ease-out;
}
.tab-menu.trisect li {
	width: calc(100% / 3);
}
.tab-menu li a {
	display: inline-flex;
    justify-content: center;
    flex-grow: 1;
    align-items: center;
	height: 100%;
	text-decoration: none;
	margin: -15px;
	padding: 15px;
}
.tab-menu li:last-child {
	margin-right: 0;
}
.tab-menu li.active,
.tab-menu li:hover {
	color: #fff;
}
.tab-menu li:hover {
	opacity: 0.6;
}
.tab-menu li.active:hover {
	opacity: 0.7;
}

.tab-menu li.tab-blue {
	color: #14345D;
	border: solid 2px #14345D;
}
.tab-menu li.tab-blue.active {
	color: #fff;
	border: solid 2px #14345D;
	background: #14345D;
}

.tab-menu li.tab-lions,
.tab-menu li.tab-lfriends {
	color: #1B65D1;
	border: solid 2px #1B65D1;
}

.tab-menu li.tab-lions.active,
.tab-menu li.tab-lfriends.active {
	color: #fff;
	border: solid 2px #1B65D1;
	background: #1B65D1;
}

.tab-menu li.tab-blue a {
	color: #14345D;
}

.tab-menu li.tab-lions a,
.tab-menu li.tab-lfriends a {
	color: #1B65D1;
}

.tab-menu li.tab-blue.active a,
.tab-menu li.tab-lions.active a {
	color: #fff;
}

.news-lists {
	display: none;
}
.news-lists.active {
	display: block;
}
.news-box {
	clear: both;
	padding-top: 25px;
	padding-bottom: 25px;
	overflow: hidden;
}
.news-box .news-item {
	display: block;
	position: relative;
	cursor: pointer;
	width: 100%;
/* 	height: 60px; */
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	text-decoration: none;
	border-bottom: 1px solid #D5D5D5;
	animation: 1s 0.5s ease-in-out infinite alternate;
}
.press-lists .news-box .news-item {
	padding-top: 30px;
	padding-bottom: 30px;
}

.news-box .news-item .news-arrow {
	float: right;
	padding-top: 8px;
	padding-right: 25px;
	display: none;
}
.news-box .news-item .news-date {
	clear: both;
	float: left;
	color: #1B65D1;
	width: 240px;
	font-weight: bold;
}

.note-contents .news-date {
	color: #1B65D1;
	font-weight: bold;
}

#news .news-box .news-item .news-date {
	width: 120px;
}
.news-box .news-item .news-title {
	float: left;
	color: #000;
/* 	transition: all .3s ease-out; */
	width: calc(100% - 300px);
}
.news-box .news-item:hover .news-title {
	float: left;
	color: #000;
/* 	transition: all .3s ease-out; */
/*	width: calc(100% - 240px - 50px);*/
}
.news-box .news-item .news-arrow img {
	width: 24px;
}
.news-box .news-item:hover {
	background: rgba(213,213,213,0.3);
	padding-left: 20px;
	padding-right: 20px;
	transition: all .3s ease-out;
}
.news-box .news-item:hover:after {
	float: right;
	content: '';
	display: inline-block;
	width: 24px;
	line-height: 60px;
	background-image: url(../img/icon_arrow_black.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
	position: absolute;
	top: 0;
	right: 25px;
	margin-right: 25px;
	height: 100%;
}

.btn-more {
	text-align: center;
	width: 500px;
	margin: 35px auto;
}

.btn-more-blue {
	text-align: center;
	width: 500px;
	margin: 35px auto;
}

.btn-more a,
.btn-more button {
	width: 100%;
	display: block;
	position: relative;
	text-decoration: none;
	background: #14345D;
	color: #fff;
	height: 80px;
	text-align: center;
	font-size: 16px;
	transition: all .2s ease-out;
	border: none;
	cursor: pointer;
}

.btn-more-blue a,
.btn-more-blue button {
	width: 100%;
	display: block;
	position: relative;
	text-decoration: none;
	background: #1B65D1;
	color: #fff;
	height: 80px;
	text-align: center;
	font-size: 16px;
	transition: all .2s ease-out;
	border: none;
	cursor: pointer;
}

.btn-more a span,
.btn-more button span {
	  position: absolute;
	  width: 100%;
	  top: 50%;
	  left: 50%;
	  transform: translateY(-50%) translateX(-50%);
	  -webkit-transform: translateY(-50%) translateX(-50%);
}

.btn-more-blue a span,
.btn-more-blue button span {
	  position: absolute;
	  width: 100%;
	  top: 50%;
	  left: 50%;
	  transform: translateY(-50%) translateX(-50%);
	  -webkit-transform: translateY(-50%) translateX(-50%);
}

.btn-more a:hover,
.btn-more button:hover {
	opacity: 0.8;
}

.btn-more-blue a:hover,
.btn-more-blue button:hover {
	opacity: 0.8;
}

@media screen and (max-width: 530px) {
	.btn-more {
		width: 100%;
	}

	.btn-more-blue {
		width: 100%;
	}

	.form-file {
		width: 100% !important;
	}
}
@media screen and (max-width: 1200px) {
	.tv-socials {
		display: none;
	}
	.news-box .news-item {
		height: auto;
		line-height: 27px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.news-box .news-item .news-date,
	.news-box .news-item .news-title {
		float: none;
	}
	.news-box .news-item .news-arrow,
	.news-box .news-item:hover .news-arrow {
		display: none;
	}
	.news-box .news-item .news-title {
		width: calc(100%);
	}
	.news-box .news-item:hover .news-title {
		width: calc(100% - 50px);
	}
}
/* ニュース終了 */

/* フッターバナー 開始 */
.banner-wrapper {
	background-color: #F5F5F5;
	padding-bottom: 80px;
}
.banner-line {
	display: flex;
}
.banner-line .banner-item {
	display: inline-flex;
	width: 50%;
	height: 447px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	transition: all .2s ease-out;
}
.banner-line .banner-item:hover {
	opacity: 0.8;
}
.banner-line .banner-item .banner-inter {
	position: relative;
	width: 100%;
}
.banner-line .banner-item .banner-title {
	position: absolute;
	text-align: center;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}

.banner-title .banner-main-title {
	font-family: 'Futura-Med', sans-serif;
	font-size: 48px;
	color: #fff;
	letter-spacing: 2px;
}
.banner-line .banner-item .banner-title .banner-sub-title {
	font-size: 18px;
	color: #fff;
}
.banner-company {
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding-bottom: 128px;
}
.banner-company .banner-title {
	width: 100%;
	text-align: center;
	padding-top: 78px;
	padding-bottom: 60px;
}
.banner-company .banner-title .banner-sub-title {
	font-size: 18px;
	color: #fff;
}
.company-box {
	margin-top: -128px;
}
.company-nav {
	background: #1B65D1;
	color: #fff;
	padding: 30px 25px 20px;
	overflow: hidden;
}
.company-nav li {
	padding: 0 25px 25px;
	width: calc(33.3% - 50px);
	float: left;
	list-style: none;
}
.company-nav li a {
	display: block;
	width: 100%;
	float: left;
	border-bottom: 4px solid #fff;
	color: #fff;
	text-decoration: none;
	line-height: 68px;
	font-size: 16px;
	letter-spacing: 2px;
	transition: all .2s ease-out;
}
.company-nav li a::after {
	float: right;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 68px;
	margin-top: 22px;
	background-image: url(../img/icon_arrow_white.png);
	background-size: contain;
	vertical-align: middle;
}
.company-nav li a:hover {
	background: #1B65D1;
	padding-left: 20px;
	padding-right: 20px;
	width: calc(100% - 40px);
}
@media screen and (max-width: 1200px) {
	.company-nav {
		margin-left: 15px;
		margin-right: 15px;
	}
}
@media screen and (max-width: 930px) {
	.company-nav {
		margin-left: 0;
		margin-right: 0;
	}
	.company-nav li {
		width: calc(50% - 50px);
	}
	.company-nav li a::after {
		margin-top: 0;
	}
	.banner-line {
		display: block;
	}
	.banner-line .banner-item {
		display: block;
		width: 100%;
		height: 240px;
	}
	.banner-line .banner-item .banner-inter {
		height: 100%;
	}
	.home-cat-title {
		font-size: 32px;
	}
	.home-sub-title {
		font-size: 16px;
	}
	.banner-title .banner-main-title {
		font-size: 32px;
	}
}
@media screen and (max-width: 650px) {
	.company-nav li {
		width: calc(100% - 50px);
	}
	.sp-nav {
/* 		overflow: hidden; */
	}
	.sp-nav-footer {
/* 		margin-left: -15px;
		margin-right: -15px; */
	}
}
/* フッターバナー 終了 */

/* フッターグループ 開始 */
.footer-logo-wrapper {
	background: #fff;
	padding-top: 40px;
	padding-bottom: 0px;
	border-top: solid 1px #D5D5D5;
}
.logo-row {
	text-align: center;
	margin-bottom: 0;
}
.logo-item:hover {
	opacity: 0.6;
}
.footer-base-wrapper {
	padding-top: 40px;
	padding-bottom: 40px;
	background: #F5F5F5;
}
.footer-box {
	text-align: center;
}
.footer-box .footer-logo {
	margin-bottom: 30px;
	transition: all .2s ease-out;
}
.footer-box .footer-logo img {
	max-height: 50px;
}
.footer-box .footer-logo:hover {
	opacity: 0.6;
}
.footer-box .footer-nav {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 20px;
}
.footer-box .footer-nav li {
	list-style: none;
	display: inline-block;
	padding-left: 25px;
	padding-right: 25px;
}
.footer-box .footer-nav li a {
	color: #000;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	transition: all .2s ease-out;
}
.footer-box .footer-nav li a:hover {
	opacity: 0.6;
}
.footer-box address {
	text-decoration: none;
	font-style: normal;
	font-size: 12px;
	color: #696969;
}
@media screen and (max-width: 930px) {
	.footer-box .footer-nav li {
		width: 40%;
		margin-bottom: 20px;
	}
	.tv-logo {
		width: 70%;
		/*max-width: 229px;*/
	}
	.company-nav li a {
		line-height: 28px;
	}
}
@media screen and (max-width: 580px) {
	.footer-box .footer-nav li {
		width: 49%;
	}
	.footer-box .footer-nav li {
		padding-left: 0;
		padding-right: 0;
	}
}
@media screen and (max-width: 500px) {
	.home-cat-title img {
		max-width: 100%;
	}
}
/* フッターグループ 終了 */

/* 個別ページ */
.page {
	padding-bottom: 40px;
}
.error-404 {
	text-align: center;
}
.error-404 img {
	max-width: 230px;
}
.error-text {
	padding: 20px 0;
	text-align: center;
	font-size: 16px;
	line-height: 22px;
}
.text-box p {
	font-size: 16px;
	line-height: 30px;
	margin-top: 0;
	margin-bottom: 30px;
	text-align: justify;
}
.text-box .dome-graph {
	text-align: center !important;
	max-width: 780px;
	margin: 0 auto 30px;
}
.text-box .dome-graph img {
	width: 100%;
}
.text-box .text-small {
	font-size: 12px;
	line-height: 18px;
	text-align: left;
}
.logo-dome-title {
	text-align: center;
	margin-bottom: 60px;
}
.logo-dome-title img {
	max-width: 488px;
}
@media screen and (max-width: 500px) {
	.logo-dome-title img {
		max-width: 100%;
	}
}
.dome-line {
	display: flex;
}
.dome-line .dome-item {
	display: inline-flex;
	width: 50%;
}
.dome-line .dome-item img {
	width: 100%;
}
@media screen and (max-width: 700px) {
	.dome-line,
	.dome-line .dome-item {
		display: inline-grid;
	}
	.dome-line .dome-item {
		width: 100%;
	}
}

.bnr-site {
	display: block;
	transition: all .2s ease-out;
	margin-top: 80px;
	margin-bottom: 40px;
}
.bnr-site:hover {
	opacity: 0.8;
}
.bnr-site img {
	width: 100%;
}
.page-cover {
	height: 200px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.page-cover .cover-copy {
	font-size: 10px;
	text-align: right;
	color: #fff;
	padding-top: 10px;
	padding-right: 15px;
}
.page-cover-message {
	height: 300px;
	background-color: #f1f2f6;
	background-image:url(../img/page_cover_message_lg.jpg);
}
.page-cover-message h3 {
	display: none;
}
.page-cover-message .sp-cover-message {
	display: none;
}
@media screen and (max-width: 1000px) {
	.page-cover-message {
		height: auto;
		background: none;
	}
	.page-cover-message .sp-cover-message {
		display: inline;
		width: 100%;
	}
}
@media screen and (min-width: 1440px) {
	.page-cover-message {
		background: #f1f2f6 url(../img/page_cover_message_lg.jpg) no-repeat center center;
		background-size: contain !important;
	}
	.page-cover-message:before {
		content: '';
		content: '';
		float: left;
		background: url(../img/bg_cover_company.jpg) repeat-x center left;
		background-size: contain !important;
		height: 100%;
		width: calc((100vw - 1440px) / 2);
	}
}
.message-footer .message-footer-text {
	text-align: right;
	margin-bottom: 40px;
	margin-top: 80px;
}
.message-footer .message-footer-signature {
	text-align: right;
	margin: 0;
}
.message-footer .message-footer-signature img {
	max-width: 276px;
}
.footer-menu-wrapper {
	margin-bottom: -40px;
}
.footer-menu {
	display: flex;
}
.footer-menu li {
	display: inline-flex;
	width: calc(25% - 2px);
}
.footer-menu li a {
	display: block;
	height: 180px;
	width: 100%;
	border-right: 1px solid #fff;
	text-align: center;
	background: #1B65D1;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	transition: all .2s ease-out;
	position: relative;
}
.footer-menu li a span {
	  position: absolute;
	  width: 100%;
	  top: 50%;
	  left: 50%;
	  transform: translateY(-50%) translateX(-50%);
	  -webkit-transform: translateY(-50%) translateX(-50%);
}
.footer-menu li:last-child {
	width: calc(25% - 1px);
	border-right: none;
}
.footer-menu li a:hover {
	background: #14345D;
}
@media screen and (max-width: 700px) {
	.footer-menu {
		display: block;
	}
	.footer-menu li {
		display: block;
		width: 100%;
	}
	.footer-menu li br {
		display: none;
	}
	.footer-menu li a {
		border-right: none;
		border-bottom: 1px solid #fff;
		height: 50px;
	}
	.footer-menu li:last-child {
		width: 100%;
	}
	.footer-menu li:last-child a {
		display: block;
		width: 100%;
		border-right: none;
		border-bottom: none;
	}
}
.about-organization p {
	text-align: center;
}
.about-organization img {
	max-width: 663px;
}
@media screen and (max-width: 700px) {
	.about-organization img {
		max-width: 100%;
	}
}

.about-charter {}
.about-charter .about-charter-item {
	margin-bottom: 45px;
}
.about-charter .about-charter-item h3,
.about-charter .about-charter-item h4 {
	font-size: 36px;
	color: #14345D;
	margin-bottom: 30px;
/* 	line-height: 36px; */
	line-height: 46px;
}
.about-charter .about-charter-item h3 span,
.about-charter .about-charter-item h4 span {
	font-size: 46px;
	color: #1B65D1;
	display: inline-block;
	margin-right: 25px;
}
.about-charter .about-charter-item h5 {
	font-size: 24px;
	color: #1B65D1;
	display: inline-block;
	margin-right: 25px;
	margin-block-start: 0;
	margin-block-end: 0;
}
.about-charter .about-charter-item h6 {
	font-size: 18px;
	display: inline-block;
	margin-right: 25px;
	margin-block-start: 0;
	margin-block-end: 0;
}
.about-privacy ul li,
.about-policy ul li {
	list-style-position: inside;
}
.about-privacy p,
.about-policy p {
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 30px;
}
.about-privacy ul li,
.about-policy ul li {
	margin-bottom: 5px;
}
.about-privacy a {
	position: relative;
	padding-left: 20px;
	color: #1B65D1;
}
.about-privacy a:before {
	content: '';
	width: 6px;
	height: 6px;
	border: 0;
	border-top: solid 2px #1B65D1;
	border-right: solid 2px #1B65D1;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -4px;
	transform: rotate(45deg);
}
.about-privacy a[target=_blank]:after {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	background-image: url(../img/icon_window_black.png);
	background-size: contain;
	vertical-align: middle;
	margin-left: 5px;	
}
.about-privacy .link-pdf {
	margin: 20px 0 30px;
}
.about-privacy .link-pdf a {
	display: inline-block;
	position: relative;
	padding-left: 4.3em;
	padding-top: 0.6rem;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
	text-decoration: none;
}
.about-privacy .link-pdf a:before {
	font-size: 12px;
	content: "PDF";
	display: block;
	position: absolute;
	top: 0.5rem;
	left: 0;
	background: #1d3994;
	color: #fff;
	font-size: 1.2rem;
	width: 3em;
	text-align: center;
	transform: rotate(0deg);
	line-height: 1.3;
	border: none;
	margin: 0;
	font-weight: normal;
	height: auto;
}
.about-privacy .link-pdf a:after {
	display: none;
}

.border-bottom-none td {
	border-bottom: none;
}
.table-no-space th, .table-no-space td {
	padding: 0;
}
.table-top-space th, .table-top-space td {
	padding-top: 20px;
}
.table-bottom-space th, .table-bottom-space td {
	padding-bottom: 20px;
}
@media screen and (max-width: 700px) {
	table tr:first-child td {
		border-top: none;
	}
	table tr th,table tr td {
		display: block;
		width: 100%;
		padding: 0;
	}
	table tr th {
		border: none;
		padding-top: 20px;
		padding-bottom: 10px;
		line-height: 14px;
	}
	table tr td {
		padding-bottom: 20px;
	}
	table tr td.sub-table-title {
		border: none;
		font-weight: bold;
		padding-top: 10px;
	}
	.table-top-space td {
		padding-top: 0;
	}
	.table-bottom-space td {
		padding-bottom: 0;
	}
	.table-bottom-space td:last-child {
		padding-bottom: 20px;
	}
}
.about-company-image {
	text-align: center;
}
.about-company-image img {
	max-width: 780px;
}
.about-company-map {
	margin-bottom: 55px;
}
.about-company-map .map-title {
	text-align: center;
	color: #14345D;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 20px;
}
.about-company-map .map-address {
	text-align: center;
	font-size: 16px;
	margin-bottom: 45px;
}
.about-company-map .map-area {
	background: #F5F5F5;
	height: 400px;
	width: 100%;
	overflow: hidden;
}
.about-company-map .map-area iframe {
	width: 100%;
}
@media screen and (max-width: 780px) {
	.about-company-image img {
		max-width: 100%;
	}
}
@media screen and (min-width: 781px) {
	.about-company-map .map-address br {
		display: none;
	}
}
.about-gvision {
	margin-bottom: 60px;
}
.about-gvision h2 {
	margin-bottom: 40px;
	font-size: 28px;
	color: #1B65D1;
}
.about-gvision h2:before {
	float: left;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 68px;
	margin-top: 10px;
	background-image: url(../img/icon_topics.png);
	background-size: contain;
	vertical-align: middle;
}
.about-gvision p {
	font-weight: bold;
	font-size: 24px;
	line-height: 54px;
}

.gvision-slogan-box {
	border: 5px solid #1B65D1;
	text-align: center;
}
.gvision-slogan-box h4 {
	background: #1B65D1;
	color: #fff;
	line-height: 70px;
	font-size: 24px;
}
.gvision-slogan-box h3 {
	color: #1B65D1;
	font-size: 36px;
	padding-top: 35px;
	padding-bottom: 35px;
	font-weight: bold;
}
.gvision-logo-box {
	text-align: center;
	padding-top: 80px;
	padding-bottom: 80px;
}
.gvision-logo-box img {
	max-width: 800px;
}
.gvision-logo-box.eng-vision {
	padding-top: 40px;
	padding-bottom: 80px;
}
@media screen and (max-width: 800px) {
	.gvision-logo-box img {
		max-width: 100%;
	}
}

.contact-box {
	margin-bottom: 70px;
}
.contact-box h3 {
	font-size: 24px;
	text-align: center;
	margin-bottom: 30px;
}
.contact-box .btn-contact-blue {
	display: block;
	text-align: center;
	background: #14345D;
	text-decoration: none;
	color: #fff;
	position: relative;
	height: 130px;
	font-size: 16px;
	margin-bottom: 20px;
	transition: all .2s ease-out;
}
.contact-box .btn-contact-blue span:not(.icon-link-window) {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
}
.contact-box .btn-contact-lions {
	display: block;
	text-align: center;
	background: #1B65D1;
	text-decoration: none;
	color: #fff;
	position: relative;
	height: 130px;
	font-size: 16px;
	margin-bottom: 20px;
	transition: all .2s ease-out;
}
.contact-box .btn-contact-lions span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 100%;
}
.contact-box.color-lions h3 {
	color: #1B65D1;
}
.contact-box .btn-contact-blue:hover,
.contact-box .btn-contact-lions:hover {
	opacity: 0.8;
}
.contact-box .btn-contact-blue span:not(.icon-link-window):after,
.contact-box .btn-contact-lions span:not(.icon-link-window):after {
	float: right;
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../img/icon_arrow_white.png);
	background-size: contain;
	vertical-align: middle;
	margin-right: 15px;
}
.contact-box .btn-contact-blue.btn-br span:not(.icon-link-window):after,
.contact-box .btn-contact-lions.btn-br span:not(.icon-link-window):after {
	margin-top: -12px;
}
.contact-item ul {
}
.contact-item ul li {
	margin-bottom: 10px;
	font-size: 14px;
	list-style: none;
}
.contact-item ul li:before {
	float: left;
	content: '・';
	margin-left: 0;
	margin-right: 0;
}

.about-history table tr th {
	width: 100px;
	font-size: 24px;
}
.history-images {
	margin-top: 20px;
	margin-bottom: 30px;
	display: flex;
	flex-direction: row;
}
.history-images .history-image-item {
	display: inline-flex;
	width: 30%;
	margin-right: 30px;
}
.history-images .history-image-item:last-child {
	margin-right: 0;
}
.history-images .history-image-item img {
	width: 100%;
}
.history-images .history-image-copy {
	font-size: 12px;
	margin-left: -15px;
	align-items: flex-end;
}
@media screen and (max-width: 700px) {
	.about-history table tr th {
		width: 100%;
	}
	.about-history table tr th br {
		display: none;
	}
}


.press-wrapper {
	background: #F5F5F5;
	margin-bottom: 40px;
}
.press-box {
	font-family: Helvetica, sans-serif;
}
.press-box .press-header {
	padding-top: 80px;
	padding-bottom: 35px;
	border-bottom: 3px solid #1B65D1;
}
.press-box .press-header .press-title {
	margin-bottom: 40px;
	font-weight: normal;
	font-size: 24px;
	line-height: 46px;
}
.press-box .press-header .press-meta {
	color: #1B65D1;
	font-weight: normal;
	font-size: 19px;
}
.press-box .press-contents {
	padding-top: 60px;
	padding-bottom: 40px;
}
.press-box .press-contents h1 {
	font-size: 24px;
	line-height: 42px;
	margin-bottom: 40px;
}
.press-box .press-contents h2 {
	font-size: 24px;
	line-height: 42px;
	margin-bottom: 40px;
}
.press-box .press-contents p {
/* 	font-size: 16px; */
	font-size: 14px;
	line-height: 29px;
	margin-block-start: 0;
	margin-block-end: 0;
/* 	margin-bottom: 40px; */
	margin-bottom: 0;
}
.press-box .press-contents table p {
	margin-bottom: 0;
}
.press-box .press-contents img {
	max-width: 100%;
	vertical-align: bottom;
}

.height100 { max-height: 100px; }
.height150 { max-height: 150px; }
.height200 { max-height: 200px; }
.height250 { max-height: 250px; }
.height300 { max-height: 300px; }
.height350 { max-height: 350px; }
.height400 { max-height: 400px; }
.height450 { max-height: 450px; }
.height500 { max-height: 500px; }

/* === */
.press-box table tr th, table tr td {
	border-left: 1px solid #D5D5D5;
	border-right: 1px solid #D5D5D5;
	padding: 10px 10px;
}
.press-box .press-contents p {
/* 	margin-bottom: 0.4rem !important; */
	margin-bottom: 0 !important;
	font-family: Helvetica, sans-serif;
	color: #000;
}
/* === */

.press-footer {
	padding-bottom: 80px;
}
.press-footer-links {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: -25px;
	margin-right: -25px;
}
.press-footer-links .press-footer-link {
	display: inline-flex;
	width: 400px;
	padding:0 25px;
}
.press-footer-links .press-footer-link .press-footer-btn {
	position: relative;
	display: block;
	width: 100%;
	height: 80px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	transition: all .2s ease-out;
}
.press-footer-links .press-footer-link .press-footer-btn:hover {
	opacity: 0.8;
}
.press-footer-links .press-footer-link .press-footer-btn span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}
.press-footer-links .press-footer-link .btn-lions {
	  background: #1B65D1;
}
.press-footer-links .press-footer-link .btn-blue {
	  background: #14345D;
}
.press-important {
	margin-top: 80px;
}

.press-lists .tab-menu {
	padding-top: 0;
}
.press-lists .news-box .news-item:first-child {
	border-top: 1px solid #D5D5D5;
}
.press-cal {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-right: -10px;
	margin-top: 40px;
}
.press-cal .press-cal-select,
.press-cal .press-cal-item {
	display: inline-flex;
	color: #000;
	text-decoration: none;
	margin-right: 10px;
}

.press-cal .press-cal-select {
	height: 58px;
	border: solid 2px #000;
	font-size: 18px;
	width: 129px;
}
.press-cal .press-cal-select:after {
/* 	float: right;
	content: '';
	display: inline-block;
	width: 0;
	padding-right: 11px;
	height: 56px;
	background-image: url(../img/icon_btn_menu_black.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
	margin-right: 15px; */
}
.press-cal .press-cal-select select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	width: 100%;
	text-align: center;
	font-size: 18px;
	border: none;
	background: #fff  url(../img/icon_btn_menu_black.jpg) no-repeat 105px center;
	color: #000;
	position: relative;
	z-index: 1;
}
.press-cal .press-cal-select select:after {
/* 	content: '';
	display: inline-block;
	width: 0;
	padding-right: 11px;
	height: 56px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
	margin-right: 15px;
	position: absolute;
	right: 0;
	z-index: -1; */
}
.press-cal .press-cal-select select .cal-text {
	font-size: 12px;
}
.press-cal .press-cal-item {
	text-align: center;
	font-size: 18px;
	border: solid 2px #000;
	width: 58px;
	height: 58px;
	transition: all .2s ease-out;
}
.press-cal .press-cal-item.active,
.press-cal .press-cal-item:hover {
	background: #000;
	color: #fff;
}
.press-cal .press-cal-item.press-cal-none {
	color: #D5D5D5;
}
.press-cal .press-cal-item div {
	width: 58px;
	height: 58px;
	line-height: 58px;
}
.press-cal .press-cal-item .cal-text {
	font-size: 12px;
}
.press-cal-pc {
	display: flex;
}
.press-cal-sp {
	display: none;
}
.press-cal-sp  .press-cal-select {
	width: 200px;
}
.press-cal-sp  .press-cal-select select {
	background-position: 170px center;
}
@media screen and (max-width: 997px) {
	.press-cal-pc {
		display: none;
	}
	.press-cal-sp {
		display: block;
	}
	.press-cal {
		display: block;
	}
}

.press-header {
	position: relative;
	margin-block: 15px;
	margin-top: 40px;
	overflow: hidden;
}

.press-header .press-cat-select {
	float: left;
	height: 38px;
	border: solid 2px #1B65D1;
	width: 160px;
	color: #1B65D1;
	position: relative;
	z-index: 2;
	margin-bottom: -40px;
}

.press-header .press-cal-today {
	float: left;
	width: 100%;
	text-align: center;
}

.press-header .press-cat-select select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	width: 100%;
	text-align: left;
	font-size: 18px;
	float: left;
	height: 38px;
	border: none;
	margin-right: -22px;
	color: #1B65D1;
	font-size: 12px;
	padding-left: 10px;
	background: #fff  url(../img/icon_btn_menu_blue.jpg) no-repeat 135px center;
}
.press-cal .press-cal-select select:focus-visible,
.press-header .press-cat-select select:focus-visible {
	border: none;
	outline: none;
}

.press-header .press-cal-today .press-cal-view {
	display: inline-block;
	font-size: 36px;
	padding: 0 50px;
	margin-right: -15px;
}
.press-header .press-cal-today .press-cal-view span {
	font-size: 18px;
	margin-right: 15px;
}
.press-header .press-cal-today a {
	transition: all .2s ease-out;
	display: inline-block;
}
.press-header .press-cal-today a:hover{
	opacity: 0.8;
}
@media screen and (max-width: 720px) {
	.press-header .press-cal-today {
		margin-top: 62px;
	}
	.press-header .press-cal-today .press-cal-view {
		padding: 0 10px;
	}
}

.lions-slogan {
	text-align: center !important;
	max-width: 780px;
	margin: 0 auto 30px;
}
.lions-slogan img {
	width: 100%;
}

.page-lions-title {
	font-size: 28px;
	text-align: center;
	line-height: 32px;
	color: #1B65D1;
	margin-top: 80px;
	margin-bottom: 30px;
}


.double-column {
	display: flex;
	margin-left: -25px;
	margin-right: -25px;
}
.double-column .double-column-item {
	width: 50%;
	margin-left: 25px;
	margin-right: 25px;
}
.double-column .double-column-item img {
	width: 100%;
}
.double-column .double-column-item p {
	font-size: 16px;
	margin-block-start: 0;
	margin-block-end: 0;
}
.double-column .double-column-item p.graph-notice {
	font-size: 12px;
	text-align: left;
}
.double-column-single {
	width: 50%;
	margin: 0 auto;
}

@media screen and (max-width: 700px) {
	.double-column {
		display: flex;
		margin-left: 0;
		margin-right: 0;
		flex-wrap: wrap;
	}
	.double-column .double-column-item {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.double-column .double-column-item p.graph-notice {
		text-align: left;
	}
	.double-column .double-column-item:first-child {
/* 		order: 1; */
	}
	.double-column .double-column-item:last-child {
/* 		order: 2; */
	}
	.double-column-single {
		width: 100%;
		margin: 30px auto 0;
	}
}

.movie-iframe {
	height: 300px;
}
.movie-iframe iframe {
	width: 100%;
	height: 100%;
}

.esg-logo {
	text-align: center !important;
	max-width: 800px;
	margin: 55px auto 30px;
	padding-bottom: 20px;
}
.esg-logo img {
	width: 100%;
}

.esg-agenda {}
.esg-agenda .esg-agenda-item {
	overflow: hidden;
	margin-bottom: 75px;
}
.esg-agenda .esg-agenda-item .esg-agenda-title {
	float: left;
}
.esg-agenda .esg-agenda-item h3 {
	font-size: 28px;
	color: #1B65D1;
	margin-bottom: 30px;
}
.esg-agenda .esg-agenda-item h3:before {
	float: left;
	content: '';
	display: inline-block;
	width: 30px;
	height: 24px;
	line-height: 68px;
	margin-top: 10px;
	background-image: url(../img/icon_topics.png);
	background-size: contain;
	vertical-align: middle;
}
.esg-agenda .esg-agenda-item .esg-agenda-text {
	font-size: 16px;
}
.esg-agenda .esg-agenda-item .esg-agenda-icon {
	float: right;
}
.esg-agenda .esg-agenda-item .esg-agenda-icon img {
	width: 112px;
}
.esg-flow-box {
	overflow: hidden;
}
.esg-flow {
	overflow: hidden;
	margin-left: -25px;
	margin-right: -25px;
}
.esg-flow .esg-flow-item {
	float: left;
	width: calc(33.33% - 50px);
	padding: 0 25px;
}
.esg-flow .esg-flow-item h4 {
	text-align: center;
	font-size: 36px;
	color: #1B65D1;
	margin-bottom: 35px;
}
.esg-flow .esg-flow-item h5 {
	text-align: center;
	font-size: 24px;
	color: #14345D;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-bottom: 30px;
}
.esg-flow .esg-flow-item p {
	font-size: 16px;
}
@media screen and (max-width: 700px) {
	.esg-agenda .esg-agenda-item .esg-agenda-title,
	.esg-agenda .esg-agenda-item .esg-agenda-icon {
		float: none;
	}
	.esg-agenda .esg-agenda-item .esg-agenda-text {
		margin-bottom: 20px;
	}
	.esg-flow .esg-flow-item {
		width: calc(100% - 50px);
		text-align: center;
		margin-bottom: 30px;
	}
	.esg-flow .esg-flow-item h5 br {
		display: none;
	}

}
@media screen and (max-width: 376px) {
	.esg-agenda .esg-agenda-item .esg-agenda-icon div {
		display: inline;
	}
}
.esg-l-friends {
		text-align: center !important;
		max-width: 800px;
		margin: 40px auto 55px;
		padding-bottom: 20px;
}
.esg-l-friends img {
	width: 100%;
}
.esg-more {
	margin: 60px auto;
}
.btn-more-lions a,
.btn-more-lions button {
	background-color: #1B65D1;
}
.esg-sub-title {
	text-align: center;
	font-size: 36px;
	margin-bottom: 30px;
}
.esg-sub-title span {
	display: inline-block;
	margin-right: 25px;
	color: #1B65D1;
}
.esg-image {
	text-align: center !important;
	max-width: 780px;
	margin: 0 auto 30px;
	margin-bottom: 60px;
}
.esg-image img {
	width: 100%;
}
.eng-image {
	text-align: center !important;
	max-width: 780px;
	margin: 0 auto 30px;
	margin-bottom: 60px;
}
.eng-image img {
	width: 100%;
}

.esg-action {}
.esg-action-item {
	margin-bottom: 40px;
}
.esg-action-item h4 {
	font-size: 28px;
	color: #1B65D1;
	margin-bottom: 30px;
	line-height: 42px;
}
.esg-action-item h4:before {
	float: left;
	content: '';
	display: inline-block;
	width: 30px;
	height: 42px;
	line-height: 28px;
	background-image: url(../img/icon_topics.png);
	background-size: contain;
	vertical-align: middle;
	background-repeat: none;
	background-position: center center;
}
.esg-action-item p {
	margin-block-start: 0;
	margin-block-end: 0;
}

.form-wrapper {
	background: #F5F5F5;
	padding: 80px 50px 40px;
}
.form-item {
	margin-bottom: 40px;
	overflow: hidden;
	clear: both;
}
.form-item label,
.form-item .form-title {
	display: inline-block;
	font-size: 16px;
	margin-bottom: 10px;
}
.form-item label .required,
.form-item .form-title .required {
	color: #AB0F0D;
	margin-left: 20px;
}
.form-item input[type=text],
.form-item textarea,
.form-item .form-date {
	background: #fff;
	display: block;
	border: none;
	padding: 15px 10px;
	border-radius: 5px;
	border: 1px solid #E0E0E0;
	width: calc(100% - 22px);
	font-size: 14px;
}
.form-item textarea {
	min-height: 250px;
}
.form-item input::placeholder,
.form-item textarea::placeholder,
.form-item .form-date::placeholder {
  color: #D5D5D5;
}
.form-item .form-notice {
	font-size: 14px;
	line-height: 22px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.form-item .form-description {
	margin-bottom: 10px;
}

.form-item input[type=checkbox] {
/*   display: none; */
	width: 15px;
	float: left;
	padding-left: 5px;
	border: none;
	background: none;
}
.form-item .form-input-box {
	margin-top: 10px;
	margin-bottom: -30px;
}
.form-item .form-input-box label {
	margin-bottom: 40px;
}
.form-item .checkbox-parts {
	padding-left: 47px;
	position: relative;
	margin-right: 40px;
	font-size: 16px;
	padding-top: 10px;
	margin-left: -20px;
}
.form-item .checkbox-parts::before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 34px;
	height: 34px;
	border: 1px solid #E0E0E0;
	border-radius: 5px;
	background: #fff;
}
.form-item input[type=checkbox]:checked + .checkbox-parts::after{
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 12px;
	width: 11px;
	height: 18px;
	transform: rotate(40deg);
	border-bottom: 3px solid #1B65D1;
	border-right: 3px solid #1B65D1;
}
.form-select {
	width: 170px;
	overflow: hidden;
	display: flex;
	float: left;
}

.form-select:after {
	float: right;
	content: '';
	display: inline-block;
	width: 11px;
	height: 56px;
	background-image: url(../img/icon_btn_menu_black.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
	margin-right: 15px;
}

.form-select select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	float: left;
	width: 100%;
	background: #fff;
	display: block;
	border: none;
	padding: 15px 10px;
	border-radius: 5px;
	border: 1px solid #E0E0E0;
	font-size: 14px;
	margin-right: -26px;
}
.form-select-text {
	line-height: 56px;
	font-weight: bold;
	padding-left: 20px;
	float: left;
}

.form-preferred {}
.form-preferred .preferred-item {
	display: flex;
	margin-bottom: 10px;
}

.form-preferred .preferred-item .preferred-item-title,
.form-preferred .preferred-item .preferred-item-text,
.form-preferred .preferred-item .preferred-item-date,
.form-preferred .preferred-item .preferred-item-time,
.form-preferred .preferred-item .preferred-item-to {
	display: inline-flex;
}

.form-preferred .preferred-item .preferred-item-title {
	font-weight: bold;
	line-height: 56px;
	padding-right: 20px;
	min-width: 100px;
}
.form-preferred .preferred-item .preferred-item-text {
	line-height: 56px;
	padding-right: 10px;
	padding-left: 10px;
}
.form-preferred .preferred-item .preferred-item-date {
	margin-right: 20px;
	max-width: 200px;
	width: 100%;
}
.form-preferred .preferred-item .preferred-item-date input {
	background: #fff;
	display: block;
	border: none;
	padding: 15px 10px;
	border-radius: 5px;
	border: 1px solid #E0E0E0;
	font-size: 14px;
}
.form-preferred .preferred-item .preferred-item-time {
	min-width: 100px;
	max-width: 200px;
	width: 100%;
}

.form-preferred .preferred-item .preferred-item-time:after {
	float: right;
	content: '';
	display: inline-block;
	width: 11px;
	height: 56px;
	background-image: url(../img/icon_btn_menu_black.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	vertical-align: middle;
	margin-right: 15px;
}

.form-preferred .preferred-item .preferred-item-time select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	width: 100%;
	background: #fff;
	display: block;
	border: none;
	padding: 15px 10px;
	border-radius: 5px;
	border: 1px solid #E0E0E0;
	font-size: 14px;
	margin-right: -26px;
}
.form-preferred .preferred-item .preferred-item-to {
	line-height: 56px;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
	text-align: center;
}
.form-preferred .preferred-item .preferred-item-space {
		display: none;
}
.form-file {
	text-align: center;
	width: 500px;
	margin: 35px auto;
}
.form-file input {
	display: none;
}
.form-file label {
	width: 100%;
	display: block;
	position: relative;
	text-decoration: none;
	background: #14345D;
	color: #fff;
	height: 80px;
	text-align: center;
	font-size: 16px;
	transition: all .2s ease-out;
	border: none;
	cursor: pointer;
}
.form-file label span {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
}

.form-file-name {
	margin-bottom: 10px;
}

@media screen and (max-width: 980px) {
	.form-preferred .preferred-item {
		display: block;
	}
	.form-preferred .preferred-item .preferred-item-title {
		display: block;
	}
	.form-preferred .preferred-item .preferred-item-time {
		max-width: 100px;
	}
}
@media screen and (max-width: 716px) {
	.form-preferred .preferred-item .preferred-item-space {
		display: block;
		margin-bottom: 20px;
	}
	.form-wrapper {
		padding: 80px 15px 40px;
	}
}
.form-input-title {
	color: #000000;
	text-align: center;
	font-size: 24px;
	margin-bottom: -25px;
	font-weight: bold;
}
.form-error {
/* 	color: #AB0F0D; */
	color: #FF0000;
	padding-top: 10px;
	padding-bottom: 10px;
}

.eng-message-box {
	overflow: hidden;
}
.eng-message-box .eng-message-photo,
.eng-message-box .eng-message-contents {
	float: left;
}
.eng-message-box .eng-message-photo {
	width: 200px;
	margin-right: 60px;
}
.eng-message-box .eng-message-photo img {
	width: 100%;
}
.eng-message-box .eng-message-contents {
	width: calc(100% - 260px);
}
.eng-message-box .eng-message-contents .eng-message-contents-text {
	margin-bottom: 85px;
}
.eng-message-box .eng-message-contents .eng-message-contents-text p {
	margin-block-start: 0;
	margin-block-end: 0;
	margin-bottom: 30px;
	line-height: 28px;
}
.eng-message-box .eng-message-contents .eng-message-contents-footer {
	text-align: right;
	line-height: 24px;
}
.eng-message-box .eng-message-contents .eng-message-contents-footer .message-footer-signature {
	text-align: right;
	margin: 0;
	margin-top: 35px;
}
.eng-message-box .eng-message-contents .eng-message-contents-footer .message-footer-signature-en {}
.eng-message-box .eng-message-contents .eng-message-contents-footer .message-footer-signature img {
	max-width: 276px;
}
.eng-message-box .eng-message-contents .eng-message-contents-footer .message-footer-signature-en img {
	max-width: 292px;
}

ol.privacy-list {
	padding-left: 0;
}
ol.privacy-list li {
	display: block;
	position: relative;
	padding-left: 2.7em;
	margin-top: 5px;
	display: block;
	margin-block: 10px;
}
ol.privacy-list li span.mark {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
}
ul.privacy-list {
	padding-left: 0;
}
ul.privacy-list li {
	list-style: none;
	display: block;
	position: relative;
	padding-left: 1.8em;
	margin-top: 5px;
	display: block;
	margin-block: 10px;
}
ul.privacy-list li span.mark {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
}
.privacy-sub-title {
	display: block;
	position: relative;
	padding-left: 1.7em;
	margin-top: 5px;
	display: block;
	margin-block: 10px;
}
.privacy-sub-title span {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
}
.privacy-sub-list {
}
.privacy-sub-list li {
	list-style: none;
	position: relative;
	padding-left: 1.7em;
}
.privacy-sub-list li:before {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	content: '・';
}
.privacy-sub-list.ex li:before {
	content: '例）';
}

.vision-title {
	text-align: center;
}
.vision-title h3,
.vision-title h4,
.vision-title h5 {
	display: inline-block;
}
.vision-title h3 {
	font-size: 28px;
	font-weight: bold;
	color: #14345D;
	margin-left: 20px;
	margin-right: 20px;
}
.vision-title h4 {
	background-color: #0060B6;
	color: #fff;
	border-radius: 7px;
	padding: 5px 25px;
	font-size: 12px;
	top: -5px;
	position: relative;
}
.vision-title h5 {
	color: #1B65D1;
	font-size: 24px;
}
.vision-box-left {
	float: left;
}
.vision-box-right {
	float: right;
}
.vision-box-img img {
	width: 100%;
}
.vision-box-img {
	width: 284px;
}
.vision-box-text {
	width: calc(100% - 284px - 30px);
}
.vision-box2-img {
	width: 333px;
}
.vision-box2-text {
	width: calc(100% - 333px - 30px);
}
.vision-box {
	overflow: hidden;
	clear: both;
}
.btn-more-sm a, .btn-more-sm button {
	height: 65px;
	width: 375px;
}
.btn-more-sm a:after, .btn-more-sm button:after {
	float: right;
	content: '';
	display: inline-block;
	width: 65px;
	height: 65px;
	background-size: contain;
	vertical-align: middle;
	margin-right: 20px;
	background: url(../img/icon_arrow_white_sm.png) no-repeat right center !important;
	transition: all .2s ease-out;
}
.btn-more-sm:hover a:after, .btn-more-sm:hover button:after {
	margin-right: 30px;
}
.vision-box-cap {
	font-size: 12px;
	text-align: center;
}
.vision-charter {
	padding-left: 10px;
	overflow: hidden;
	clear: both;
}
.vision-charter .vision-charter-item {
	overflow: hidden;
	margin-bottom: 20px;
}
.vision-charter .vision-charter-item h3 {
	color: #14345D;
	float: left;
	font-size: 24px;
}
.vision-charter .vision-charter-item h3 div {
	display: inline-block;
	float: left;
	width: calc(100% - 50px);
}
.vision-charter .vision-charter-item h3 span {
	float: left;
	color: #1B65D1;
	display: inline-block;
	margin-right: 20px;
	font-size: 32px;
	height: auto;
	width: 30px;
}

.vision-arrow-bg {
	text-align: center;
}

.vision-lg-img img {
	width: 100%;
}

@media screen and (max-width: 700px) {
	.vision-charter .vision-charter-item h3 br {
		display: none;
	}
}

@media screen and (max-width: 700px) {
	.btn-more-sm a,
	.btn-more-sm button {
		width: 100%;
	}
	.vision-box-left {
		float: none;
	}
	.vision-box-right {
		float: none;
	}
	.vision-box-text {
		width: 100%;
	}
	.vision-box-img {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.vision-box-img img {
		max-width: 333px;
	}
	.vision-box2-img {
		width: 100%;
		text-align: center;
	}
	.vision-box2-text {
		width: 100%;
	}
	.vision-title h3 {
		font-size: 28px;
		font-weight: bold;
		color: #14345D;
		margin-left: 20px;
		margin-right: 20px;
		display: block;
		margin-bottom: 20px !important;
	}
	.vision-title h4 {
		background-color: #0060B6;
		color: #fff;
		border-radius: 7px;
		padding: 5px 25px;
		font-size: 12px;
		margin-bottom: 60px !important;
	}
	.vision-title h5 {
		color: #1B65D1;
		font-size: 24px;
		margin-bottom: 10px !important;
	}

	.eng-message-box .eng-message-photo,
	.eng-message-box .eng-message-contents {
		float: none;
	}
	.eng-message-box .eng-message-photo {
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.eng-message-box .eng-message-contents {
		width: 100%;
	}
}

/* IE11対応 */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .fadeIn {
		opacity: 1;
	}
	*::-ms-backdrop, body {
		padding-top: 100px;
	}
	*::-ms-backdrop, header nav.navi ul li a.icon-eng::before {
		-webkit-mask: none;
		mask: none;
		background: url(../img/icon_eng.png) no-repeat center center;
	}
}
.uniform-img {
	padding: 40px 0px 45px 0px;
}
.visitor-uniform-img {
	padding: 45px 0px 40px 0px;
}
.home-uniform {
	border: 2px solid #1B65D1;
}
.home-uniform-label {
	text-align: center;
    padding: 13px;
    height: 25px;
    background-color: #1B65D1;
    color: white;
    font-weight: bold;
}
.visitor-uniform {
	border: 2px solid #13345D;
}
.visitor-uniform-label {
	text-align: center;
    padding: 13px;
    height: 24px;
    background-color: #13345D;
    color: white;
    font-weight: bold;
}

.note-group {
	padding-top: 40px;
	width: 1000px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-bottom: 30px;
}

@media (max-width: 1018px) {
	.note-group {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
 }

.note-contents {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}

.note-contents a {
	text-decoration: none;
	color: black;
}

.note-contents{
	flex-shrink: 0;
	background: #ffffff;
	box-shadow: 4px 4px 4px 0px rgba(173, 173, 173, 0.25);
}

.note-contents:hover {
	opacity: 0.8 !important;
	background: #EAEEE8;
	transition: all .4s ease-out;
}

.note-contents .note-date {
	margin-top: 10px;
	padding-inline-start: 10px;
}

.note-contents .note-date a {
	margin-top: 10px;
	color: #1B65D1;
	font-weight: bold;
}

.note-contents .note-title {
	margin-top: -15px;
	padding-inline-start: 10px;
}

@media (max-width: 1018px) {
	.note-contents {
		width: 80%;
		margin-top: 20px;
	}
 }

.home-main-back {
	background: linear-gradient(90deg, #1B65D1 17.26%, #6ACA6E 83.13%);
}

.home-cat-title-cover {
	color: #FFF;
	text-align: center;
	font-family: 'Futura-Med', sans-serif;
	font-size: 56px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 67.2px */
	letter-spacing: 4px;
	margin-bottom: 40px;
}

.home-main {
	display: flex;
	justify-content: space-between;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.home-main-left {
	text-align: center;
}

.home-main-left a {
	text-decoration: none;
}

.home-main-right a {
	text-decoration: none;
}

.home-main-right {
	text-align: center;
}

.home-cober-left{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.home-cober-right{
	display: flex;
	flex-direction: column;
	align-items: center;
}

.cover-all {
	width: 550px;
	height: 376px;
	box-sizing: border-box;
	margin-bottom: 65px;
	position: relative;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.25);
}

.cover-all:hover {
	box-shadow: none;
}

.cover-all p {
	display: inline-block;
}

.cover-all:hover .cover-subtitle {
	margin-left: 22px;
}

.cover-all:hover .cover-title-only {
	margin-left: 22px;
}

.cover-all,
.cover-all * {
	transition: 0.4s;
}

.cover-all:hover .cover-arrow {
	margin-right: 26px;
}

.cover-bg {
	position: relative;
	width: 100%;
	height: 100%;
}

.cover-bg img {
	display: block;
}

.cover-text-bg {
	height: 72px;
	width: calc(100% - 4px);
    position: absolute;
    bottom: 0;
    margin-left: 2px;
	background: rgba(1, 114, 191, 0.80);
    mix-blend-mode: multiply;
}

.cover-text-bg-sus {
	height: 72px;
	width: calc(100% - 4px);
    position: absolute;
    bottom: 0;
    margin-left: 2px;
	background: rgba(107, 203, 111, 1);
    mix-blend-mode: multiply;
}
.cover-text-bg-sus-friends {
	height: 72px;
	width: calc(100% - 4px);
    position: absolute;
    bottom: 0;
    margin-left: 2px;
	background: rgba(107, 203, 111, 1);
    mix-blend-mode: multiply;
}
.cover-all:hover .cover-text-bg {
	background-color: rgba(1, 114, 191, 1);
	transition: 0.4s;
}
.cover-all:hover .cover-text-bg-sus {
	background: rgba(107, 203, 111, 1);
	transition: 0.4s;
}
.cover-all:hover .cover-text-bg-sus-friends {
	background: rgba(107, 203, 111, 1);
	transition: 0.4s;
}
.cover-all.belluna .cover-text-bg {
	width: calc(100% - 4px);
    margin-left: 2px;
}

.lions-cover {
	width: 100%;
	background: lightgray 50% / cover no-repeat;
	border: 2px solid #FFF;
    box-sizing: border-box;
}

.belluna-cover {
    width: 100%;
	border: 2px solid #FFF;
    box-sizing: border-box;
}

.cover-text {
	height: 72px;
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 1;
    text-align: left;
    display: flex;
    flex-flow: row;
    align-items: center;
    justify-content: space-between;
}

.cover-subtitle {
	color: #FFF;
	font-family: 'Yu Gothic';
	font-size: 16px;
	font-style: normal;
	line-height: 120%; /* 19.2px */
	letter-spacing: 0.8px;
	text-align: left;
	margin: 0 18px 0 14px;
	transform: translateY(-5px);
}

.cover-title {
	color: #FFF;
	font-family: 'Yu Gothic';
	font-size: 32px;
	font-style: normal;
	line-height: 120%; /* 38.4px */
	letter-spacing: 1.6px;
	text-align: left;
	margin: 0;
}

.cover-title-only {
	color: #FFF;
	font-family: 'Yu Gothic';
	font-size: 32px;
	font-style: normal;
	line-height: 120%; /* 38.4px */
	letter-spacing: 1.6px;
	text-align: left;
	margin-left: 14px;
}

.cover-arrow {
	margin-right: 18px;
}

.coversus-all {
	width: 550px;
	position: relative;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.25);
}

.coversus-all:hover {
	box-shadow: none;
}

.coversus-all,
.coversus-all * {
	transition: 0.4s;
}

.coversus-logo {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: min(316px, 55vw);
}

.coversus-bg {
	position: relative;
    width: 100%;
    height: 100%;
}

.coversus-text-bg {
	background: rgba(107, 203, 111, 1);
    mix-blend-mode: multiply;
    height: 72px;
    width: calc(100% - 4px);
    position: absolute;
    bottom: 2px;
    margin: 0 2px;
}

.coversus-text {
    height: 72px;
	width: 100%;
    position: absolute;
    bottom: 0;
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.coversus-title {
	color: #FFF;
	font-family: 'Yu Gothic';
	font-size: 32px;
	font-style: normal;
	line-height: 120%; /* 38.4px */
	letter-spacing: 1.6px;
	margin: 0 0 0 18px;
}

.coversus-arrow {
	margin-right: 15px;
}

.coversus-all:hover .coversus-text-bg {
	background-color: rgba(84, 174, 88, 1);
}

.coversus-all:hover .coversus-title {
	margin-left: 26px;
}

.coversus-all:hover .coversus-arrow {
	margin-right: 23px;
}

.sustainability-cover-pc {
	display: block;
	width: 550px;
	height: 818px;
	border: 2px solid #FFF;
	background: lightgray 50% / cover no-repeat;
	box-sizing: border-box;
}

.sustainability-cover-sp {
	display: none;
}

.note-titlle {
	padding-bottom: 0px;
	text-align: center;
}
@media (max-width: 1200px) {
	.home-main-back {
		background: linear-gradient(180deg, #1B65D1 0.18%, #6ACA6E 99.93%);
		padding-top: 72px;
	}
	.home-main {
		flex-flow: column;
		align-items: center;
	}

	.home-main-left,
	.home-main-right {
		width: 80%;
	}

	.home-cat-title-cover {
		margin-bottom: 32px;
	}

	.cover-all {
		width: 100%;
		height: auto;
		margin-bottom: 24px;
	}

	.cover-text-bg {
		bottom: 2px;
	}

	.home-main-right .home-cat-title-cover {
		margin-top: 50px;
	}

	.coversus-text-bg {
		bottom: 0;
		width: 100%;
		margin: 0;
	}

	.coversus-all {
		width: 100%;
	}

	.coversus-bg {
		height: 97.5vw;
		overflow: hidden;
		position: relative;
		border: 2px solid #FFF;
		box-sizing: border-box;
	}

	.sustainability-cover-pc {
		width: 100%;
		height: auto;
		position: absolute;
		top: 56.83%;
		left: 50%;
		transform: translate(-50%, -50%);
		border: none;
	}
}

 @media (max-width: 700px) {
	.home-main-left,
	.home-main-right {
		width: 92.3%;
	}

	.home-cat-title-cover {
		font-size: 40px;
	}

	.cover-title,
	.coversus-title {
		font-size: 20px;
	}

	.cover-text,
	.cover-text-bg,
	.coversus-text,
	.coversus-text-bg {
		height: 48px;
	}

	.cover-link {
		font-size: 14px;
	}

	.cover-subtitle {
		margin: 0 5px 0 10px;
		transform: translateY(-4px);
		font-size: 10px;
	}

	.coversus-title {
		margin-left: 10px;
	}

	.cover-arrow,
	.coversus-arrow {
		margin-right: 10px;
	}

	.cover-arrow img,
	.coversus-arrow img {
		width: 20px;
	}

	.cover-all:hover .cover-subtitle,
	.coversus-all:hover .coversus-title {
		margin-left: 18px;
	}

	.cover-all:hover .cover-arrow,
	.coversus-all:hover .coversus-arrow {
		margin-right: 18px;
	}

	.cover-title-only {
		color: #FFF;
		font-family: 'Yu Gothic';
		font-size: 20px;
		font-style: normal;
		line-height: 120%; /* 38.4px */
		letter-spacing: 1.6px;
		text-align: left;
		margin-left: 14px;
	}
 }

 .lfliends-bg {
	background-image:url('../img/page_cover_lfriends.png');
}

.press-bg {
	background-image:url('../img/page_cover_press.jpg');
}

.sdgs-top {
	background: linear-gradient(180deg, #F6FFFC 0%, #F3FBFF 100%);
	text-align: center;
	padding-bottom: 0;
	--padding-inline: 24px;
}
.sdgs-top * {
	box-sizing: border-box;
}
.sdgs-top p {
	margin: 0;
}
.sdgs-top a {
	text-decoration: none;
	color: #000;
}
.sdgs-top-title-wrapper {
	padding: 320px var(--padding-inline) 82px;
	background-image: url('/assets/img/sdgs-top-title-bg.png');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}
.sdgs-top-title-wrapper img {
	display: block;
	max-width: 100%;
	padding: 0 22px;
	margin: 0 auto;
}
.sdgs-top-title-wrapper .text-box {
	display: block;
	max-width: 1200px;
	color: #0071BD;
	background: rgba(255, 255, 255, 0.80);
	border-radius: 40px;
	padding: 75px;
	margin: 100px auto 0;
}
.sdgs-top-title-wrapper h2 {
	font-size: 40px;
	font-weight: 600;
	line-height: 125%;
	letter-spacing: 8px;
	margin-bottom: 32px;
	word-break: keep-all;
}
.sdgs-top-title-wrapper p {
	display: inline-block;
	max-width: 980px;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 1px;
}
.sdgs-top-title-wrapper .sp-only {
	display: none;
}
@media screen and (max-width: 780px) {
	.sdgs-top-title-wrapper {
		background-size: 244%;
		background-position: center -26px;
		padding-top: 209px;
		padding-bottom: 32px;
	}
	.sdgs-top-title-wrapper .text-box {
		padding: 16px;
	}
	.sdgs-top-title-wrapper h2 {
		font-size: 32px;
		margin-bottom: 12px;
	}
	.sdgs-top-title-wrapper p {
		font-size: 18px;
		line-height: 32px;
	}
	.sdgs-top-title-wrapper .sp-only {
		display: inherit;
	}
}

.sdgs-bg-clover {
	background-image: url(/assets/img/sdgs-bg-clover.png);
	background-repeat: no-repeat;
	background-position: center -175px;
}
.sdgs-l-friends-section {
	padding: 120px var(--padding-inline) 0;
}
.sdgs-l-friends-section .text-box {
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 2px;
	margin-top: 30px;
	max-width: 800px;
	display: inline-block;
}
.sdgs-l-friends-logo {
	max-width: 100%;
	display: block;
	margin: auto;
}
.sdgs-project-story-wrapper {
	margin-top: 40px;
}
.sdgs-project-story-wrapper img {
	max-width: 100%;
}
.sdgs-project-story-wrapper .sp {
	display: none;
}
.sdgs-l-friends-policy {
	margin-top: 120px;
	padding: 0 var(--padding-inline);
}
.sdgs-l-friends-policy h2 {
	color: #0071BD;
	font-size: 36px;
	font-weight: 600;
	line-height: 30px;
	letter-spacing: 3.6px;
	word-break: keep-all;
}
.sdgs-policy-items {
	margin: 55px auto 0;
	max-width: 1000px;
	display: flex;
	gap: 32px 40px;
	flex-wrap: wrap;
	justify-content: center;
}
.sdgs-policy-item {
	max-width: 480px;
	border-radius: 8px;
	border: 4px solid var(--policy-bg-color, #AB0007);
	background: #FFF;
	box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.25);
	text-align: left;
	display: flex;
	flex-flow: column;
}
.sdgs-policy-item-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #FFF;
	background-color: var(--policy-bg-color, #AB0007);
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
	letter-spacing: 2.4px;
	padding: 0 12px;
	margin-inline: -1px;
}
.sdgs-policy-img-wrapper img {
	display: block;
	max-width: 100%;
	margin: auto;
	border-radius: 3px 3px 0 0;
}
.item-environment-support .sdgs-policy-img-wrapper img {
	margin: 14px auto;
}
.sdgs-policy-description {
	flex-grow: 2;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	padding: 14px 13px;
}
.sdgs-policy-item-text {
	font-size: 16px;
	font-style: normal;
	font-family: auto;
	font-weight: 300;
	line-height: 30px;
}
.sdgs-policy-icons {
	display: flex;
	justify-content: center;
	gap: 9px;
	flex-wrap: wrap;
	margin-top: 16px;
}
.sdgs-policy-icons > img {
	width: 82px;
}
.item-baseball-promotion {
	--policy-bg-color: #AB0007;
}
.item-children-support {
	--policy-bg-color: #EF7C0F;
}
.item-community-revitalization {
	--policy-bg-color: #1B65D1;
}
.item-environment-support {
	--policy-bg-color: #009740;
}
@media screen and (max-width: 780px) {
	.sdgs-bg-clover {
		background-image: url(/assets/img/sdgs-bg-clover-sp.png);
		background-position: center 220px;
	}
	.sdgs-project-story-wrapper .pc {
		display: none;
	}
	.sdgs-project-story-wrapper .sp {
		display: block;
		margin: 0 auto;
		width: 400px;
	}
	.sdgs-l-friends-section {
		padding-top: 49px;
	}
	.sdgs-l-friends-section .text-box {
		font-size: 18px;
		line-height: 36px;
		margin-top: 24px;
	}
	.sdgs-l-friends-policy h2 {
		font-size: 32px;
		line-height: 40px;
	}
	.sdgs-policy-items {
		margin-top: 40px;
		gap: 40px;
	}
	.sdgs-policy-icons {
		gap: 5px;
	}
	.sdgs-policy-icons > img {
		width: calc((100% - 20px) / 5);
	}
}

.sdgs-completed-project {
	max-width: 1000px;
	margin: 0 auto;
	padding: 120px 0 80px;
}
.sdgs-completed-project button {
	cursor: pointer;
}
.sdgs-completed-title-wrapper {
	width: 100%;
	min-height: 70px;
	text-align: left;
	justify-content: space-between;
	display: flex;
	align-items: center;
	border: none;
	background: linear-gradient(180deg, #1B65D1 0%, #009640 100%);
	padding: 10px 10px 10px 32px;
}
.gu-completed-title-wrapper {
	width: 100%;
	min-height: 70px;
	text-align: left;
	justify-content: space-between;
	display: flex;
	align-items: center;
	border: solid;
	color: var(--page-color);
	background: linear-gradient(180deg, rgba(245, 254, 249, 0), max(660px, 40vw), rgba(245, 254, 249, 1), max(1000px, 60vw), rgba(245, 254, 249, 1) 100%), no-repeat center 100px / max(1512px, 100%) url(/assets/img/green-up-bg.png);
	padding: 10px 10px 10px 32px;
}
.gu-completed-project.active .gu-completed-title-wrapper {
	width: 100%;
	min-height: 70px;
	text-align: left;
	justify-content: space-between;
	display: flex;
	align-items: center;
	border: solid;
	color: var(--page-color);
	background-color: var(--table-th-bg-color);	
	padding: 10px 10px 10px 32px;
}
.or-completed-title-wrapper {
	width: 100%;
	min-height: 70px;
	text-align: left;
	justify-content: space-between;
	display: flex;
	align-items: center;
	border: solid;
	color: var(--page-color);
	background: linear-gradient(180deg, rgba(245, 254, 249, 0), max(660px, 40vw), rgba(245, 254, 249, 1), max(1000px, 60vw), rgba(245, 254, 249, 1) 100%), no-repeat center 100px / max(1512px, 100%) url(/assets/img/green-up-bg.png);
	padding: 10px 10px 10px 32px;
}
.or-completed-project.active .or-completed-title-wrapper {
	width: 100%;
	min-height: 70px;
	text-align: left;
	justify-content: space-between;
	display: flex;
	align-items: center;
	border: solid;
	color: var(--page-color);
	background-color: var(--table-th-bg-color);	
	padding: 10px 10px 10px 32px;
}
.sdgs-completed-title-wrapper h2 {
	color: #FFF;
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 2px;
}
.sdgs-completed-title-wrapper .plus-icon {
	width: 40px;
}
.gu-completed-title-wrapper .plus-icon {
	width: 40px;
}
.sdgs-completed-project .plus-icon {
	transform: rotate(90deg);
	transition: transform 0.3s;
}
.gu-completed-project .plus-icon {
	transform: rotate(90deg);
	transition: transform 0.3s;
}
.or-completed-project .plus-icon {
	transform: rotate(90deg);
	transition: transform 0.3s;
}
.sdgs-completed-project.active .plus-icon {
	transform: rotate(45deg);
}
.gu-completed-project.active .plus-icon {
	transform: rotate(45deg);
}
.or-completed-project.active .plus-icon {
	transform: rotate(45deg);
}
.sdgs-completed-items-wrapper {
	display: grid;
	grid-template-rows: 0fr;
	margin-top: 40px;
	opacity: 0;
	transition: grid-template-rows 0.5s, opacity 0.5s;
}
.active .sdgs-completed-items-wrapper {
	opacity: 1;
	grid-template-rows: 1fr;
}
.gu-completed-items-wrapper {
	display: grid;
	grid-template-rows: 0fr;
	margin-top: 40px;
	opacity: 0;
	transition: grid-template-rows 0.5s, opacity 0.5s;
}
.active .gu-completed-items-wrapper {
	opacity: 1;
	grid-template-rows: 1fr;
}
.sdgs-completed-items {
	display: flex;
	flex-wrap: wrap;
	gap: 40px 35px;
	overflow-y: hidden;
}
.gu-completed-items {
	flex-wrap: wrap;
	gap: 40px 35px;
	overflow-y: hidden;
}
.sdgs-completed-item-wrapper {
	max-width: 310px;
	border-bottom: 5px solid #757575;
	border-left: 5px solid #757575;
	background: #FFF;
	--margin-top: 15px;
	margin-top: var(--margin-top);
}
.sdgs-completed-item {
	margin-top: calc(-1 * var(--margin-top));
	padding: 0 15px 15px;
	position: relative;
	text-align: left;
	display: flex;
	flex-flow: column;
	gap: 16px;
}
.sdgs-completed-item-img {
	position: relative;
	width: calc(100% + 15px);
	display: block;
}
.sdgs-completed-item-title {
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 26px;
	word-break: keep-all;
}
.sdgs-completed-item-description {
	font-family: auto;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 140%;
}
.sdgs-completed-item-note {
	font-family: auto;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 140%;
}
.sdgs-completed-close-btn {
	width: 160px;
	height: 50px;
	background-color: #1B65D1;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	cursor: pointer;
	transition: margin-top 0.5s;
}
.active .sdgs-completed-close-btn {
	margin-top: 40px;
}
.sdgs-completed-close-btn .plus-icon {
	width: 20px;
}
.gu-completed-close-btn .plus-icon {
	width: 20px;
}
.sdgs-completed-btn-text {
	color: #fff;
	font-size: 16px;
	margin-left: 8px;
}
.active .sdgs-open-text {
	display: none;
}
.sdgs-close-text {
	display: none;
}
.active .sdgs-close-text {
	display: inline;
}
@media screen and (max-width: 1014px) {
	.sdgs-completed-items {
		max-width: 700px;
		margin-inline: auto;
	}
}
@media screen and (max-width: 780px) {
	.sdgs-completed-project {
		margin-top: 40px;
	}
	.sdgs-completed-title-wrapper h2 {
		font-size: 20px;
		line-height: 40px;
	}
	.sdgs-completed-title-wrapper .plus-icon {
		width: 31px;
	}
	.gu-completed-title-wrapper .plus-icon {
		width: 31px;
	}
	.sdgs-completed-items {
		flex-flow: column;
		align-items: center;
		gap: 32px;
	}
	.gu-completed-items {
		flex-flow: column;
		align-items: center;
		gap: 32px;
	}
	.sdgs-completed-item {
		gap: 8px;
	}
	.sdgs-completed-item-title {
		font-size: 16px;
	}
	.sdgs-completed-item-description {
		font-size: 14px;
	}
	.sdgs-completed-item-note {
		font-size: 12px;
	}
}

.sdgs-l-friends-news {
	padding: 80px var(--padding-inline);
	background-color: #fff;
}
.sdgs-l-friends-news h2 {
	color: #005DAC;
	font-size: 36px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
	letter-spacing: 3.6px;
	word-break: keep-all;
}
.sdgs-news-list {
	max-width: 1000px;
	margin-top: 56px;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 20px;
	margin-inline: auto;
	text-align: left;
}
.sdgs-news-list > * {
	padding: 21px 24px 20px;
	display: flex;
	align-items: center;
	border: 1px solid rgba(213, 213, 213, 1);
	border-left: none;
	border-right: none;
}
.sdgs-news-list > * + * {
	border-top: none;
}
.sdgs-news-date {
	display: inline-block;
	width: 240px;
	font-weight: 600;
	color: var(--l-friends-news-color, #000);
	flex-shrink: 0;
}
.sdgs-media-date-wrapper {
	display: flex;
	align-items: center;
}
.sdgs-media-date {
	width: 128px;
	padding-right: 33px;
	position: relative;
	flex-shrink: 0;
}
.sdgs-media-date::after {
	content: '｜';
	position: absolute;
	top: 0;
	right: 12px;
}
.sdgs-media-source {
	padding-right: 10px;
	word-break: keep-all;
}
.sdgs-news-text {
	font-family: auto;
}
.news-community_revitalization {
	--l-friends-news-color: #1B65D1;
}
.news-baseball_promotion {
	--l-friends-news-color: #AB0007;
}
.news-environment_support {
	--l-friends-news-color: #009740;
}
.news-child_support {
	--l-friends-news-color: #EF7C0F;
}
.sdgs-l-friends-news .news-list-btn {
	width: min(400px, 100%);
	height: 80px;
	margin: 40px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: justify;
	background-color: #00214C;
	color: #fff;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 30px;
}
.sdgs-media-releases {
	padding: 80px var(--padding-inline);
}
.sdgs-media-releases h2 {
	color: #00214C;
	font-size: 36px;
	font-style: normal;
	font-weight: 600;
	line-height: 30px;
	letter-spacing: 3.6px;
}
.sdgs-foot-banner {
	background-color: #EBF4F9;
	padding: 80px var(--padding-inline);
}
.sdgs-foot-banner img {
	width: 100%;
	max-width: 1000px;
}
@media screen and (max-width: 780px) {
	.sdgs-l-friends-news h2 {
		font-size: 32px;
		line-height: 42px;
	}
	.sdgs-news-list {
		margin-top: 48px;
	}
	.sdgs-news-list > * {
		flex-wrap: wrap;
		gap: 10px 0;
		border-top: none;
		padding: 20px 0;
	}
	.sdgs-news-date {
		width: 100%;
	}
	.sdgs-news-title {
		width: 100%;
	}
	.sdgs-media-releases {
		padding-bottom: 40px;
	}
	.sdgs-foot-banner {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}
.sdgs-news-title {
	font-family: auto;
}
.lf-pages {
	--padding-inline: 24px;
}
.lf-pages * {
	box-sizing: border-box;
}
.lf-pages a {
	text-decoration: none;
}
.lf-pages img {
	display: block;
}
.baseball-promotion-page {
	--page-color: #AB0007;
	background: linear-gradient(180deg, rgba(255, 248, 248, 0), max(550px, 40vw), rgba(255, 248, 248, 1), max(810px, 70vw), rgba(255, 248, 248, 1) 100%), no-repeat center 100px / max(1100px, 100%) url(/assets/img/baseball-promotion-bg.png);
}
.bp-title-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 212px auto 0;
	padding: 0 var(--padding-inline);
	max-width: 1000px;
	gap: 209px 0px;
}
.bp-page-title {
	background-color: var(--page-color);
	color: #fff;
	width: 200px;
	height: 200px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	margin: 0;
	flex-shrink: 0;
	filter: drop-shadow(6px 6px 0px #000);
	z-index: 2;
	position: relative;
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: 46px;
	letter-spacing: 3.2px;
}
.bp-title-description-wrapper {
	background-color: #fff;
	border-radius: 50px;
	opacity: 0.8;
	padding: 18px 0;
	margin-left: -100px;
	z-index: 1;
}
.bp-title-description {
	display: inline-block;
	color: var(--page-color);
	font-size: 20px;
	font-weight: 600;
	line-height: 32px;
	letter-spacing: 2px;
	word-break: keep-all;
	white-space: nowrap;
	padding: 0 10px 0 140px;
}
.bp-sdgs-target-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 128px;
	gap: 16px 9px;
}
.bp-sdgs-text {
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
}
.bp-sdgs-targets {
	display: inline-flex;
	gap: 24px;
	justify-content: center;
	padding-inline: var(--padding-inline);
	max-width: 100%;
}
.bp-sdgs-targets img {
	width: calc((100vw - var(--padding-inline, 1) * 2) / 5);
	max-width: 120px;
	min-width: 64px;
}
.sustainability-menu-wrapper {
	padding: 0 var(--padding-inline);
}
@media screen and (max-width: 780px) {
	.bp-sdgs-target-wrapper {
		flex-flow: column;
		margin-top: 40px;
	}
	.bp-sdgs-targets {
		gap: 5px;
	}

	.bp-title-wrapper {
		flex-flow: column;
		margin-top: 145px;
	}
	.bp-page-title {
		width: 180px;
		height: 180px;
		filter: drop-shadow(0px 6px 0px rgba(0, 0, 0, 0.38));
	}
	.bp-title-description-wrapper {
		margin: 0;
		padding: 10px;
		border-radius: 10px;
	}
	.bp-title-description {
		font-size: 16px;
		line-height: 150%;
		word-break: break-all;
		white-space: normal;
		padding: 0;
	}
}

.sustainability-menu {
	background-color: #fff;
	padding: 32px 10px 28px;
	margin: 80px auto 0;
	max-width: 1100px;
	border-radius: 8px;
	border: 1px solid #D6D6D6;
}
.sustainability-menu ul {
	display: flex;
	justify-content: center;
	gap: 16px 10px;
	list-style: none;
}
.sustainability-menu li {
	width: 100%;
	position: relative;
}
.sustainability-menu a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 6px 3px 6px 0;
	width: 100%;
	height: 100%;
	transition: color 0.4s, padding-right 0.4s, padding-left 0.4s;
	position: relative;
	color: #000;
	border-bottom: 4px solid var(--menu-color, #000);
}
.sustainability-menu a > * {
	position: relative;
	z-index: 2;
}
.sustainability-menu a::before {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 0;
	top: 100%;
	background-color: var(--menu-color, #000);
	z-index: 0;
	transition: top 0.4s;
}
.sustainability-menu a span {
	word-break: keep-all;
	max-width: 150px;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 2px;
}
.sustainability-menu svg {
	fill: currentColor;
	flex-shrink: 0;
	right: 3px;
}
.sustainability-menu a:hover {
	color: #fff;
	padding-left: 10px;
	padding-right: 10px;
}
.sustainability-menu a:hover::before {
	top: 0;
}
.baseball-promotion {
	--menu-color: #AB0007;
}
.child-support {
	--menu-color: #EF7C0F;
}
.region-revitalization {
	--menu-color: #1B65D1;
}
.environment-support {
	--menu-color: #009740;
}
.project-story {
	--menu-color: #002249;
}
@media screen and (max-width: 780px) {
	.sustainability-menu-wrapper {
		padding: 0;
	}
	.sustainability-menu {
		margin: 40px 0 0;
		padding: 16px 50px 32px;
		border-radius: 0;
		border-left: none;
		border-right: none;
	}
	.sustainability-menu ul {
		flex-flow: column;
		align-items: center;
	}
	.sustainability-menu a {
		padding: 16px 8px 13px;
		border-width: 3px;
	}
	.sustainability-menu a span {
		max-width: none;
		line-height: 20px;
	}
	.sustainability-menu a:hover {
		padding-left: 16px;
		padding-right: 16px;
	}
}

.pb-activities {
	margin: 120px auto 80px;
	max-width: 1000px;
}
.l-friends-title-wrapper {
	padding: 15px 32px;
	background-color: var(--page-color);
}
.l-friends-title-wrapper h2 {
	color: #FFF;
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 2px;
}
.c3-list {
	margin-top: 40px;
	max-width: 1000px;
	display: grid;
	grid-template-columns: repeat(auto-fill, 310px);
	justify-content: center;
	gap: 40px 35px;
}
.c3-item {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	border-bottom: 5px solid var(--page-color);
	border-left: 5px solid var(--page-color);
	background-color: #FFF;
	margin-top: 20px;
	padding: 0 15px 15px;
	gap: 16px;
}
.c3-inner {
	display: flex;
	flex-flow: column;
	gap: 16px;
	justify-content: space-between;
}
.c3-img {
	width: calc(100% + 15px);
	margin-top: -20px;
}
.c3-gray-bg {
	height: 185px;
	background-color: #D9D9D9;
}
.c3-small-img-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(100% + 15px);
	height: 185px;
	background-color: #fff;
	border: 1px solid #d9d9d9;
	margin-top: -20px;
}
.c3-title {
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	color: var(--page-color);
}
.c3-text {
	font-family: auto;
	font-size: 16px;
	font-weight: 300;
	line-height: 150%;
}
.c3-note {
	font-size: 14px;
	font-weight: 300;
	line-height: 140%;
}
.c3-btn {
	width: 100%;
	display: block;
	text-align: center;
	background-color: var(--page-color);
	padding: 12px;
	font-size: 16px;
	font-weight: 300;
	line-height: 100%;
	cursor:pointer
}
a.c3-btn {
	color: #fff;
}
.c3-to-other-site {
	position: relative;
}
.c3-to-other-site::after {
	content: '';
	background-image: url('/assets/img/icon_window_white.png');
	background-size: cover;
	position: absolute;
	width: 14px;
	height: 14px;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}
.pb-sponsor {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	gap: 24px;
	background-color: #FFF1F1;
	padding: 40px var(--padding-inline);
}
.pb-sponsor h3 {
	color: #AB0007;
	font-size: 20px;
	font-weight: 600;
	line-height: 32px;
}
.pb-sponsor .pb-img-wrapper {
	background-color: #fff;
	border: 2px solid #333;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	display: flex;
	max-width: 700px;
	justify-content: center;
	align-items: center;
	padding: 8px 10px;
}
.pb-sponsor img {
	max-width: 100%;
}
@media screen and (max-width: 780px) {
	.pb-activities {
		margin-top: 80px;
	}
	.c3-list {
		padding: 0 var(--padding-inline);
		row-gap: 32px;
		grid-template-columns: repeat(auto-fill, 342px);
	}
	.c3-inner {
		gap: 8px;
	}
	.c3-title {
		font-size: 16px;
		line-height: 24px;
	}
	.c3-text {
		font-size: 14px;
		line-height: 160%;
	}
	.pb-sponsor {
		padding-top: 32px;
		padding-bottom: 32px;
	}
}

.l-friends-community-page {
	--page-color: #1B65D1;
	background: linear-gradient(180deg, rgba(244, 251, 255, 0), max(550px, 40vw), rgba(244, 251, 255, 1), max(810px, 70vw), rgba(244, 251, 255, 1) 100%), no-repeat center 100px / max(1110px, 100%) url(/assets/img/l-friends-community-bg.png);
}

.children-support-top-page {
	--page-color: #ef7c0f;
	background: linear-gradient(180deg, rgba(255, 250, 233, 0), max(550px, 40vw), rgba(255, 250, 233, 1), max(810px, 70vw), rgba(255, 250, 233, 1) 100%), no-repeat center 100px / max(1100px, 100%) url(/assets/img/lions-orange-ribbon-bg.png);
}

.orange-ribbon-page {
	--page-color: #ef7c0f;
	--table-th-bg-color: rgba(255, 234, 215, 0.8);
	--table-border-color: var(--page-color);
	background: linear-gradient(180deg, rgba(255, 250, 233, 0), max(550px, 40vw), rgba(255, 250, 233, 1), max(810px, 70vw), rgba(255, 250, 233, 1) 100%), no-repeat center 100px / max(1100px, 100%) url(/assets/img/lions-orange-ribbon-bg.png);
}
.or-page-head {
	margin-top: 171px;
	text-align: center;
}
.or-head-icons {
	max-width: 600px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
}
.or-head-icons > img {
	flex-grow: 2;
	padding-top: 12px;
	padding-bottom: 12px;
	width: 40%;
}
.or-lions-icon {
	padding-right: 10%;
	border-right: 1px solid #231815;
}
.or-project-icon {
	padding-left: 10%;
}
.or-project-title {
	color: #E15B00;
	font-size: 38px;
	font-weight: 600;
	word-break: break-word;
	margin-top: 26px;
}
.or-project-subtitle {
	color: var(--page-color);
	font-size: 32px;
	font-weight: 600;
	line-height: 1.5;
	margin-top: 91px;
	word-break: break-word;
	white-space: nowrap;
}
.or-project-description {
	font-size: 20px;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 2px;
	max-width: 800px;
	margin: 80px auto 0;
	text-align: left;
}
.or-activities {
	margin: 95px auto;
	max-width: 1000px;
}
.orange-ribbon-page .c3-list {
	max-width: 900px;
	margin-inline: auto;
}
.or-donation-information {
	margin: 80px auto;
	max-width: 1000px;
}
.or-donation-description {
	font-family: auto;
	font-weight: 300;
	line-height: 160%;
	letter-spacing: 2px;
	margin: 40px 0;
}
.or-link-list {
	list-style-type: none;
	--margin-left: 40px;
	margin: 40px 0 0 var(--margin-left);
}
.or-link-list li {
	font-family: auto;
	position: relative;
}
.or-link-list li::before {
	content: '';
	width: 24px;
	height: 4px;
	position: absolute;
	left: calc(-1 * var(--margin-left));
	top: 10px;
	background-color: var(--page-color);
}
.or-link-list a {
	text-decoration: none;
	color: #000000;
	font-weight: 300;
	line-height: 140%;
}
.lf-table-wrapper {
	overflow-x: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.or-project-subtitle {
	display: block;
}
.or-project-subtitle-sp {
	display: none;
}
.lf-table-wrapper::-webkit-scrollbar {
	display: none;
}
.lf-table-title {
	font-size: 18px;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 2px;
	border-left: 5px solid var(--page-color);
	padding: 0 11px;
	margin-top: 40px;
}
.lf-table {
	margin-top: 16px;
}
.lf-table * {
	border: none;
}
.lf-table tr:first-child th {
	border-top: none;
	text-align: center;
	color: var(--page-color);
	font-size: 16px;
	font-weight: 600;
	line-height: 50px;
	letter-spacing: 2px;
	padding: 0;
}
.lf-table tr:first-child td {
	border-top: 1px solid var(--table-border-color);
}
.lf-table th {
	background-color: var(--table-th-bg-color);
}
.lf-table tr > * + * {
	border-left: 1px solid var(--table-border-color);
}
.lf-table tr > td:nth-child(2) {
	font-family: auto;
	text-align: center;
}
.lf-table td {
	border-top: 1px solid var(--table-border-color);
	letter-spacing: 2px;
	background-color: #fff;
	padding: 11px;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 2px;
	word-break: keep-all;
	white-space: nowrap;
}
.lf-table td + td {
	font-family: auto;
	text-align: center;
}
.lf-table tr > td:first-child {
	font-weight: 600;
	padding-left: 24px;
}
.or-donation-information tr > th:first-child {
	width: 42%;
}
@media screen and (max-width: 1000px) {
	table.lf-table {
		display: table;
	}
	.lf-table th,
	.lf-table td {
		display: table-cell;
		width: auto;
	}
	.or-content-wrapper {
		padding-inline: var(--padding-inline);
	}
}
@media screen and (max-width: 780px) {
	.or-project-subtitle {
		display: none;
	}
	.or-project-subtitle-sp {
		display: block;
		color: var(--page-color);
		font-size: 32px;
		font-weight: 600;
		line-height: 1.5;
		margin-top: 91px;
		word-break: break-word;
		white-space: nowrap;
	}
	.or-project-title {
		margin-top: 32px;
	}
	.or-project-subtitle {
		margin-top: 121px;
		font-size: 24px;
		line-height: 40px;
	}
	.or-project-description {
		font-size: 18px;
		line-height: 36px;
		margin-top: 40px;
	}
	.or-activities {
		margin-top: 40px;
	}
	.lf-table-title {
		font-size: 16px;
		font-size: 16px;
		line-height: 32px;
		letter-spacing: normal;
		margin-top: 32px;
	}
	.lf-table tr > td:first-child {
		padding-left: 8px;
	}
	.lf-table tr > td:nth-child(2) {
		text-align: right;
	}
	.lf-table tr > th,
	.lf-table tr > td {
		padding-inline: 16px;
		font-size: 14px;
		letter-spacing: normal;
	}
	.lf-table td + td {
		text-align: right;
	}
	.or-link-list {
		--margin-left: 25px;
	}
	.or-link-list li::before {
		width: 16px;
	}
}

.green-up-page {
	--page-color: #009740;
	background: linear-gradient(180deg, rgba(245, 254, 249, 0), max(660px, 40vw), rgba(245, 254, 249, 1), max(1000px, 60vw), rgba(245, 254, 249, 1) 100%), no-repeat center 100px / max(1512px, 100%) url(/assets/img/green-up-bg.png);
}
.green-up-head {
	max-width: 1000px;
	margin: 186px auto 0;
	padding: 0 var(--padding-inline);
}
.gu-head-title {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 80px;
}
.gu-head-title h1 {
	background-color: var(--page-color);
	color: #fff;
	width: 200px;
	height: 200px;
	display: flex;
	align-items: center;
	border-radius: 50%;
	font-size: 32px;
	font-weight: 600;
	line-height: 46px;
	letter-spacing: 3.2px;
	position: inherit;
	filter: drop-shadow(6px 6px 0px #000);
	flex-shrink: 0;
}
.gu-head-title img {
	width: 100%;
	max-width: 450px;
}
.gu-project-target {
	text-align: center;
	color: var(--page-color);
	font-size: 32px;
	font-weight: 600;
	line-height: 64px;
	margin-top: 40px;
	word-break: break-word;
}
.gu-project-description {
	color: #000;
	font-size: 20px;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 2px;
	margin: 40px auto 0;
	max-width: 800px;
}
.gu-activities,
.gu-donation-information {
	max-width: 1000px;
	margin: 80px auto 0;
}
.gu-donation-information {
	--table-th-bg-color: #CCFFE2;
	--table-border-color: #009740;
}
.gu-activities,
.gu-completed-project {
	max-width: 1000px;
	margin: 80px auto 0;
}
.gu-completed-project {
	--table-th-bg-color: #CCFFE2;
	--table-border-color: #009740;
}
.or-activities,
.or-completed-project {
	max-width: 1000px;
	margin: 80px auto 0;
}
.or-completed-project {
	--page-color: #ef7c0f;
	--table-th-bg-color: rgba(255, 234, 215, 0.8);
	--table-border-color: var(--page-color);
}
.gu-donation-description {
	font-family: auto;
	margin-top: 40px;
	font-size: 16px;
	font-weight: 300;
	line-height: 160%;
	letter-spacing: 2px;
}
.gu-completed-project {
	font-family: auto;
	margin-top: 40px;
	font-size: 16px;
	font-weight: 300;
	line-height: 160%;
	letter-spacing: 2px;
}
@media screen and (max-width: 1000px) {
	.gu-content-wrapper {
		padding-inline: var(--padding-inline);
	}
}
@media screen and (max-width: 780px) {
	.green-up-page {
		background: linear-gradient(180deg, rgba(245, 254, 249, 0), 600px, rgba(245, 254, 249, 1), 850px, rgba(245, 254, 249, 1) 100%), no-repeat right -76px top -164px / 1200px url(/assets/img/green-up-bg-sp.png);
	}
	.green-up-head {
		margin-top: 80px;
	}
	.gu-head-title {
		flex-flow: column;
		align-items: center;
		gap: 20px;
	}
	.gu-head-title h1 {
		filter: drop-shadow(0px 6px 0px rgba(0, 0, 0, 0.38));
		width: 180px;
		height: 180px;
	}
	.gu-head-title img {
		width: 100%;
		max-width: 310px;
	}
	.gu-project-target {
		font-size: 24px;
		line-height: 40px;
	}
	.gu-project-description {
		font-size: 18px;
		line-height: 36px;
		letter-spacing: 2px;
	}
	.gu-completed-project {
		font-family: auto;
		margin-top: 40px;
		font-size: 16px;
		font-weight: 300;
		line-height: 160%;
		letter-spacing: 2px;
		padding: 0 20px;
	}
	.or-completed-project {
		--page-color: #ef7c0f;
		--table-th-bg-color: rgba(255, 234, 215, 0.8);
		--table-border-color: var(--page-color);
		padding: 0 20px;
	}
}

.sustainability-baseball-pages {
	--page-color: #AB0007;
	background-color: #FFF8F8;
}
.sustainability-baseball-pages .l-friends-title-wrapper {
	margin-bottom: 40px;
}
.sustainability-baseball-pages p {
	font-family: auto;
	font-size: 16px;
	font-weight: 300;
	line-height: 160%;
}
.sustainability-baseball-pages * > p + p {
	margin-top: 1rem;
}
.sb-section {
	max-width: 1000px;
	margin-inline: auto;
	margin-top: 80px;
}
.sb-page-header {
	background-color: var(--page-color);
}
.sb-header-img {
	width: 100%;
}
.sb-header-title-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;
	max-width: calc(1100px + var(--padding-inline, 0) * 2);
	padding: 0 var(--padding-inline);
	margin: 0 auto;
}
.sb-header-title-wrapper h2 {
	font-size: 32px;
	font-weight: 600;
	line-height: 133.33%;
	letter-spacing: 3.2px;
	word-break: keep-all;
	padding: 29px 0;
}
.sb-header-category {
	font-size: 24px;
	font-weight: 300;
	line-height: 36px;
	letter-spacing: 2.4px;
	flex-shrink: 0;
}
.lions-cup-table-content {
	display: flex;
	flex-flow: column;
	gap: 40px;
}
.sb-subtitle {
	border-left: 5px solid var(--page-color);
	padding-left: 13px;
	font-size: 18px;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 2px;
}
.lions-cup-table {
	display: table !important;
	min-width: 700px;
}
.lions-cup-table th,
.lions-cup-table td {
	border-bottom: 3px solid var(--page-color);
	border-right: none;
	border-left: none;
	padding: 10px;
	display: table-cell !important;
	width: auto;
}
.lions-cup-table th {
	background-color: var(--page-color);
	color: #fff;
	text-align: center;
	font-size: 16px;
	line-height: 26px;
}
.lions-cup-table td {
	text-align: center;
	font-size: 16px;
	line-height: 26px;
}
.lions-cup-table tr:first-child th,
.lions-cup-table tr:first-child td {
	border-top: 3px solid var(--page-color);
}
.lions-cup-table tr td:last-child {
	border-right: 3px solid var(--page-color);
}
.lions-cup-table .team-name {
	font-weight: 600;
	width: 35%;
}
.lions-cup-table-wrapper {
	width: 100%;
	overflow-x: auto;
	margin-top: 16px;
}
.hide-scrollbar {
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.hide-scrollbar::-webkit-scrollbar{
	display: none;
}
.lions-cup-team-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
	justify-content: center;
	gap: 25px 35px;
}
.lions-cup-team-list img {
	width: 100%;
	min-height: 200px;
	margin-top: 16px;
}
.sb-back-btn-wrapper {
	width: 100%;
	padding: 78px var(--padding-inline);
	text-align: center;
	background-color: var(--page-color);
	margin-top: 80px;
}
.sb-back-btn-wrapper a {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 80px;
	width: 100%;
	max-width: 400px;
	padding-inline: var(--padding-inline);
	color: var(--page-color);
	background-color: #fff;
	font-size: 16px;
	font-weight: 300;
}
.word-break-keep {
	word-break: keep-all;
}
@media screen and (max-width: 1000px) {
	.pad-inline-sp {
		padding-inline: var(--padding-inline);
	}
}
@media screen and (max-width: 780px) {
	.sb-header-title-wrapper {
		flex-flow: column;
		align-items: start;
		padding: 0;
	}
	.sb-header-title-wrapper h2 {
		padding: 16px var(--padding-inline);
		font-size: 24px;
	}
	.sb-header-category {
		width: 100%;
		background-color: #fff;
		color: var(--page-color);
		padding: 8px var(--padding-inline);
		font-size: 16px;
	}
	.sb-page-header + .sb-section {
		margin-top: 0;
	}
	.l-friends-title-wrapper {
		padding: 8px 16px;
		min-height: 56px;
		display: flex;
		align-items: center;
	}
	.l-friends-title-wrapper h2 {
		font-size: 20px;
		line-height: 133%;
	}
	.sb-back-btn-wrapper a {
		font-size: 14px;
		height: 60px;
	}
	.sb-subtitle {
		line-height: 24px;
		font-size: 16px;
	}
}

.lions-jr-member-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, 200px);
	justify-content: center;
	gap: 24px 20px;
	margin-top: 16px;
}
.lions-jr-member-list img {
	width: 100%;
}
.lions-jr-refer-btn {
	max-width: 399px;
	margin: 40px auto 0;
	padding: 25px 0;
	background-color: var(--page-color);
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	line-height: 30px;
}
.lions-jr-member-section .sb-subtitle {
	margin-top: 64px;
}
.lions-jr-member-section .sb-subtitle:first-child {
	margin-top: 40px;
}
.round-robin-tournament-wrapper {
	width: 100%;
	overflow-x: auto;
}
.round-robin-tournament-table {
	display: table !important;
	min-width: 630px;
}
.round-robin-tournament-table td {
	border-bottom: 2px solid var(--page-color);
	border-right: 2px solid var(--page-color);
	border-left: none;
	padding: 10px;
	display: table-cell !important;
	text-align: center;
	font-size: 18px;
	width: 21%;
	word-break: keep-all;
	position: relative;
}
.round-robin-tournament-table tr:first-child td {
	border-top: 2px solid var(--page-color);
	color: #666;
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
}
.round-robin-tournament-table tr:first-child .rr-fill-cell {
	color: #fff;
}
.round-robin-tournament-table td:first-child {
	border-left: 2px solid var(--page-color);
}
.round-robin-tournament-table tr:nth-child(n + 2) td:first-child {
	color: var(--page-color);
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	height: 80px;
}
.rr-fill-cell {
	background-color: var(--page-color);
}
.rr-half-fill-cell::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: var(--page-color);
	opacity: 0.1;
}
.rr-cross-cell::before,
.rr-cycle-cell::before {
	position: absolute;
	left: 10%;
	top: 50%;
	transform: translateY(-50%);
	font-weight: 300;
}
.rr-cross-cell::before {
	content: "✕";
}
.rr-cycle-cell::before {
	content: "◯";
}
@media screen and (max-width: 780px) {
	.lions-jr-member-section .sb-subtitle {
		margin-top: 32px;
	}
	.lions-jr-member-list {
		grid-template-columns: repeat(auto-fit, 160px);
		gap: 16px 20px;
	}
	.round-robin-tournament-table td {
		font-size: 16px;
	}
	.round-robin-tournament-table tr:first-child td,
	.round-robin-tournament-table tr:nth-child(n + 1) td:first-child {
		font-size: 14px;
	}
}

.sb-splide.splide {
	margin-bottom: 100px;
}
.sb-splide .splide__slide {
	position: relative;
	padding-inline: 40px;
	width: min(700px, 70vw);
	display: flex;
	align-items: center;
}
.sb-splide .slide-img-wrapper {
	position: relative;
}
.sb-splide .splide__slide img {
	width: 100%;
	z-index: 2;
}
.sb-splide .slide-img-wrapper::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 248, 248, 0.8);
	z-index: 1;
}
.sb-splide .is-active.splide__slide .slide-img-wrapper::before {
	opacity: 0;
}
.sb-splide .is-active.splide__slide {
	padding: 0;
}
.sb-splide .splide__pagination {
	bottom: -30px;
}
.sb-splide .splide__pagination__page {
	width: 30px;
	height: 5px;
	margin: 0 4px 4px;
	border-radius: 0;
	background-color: #888;
}
.sb-splide .splide__pagination__page.is-active {
	background: var(--page-color, #000);
	transform: none;
}
.sb-splide .splide__arrow--prev {
	left: 9%;
}
.sb-splide .splide__arrow--next {
	right: 9%;
}
.sb-splide .splide__arrow {
	width: 40px;
	height: 40px;
	background: rgba(0, 0, 0, 0);
	opacity: 1;
}
.sb-splide .splide__arrow::before {
	content: '';
	background: #5F5F5F;
	opacity: 0.5;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	transition: opacity 0.3s;
}
.sb-splide .splide__arrow:hover::before {
	background: var(--page-color);
	opacity: 1;
}
.sb-splide .splide__arrow svg {
	width: 40px;
	height: 40px;
	fill: #fff;
	z-index: 2;
}
@media screen and (max-width: 780px) {
	.sb-splide .splide__pagination__page {
		width: 16px;
	}
	.sb-splide .splide__slide {
		padding-inline: 20px;
	}
	.sb-splide .splide__arrow {
		width: 32px;
		height: 32px;
	}
	.sb-splide .splide__arrow svg {
		width: 32px;
		height: 32px;
	}
	.sb-splide .splide__arrow--next {
		right: 6%;
	}
	.sb-splide .splide__arrow--prev {
		left: 6%;
	}
}

.wheelchair-tournament .round-robin-tournament-table {
	min-width: 750px;
}
.wheelchair-tournament .round-robin-tournament-table tr:first-child td {
	line-height: 110.5%;
}
.wheelchair-tournament .round-robin-tournament-table tr:nth-child(n + 2) td:first-child {
	height: auto;
	line-height: 110.5%;
}
.wheelchair-tournament .round-robin-tournament-wrapper .round-robin-tournament-table:nth-child(n + 2) {
	margin-top: 40px;
}
.wheelchair-tournament-result-img {
	margin-top: 50px;
	width: 100%;
}
.ladies-tournament-result-img {
	width: 100%;
}
.sb-link-list {
	--margin-left: 40px;
	margin-left: var(--margin-left);
	list-style-type: none;
}
.sb-link-list > li {
	position: relative;
}
.sb-link-list a {
	color: #000;
	font-size: 16px;
	line-height: 140%;
	letter-spacing: 2px;
	text-decoration: underline;
}
.sb-link-list > li:before {
	content: '';
	position: absolute;
	left: calc(-1 * var(--margin-left));
	width: 24px;
	height: 4px;
	top: 11px;
	background-color: var(--page-color, #000);
}
@media screen and (max-width: 780px) {
	.sb-link-list {
		--margin-left: 24px;
	}
	.sb-link-list a {
		font-size: 14px;
	}
	.sb-link-list > li:before {
		width: 16px;
		height: 3.797px;
	}
}
.lions-jr-tournament img {
	width: 100%;
}

.project-story-page {
	background: linear-gradient(180deg, #006EBF 0%, #00214B 100%);
	color: #fff;
}
.project-story-page hr {
	margin-top: 0;
}
.project-story-page img {
	width: 100%;
}
.pjs-head {
	padding-top: 80px;
	max-width: calc(1400px + var(--padding-inline) * 2);
	margin-inline: auto;
	padding-inline: var(--padding-inline);
}
.pjs-head h2 {
	font-size: 90px;
	font-weight: 600;
	line-height: 120%;
	letter-spacing: 0.1em;
	text-align: left;
	display: flex;
	flex-flow: column;
	margin-left: 56px;
	margin-top: -115px;
}
.pjs-head h2 *:first-child {
	color: #00214b;
}
.pjs-contents {
	font-size: 30px;
	font-weight: 300;
	line-height: 200%;
	letter-spacing: 3px;
	position: relative;
	margin-top: 160px;
}
.pjs-content-community-bg,
.pjs-content-relationship-bg,
.pjs-content-can-do-bg {
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0.1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.pjs-content-community-bg {
	background-image: url("/assets/img/project-story-community.jpeg");
}
.pjs-content-relationship-bg {
	background-image: url("/assets/img/project-story-relationship-bg.jpeg");
}
.pjs-content-can-do-bg {
	background-image: url("/assets/img/project-story-can-do-bg.jpeg");
}
.pjs-contents-inner {
	max-width: calc(1280px + var(--padding-inline) * 4);
	margin-inline: auto;
	padding: calc(var(--padding-inline) * 2);
	display: flex;
	flex-flow: column;
	gap: 48px;
	position: relative;
	z-index: 2;
}
.pjs-contents h3 {
	font-size: 80px;
	font-weight: 300;
	line-height: 160%;
	letter-spacing: 4px;
}
.pjs-contents p {
	font-size: 20px;
	font-weight: 300;
	line-height: 200%;
	letter-spacing: 2px;
}
.pjs-2column {
	display: flex;
	gap: min(56px, 3vw);
	align-items: flex-start;
}
.pjs-2column hr {
	margin-top: 0;
}
img.pjs-community-column-img {
	width: min(545px, 40vw);
}
.pjs-2column > p:first-child {

}
.pjs-2column p {
	margin: 24px 0;
}
.pjs-2column p:last-child {
	margin-bottom: 0;
}
.pjs-relationship {
	text-align: right;
}
.pjs-relationship .pjs-2column {
	margin-top: -115px;
}
.pjs-relationship-images-container {
	display: flex;
	flex-flow: column;
	gap: 40px;
	width: min(540px, 40vw);
}
.pjs-relationship-text-container {
	padding-top: 170px;
	flex-grow: 2;
}
.pjs-relationship-text-container p {
	margin: 20px 0 48px;
}
img.pjs-can-do-column-img {
	width: min(540px, 40vw);
}
.pjs-usual {
	text-align: center;
}
.pjs-usual p {
	margin-top: 0;
	margin-bottom: 24px;
}
.pjs-usual .pjs-contents-inner {
	display: flex;
	flex-flow: column;
	gap: 48px;
	padding-top: 0;
	padding-bottom: 0;
}
.pjs-usual-images-container {
	display: flex;
	flex-flow: row;
	gap: 24px;
}
.pjs-usual-images-container * {
	min-width: 0;
}
.pjs-conclusion {
	width: 100%;
	background-color: #fff;
	color: #1B65D1;
	text-align: center;
	display: flex;
	flex-flow: column;
	gap: 24px;
	margin: 160px 0;
	padding: 160px var(--padding-inline);

	font-size: 28px;
	font-weight: 600;
	line-height: 160%;
	letter-spacing: 2.8px;
}
.pjs-conclusion h3 {
	font-size: 60px;
	font-style: normal;
	font-weight: 600;
	line-height: 160%;
}
.pjs-conclusion h3::before {
	content: '「';
}
.pjs-conclusion h3::after {
	content: '。」';
}
@media screen and (max-width: 1080px) {
	.pjs-head h2 {
		font-size: 65px;
		margin-left: 30px;
		margin-top: -75px;
	}
	.pjs-contents {
		font-size: 24px;
	}
	.pjs-contents h3 {
		font-size: 50px;
	}
	.pjs-conclusion {
		font-size: 24px;
	}
	.pjs-conclusion h3 {
		font-size: 50px;
	}
	.pjs-contents-inner {
		padding: var(--padding-inline);
	}
}
@media screen and (max-width: 700px) {
	.project-story-page hr {
		display: none;
	}
	.project-story-page .hide-sp {
		display: none;
	}
	.pjs-head {
		padding-inline: 0;
	}
	.pjs-head h2 {
		font-size: 40px;
		margin-top: -48px;
	}
	.pjs-contents {
		font-size: 18px;
		margin-top: 100px;
	}
	.pjs-contents-inner {
		gap: 30px;
	}
	.pjs-contents h3 {
		font-size: 26px;
	}
	.pjs-contents p {
		font-size: 14px;
	}
	.pjs-2column {
		flex-flow: column;
		gap: 24px;
	}
	img.pjs-community-column-img {
		width: 100%;
	}
	.pjs-2column p:first-of-type {
		margin-top: 0;
	}
	.pjs-relationship {
		text-align: left;
	}
	.pjs-relationship .pjs-2column {
		margin-top: 0;
	}
	.pjs-relationship-text-container p {
		margin-bottom: 28px;
	}
	.pjs-relationship-images-container {
		flex-flow: column;
		width: 100%;
	}
	.pjs-relationship-text-container {
		padding-top: 0;
	}
	img.pjs-can-do-column-img {
		width: 100%;
	}
	.pjs-usual-images-container {
		flex-flow: column;
	}
	.pjs-usual p {
		text-align: left;
		margin-bottom: 20px;
	}
	.pjs-usual .pjs-contents-inner {
		gap: 28px;
	}
	.pjs-conclusion {
		font-size: 20px;
		line-height: 180%;
		margin: 80px 0;
	}
	.pjs-conclusion h3 {
		font-size: 30px;
		margin-bottom: 10px;
		position: relative;
		padding-inline: 20px;
	}
	.pjs-conclusion h3::before {
		content: '「';
		position: absolute;
		left: -15px;
		top: 0;
	}
	.pjs-conclusion h3::after {
		content: '」';
		position: absolute;
		bottom: 0;
		right: -10px;
	}
}
.sus-top {
	background: #fff;
	text-align: center;
	padding-bottom: 0;
	--padding-inline: 24px;
}
.sus-top * {
	box-sizing: border-box;
}
.sus-top p {
	margin: 0;
}
.sus-top a {
	text-decoration: none;
	color: #000;
}
.sus-top-title-wrapper img {
	display: block;
	max-width: 100%;
	padding: 0 22px;
	margin: 0 auto;
}
.sus-top-title-wrapper {
	padding: 1425px var(--padding-inline) 0px;
	padding-bottom: 270px;
	background-image: url(/assets/img/sus-top-title-bg.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	position: sticky;
    z-index: 1;
}
.sus-top-title-wrapper .text-box {
	display: block;
	max-width: 1200px;
	color: #0071BD;
	background: rgba(255, 255, 255, 0.80);
	border-radius: 40px;
	padding: 75px;
	margin: 100px auto 0;
}
.sus-top-title-wrapper h2 {
	font-size: 40px;
	font-weight: 600;
	line-height: 125%;
	letter-spacing: 8px;
	margin-bottom: 32px;
	word-break: keep-all;
}
.sus-top-title-wrapper p {
	display: inline-block;
	max-width: 980px;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 40px;
	letter-spacing: 1px;
}
.sus-top-title-wrapper .sp-only {
	display: none;
}
@media screen and (max-width: 1200px) {
	.sus-top-title-wrapper {
		padding: 168% var(--padding-inline) 0px;
		padding-bottom: 100px;
		background-image: url(/assets/img/sus-top-title-bg.png);
		background-repeat: no-repeat;
		background-position: top center;
		background-size: cover;
		position: sticky;
		z-index: 1;
	}
	.sus-top-title-wrapper .text-box {
		padding: 16px;
	}
	.sus-top-title-wrapper h2 {
		font-size: 32px;
		margin-bottom: 12px;
	}
	.sus-top-title-wrapper p {
		font-size: 18px;
		line-height: 32px;
	}
	.sus-top-title-wrapper .sp-only {
		display: inherit;
	}
}
.sus-sgs {
	margin-top: -400px;
	padding-top: 500px;
    padding-bottom: 100px;
	background-image: url(/assets/img/sus-sgs-bg.png);
	background-position: center;
	background-size: cover;
}
/* .sus-sgs-tittle {
	content: url(/assets/img/seibu-group-sustainability.png);
	width: 680px;
	margin: auto;
	padding-bottom: 20px;
} */
.sus-sgs-tittle {
	background: linear-gradient(0deg, #006FBC, #00AFEC);
	font-size: 60px;
	font-weight: 200;
	font-family: Roboto;
	letter-spacing: -0.4px;
	word-break: break-word;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 30px;
}
.sus-sgs .text-box {
	font-size: 18px;
	line-height: 40px;
	display: block;
	max-width: 800px;
	border-radius: 40px;
	margin: auto;
	text-align: left;
}
.sus-sgs h2 {
	background: linear-gradient(0deg, #006FBC, #00AFEC);
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 35px;
	letter-spacing: -0.4px;
	word-break: keep-all;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 70px;
}
@media screen and (max-width: 1200px) {
	.sus-sgs .text-box {
		font-size: 18px;
		line-height: 40px;
		display: block;
		max-width: 100%;
		border-radius: 40px;
		margin: 0 17px;
		text-align: left;
	}
	.sus-sgs {
		margin-top: -400px;
		padding-top: 500px;
		padding-bottom: 100px;
		background-image: url(/assets/img/sus-sgs-bg-sp.png);
		background-position: center;
		background-size: cover;
	}
}

.sus-materiality-tittle {
	background: linear-gradient(0deg, #009640, #1B65D1);
	font-size: 60px;
	font-style: normal;
	font-weight: 200;
	font-family: Roboto;
	letter-spacing: 1px;
	word-break: break-word;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-top: 100px;
	margin-bottom: 30px;
}
.sus-materiality h2 {
	background: linear-gradient(0deg, #009640, #1B65D1);
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 35px;
	letter-spacing: 1px;
	word-break: keep-all;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 30px;
}
.sus-policy-items {
	margin: 55px auto 0;
	max-width: 1060px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.sus-dec-img {
	width: 100%;
	background-image: url(/assets/img/decarbonation.png);
}
.sus-dec-img:hover {
	background-image: url(/assets/img/decarbonation2.png);
}
.sus-dec-img:checked {
	background-image: url(/assets/img/decarbonation3.png);
}

@media screen and (max-width: 780px) {
	.sdgs-l-friends-news h2 {
		font-size: 32px;
		line-height: 42px;
	}
	.sdgs-news-list {
		margin-top: 48px;
	}
	.sdgs-news-list > * {
		flex-wrap: wrap;
		gap: 10px 0;
		border-top: none;
		padding: 20px 0;
	}
	.sdgs-news-date {
		width: 100%;
	}
	.sdgs-news-title {
		width: 100%;
	}
	.sdgs-media-releases {
		padding-bottom: 40px;
	}
	.sdgs-foot-banner {
		padding-top: 40px;
		padding-bottom: 40px;
	}
}
.materiality-image {
    width: 264px; /* 画像の幅に合わせて設定 */
    height: auto;
    cursor: pointer; /* クリック可能であることを示すためにカーソルを変更 */
}

.materiality-image .active {
    display: block; /* アクティブな画像のみ表示 */
}
@media screen and (max-width: 1200px) {
	.sus-materiality h2 {
		background: linear-gradient(0deg, #009640, #1B65D1);
		font-size: 22px;
		font-style: normal;
		font-weight: 600;
		line-height: 35px;
		letter-spacing: 1px;
		word-break: keep-all;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		margin-bottom: 30px;
	}
	.materiality-image {
		width: 184px; /* 画像の幅に合わせて設定 */
		height: auto;
		cursor: pointer; /* クリック可能であることを示すためにカーソルを変更 */
	}
	
	.materiality-image .active {
		display: block; /* アクティブな画像のみ表示 */
	}
}
@media screen and (max-width: 750px) {
	.sus-materiality-tittle {
		margin-top: 100px;
		margin-bottom: 15px;
		padding-left: 10px;
		padding-right: 10px;
        font-size: 55px;
	}
	.sus-materiality h2 {
		background: linear-gradient(0deg, #009640, #1B65D1);
		font-size: 19px;
		font-style: normal;
		font-weight: 600;
		line-height: 35px;
		letter-spacing: 1px;
		word-break: keep-all;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		margin-bottom: 30px;
	}
}
.sus-environment {
	margin-top: 150px;
    padding-bottom: 190px;
	background-image: url(/assets/img/environment-back.png);
	background-position: center;
    background-size: cover
}
.sus-environment .sus-box {
	padding-top: 100px;
	padding-bottom: 270px;
	text-align: left;
	font-size: 20px;
	line-height: 40px;
	letter-spacing: 1px;
	margin: auto;
	width: 1200px;
}
.sus-environment .sus-box p {
	font-size: 18px;
	line-height: 40px;
	letter-spacing: 1px;
}
.sus-environment .sus-box h2 {
	text-align: left;
	color: #009740;
	font-size: 32px;
	line-height: 40px;
	letter-spacing: 1px;
	padding-bottom: 20px;
}
.sus-environment .sus-box img {
	width: 260px;
	margin-top: -256px;
	margin-left: 940px;
}
.sus-environment-cont {
	padding-top: 50px;
	padding-bottom: 400px;
	background-color: #edfdc0;
	background-position: top;
}
.sus-environment-cont .btn-more-blue {
	width: 680px;
}
.sus-environment-cont .btn-more-blue span {
	color: #fff;
	font-weight: 800;
}
.sus-environment-cont .sus-arrow {
    padding-left: 92%;
    padding-top: 30px;
}
@media screen and (max-width: 1200px) {
	.sus-environment {
		margin-top: 150px;
		padding-bottom: 190px;
		background-image: url(/assets/img/environment-back-sp.png);
		background-position: top;
	}
	.sus-environment-cont {
		padding-bottom: 600px;
	}
	.sus-environment .sus-box {
		max-width: 90%;
		padding-top: 210px !important;
		margin-left: auto;
		margin-right: auto;
	}
	.sus-environment .sus-box img {
        float: inline-end;
		width: 260px;
		margin-left: 80%;
		margin-top: -470px;
	}
	.sus-environment-cont .btn-more-blue {
		width: 90%;
	}
	.sus-environment-cont .sus-arrow {
		padding-left: 92%;
		padding-top: 30px;
	}
}
@media screen and (max-width: 750px) {
	.sus-environment .sus-box img {
        float: inline-end;
		width: 60%;
		margin-left: 80%;
		margin-top: -430px;
	}
	.sus-environment-cont .sus-arrow {
		padding-left: 88%;
		padding-top: 30px;
	}
	.sus-environment .sus-box {
		padding-bottom: 200px;
	}
	.sus-environment-cont {
		margin-top: -60px;
	}
	.sus-environment .sus-box h2 {
		text-align: left;
		color: #009740;
		font-size: 30px;
		line-height: 40px;
		letter-spacing: 1px;
		padding-bottom: 20px;
	}
}
.tv-wapper {
	position: relative;
}
.dome-slider {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}
.dome-slider-item {
	width: 560px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: inline-block;
	border-radius: 30px;
	margin:0 15px;
}
.dome-slider-item:after {
	display: none !important;
}
.dome-slider-item:hover {
	opacity: 1;
}
@media screen and (max-width: 1200px) {
	.dome-noslide h1 {
		width: 80%;
	}
	.dome-noslide h1 img {
		width: 100%;
	}
	.dome-slider-item {
		width: 90%;
		margin: auto;
	}
	.sp-br {
		display: block;
	}
	.sp-none {
		display: none;
	}
}
@media screen and (max-width: 750px) {
	.dome-noslide h1 {
		width: 80%;
	}
	.dome-noslide h1 img {
		width: 100%;
	}
	.dome-slider-item {
		width: 60%;
		margin: auto;
	}
	.sp-br {
		display: block;
	}
	.sp-none {
		display: none;
	}
}
.slick-dots {
	text-align:center;
 	margin:20px 0 0 0;
}

.slick-dots li {
	display:inline-block;
  	margin:0 5px;
}
.slick-dots button {
	color: transparent;
	outline: none;
	width: 11px;
	height: 11px;
	display:block;
	border-radius: 50%;
	margin: 0;
	padding: 0;
	background:#313131;
	border: none;
	opacity: 0.8;
	overflow: hidden;
	-webkit-appearance: none;
	
}
.slick-dots .slick-active button{
	background:#C9C9C9;
}
.slick-dots .slick-active button {
	background: #C9C9C9;
}
.slick-prev,
.slick-next {
	width: 37px;
	height: 37px;
	background: #fff;
	border-radius: 50%;
	border: #00214B 3px solid;
	position: absolute;
	bottom: -5px;
	padding: 0;
	text-align: center;
	text-indent: -9999px;
	overflow: hidden;
}
.slick-prev {
	left: 30%;	
	background:#fff url(/assets/img/btn_arrow_left.png) no-repeat center center;
}
.slick-next {
	right: 30%;
	background:#fff url(/assets/img/btn_arrow_right.png) no-repeat center center;
}
@media screen and (max-width: 1200px) {
	.slick-prev {
		left: 10%;	
		background:#fff url(/assets/img/btn_arrow_left.png) no-repeat center center;
	}
	.slick-next {
		right: 10%;
		background:#fff url(/assets/img/btn_arrow_right.png) no-repeat center center;
	}
}
.slide-text {
	font-size: 16px;
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 10px;
}
.slide-text-sus {
	font-size: 16px;
	font-weight: 600;
}
.sus-five-senses {
	margin-top: -330px;
	padding-top: 100px;
	padding-bottom: 250px;
	background-image: url(/assets/img/five-senses-back.png);
	background-position: center;
	background-size: cover;
}
.sus-five-senses .sus-box {
	padding-bottom: 270px;
	text-align: right;
	font-size: 20px;
	line-height: 40px;
	letter-spacing: 1px;
	margin: auto;
	width: 1200px;
}
.sus-five-senses .sus-box p {
	font-size: 18px;
	line-height: 40px;
	letter-spacing: 1px;
}
.sus-five-senses .sus-box h2 {
	text-align: right;
	color: #1B65D1;
	font-size: 32px;
	line-height: 40px;
	letter-spacing: 1px;
	padding-bottom: 20px;
}
.sus-five-senses .sus-box img {
	width: 260px;
	margin-top: -256px;
	margin-right: 940px;
}
.sus-five-senses-cont {
	padding-top: 10px;
	padding-bottom: 400px;
	background-color: #d7efff;
	background-position: top;
}
.sus-five-senses-cont .btn-more {
	width: 680px;
}
.sus-five-senses-cont .btn-more span {
	color: #fff;
	font-weight: 800;
}
.sus-five-senses-cont .sus-arrow {
    padding-left: 92%;
    padding-top: 18px;
}
.slide-text-base {
	font-size: 16px;
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 10px;
}
.sus-five-senses .slide-text-sp {
	display: none;
}
@media screen and (max-width: 1200px) {
	.sus-five-senses {
		padding-top: 100px;
		padding-bottom: 250px;
		background-image: url(/assets/img/five-senses-back-sp.png);
		background-position: top;
	}
	.sus-five-senses-cont {
		padding-bottom: 600px;
	}
	.sus-five-senses .sus-box {
		max-width: 90%;
		padding-top: 80px !important;
		margin-left: auto;
		margin-right: auto;
	}
	.sus-five-senses .sus-box img {
		float: left;
        width: 260px;
        margin-top: -470px;
	}
	.sus-five-senses-cont .btn-more {
		width: 90%;
	}
	.sus-five-senses-cont .sus-arrow {
		padding-left: 92%;
		padding-top: 18px;
	}
	.sus-five-senses .sus-box p {
		text-align: left;
	}
	.sus-five-senses .slide-text-sp {
		display: none;
	}
}
@media screen and (max-width: 750px) {
    .sus-five-senses .sus-box img {
        float: left;
        width: 60%;
        margin-top: -470px;
        margin-left: -20px;
    }
	.sus-five-senses .sus-box {
		margin-bottom: -60px;
	}
	.sus-five-senses .sus-box h2 {
		text-align: right;
		color: #1B65D1;
		font-size: 30px;
		line-height: 40px;
		letter-spacing: 1px;
		padding-bottom: 20px;
	}
	.sus-five-senses-cont {
	margin-top: -70px;
	}
	.sus-five-senses .slide-text-base {
		display: none;
	}
	.sus-five-senses .slide-text-sp {
		display: block;
		font-size: 16px;
		font-weight: 600;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.sus-five-senses-cont .btn-more span {
		color: #fff;
		font-weight: 800;
		font-size: 14px;
	}
}

.sus-diverse {
	margin-top: -330px;
	padding-top: 180px;
	padding-bottom: 650px;
	background-image: url(/assets/img/diverse-back.png);
	background-position: center;
	background-size: cover;
}
.sus-diverse .sus-box {
	padding-bottom: 270px;
	text-align: left;
	font-size: 20px;
	line-height: 40px;
	letter-spacing: 1px;
	margin: auto;
	width: 1200px;
}
.sus-diverse .sus-box p {
	font-size: 18px;
	line-height: 40px;
	letter-spacing: 1px;
}
.sus-diverse .sus-box h2 {
	text-align: left;
	color: #EF7C0F;
	font-size: 32px;
	line-height: 40px;
	letter-spacing: 1px;
	padding-bottom: 20px;
}
.sus-diverse .sus-box img {
    width: 260px;
    margin-top: -250px;
    margin-left: 940px;
}
.sus-diverse .tv-wapper .dome-slider .btn-more-blue a, .btn-more-blue button {
    color: #FFF;
	background: #EF7C0F;
	font-weight: 800;
	margin-top: -130px;
	margin-left: -30px;
	text-align: center;
	width: 560px;
	height: 48px;
	border-bottom-left-radius: 30px !important;
	border-bottom-right-radius: 30px !important;
}
.image-container::before {
    content: url('/assets/img/icon_arrow_white_sm.png');
    position: absolute;
    margin-top: -35px;
	width: 500px;
}
.slide-text-base {
	font-size: 16px;
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 10px;
}
.sus-diverse .slide-text-sp {
	display: none;
}
@media screen and (max-width: 1200px) {
	.sus-diverse .tv-wapper .dome-slider .btn-more-blue a, .btn-more-blue button {
		float: none;
		color: #FFF;
		background: #EF7C0F;
		font-weight: 800;
		margin-top: -130px;
		margin-left: 0px;
		text-align: center;
		width: 100%;
		height: 48px;
		border-bottom-left-radius: 30px !important;
		border-bottom-right-radius: 30px !important;
	}
	.image-container::before {
		content: url('/assets/img/icon_arrow_white_sm.png');
		position: absolute;
		margin-top: -35px;
        margin-left: -20px;
	}
}
.sus-diverse .btn-more-blue a[target=_blank] span:after {
    content: '';
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url(../img/icon_window_white.png);
    background-size: contain;
    vertical-align: middle;
    margin-left: 5px;
}
@media screen and (max-width: 1200px) {
	.sus-diverse {
		padding-top: 0px;
		padding-bottom: 750px;
		background-image: url(/assets/img/diverse-back-sp.png);
		background-position: top;
	}
	.sus-diverse-cont {
		padding-bottom: 600px;
	}
	.sus-diverse .sus-box {
		max-width: 90%;
		padding-top: 240px !important;
		margin-left: auto;
		margin-right: auto;
	}
	.sus-diverse .sus-box img {
        float: inline-end;
		width: 260px;
		margin-left: 80%;
		margin-top: -560px;
	}
	.comp-image {
		width: 90%;
        margin: auto;
	}
	.sus-diverse .slide-text-sp {
		display: none;
	}
}
@media screen and (max-width: 750px) {
	.sus-diverse .sus-box {
		max-width: 90%;
		padding-top: 220px !important;
		margin-left: auto;
		margin-right: auto;
	}
	.sus-diverse .tv-wapper .dome-slider .btn-more-blue a, .btn-more-blue button {
		color: #FFF;
		background: #EF7C0F;
		font-weight: 800;
		margin-top: -130px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		width: 336px;
		height: 48px;
		border-bottom-left-radius: 30px !important;
		border-bottom-right-radius: 30px !important;
	}
	.image-container::before {
		content: url('/assets/img/icon_arrow_white_sm.png');
		position: absolute;
		margin-top: -35px;
		width: 30%;
		width: 100px;
        margin-left: 100px;
	}
	.sus-diverse .sus-box img {
        float: inline-end;
		width: 55%;
		margin-left: 80%;
		margin-top: -560px;
	}
	.sus-diverse .sus-box h2 {
		text-align: left;
		color: #EF7C0F;	
		font-size: 30px;
		line-height: 40px;
		letter-spacing: 1px;
		padding-bottom: 20px;
	}
	.sus-diverse .slide-text-base {
		display: none;
	}
	.sus-diverse .slide-text-sp {
		display: block;
		font-size: 16px;
		font-weight: 600;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.btn-more-blue {
		text-align: center;
		margin: 35px auto;
	}
}

.sus-compliance {
	margin-top: -300px;
	padding-bottom: 240px;
	padding-top: 180px;
	background-image: url(/assets/img/compliance-back.png);
	background-position: center;
	background-size: cover;
}
.sus-compliance .sus-box {
	text-align: right;
	font-size: 20px;
	line-height: 40px;
	letter-spacing: 1px;
	margin: auto;
	width: 1200px;
}
.sus-compliance .sus-box p {
	font-size: 18px;
	line-height: 40px;
	letter-spacing: 1px;
}
.sus-compliance .sus-box h2 {
	text-align: right;
	color: #AB0007;
	font-size: 32px;
	line-height: 40px;
	letter-spacing: 1px;
	padding-bottom: 20px;
}
.sus-compliance .sus-box img {
	width: 260px;
	margin-top: -256px;
	margin-right: 940px;
}
.sus-comp-items-sp {
	display: none;
}
@media screen and (max-width: 1200px) {
	.sus-compliance {
		padding-top: 0px;
		padding-bottom: 190px;
		background-image: url(/assets/img/compliance-back-sp.png);
		background-position: top;
	}
	.sus-compliance-cont {
		padding-bottom: 600px;
	}
	.sus-compliance .sus-box {
		max-width: 90%;
		padding-top: 200px !important;
		margin-left: auto;
		margin-right: auto;
	}
	.sus-compliance .sus-box img {
		float: left;
        width: 260px;
        margin-top: -490px;
	}
	.sus-compliance .sus-box p {
		text-align: left;
	}
	.sus-compliance .slide-text {
		margin-left: 20px;
		margin-right: 20px;
	}
}
@media screen and (max-width: 750px) {
	.sus-compliance .sus-box h2 {
		text-align: right;
		color: #AB0007;
		font-size: 30px;
		line-height: 40px;
		letter-spacing: 1px;
		padding-bottom: 20px;
	}
}
.sus-comp-items {
	margin: 4% auto 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.sus-comp-items .comp-image {
	margin: 0 15px;
	border-radius: 30px;
}
.sus-comp-items-sp {
	display: none;
}
@media screen and (max-width: 750px) {
	.sus-comp-items {
		display: none;
	}
	.sus-comp-items-sp {
		display: block;
		margin-top: 240px;
		padding-bottom: 240px;
	}
	/* .sus-comp-items-sp .doom-slider {
		margin-top: 240px;
	} */
	.sus-comp-items-sp .dome-slider-item {
		width: 60%;
		margin: auto;
	}
	.sus-comp-items-sp .sp-br {
		display: block;
	}
	.sus-comp-items-sp .sp-none {
		display: none;
	}
}

.sus-participate-award {
	margin-top: -140px;
	padding-bottom: 240px;
	padding-top: 50px;
	background-image: url(/assets/img/participate-award-back.png);
	background-color: #FFEBEC;
	background-size: cover;
}
.sus-participate-award-tittle {
	margin-top: 100px;
	margin-bottom: 30px;
	color: #323232;
	font-size: 60px;
	font-style: normal;
	font-weight: 200;
	font-family: Roboto;
	letter-spacing: 1px;
	word-break: break-word;
}
.sus-participate-award h2 {
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 35px;
	letter-spacing: 1px;
	margin-bottom: 70px;
}
.sus-award-items {
	margin: 4% auto 0;
	max-width: 980px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.sus-award-item {
	padding-left: 6px;
	padding-right: 6px;
	height: 272px;
	position: relative;
}
.sus-award-items .award-image {
	border: #000;
	border-width: 1px;
    border-style: solid;
}
.sus-award-items .award-image-3 {
	border: #000;
	border-width: 1px;
    border-style: solid;
	padding-bottom: 50px;
}
.sus-award-items .sus-award-item-3 .award-image-short {
	padding-left: 10px;
	padding-right: 10px;
}
.cover-text-bg-award {
    height: 52px;
    width: 302px;
    position: absolute;
    background: #1B65D1;
    bottom: 0;
}
.award-text {
	color: #fff;
	font-weight: 800;
	line-height: 52px;
	text-align: center;
    font-size: 16px;
}
.sus-arrow-award {
    line-height: 52px;
    position: absolute;
    margin-top: 17px;
    margin-left: 120px;
}
.sus-participate-award-tittle-sp {
	display: none;
}
@media screen and (max-width: 1200px) {
	.sus-participate-award-tittle-sp {
		display: none;
	}
	.sus-participate-award {
		margin-top: -140px;
		padding-bottom: 240px;
		padding-top: 50px;
		background-image: url(/assets/img/participate-award-back.png);
		background-color: #FFEBEC;
		background-position: top;
	}
	.sus-participate-award .sus-award-item {
		margin-bottom: 70px;
	}
}
	@media screen and (max-width: 750px) {
	.sus-participate-award {
		padding-bottom: 60px;
	}
	.sus-participate-award .sus-award-item {
		margin-bottom: 120px;
	}
	.award-text {
		color: #fff;
		font-weight: 800;
		line-height: 52px;
		text-align: center;
		font-size: 16px;
	}
	.sus-arrow-award {
		float: inline-end;
		line-height: 52px;
	}
	.sus-participate-award-tittle {
		display: none;
	}
	.sus-participate-award-tittle-sp {
		display: block;
		margin-top: 40px;
		margin-bottom: 20px;
		color: #323232;
		font-size: 60px;
		font-style: normal;
		font-weight: 200;
		font-family: Roboto;
		letter-spacing: 1px;
		word-break: break-word;
		padding-left: 10px;
		padding-right: 10px;
	}
}