@charset "utf-8";
/* **************************************************

Name: hitachi-zaidan.css
Description: CSS for Additional Common Modules
Copyright 2024 The Hitachi Global Foundation.

***************************************************** */

body {
	 -webkit-print-color-adjust: exact;
}
/* ---------------------------
 FullGrid
------------------------------ */

.FullGridSet {
	width: 100%;
}
@media screen and (max-width: 1304px) {
	.FullGridSet {
		margin: 0 -15px;
    	width: auto;
	}
}

/* ---------------------------
 Local Navi
------------------------------ */

ul.AdjustNavi li {
	font-size: 92%;
}

#HorizontalLocalNavi li.Current a em {
	background: none;
}
#HorizontalLocalNavi li.Current a strong {
	background-image: none;
}

/* ---------------------------
 TopicPath
------------------------------ */

@media screen and (max-width: 1304px) {
	#TopicPath {
		padding: 0 15px;
	}
}
@media screen and (max-width: 767px) {
	#TopicPath {
		padding: 0;
	}
}

/* ---------------------------
 Contents
------------------------------ */

#Contents {
	padding-bottom: 0;
}


/* Top
=========================================================================================== */
/* ---------------------------
 Branding
------------------------------ */

.BrandingArea {
	display: block;
  	position: relative;
 	overflow: hidden;
	background-color: #333;
	background-image: url("../../../image/top/branding_4096.png");
	background-position: 50% 50%;
	background-size: cover;
	height: 420px;
	width: auto;
}
@media screen and (max-width: 1920px) {
	.BrandingArea{
		background-image: url("../../../image/top/branding_1920.png");
	}
}
@media screen and (max-width: 1536px) {
	.BrandingArea{
		background-image: url("../../../image/top/branding_1536.png");
		height: 320px
	}
}
@media screen and (max-width: 1024px) {
	.BrandingArea{
		background-image: url("../../../image/top/branding_1024.png");
	}
}
@media screen and (max-width: 994px) {
	.BrandingArea{
		background-position: 40% 50%;
		height: 350px;
	}
}
@media screen and (max-width: 769px) {
	.BrandingArea{
		background-image: url("../../../image/top/branding_769.png");
		background-position: 0% 50%;
	}
}
@media screen and (max-width: 579px) {
	.BrandingArea{
		background-image: url("../../../image/top/branding_579.png");
		background-position: 50% 50%;
		height: 320px;
	}
}
.BrandingArea::after {
	content: "";
	position: absolute;
	background-color:rgba(51,51,51,0.1);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.BrandingInner {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	height: 100%;
	align-items: flex-end;
	width: 100%;
	z-index: 10;
}

.CatchArea {
	box-sizing: border-box;
    margin: 0 auto;
    padding: 0;
	width: 1275px;
	text-align: left;
}
@media screen and (max-width: 1304px) {
	.CatchArea {
		width: 100%;
    	padding: 0 30px;
	}
}
@media screen and (max-width: 994px) {
	.CatchArea {
		text-align: right;
	}
}
@media screen and (max-width: 579px) {
	.CatchArea {
		padding: 0 15px 0 0;
	}
}
@media screen and (max-width: 339px) {
	.CatchArea {
		width: 100%;
    	padding: 0 15px;
	}
}

.BrandingTitle {
	color: #fff;
	font-size: 335%;
	font-weight: bold;
	line-height: 1.2;
	text-shadow: 3px 3px 8px #333;
	margin: 0 0 30px 0;
}
@media screen and (max-width: 1304px) {
	.BrandingTitle {
		font-size: 300%;
		margin: 0 0 20px 0;
	}
}
@media screen and (max-width: 994px) {
	.BrandingTitle {
		font-size: 260%;
	}
}
@media screen and (max-width: 579px) {
	.BrandingTitle {
		font-size: 165%;
	}
}
@media screen and (max-width: 399px) {
	.BrandingTitle {
		font-size: 143%;
	}
}

.BrandingSubTitle {
	color: #fff;
	font-size: 220%;
	font-weight: bold;
	line-height: 1.2;
	text-shadow: 2px 2px 8px #333;
	margin: 0 0 15px 15px;
}
@media screen and (max-width: 1536px) {
	.BrandingSubTitle {
		font-size: 160%;
		margin: 0 0 10px 15px;
	}
}
@media screen and (max-width: 579px) {
	.BrandingSubTitle {
		font-size: 130%;
		text-shadow: 2px 2px 5px #333;
		margin: 0 0 10px 0;
	}
}

.BrandingText {
	color: #fff;
	font-size: 130%;
	text-shadow: 3px 3px 5px #333;
	margin: 0 0 60px 0;
}
@media screen and (max-width: 767px) {
	.BrandingText {
		font-size: 100%;
	}
}
@media screen and (max-width: 399px) {
	.BrandingText {
		font-size: 90%;
		margin: 0 0 60px 0;
	}
}


/* ---------------------------
 TopicsArea
------------------------------ */

.TopicsArea {
	box-sizing: border-box;
    margin: 30px auto 0;
    width: 1275px;
    padding: 0 60px 45px 60px;
    position: relative;
}
@media screen and (max-width: 1304px) {
	.TopicsArea {
		margin: 30px -15px 0;
    	width: auto;
	}
}
@media screen and (max-width: 994px) {
	.TopicsArea {
		padding: 0 60px 60px 60px;
	}
}
@media screen and (max-width: 579px) {
	.TopicsArea {
		padding: 0 15px 60px 15px;
	}
}



a.TopicsItem {
	color: #333;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
@media screen and (max-width: 994px) {
	a.TopicsItem {
		align-items: flex-start;
	}
}

a.TopicsItem:hover {
	color: #c02;
	text-decoration: underline;
}

.TopicsItem img {
	width: 100%;
	height: auto;
}

.TopicsImg {
	width: 50%;
}
@media screen and (max-width: 994px) {
	.TopicsImg {
		width: 100%;
	}
}
.TopicsText {
	box-sizing: border-box;
    padding: 0 25px 10px;
	width: 50%;
}
@media screen and (max-width: 1304px) {
	.TopicsText {
		padding: 0 15px 5px;
	}
}
@media screen and (max-width: 994px) {
	.TopicsText {
		padding: 15px 0 0 0;
		width: 100%;
	}
}

.TopicsTag {
	display: inline-block;
	box-sizing: border-box;
	padding: 5px 8px 3px 8px;


	background-color: #333;
	border-radius: 2px;
	color: #fff;
	font-size: 70%;
	margin: 0 0 10px 0;
}
@media screen and (max-width: 579px) {
	.TopicsTag {
		font-size: 60%;
	}
}

.TopicsTitle {
	font-size: 80%;
	font-weight: bold;
	box-sizing: border-box;
	padding: 0;
}
@media screen and (max-width: 579px) {
	.TopicsTitle {
		font-size: 90%;
	}
}

/* -- Tag Color  -- */
.TagStyle1 {
	background-color: #3170b8;
}
.TagStyle2 {
	background-color: #e9711c;
}
.TagStyle3 {
	background-color: #2ca24c;
}

/* ---------------------------
 Notification
------------------------------ */

.NotificationArea {
	background-color: #F2F2F2;
}

.NotificationContents {
	box-sizing: border-box;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 auto;
    padding: 0;
    width: 1275px;
}
@media screen and (max-width: 1304px) {
	.NotificationContents {
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.NotificationContents {
		flex-wrap: wrap;
		padding: 45px 30px 30px;
	}
}
@media screen and (max-width: 579px) {
	.NotificationContents {
		padding: 30px 15px 15px;
	}
}

.NotificationTitle {
	box-sizing: border-box;
	color: #333;
	padding: 0 0 0 60px;
    width: 20%;
}
@media screen and (max-width: 994px) {
	.NotificationTitle {
		padding: 0 0 0 30px;
	}
}
@media screen and (max-width: 767px) {
	.NotificationTitle {
		width: 100%;
		padding: 0;
	}
}
.NotificationTitle h2 {
	font-size: 180%;
	font-weight: bold;
	background: none;
	margin: 0;
	padding: 0;
}

.NotificationData {
    box-sizing: border-box;
    padding: 45px 60px;
    width: 80%;
}
@media screen and (max-width: 994px) {
	.NotificationData {
		padding: 45px 30px 30px 15px;
	}
}
@media screen and (max-width: 767px) {
	.NotificationData {
		width: 100%;
		padding: 15px 0;
	}
}
.NotificationItem {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    width: 100%;
}
.NotificationItem dt {
	font-size: 90%;
	font-weight: bold;
    display: block;
    width: 100%;
}
.NotificationItem dt img{
	display: inline-block;
    padding-left: 5px;
	vertical-align: inherit;
}

.NotificationItem dd {
	border-bottom: 1px dashed #f2f2f2;
	box-sizing: border-box;
	font-size: 90%;
    display: block;
	padding-bottom: 5px;
    width: 100%;
}

.NotificationItem dd a {
    display: block;
    text-decoration: none;
    transition: all 0.3s ease;
}

a.LinkIcon::after {
	background: url(../../../image/jp/r1/icon/icon_link_right_hd.gif) no-repeat 0% 50%;
    background-size: 20px;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    height: 20px;
    margin-left: 0;
    vertical-align: middle;
    width: 22px;
}
a.PdfIcon::after {
	background: url(../../../image/jp/r1/icon/icon_pdf_hd.gif) no-repeat 0% 50%;
    background-size: 19px;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    height: 20px;
    margin-left: 5px;
    vertical-align: middle;
    width: 22px;
}
a.NewWinIcon::after {
	background: url("../../../image/jp/r1/icon/icon_new_window_hd.gif") no-repeat 0% 50%;
	background-size: 20px;
	box-sizing: border-box;
	content: "";
	display: inline-block;
	height: 20px;
	margin-left: 5px;
	vertical-align: middle;
	width: 22px;
}

.NewIcon {
	font-size: 100%;
	font-weight: bold;
	color: #E92E3C;
	display: inline-block;
	padding: 0 5px;
}
.NewIcon2 {
	font-size: 80%;
    font-weight: bold;
    color: #ffffff;
    display: inline-block;
    padding: 5px 10px 3px 10px;
    border-radius: 16px;
    background-color: #e92e3c;
    margin-left: 5px;
    line-height: 1.0;
}

/* -- hover -- */
.NotificationItem dd a:hover{
	text-decoration: underline;
}
.NotificationItem dd a:hover::after{
	background-position: 100% 50%;
}
/* ---------------------------
 Contents
------------------------------ */

/* -- 2Column --*/

.ColumnImgSet {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
@media screen and (max-width: 994px) {
	.ColumnImgSet {
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 767px) {
	.ColumnImgSet {
		margin-bottom: 0;
	}
}
.ColumnImg {
	box-sizing: border-box;
	padding: 0;
	width: 47%;
}
@media screen and (max-width: 994px) {
	.ColumnImg {
		padding: 0;
		width: 100%;
	}
}

@media screen and (max-width: 994px) {
	.ColumnOrder1 {
	 	order: 1;
	}
	.ColumnOrder2 {
	 	order: 2;
	}
}

.ColumnImgSet p {
	font-size: 100%;
	line-height: 1.8;
}
@media screen and (max-width: 399px) {
	.ColumnImgSet p {
		font-size: 90%;
	}
}

/* -- Img 01 -- */

.Img01 {
	position: relative;
	width: 100%;
	height: 554px;
	margin: 0 auto;
	overflow: hidden;
}
@media screen and (max-width: 1304px) {
	.Img01 {
		height: 450px;
	}
}
@media screen and (max-width: 994px) {
	.Img01 {
		width: 100%;
		height: 100%;
	}
}

.Img01 img.Img01Item1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}
@media screen and (max-width: 994px) {
	.Img01 img.Img01Item1 {
		display: none;
	}
}

.Img01 img.Img01ItemSp {
	display: none;
}
@media screen and (max-width: 994px) {
	.Img01 img.Img01ItemSp {
		display: inline-block;
	}
}

/* -- Img 02 -- */
.Img02 {
	position: relative;
	width: 420px;
	height: 560px;
	margin: 0 auto;
}
@media screen and (max-width: 1304px) {
	.Img02 {
		width: 400px;
		height: 540px;
	}
}
@media screen and (max-width: 994px) {
	.Img02 {
		width: 100%;
		height: 100%;
	}
}

.Img02 img.Img02Item1 {
	position: absolute;
	top: 0;
	right: -67px;
	width: 100%;
	height: auto;
}
@media screen and (max-width: 1304px) {
	.Img02 img.Img02Item1 {
		right: -12px;
	}
}
@media screen and (max-width: 994px) {
	.Img02 img.Img02Item1 {
		display: none;
	}
}

.Img02 img.Img02Item2 {
	position: absolute;
    bottom: -60px;
    left: -67px;
    width: 240px;
    height: auto;
}
@media screen and (max-width: 1304px) {
	.Img02 img.Img02Item2 {
		left: -30px;
	}
}
@media screen and (max-width: 994px) {
	.Img02 img.Img02Item2 {
		display: none;
	}
}

.Img02 img.Img02ItemSp {
	display: none;
}
@media screen and (max-width: 994px) {
	.Img02 img.Img02ItemSp {
		display: inline-block;
	}
}

/* -- Img 03 -- */
.Img03 {
	position: relative;
	width: 100%;
	height: 554px;
	margin: 0 auto;
	overflow: hidden;
}
@media screen and (max-width: 1304px) {
	.Img03 {
		width: 100%;
	}
}
@media screen and (max-width: 994px) {
	.Img03 {
		height: 100%;
	}
}

.Img03 img.Img03Item1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 48%;
	height: auto;
}
@media screen and (max-width: 1304px) {
	.Img03 img.Img03Item1 {
		top: 60px;
	}
}
@media screen and (max-width: 994px) {
	.Img03 img.Img03Item1 {
		display: none;
	}
}

.Img03 img.Img03Item2 {
	position: absolute;
    top: 0;
    right: 0;
    width: 48%;
    height: auto;
}
@media screen and (max-width: 1304px) {
	.Img03 img.Img03Item2 {
		top: 60px;
	}
}
@media screen and (max-width: 994px) {
	.Img03 img.Img03Item2 {
		display: none;
	}
}

.Img03 img.Img03ItemSp {
	display: none;
}
@media screen and (max-width: 994px) {
	.Img03 img.Img03ItemSp {
		display: inline-block;
	}
}

/* -- Img 04 -- */
.Img04 {
	position: relative;
	width: 100%;
	height: 387px;
	margin: 0 auto;
	overflow: hidden;
}
@media screen and (max-width: 994px) {
	.Img04 {
		height: 100%;
	}
}

.Img04 img.Img04Item1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}
@media screen and (max-width: 994px) {
	.Img04 img.Img04Item1 {
		display: none;
	}
}

.Img04 img.Img04ItemSp {
	display: none;
}
@media screen and (max-width: 994px) {
	.Img04 img.Img04ItemSp {
		display: inline-block;
	}
}

/* -- ColumnText Right -- */
.ColumnTextRight {
	box-sizing: border-box;
	padding: 0;
	width: 47%;
}
@media screen and (max-width: 994px) {
	.ColumnTextRight {
		padding: 30px 0 0;
		width: 100%;
	}
}

/* -- ColumnText Left -- */
.ColumnTextLeft {
	box-sizing: border-box;
	padding: 0;
	width: 47%;
}

@media screen and (max-width: 994px) {
	.ColumnTextLeft {
		padding: 30px 0 0;
		width: 100%;
	}
}

/* -- Activities List --*/

.ActivitiesItem {
	width: 90%;
	box-sizing: border-box;
	margin: 30px auto 0;
}
@media screen and (max-width: 1304px) {
	.ActivitiesItem {
		width: 100%;
		margin: 30px auto;
	}
}

.ActivitiesItem li {
	box-sizing: border-box;
	padding: 15px;
	font-size: 100%;
	font-weight: bold;
	border-bottom: 1px solid #f2f2f2;
	display: flex;
	align-items: center;
	position: relative;
}
@media screen and (max-width: 767px) {
	.ActivitiesItem li {
		padding: 15px;
		font-size: 100%;
		border-bottom: 1px solid #fff;
	}
}
@media screen and (max-width: 579px) {
	.ActivitiesItem li {
		padding: 15px 0;
		font-size: 90%;
	}
}
@media screen and (max-width: 339px) {
	.ActivitiesItem li {
		padding: 5px 0 10px;
		font-size: 80%;
	}
}

.ActivitiesItem li a {
    box-sizing: border-box;
	color: #333;
	display: block;
	font-size: 100%;
	position: relative;
	padding: 3px 0 0 0;
	text-decoration: none;
	transition: all 0.3s ease;
	width: 85%;
}
.ActivitiesItem li::before {
	background-size: contain;
    box-sizing: border-box;
    content: "";
    display: block;
    height: 50px;
    margin-right: 10px;
    vertical-align: middle;
    width: 10%;
}
@media screen and (max-width: 399px) {
	.ActivitiesItem li a::before {
		background-size: 35px;
		height: 35px;
		margin-right: 13px;
		width: 35px;
	}
}

.ActivitiesItem li::after {
	background: url(../../../image/jp/r1/icon/icon_link_right_hd.gif) no-repeat 50% 50%;
    background-size: 25px;
    content: "";
    height: 25px;
    position: absolute;
    top: 40%;
    right: 0;
    width: 5%;
}
@media screen and (max-width: 399px) {
	.ActivitiesItem li a::after {
		background-size: 20px;
		height: 20px;
   		width: 20px;
		right: -5px;
	}
}

/* -- hover --*/
.ActivitiesItem li:hover {
	text-decoration: underline;
}
.ActivitiesItem li:hover::after{
	right: -3px;
	
}

/* Under Layer
=========================================================================================== */
/* ---------------------------
 Branding
------------------------------ */

/* -- Layer2 -- */
.MiddleBrandingArea {
	display: block;
  	position: relative;
 	overflow: hidden;
	background-color: #333;
	background-position: 100% 50%;
	background-size: cover;
	height: 300px;
	width: auto;
}
@media screen and (max-width: 579px) {
	.MiddleBrandingArea {
		background-position: 50% 50%;
	}
}
.MiddleBrandingArea::after {
	content: "";
	position: absolute;
	background-color:rgba(51,51,51,0.2);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.MiddleBrandingInner {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	height: 100%;
	align-items: center;
	width: 100%;
	z-index: 10;
}
@media screen and (max-width: 1304px) {
	.MiddleBrandingInner {
		align-items: flex-end;
	}
}

.MiddleCatchArea {
	box-sizing: border-box;
    margin: 0 auto 15px;
    padding: 0;
	width: 1275px;
}
@media screen and (max-width: 1304px) {
	.MiddleCatchArea {
		padding: 0 60px;
		width: 100%;
	}
}
@media screen and (max-width: 994px) {
	.MiddleCatchArea {
		padding: 0 30px;
	}
}
@media screen and (max-width: 579px) {
	.MiddleCatchArea {
		padding: 0 15px;
	}
}

.MiddleBrandingTitle {
	color: #fff;
	font-size: 280%;
	font-weight: bold;
	line-height: 1.2;
	text-shadow: 2px 2px 4px #333;
	margin: 30px 0 0 0;
}
@media screen and (max-width: 1536px) {
	.MiddleBrandingTitle {
		font-size: 230%;
	}
}
@media screen and (max-width: 1304px) {
	.MiddleBrandingTitle {
		margin: 0 0 105px;
	}
}
@media screen and (max-width: 769px) {
	.MiddleBrandingTitle {
		font-size: 200%;
	}
}

.MiddleBrandingSubTitle {
	color: #fff;
	font-size: 150%;
	text-shadow: 2px 2px 4px #333;
}

.MiddleBrandingText {
	color: #fff;
	font-size: 100%;
	text-shadow: 2px 2px 4px #333;
}
@media screen and (max-width: 767px) {
	.MiddleBrandingText {
		font-size: 90%;
	}
}

/* -- Layer3 -- */
.MiddleBrandingArea_small {
	display: block;
    position: relative;
    overflow: hidden;
    background-color: #333;
    background-position: 95% 50%;
    background-size: cover;
    height: 300px;
    width: auto;
}
@media screen and (max-width: 1536px) {
	.MiddleBrandingArea_small {
		height: 280px;
	}
}
@media screen and (max-width: 1204px) {
	.MiddleBrandingArea_small {
		height: 300px;
	}
}
@media screen and (max-width: 994px) {
	.MiddleBrandingArea_small {
		height: 280px;
	}
}
@media screen and (max-width: 579px) {
	.MiddleBrandingArea_small {
		height: 300px;
		background-position: 55% 50%;
	}
}

.MiddleBrandingArea_small::after {
	content: "";
	position: absolute;
	background-color:rgba(51,51,51,0.1);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.MiddleBrandingArea_small .MiddleBrandingTitle {
	margin: 10px 0 30px;
}
@media screen and (max-width: 767px) {
	.MiddleBrandingArea_small .MiddleBrandingTitle {
		margin: 10px 0 15px;
	}
}
@media screen and (max-width: 579px) {
	.MiddleBrandingArea_small .MiddleBrandingTitle {
		margin: 5px 0 30px;
		font-size: 160%;
	}
}
.MiddleBrandingArea_small .MiddleBrandingSubTitle {
	font-size: 110%;
}
@media screen and (max-width: 767px) {
	.MiddleBrandingArea_small .MiddleBrandingSubTitle {
		font-size: 100%;
	}
}

.MiddleBrandingArea_small .MiddleBrandingText {
	color: #fff;
	font-size: 100%;
	text-shadow: 2px 2px 8px #333;
}

/* -- hidden　1536px～ -- */
@media screen and (max-width: 1536px) {
    .MiddleBrandingArea_small .MiddleBrandingSubTitle,
    .MiddleBrandingArea_small .MiddleBrandingTitle,
	.MiddleBrandingArea_small .MiddleBrandingText {
		display: none;
	}
}

/* -- display　1536px～ -- */
.BrandingTextShow{
	display: none;
}
@media screen and (max-width: 1536px) {
	.BrandingTextShow {
		box-sizing: border-box;
		margin: 0 auto;
		padding: 30px 60px;
    	width: 1275px;
		display: block;
	}
	.BrandingTextShow p {
		margin: 0;
	}
}
@media screen and (max-width: 1304px) {
	.BrandingTextShow {
		margin: 0 -15px;
        width: auto;
	}
}
@media screen and (max-width: 994px) {
	.BrandingTextShow {
		padding: 30px 30px 0;
	}
}
@media screen and (max-width: 579px) {
	.BrandingTextShow {
		padding: 30px 15px 0;
	}
}

@media screen and (max-width: 1536px) {
    .EnSubTitle {
        font-size: 110%;
        line-height: 1.2;
        color: #333;
    }
}
@media screen and (max-width: 1536px) {
    .EnTitle {
        font-size: 230%;
        font-weight: bold;
        color: #333;
        line-height: 1.2;
        margin: 10px 0 30px;
    }
}
@media screen and (max-width: 579px) {
    .EnTitle {
        font-size: 160%;
    }
}

/* -- 下層ページ個別対応 -- */
.BrandingTextAll {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 30px 60px 0;
    width: 1275px;
	display: block;
}
@media screen and (max-width: 1304px) {
	.BrandingTextAll {
		margin: 0 -15px;
        width: auto;
	}
}
@media screen and (max-width: 994px) {
	.BrandingTextAll {
		padding: 30px 30px 0;
	}
}
@media screen and (max-width: 579px) {
	.BrandingTextAll {
		padding: 30px 15px 0;
	}
}

.BrandingTextAll .EnTitle {
        font-size: 230%;
        font-weight: bold;
        color: #333;
        line-height: 1.2;
        margin: 10px 0 30px;
}
@media screen and (max-width: 579px) {
    .BrandingTextAll .EnTitle {
        font-size: 160%;
    }
}

.BrandingTextAll .TextStyle1 {
        margin: 0;
}

/* -- ページタイトル画像指定 -- */
.BrandingGuidance {background-image: url("../../../image/common/branding_guidance.png");}
.BrandingHistory {background-image: url("../../../image/common/branding_history.png");}
.BrandingActivities {background-image: url("../../../image/common/branding_activities.png");}
.BrandingKurata {background-image: url("../../../image/common/branding_kurata.png");}
.BrandingSeminar {background-image: url("../../../image/common/branding_seminar.png");}
.BrandingAward {background-image: url("../../../image/common/branding_award.png");}
.BrandingFundsupport {background-image: url("../../../image/common/branding_fundsupport.png");}
.BrandingInnovator {background-image: url("../../../image/common/branding_innovator.png");}
.BrandingGirls {background-image: url("../../../image/common/branding_girls.png");}
.BrandingSymposium {background-image: url("../../../image/common/branding_symposium.png");}

@media screen and (max-width: 1920px) {
	.BrandingGuidance {background-image: url("../../../image/common/branding_guidance_1920.png");}
	.BrandingHistory {background-image: url("../../../image/common/branding_history_1920.png");}
	.BrandingActivities {background-image: url("../../../image/common/branding_activities_1920.png");}
	.BrandingKurata {background-image: url("../../../image/common/branding_kurata_1920.png");}
	.BrandingSeminar {background-image: url("../../../image/common/branding_seminar_1920.png");}
	.BrandingAward {background-image: url("../../../image/common/branding_award_1920.png");}
	.BrandingFundsupport {background-image: url("../../../image/common/branding_fundsupport_1920.png");}
	.BrandingInnovator {background-image: url("../../../image/common/branding_innovator_1920.png");}
	.BrandingGirls {background-image: url("../../../image/common/branding_girls_1920.png");}
	.BrandingSymposium {background-image: url("../../../image/common/branding_symposium_1920.png");}
}
@media screen and (max-width: 1204px) {
	.BrandingGuidance {background-image: url("../../../image/common/branding_guidance_1204.png");}
	.BrandingHistory {background-image: url("../../../image/common/branding_history_1204.png");}
	.BrandingActivities {background-image: url("../../../image/common/branding_activities_1204.png");}
	.BrandingKurata {background-image: url("../../../image/common/branding_kurata_1204.png");}
	.BrandingSeminar {background-image: url("../../../image/common/branding_seminar_1204.png");}
	.BrandingAward {background-image: url("../../../image/common/branding_award_1204.png"); background-position: 40% 50%;}
	.BrandingFundsupport {background-image: url("../../../image/common/branding_fundsupport_1204.png");}
	.BrandingInnovator {background-image: url("../../../image/common/branding_innovator_1204.png");}
	.BrandingGirls {background-image: url("../../../image/common/branding_girls_1204.png");}
	.BrandingSymposium {background-image: url("../../../image/common/branding_symposium_1204.png");}
}
@media screen and (max-width: 769px) {
	.BrandingGuidance {background-image: url("../../../image/common/branding_guidance_769.png");}
	.BrandingHistory {background-image: url("../../../image/common/branding_history_769.png");}
	.BrandingActivities {background-image: url("../../../image/common/branding_activities_769.png");}
	.BrandingKurata {background-image: url("../../../image/common/branding_kurata_769.png");}
	.BrandingSeminar {background-image: url("../../../image/common/branding_seminar_769.png");}
	.BrandingAward {background-image: url("../../../image/common/branding_award_769.png");}
	.BrandingFundsupport {background-image: url("../../../image/common/branding_fundsupport_769.png");}
	.BrandingInnovator {background-image: url("../../../image/common/branding_innovator_769.png");}
	.BrandingGirls {background-image: url("../../../image/common/branding_girls_769.png");}
	.BrandingSymposium {background-image: url("../../../image/common/branding_symposium_769.png");}
}
@media screen and (max-width: 579px) {
	.BrandingGuidance {background-image: url("../../../image/common/branding_guidance_579.png");}
	.BrandingHistory {background-image: url("../../../image/common/branding_history_579.png");}
	.BrandingActivities {background-image: url("../../../image/common/branding_activities_579.png");}
	.BrandingKurata {background-image: url("../../../image/common/branding_kurata_579.png");}
	.BrandingSeminar {background-image: url("../../../image/common/branding_seminar_579.png");}
	.BrandingAward {background-image: url("../../../image/common/branding_award_579.png"); background-position: 55% 50%;}
	.BrandingFundsupport {background-image: url("../../../image/common/branding_fundsupport_579.png");}
	.BrandingInnovator {background-image: url("../../../image/common/branding_innovator_579.png");}
	.BrandingGirls {background-image: url("../../../image/common/branding_girls_579.png");}
	.BrandingSymposium {background-image: url("../../../image/common/branding_symposium_579.png");}
}

/* ---------------------------
 PageTitle
------------------------------ */

.PageTitleArea {
	box-sizing: border-box;
    margin: 0 auto;
    padding: 30px 0 0;
    width: 1275px;
}
@media screen and (max-width: 1304px) {
	.PageTitleArea {
		padding: 30px 15px 0;
		width: 100%;
	}
}
@media screen and (max-width: 579px) {
	.PageTitleArea {
		padding: 15px 0 0;
	}
}

h1.PageTitleStyle1 {
	font-size: 210%;
	font-weight: bold;
	background: none;
	color: #333;
	margin: 0;
}
@media screen and (max-width: 579px) {
	h1.PageTitleStyle1 {
		font-size: 130%;
	}
}

.JS h1.PageTitleStyle1 {
	margin: 0;
}
h1 span.PageTitleStyleSub {
	display: block;
    font-size: 65%;
}

/* -- Indent --*/
.AdjustIndentTop {
	display: block;
}
@media screen and (max-width: 1304px) {
	.AdjustIndentTop {
		display: inline;
	}
}
/* All
=========================================================================================== */

/* ---------------------------
 Title
------------------------------ */
/* -- Top用 -- */

h2.TopTitleStyle1 {
	font-size: 360%;
	font-weight: bold;
	background: none;
	margin: 0 0 30px;
	padding: 0;
}
@media screen and (max-width: 994px) {
	h2.TopTitleStyle1 {
		font-size: 250%;
		text-align: center;
	}
}
@media screen and (max-width: 399px) {
	h2.TopTitleStyle1 {
		font-size: 210%;
		margin: 0 0 15px;
	}
}

h2.ActivitiesStyle1 {
	text-align: center;
	margin: 0 0 60px;
}
@media screen and (max-width: 994px) {
	h2.ActivitiesStyle1 {
		margin: -15px 0 30px;
	}
}
@media screen and (max-width: 767px) {
	h2.ActivitiesStyle1 {
		margin: 0 0 30px;
	}
}
@media screen and (max-width: 399px) {
	h2.ActivitiesStyle1 {
		margin: 0 0 15px;
	}
}

h3.TopTitleStyle2 {
	font-size: 170%;
	font-weight: bold;
	background: none;
	margin: 0 0 15px;
	padding: 0;
}
@media screen and (max-width: 994px) {
	h3.TopTitleStyle2 {
		font-size: 200%;
	}
}
@media screen and (max-width: 579px) {
	h3.TopTitleStyle2 {
		font-size: 160%;
	}
}

/* -- Under Layer用 -- */

h2.LowerTitleLevel1 {
	background: none;
    border-bottom: 1px solid #c1c9ca;
    color: #333;
    font-size: 190%;
    font-weight: normal;
    text-align: left;
    margin: 60px 0 30px;
    padding: 0 0 15px;
    line-height: 1.3;
	position: relative;
}
@media screen and (max-width: 579px) {
	h2.LowerTitleLevel1 {
		margin: 30px 0 15px;
		font-size: 150%;
	}
}
/* 余白無しVer　必要に応じて付与 */
h2.First {
	margin: 0 0 30px;
}
@media screen and (max-width: 399px) {
	h2.First {
		margin: 0 0 15px;
	}
}


h3.LowerTitleLevel2 {
	color: #737373;
    font-weight: normal;
    font-size: 160%;
    margin: 40px 0 15px;
}
@media screen and (max-width: 399px) {
	h3.LowerTitleLevel2 {
    	font-size: 140%;
	}
}

h4.LowerTitleLevel3 {
	color: #333;
    font-weight: bold;
    font-size: 100%;
    margin: 20px 0 15px;
}

/* -- 見出しの右端に小文字テキスト  -- */
h2 span {
	display: block;
    padding: 0;
    font-size: 110%;
    font-weight: bold;
    color: #333;
    line-height: 1.0;
    background-color: transparent;
}

h2 span.H2MidTxt {
	position: absolute;
    bottom: 3px;
    right: 10px;
    font-size: 42%;
}
@media screen and (max-width: 767px) {
	h2 span.H2MidTxt {
		font-size: 35%;
	}
}

/* -- Activities　イメージカラー -- */

h3.ActivitiesStyle2 {
	color: #3170B8;
}
h3.ActivitiesStyle3 {
	color: #e9711c;
}
h3.ActivitiesStyle4 {
	color: #2ca24c;
}

/* -- 見出し センター配置 -- */

.TitleBox {
	text-align: center;
	margin: 30px 0;
}
@media screen and (max-width: 994px) {
	.TitleBox {
		margin: 0;
	}
}
/* ---------------------------
 Text
------------------------------ */

.InfoTextStyle1 {
	color: #e92e3c;
}
.Emphasize {
	font-size: 160%;
}
@media screen and (max-width: 767px) {
	.Emphasize {
		font-size: 120%;
	}
}

/* ---------------------------
 Table
------------------------------ */

/* Table スクロール */
@media screen and (max-width: 579px) {
	.ResponsiveTableScroll table.DataTableStyle4 ,
	.ResponsiveTableScroll table.DataTableStyle3 {
		width: 650px;
		margin:0;
	}
}
@media screen and (max-width: 399px) {
	.ResponsiveTableScroll table.DataTableStyle4 ,
	.ResponsiveTableScroll table.DataTableStyle3 {
		width: 450px;
		margin:0;
	}
}
/* Table no LeftTop*/
.noborder {
  border-top: none;
  border-left: none;
}
/* TH emphasis*/
.strong {
  font-weight: bold;
  font-size: 1rem;
  padding: 16px;
}
/* JS to disable SP vertical table column class */
.JS .ResponsiveTableStyle1 .ResponsiveTableHeading:nth-child(2) {
  display: none;
}
/* SP vertical table column class */
.DataTableStyle1 td {
  vertical-align: top;
}
/* DL Table */
.table {
  width: 100%;
  border: solid 1px #ddd; 
  border-top: none;
}
.table dt {
  display: flex;
  align-items: center;
  background: #F2F2F2;
  border-top: solid 1px #ddd;
}
.table dt,
.table dd {
  padding: 4px 8px;
}
.table dt > span {
  display: inline-block;
  min-width: 64px;
}


/* ---------------------------
 ContactArea
------------------------------ */

.ContactArea {
	box-sizing: border-box;
    margin: 30px auto 0;
    padding: 60px 60px;
    border-top: 1px solid #c1c9ca;
    color: #333;
    text-align: center;
}
@media screen and (max-width: 579px) {
	.ContactArea {
		padding: 30px 0;
	}
}
@media screen and (max-width: 399px) {
	.ContactArea {
		margin: 0 auto;
	}
}

.ContactArea h2 {
    margin: 0 0 10px;
    padding: 0;
    vertical-align: bottom;
    border: none;
    text-align: center;
}
@media screen and (max-width: 399px) {
	.ContactArea h2 {
		font-size: 150%;
	}
}

.ContactArea a {
	box-sizing: border-box;
    border:1px solid #c1c9ca;
	border-radius: 2px;
    color: #333;
    display: inline-block;
    font-size: 90%;
    text-decoration: none;
    padding: 10px 25px 10px 30px;
    transition: all 0.3s ease;
}
@media screen and (max-width: 579px) {
	.ContactArea a {
		font-size: 80%;
		padding: 10px;
	}
	.ContactArea p {
		font-size: 80%;
	}
}

.ContactArea a::after {
	background: url("../../../image/en/r1/common2/icon_form.png") no-repeat 45% 15%;
	background-size: 40px;
	box-sizing: border-box;
	content: "";
	display: inline-block;
	height: 25px;
	margin-left: 5px;
	vertical-align: middle;
	width: 25px;
}

/* -- hover --*/
.ContactArea a:hover {
	background-color: #fafafa;
	color: #333;
	text-decoration: none;
}
.ContactArea a:hover::after {
	background-position: 35% 15%;
}


/* ---------------------------
 Contents
------------------------------ */

.ContentsArea {
	box-sizing: border-box;
    margin: 0 auto;
    padding: 60px 60px;
    width: 1275px;
}
@media screen and (max-width: 1304px) {
	.ContentsArea {
		margin: 0 -15px;
    	width: auto;
	}
}
@media screen and (max-width: 994px) {
	.ContentsArea {
		padding: 60px 30px;
	}
}
@media screen and (max-width: 579px) {
	.ContentsArea {
		padding: 30px 15px;
	}
}

/* -- 背景グレー  --*/
.ContentsAreaBk {
	padding: 60px;
}
@media screen and (max-width: 994px) {
	.ContentsAreaBk {
		padding: 0 30px 30px;
	}
}
@media screen and (max-width: 767px){
	.ContentsAreaBk {
		background-color: #f2f2f2;
		padding: 60px 30px 30px;
	}
}
@media screen and (max-width: 579px){
	.ContentsAreaBk {
		padding: 30px 15px 30px;
	}
}


/* ---------------------------
 Adjust
------------------------------ */

/* -- Margin Top--*/
.AdjustMt30 {
	margin-top: 30px !important;
}
.AdjustMt60 {
	margin-top: 60px !important;
}
.AdjustMt90 {
	margin-top: 90px !important;
}

/* -- Margin Bottom--*/
.AdjustMb30 {
	margin-bottom: 30px !important;
}
.AdjustMb60 {
	margin-bottom: 30px !important;
}
@media screen and (max-width: 579px) {
	.AdjustMb60 {
		margin-bottom: 0 !important;
	}
}
.AdjustMb90 {
	margin-bottom: 90px !important;
}
@media screen and (max-width: 1304px) {
	.AdjustMb90 {
		margin-bottom: 60px !important;
	}
}
@media screen and (max-width: 994px) {
	.AdjustMb90 {
		margin-bottom: 30px !important;
	}
}
.AdjustMb150 {
	margin-bottom: 150px !important;
}
@media screen and (max-width: 1304px) {
	.AdjustMb150 {
		margin-bottom: 60px !important;
	}
}
@media screen and (max-width: 994px) {
	.AdjustMb150 {
		margin-bottom: 30px !important;
	}
}

/* -- SP  -- */
@media screen and (max-width: 994px) {
	.AdjustMbSp15 {
		margin-bottom: 15px;
	}
}


/* -- Indent --*/
.AdjustIndent {
	display: block;
}
@media screen and (max-width: 994px) {

	.AdjustIndent {
		display: inline;
	}
}

.AdjustSpIndent {
	display:inline;
}
@media screen and (max-width: 579px) {
	.AdjustSpIndent {
		display: block;
	}
}

/* -- br --*/
.AdjustNone {
	display: none;
}
@media screen and (max-width: 767px){
	.AdjustNone {
		display: block;
	}
}

/* ---------------------------
 Column
------------------------------ */
/* -- Column 2 -- */
.LowerColumnSet2 {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.LowerColumn {
	box-sizing: border-box;
    border: none;
    color: #333;
    margin: 0 0 30px 0;
    overflow: hidden;
    width: 48.5%;
}
@media screen and (max-width: 579px) {
	.LowerColumn {
		width: 100%;
	}
}
/* -- Column 2 For content with large volume such as tables-- */
@media screen and (max-width: 769px) {
  .Wrap769 .LowerColumn {
    width: 100%;
  }
}
/* -- Column 2 responsiveAll2Column -- */
.LowerColumnSet2All {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.LowerColumnSet2All .LowerColumn2All {
	box-sizing: border-box;
    color: #333;
    margin: 0 0 15px 0;
    width: 48.5%;
}

/* -- Column 3 -- */
.LowerColumnSet3 {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.LowerColumnSet3 .LowerColumn {
    box-sizing: border-box;
    border: none;
    color: #333;
    margin: 0 0 30px 0;
    overflow: hidden;
    width: 31.5%;
}
@media screen and (max-width: 579px) {
	.LowerColumnSet3 .LowerColumn {
		width: 100%;
	}
}

/* -- Column Link -- */
a.LowerColumn,
.LowerColumnSet3 a.LowerColumn {
	text-decoration: none;
	color: #333;
	transition: all 0.3s ease;
}
a.LowerColumn:hover,
.LowerColumnSet3 a.LowerColumn:hover {
	color: #c02;
	text-decoration: underline;
}


/* -- Column Unit -- */
.LowerImgColumnUnit {
	display: flex;
    flex-direction: column-reverse;
}
.LowerImgColumnItem {
	min-height: 0%;
    text-align: center;
    width: 100%;
    margin: 0 0 20px;
}
.LowerImgColumnItem img {
	width: 100%;
	height: auto;
}

.LinkText {
	font-size: 100%;
}
.LinkText strong::after {
	background: url(../../../image/jp/r1/icon/icon_link_right_hd.gif) no-repeat 0% 50%;
    background-size: 20px;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    height: 20px;
    margin-left: 0;
    vertical-align: middle;
    width: 22px;
}

a.LowerColumn:hover .LinkText strong::after,
.LowerColumnSet3 a.LowerColumn:hover .LinkText strong::after {
	background-position: 100% 50%;
}

/* -- Column 4 -- */
.LowerColumnSet4 {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.LowerColumnSet4 .LowerColumn {
    box-sizing: border-box;
    border: none;
    color: #333;
    margin: 0 0 30px 0;
    overflow: hidden;
    width: 23%;
}
.LowerColumnSet4 .LowerColumn .ImgOnlyStyle {
  text-align: center;
}
@media screen and (max-width: 767px) {
	.LowerColumnSet4 .LowerColumn {
		width: 48.5%;
	}
}
@media screen and (max-width: 579px) {
	.LowerColumnSet4:not(.for_sp_2column) .LowerColumn {
		width: 100%;
	}/* -- 4 columns on PC and 2 columns on SP, add the class "for_sp_2column" -- */
}

/* -- Column 3:1 -- */
.LowerColumnSet4 .LowerColumn1 {
	box-sizing: border-box;
    border: none;
    color: #333;
    margin: 0 0 30px 0;
    overflow: hidden;
    width: 23%;
}
.LowerColumnSet4 .LowerColumn2 {
	box-sizing: border-box;
    border: none;
    color: #333;
    margin: 0 0 30px 0;
    overflow: hidden;
    width: 74.5%;
}
@media screen and (max-width: 579px) {
	.LowerColumnSet4 .LowerColumn2,
	.LowerColumnSet4 .LowerColumn1 {
		width: 100%;
	}
}
/* -- Column 2:1 -- */
.LowerColumnSet {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.LowerColumnSet .LowerColumn2 {
	box-sizing: border-box;
    border: none;
    color: #333;
    margin: 0 0 30px 0;
    overflow: hidden;
    width: 65.5%;
}
.LowerColumnSet .LowerColumn1 {
	box-sizing: border-box;
    border: none;
    color: #333;
    margin: 0 0 30px 0;
    overflow: hidden;
    width: 31.5%;
}
@media screen and (max-width: 579px) {
	.LowerColumnSet .LowerColumn2,
	.LowerColumnSet .LowerColumn1 {
		width: 100%;
	}
}

/* -- Text×ImgSet -- */
.TextImgSet {
	box-sizing: border-box;
	display: flex;
}
@media screen and (max-width: 994px) {
	.TextImgSet {
		flex-wrap: wrap;
	}
}
.TextSet {
	width: 70%;
}
@media screen and (max-width: 994px) {
	.TextSet {
		width: 100%;
	}
}
.ImgSet {
	width: 30%;
}
@media screen and (max-width: 994px) {
	.ImgSet {
		width: 100%;
	}
}
.ImgSet img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 994px) {
	.ImgSet img {
		width: auto;
	}
}
@media screen and (max-width: 579px) {
	.ImgSet img {
		width: 100%;
	}
}

.TextSet p.AdjustTxt {
	margin: 0 0 8px;
}

div.AdjustLinkBtn {
	margin: 15px 0;
}
div.AdjustLinkBtn a {
	box-sizing: border-box;
	display: inline-block;
	padding: 10px 15px;
	border: 3px solid #4d4d4d;
	border-radius: 25px;
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
	color: #4d4d4d;
	transition: all 0.3s ease;	
}
div.AdjustLinkBtn a:hover {
	background-color: #f4f4f4;
	border: 3px solid #cc0000;
}

div.AdjustLinkBtn a.Pdf {
	border: 3px solid #cc0000;	
}
div.AdjustLinkBtn a.Pdf:hover {
	background-color: #f4f4f4;
}

div.AdjustLinkBtn a.Ebook {
	border: 3px solid #004596;	
}
div.AdjustLinkBtn a.Ebook:hover {
	background-color: #f4f4f4;
}

/* ---------------------------
 Tab Navi
------------------------------ */
.TabNaviArea {
	box-sizing: border-box;
    margin: 0 auto;
    padding: 60px 60px 0;
    width: 1275px;
}
@media screen and (max-width: 1304px) {
	.TabNaviArea {
		margin: 0 -15px;
    	width: auto;
	}
}
@media screen and (max-width: 994px) {
	.TabNaviArea {
		padding: 60px 30px 0;
	}
}
@media screen and (max-width: 579px) {
	.TabNaviArea {
		padding: 30px 15px 0;
	}
}

ul.TabNaviStyle1 {
	display: flex;
    justify-content: flex-start;
}
@media screen and (max-width: 767px) {
	ul.TabNaviStyle1 {
		flex-wrap: wrap;
		justify-content: space-between;
	}
}

ul.TabNaviStyle1 li {
	box-sizing: border-box;
    border: 1px solid #c1c9ca;
    border-radius: 5px;
    color: #333;
    font-size: 80%;
    padding: 10px 3px 8px 14px;
    margin: 0 15px 15px 0;
}
ul.TabNaviStyle1 li:last-child {
	margin: 0 0 15px 0;
}
@media screen and (max-width: 767px) {
	ul.TabNaviStyle1 li {
		margin: 0 0 15px 0;
		width: 49%;
	}
}
@media screen and (max-width: 579px) {
	ul.TabNaviStyle1 li {
		font-size: 75%;
		padding: 8px;
	}
}

ul.TabNaviStyle1 li.ActivePage {
	background-color: #333;
	border: 1px solid #333;
    color: #fff;
	padding: 10px 7px 8px 14px;
}
@media screen and (max-width: 579px) {
	ul.TabNaviStyle1 li.ActivePage {
		padding: 8px;
	}
}

ul.TabNaviStyle1 li a {
	text-decoration: none;
	color: #333;
	transition: all 0.3s ease;
}

ul.TabNaviStyle1 li.ActivePage a {
	text-decoration: none;
	color: #fff;
}

ul.TabNaviStyle1 li a::after{
	background: url(../../../image/jp/r1/icon/icon_link_right_hd.gif) no-repeat 0% 50%;
    background-size: 20px;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    height: 20px;
    margin-left: 0;
    vertical-align: middle;
    width: 22px;
}

ul.TabNaviStyle1 li.ActivePage a::after{
	background: url("../../../image/common/check_icon_white.png") no-repeat 0% 50%;
    background-size: 18px;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    height: 20px;
    margin-left: 3px;
    vertical-align: text-top;
    width: 20px;
}
@media screen and (max-width: 579px) {
    ul.TabNaviStyle1 li.ActivePage a::after {
        vertical-align: middle;
    }
}

/* -- hover -- */
ul.TabNaviStyle1 li:hover{
	background-color: #fafafa;
}
ul.TabNaviStyle1 li.ActivePage:hover{
	background-color: #333;
}
ul.TabNaviStyle1 li a:hover::after {
	background-position: 100% 50%;
}

/* ---------------------------
 Box
------------------------------ */
/* -- Bk-Gray Width:100% -- */
.BoxStyle1 {
	box-sizing: border-box;
	background-color: #f2f2f2;
	border-radius: 2px;
	padding: 30px 30px 15px;
	margin: 5px 0 15px;
}

/* -- Around-Border Width:100% -- */
.BoxStyle2 {
	box-sizing: border-box;
	border: 1px solid #c1c9ca;
	border-radius: 2px;
	padding: 30px 30px 15px;
	margin: 5px 0 15px;
}

/* -- Around-Border  Width:auto -- */
.BoxStyle3 {
	margin: 5px 0 15px;
}
.BoxStyle3 P {
	box-sizing: border-box;
	display: inline-block;
	border: 1px solid #c1c9ca;
	border-radius: 2px;
	padding: 5px;
}

/* -- ボックスの上部左側につける吹き出し -- */
.TriangleTopLeft {
  position: relative;
}
.TriangleTopLeft::before {
  content: '';
  position: absolute;
  top: -16px;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  border-bottom: 16px solid #f2f2f2;
  border-top: 0;
}
@media screen and (max-width: 767px) {
  .TriangleTopLeft::before {
    border-right-width: 14px;
    border-left-width: 14px;
    border-bottom-width: 14px;
    top: -14px;
  }
}

/* --   Img Box -- */
a.ImgUnit {
	box-sizing: border-box;
    background-color: #f2f2f2;
    align-items: center;
    color: #333;
    padding: 15px 0 15px 30px;
    margin: 5px 0 15px;
    display: flex;
    justify-content: space-between;
    text-decoration: none;
}
@media screen and (max-width: 579px) {
    a.ImgUnit {
        padding: 15px 0 0 15px;
        align-items: flex-start;
    }
}

.ImgUnit .UnitInner {
    box-sizing: border-box;
    width: calc(100% - 180px);
}
@media screen and (max-width: 579px) {
    .ImgUnit .UnitInner {
        width: calc(100% - 115px);
    }
}

.UnitTextLink {
    font-weight: bold;
    font-size: 100%;
    margin: 0 0 15px 0;
}
@media screen and (max-width: 579px) {
    .UnitTextLink {
        font-size: 90%;
    }
}
.UnitTextLink::after {
    background: url(../../../image/jp/r1/icon/icon_link_right_hd.gif) no-repeat 0% 50%;
    background-size: 20px;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    height: 20px;
    margin-left: 0;
    vertical-align: middle;
    width: 22px;
}

.Indent {
    box-sizing: border-box;
    padding: 0 0 0 5px;
    display: block;
}

a.ImgUnit:hover p.UnitTextLink{
    text-decoration: underline;
    color: #b1000e;
}
a.ImgUnit:hover p.TextStyle1 {
    text-decoration: none;
    color: #333;
}
a.ImgUnit:hover .UnitTextLink::after {
	background-position: 100% 50%;
}

.ImgUnit .ImgInner {
    box-sizing: border-box;
    width: 120px;
    margin: 0 30px;
    text-align: center;
}
@media screen and (max-width: 579px) {
    .ImgUnit .ImgInner {
        width: 85px;
        margin: 0 15px 0 15px;
    }
}
.ImgUnit .ImgInner img {
    border-radius: 5px;
}

/* --   Img Box -- */
.ImgBoxSet {
	display: flex;
}
@media screen and (max-width: 579px) {
	.ImgBoxSet {
		flex-wrap: wrap;
	}
}
.ImgSetLeft {
	margin-right: 30px;
}
.ImgSetRight {
	margin-left: 30px;
}
@media screen and (max-width: 579px) {
	.ImgSetLeft,
	.ImgSetRight {
		margin: 0 0 30px 0;
		text-align: center;
		width: 100%;
	}
}



/* ---------------------------
 Icon
------------------------------ */
.ItemKurata::before {
	background: url(../../../image/common/kurata_icon.png) no-repeat 50% 50%;
}
.ItemSeminar::before {
	background: url(../../../image/common/seminar_icon.png) no-repeat 50% 50%;
}
.ItemAward::before {
	background: url(../../../image/common/award_icon.png) no-repeat 50% 50%;
}
.ItemFundsupport::before {
	background: url(../../../../image/common/fundsupport_icon.png) no-repeat 50% 50%;
}
.ItemInnovator::before {
	background: url(../../../image/common/innovator_icon.png) no-repeat 50% 50%;
}
.ItemGirls::before {
	background: url(../../../image/common/girls_icon.png) no-repeat 50% 50%;
}
.ItemSymposium::before {
	background: url(../../../image/common/symposium_icon.png) no-repeat 50% 50%;
}

/* -- required・optional icon -- */
.required::before,
.optional::before {
  width: 80px;
  font-size: 12px;
  text-align: center;
  border: 1px solid;
  border-radius: 4px;
  background: #fff;
  margin-left: 8px;
}
.required::before {
  content: 'mandatory';
  color: #e92e3c;
  order: 2;
}
.optional::before {
  content: 'optional';
  color: #3170B8;
  order: 2;
}
/* -- PDF icon -- */
.ico_pdf::after {
  content: 'pdf';
  color:transparent;
  width: 32px;
  height: 25px;
  background: url(/image/en/r1/icon/icon_pdf_hd.gif) no-repeat;
  background-size: 80%;
  order: 3;
}

/* ---------------------------
 Button
------------------------------ */
@media screen and (max-width: 994px) {
	.MoreBtnAreaRight {
		text-align: right;
	}
	.MoreBtnAreaCenter {
		text-align: center;
	}
}

.MoreBtnStyle1 {
	padding: 10px 12px 10px 22px;
    box-sizing: border-box;
    background-color: #E92E3C;
    display: inline-block;
    border-radius: 100px;
	margin-top: 15px;
}
@media screen and (max-width: 994px) {
	.MoreBtnStyle1 {
		margin-top: 0;
	}
}
@media screen and (max-width: 579px) {
	.MoreBtnStyle1 {
		padding: 6px 12px 6px 22px;
	}
}

.MoreBtnStyle1 a {
	color: #fff;
	font-size: 90%;
	text-decoration: none;
	transition: all 0.3s ease;
}

.MoreBtnStyle1 a::after {
	background: url("../../../image/jp/r1/icon/icon_link_right_white_hd.gif") no-repeat 0% 50%;
	background-size: 20px;
	box-sizing: border-box;
	content: "";
	display: inline-block;
	height: 20px;
	margin-left: 5px;
	vertical-align: middle;
	width: 22px;
}

/* -- hover -- */
.MoreBtnStyle1:hover{
	background-color: #CC0022;
}
.MoreBtnStyle1 a:hover::after {
	background-position: 100% 50%;
}

/* -- Btn Style  -- */
.BtnColorStyle1 {
	background-color: #3170b8;
	border-radius: 5px;
}
.BtnColorStyle1:hover {
	background-color: #2a69b0;
}

.BtnColorStyle2 {
	background-color: #e9711c;
	border-radius: 5px;
}
.BtnColorStyle2:hover {
	background-color: #df6916;
}

.BtnColorStyle3 {
	background-color: #2ca24c;
	border-radius: 5px;
}
.BtnColorStyle3:hover {
	background-color: #2D8F47;
}

/* ---------------------------
 Sort
------------------------------ */

.SortButton ul {
	display: flex;
    align-items: center;
    justify-content: flex-start;
	flex-wrap: wrap;
	cursor:pointer
}
@media screen and (max-width: 1304px) {
    .SortButton ul {
        justify-content: space-between;
    }
}

.SortButton ul li {
	box-sizing: border-box;
	background-color: #fafafa;
    border-radius: 50px;
    color: #333;
    display: flex;
    align-items: center;
    font-size: 90%;
    padding: 10px 25px;
	position: relative;
    margin: 0 15px 15px 0;
}
@media screen and (max-width: 1304px) {
	.SortButton ul li {
        line-height: 1.2;
        margin: 0 0 15px 0;
		width: 48%;
	}
}
@media screen and (max-width: 579px) {
	.SortButton ul li {
		padding: 10px 15px;
		width: 100%;
	}
}

.SortButton ul li.SortActive {
	background-color: #333;
    color: #fff;
}

/* -- hover -- */
.SortButton ul li:hover{
	background-color: #f2f2f2;
}
.SortButton ul li.SortActive:hover{
	background-color: #333;
}

.SortItem {
	margin: 60px 0 0 0;
}
.SortAll::before {
	background: url(../../../image/common/all_icon.png) no-repeat 0% 50%;
    background-size: 30px;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    height: 30px;
    margin-right: 5px;
    vertical-align: middle;
    width: 30px;
}
.SortActive span.SortAll::before {
	background: url(../../../image/common/all_icon_white.png) no-repeat 0% 50%;
	background-size: 30px;
}

.SortKurata::before {
	background: url(../../../image/common/kurata_icon.png) no-repeat 0% 50%;
    background-size: 30px;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    height: 30px;
    margin-right: 5px;
    vertical-align: middle;
    width: 30px;
}
.SortActive span.SortKurata::before {
	background: url(../../../image/common/kurata_icon_white.png) no-repeat 0% 50%;
	background-size: 30px;
}

.SortSeminar::before {
	background: url(../../../image/common/seminar_icon.png) no-repeat 0% 50%;
    background-size: 30px;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    height: 30px;
    margin-right: 5px;
    vertical-align: middle;
    width: 30px;
}
.SortActive span.SortSeminar::before {
	background: url(../../../image/common/seminar_icon_white.png) no-repeat 0% 50%;
	background-size: 30px;
}

.SortAward::before {
	background: url(../../../image/common/award_icon.png) no-repeat 0% 50%;
    background-size: 30px;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    height: 30px;
    margin-right: 5px;
    vertical-align: middle;
    width: 30px;
}
.SortActive span.SortAward::before {
	background: url(../../../image/common/award_icon_white.png) no-repeat 0% 50%;
	background-size: 30px;
}

.SortFundsupport::before {
	background: url(../../../image/common/fundsupport_icon.png) no-repeat 0% 50%;
    background-size: 30px;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    height: 30px;
    margin-right: 5px;
    vertical-align: middle;
    width: 30px;
}
.SortActive span.SortFundsupport::before {
	background: url(../../../image/common/fundsupport_icon_white.png) no-repeat 0% 50%;
	background-size: 30px;
}

.SortInnovator::before {
	background: url(../../../image/common/innovator_icon.png) no-repeat 0% 50%;
    background-size: 30px;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    height: 30px;
    margin-right: 5px;
    vertical-align: middle;
    width: 30px;
}
.SortActive span.SortInnovator::before {
	background: url(../../../image/common/innovator_icon_white.png) no-repeat 0% 50%;
	background-size: 30px;
}

.SortGirls::before {
	background: url(../../../image/common/girls_icon.png) no-repeat 0% 50%;
    background-size: 30px;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    height: 30px;
    margin-right: 5px;
    vertical-align: middle;
    width: 30px;
}
.SortActive span.SortGirls::before {
	background: url(../../../image/common/girls_icon_white.png) no-repeat 0% 50%;
	background-size: 30px;
}

.SortSymposium::before {
	background: url(../../../image/common/symposium_icon.png) no-repeat 0% 50%;
    background-size: 30px;
    box-sizing: border-box;
    content: "";
    display: inline-block;

    height: 30px;
    margin-right: 5px;
    vertical-align: middle;
    width: 30px;
}
.SortActive span.SortSymposium::before {
	background: url(../../../image/common/symposium_icon_white.png) no-repeat 0% 50%;
	background-size: 30px;
}

.SortNewsletter::before {
	background: url("../../../image/common/newslatter_icon.png") no-repeat 0% 50%;
    background-size: 30px;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    height: 30px;
    margin-right: 5px;
    vertical-align: middle;
    width: 30px;
}
.SortActive span.SortNewsletter::before {
	background: url(../../../image/common/newslatter_icon_white.png) no-repeat 0% 50%;
	background-size: 30px;
}

.SortOthers::before {
	background: url(../../../image/common/info_icon.png) no-repeat 0% 50%;
    background-size: 28px;
    box-sizing: border-box;
    content: "";
    display: inline-block;
    height: 28px;
    margin-right: 5px;
    vertical-align: middle;
    width: 28px;
}
.SortActive span.SortOthers::before {
	background: url(../../../image/common/info_icon_white.png) no-repeat 0% 50%;
	background-size: 28px;
}


/* ---------------------------
Movie Button
------------------------------ */
/*---aline center box---*/
.btn_wrapper {
  display: flex;
  justify-content: center;
}
/*---button type１：blue back、contents white---*/
.btn_dft_color a:link,
.btn_dft_color a:visited,
.btn_dft_color a:hover,
dd .btn_dft_color a:link,
dd .btn_dft_color a:visited,
dd .btn_dft_color a:hover {
  color: #fff;
  background: #3170b8;
  border: none;
}
.btn_dft_color.for_movie a::after {
  background: url(../../../image/jp/r1/icon/icon_movie_white_hd.png) no-repeat 0% 50%;
  background-size: 20px;
  box-sizing: border-box;
  content: "";
  display: inline-block;
  height: 20px;
  margin-left: 5px;
  vertical-align: middle;
  width: 22px;
}
/*---button type２：red line、white back、contents red---*/
.for_movie a {
  background: #fff;
  border: 1px solid #cc0022;
  display:block;
  padding: 0 12px 0 22px;
  border-radius: 5px;
  font-size: 90%;
  margin-top: 15px;
  height: 45px;
  line-height: 45px;
}
.for_movie a::after {
  background: url(../../../image/jp/r1/icon/icon_movie_hd.gif) no-repeat 0% 50%;
  background-size: 20px;
  box-sizing: border-box;
  content: "";
  display: inline-block;
  height: 20px;
  margin-left: 5px;
  vertical-align: middle;
  width: 22px;
}
/*---Hover（type１、２、both）---*/
.for_movie:hover a::after
 {
  background-position: 100% 50%;
}
@media screen and (max-width: 579px) {
  .for_movie a {
    height: 35px;
    line-height: 35px;
  }
}


/* ---------------------------
 pagetop_btn
------------------------------ */

.PageTopSet {
	position: relative;
}

a.PageTop {
	display: block;
	width: 45px;
	height: 45px;
	background-color: #e92e3c;
	border-radius: 50%;
	text-decoration: none;
	z-index: 1000;
}

a.IsFixed {
    position: fixed;
    top: 87%;
    right: 75px;
    z-index: 999;
}

a.PageTop span {
	color: transparent;
	width: 0;
	height: 0;
}

a.PageTop span:after {
	position: absolute;
	top: 7px;
	bottom: 0;
	margin: auto;
	content: "";
	left: 16px;
	width: 12px;
	height: 12px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
}

#PageTopBottom {
	display: none !important
}
@media screen and (max-width: 1304px) {
	a.IsFixed {
		right: 1%;
	}
	a.PageTop {
		width: 40px;
		height: 40px;
	}
	a.PageTop span:after {
		left: 14px;
		width: 10px;
		height: 10px;
	}
}


/* Award */

/* -- Column 2 -- */

.AWColumnSet .LowerColumn {
	box-sizing: border-box;
    border: none;
    color: #333;
    margin: 0;
    overflow: hidden;
    width: 50%;
}
@media screen and (max-width: 767px) {
	.AWColumnSet .LowerColumn {
		width: 100%;
	}
}
@media screen and (max-width: 1304px){
	.AWColumnSet .LowerColumn table.DataTableStyle5 {
		margin-bottom: 0;
	}
}
@media screen and (max-width: 994px) {
	td.AWA2line {
		height: 45px;
	}
}
@media screen and (max-width: 579px) {
	td.AWA2line {
		height: auto;
	}
}

/* Flow Step */
.StepFlow dl {
	display: flex;
	flex-wrap: wrap;
    font-size: 90%;
	width: 100%;
  }

  .StepFlow dt {
	font-weight: bold;
    width: 65px;
  }
  
 .StepFlow dd {
	margin: 0 0 2em;
	width: calc(100% - 65px);
  }
@media screen and (max-width: 579px) {
    .StepFlow dd {
        width: 100%;
    }
}


/*-----------------------------------
Flow Step with Icon
-----------------------------------*/
.sf_icon_block {
  display: flex;
  flex-wrap: wrap;
  background: #F2F2F2;
  padding: 40px;
}
@media screen and (max-width: 768px) {
  .sf_icon_block {
    padding: 16px;
  }
}
.sf_icon_block > dl {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  min-height: 142px;
  background: #fff;
  box-shadow: 0px 0px 30px #00000014;
  margin-bottom: 32px;
  padding: 0 24px;
}
@media screen and (max-width: 768px) {
  .sf_icon_block > dl {
    justify-content: center;
    margin-bottom: 24px;
    padding: 24px;
  }
}
.sf_icon_block > dl.long {
  align-items: start;
  padding: 56px 24px;
}
@media screen and (max-width: 1200px) {
  .sf_icon_block > dl.long {
    padding: 24px;
  }
}
.sf_icon_block > dl:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 96px;
  border-style: solid;
  border-width: 20px 17.5px 20px 17.5px;
  border-color: #fff transparent transparent;
  translate: -50% 100%;
}
@media screen and (max-width: 768px) {
  .sf_icon_block > dl:not(:last-child)::after {
    left: 50%;
  }
}
.sf_icon_block > dl:last-child {
  margin-bottom: 0;
}
.sf_icon_block dt {
  font-weight: bold;
}
.sf_icon_block > dl > dt {
  text-align: center;
  min-width: 140px;
  font-size: 1.125rem;
  margin-right: 24px;
}
@media (min-width: 769px) and (max-width: 1200px) {
  .sf_icon_block > dl > dt {
    text-align: left;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .sf_icon_block > dl > dt {
    width: 100%;
    margin-right: 0;
    order: 1;
    margin-bottom: 16px;
  }
}
.sf_icon_block > dl > dd {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 690px;
  min-height: 49px;
  font-size: 0.875rem;
}
@media (min-width: 769px) and (max-width: 1200px){
  .sf_icon_block > dl > dd {
    max-width: 80%;
  }
}
@media screen and (max-width: 768px) {
  .sf_icon_block > dl > dd {
  order: 3;
  }
}
.sf_icon_block > dl::before {
  content: "";
  display: block;
  position: absolute;
  width: 104px;
  height: 104px;
  background: url(/image/common/ico_step1.svg) no-repeat center #F2F2F2;
  background-size: 62%;
  right: 32px;
  border-radius: 104px;
}
@media (min-width: 769px) and (max-width: 1200px) {
  .sf_icon_block > dl::before {
    right: 24px;
  }
}
@media screen and (max-width: 768px) {
  .sf_icon_block > dl::before {
    position: unset;
    order: 2;
    margin-bottom: 16px;
  }
}
.sf_icon_block > dl:nth-of-type(2)::before {
  background: url(/image/common/ico_step2.svg) no-repeat center #F2F2F2;
  background-size: 50%;
}
.sf_icon_block > dl:nth-of-type(3)::before {
  background: url(/image/common/ico_step3.svg) no-repeat center #F2F2F2;
  background-size: 58%;
}
.sf_icon_block > dl:nth-of-type(4)::before {
  background: url(/image/common/ico_step4.svg) no-repeat center #F2F2F2;
  background-size: 62%;
}
.sf_icon_block > dl:nth-of-type(5)::before {
  background: url(/image/common/ico_step5.svg) no-repeat center #F2F2F2;
  background-size: 62%;
}
.sf_icon_block > dl.long::before {
  top: 24px;
}
.sf_icon_block p:not(:last-child) {
  margin-bottom: 24px;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑Flow Step with Icon*/


/* ---------------------------
 ReportStyle
------------------------------ */

/* -- Page Title -- */
.ReportStyle h1 {
    font-size: 160%;
    padding: 0 0 60px;
}
@media screen and (max-width: 579px) {
    .ReportStyle h1 {
        font-size: 130%;
        padding: 0 0 40px;
    }
}

/* -- Category -- */
.CategoryTab {
    box-sizing: border-box;
    display: inline-block;
    padding: 5px 20px 3px;
    background-color: #333;
    color: #fff;
    border-radius: 6px;
    margin: 0 0 15px 0;
}
@media screen and (max-width: 579px) {
    .CategoryTab {
        padding: 5px 15px 3px;
        font-size: 80%;
    }
}
/* -- Title -- */

.ReportTitle1 {
    color: #737373;
    font-weight: normal;
    font-size: 160%;
    margin: 20px 0 15px;
}

/* -- Profile Box -- */

.ReportProfile {
    box-sizing: border-box;
    align-items: center;
    padding: 15px 30px;
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width: 579px) {
    .ReportProfile {
        padding: 15px;
    }
}
@media screen and (max-width: 399px) {
    .ReportProfile {
        padding: 5px 0 15px;
    }
}
.ProfileItemImg {
    box-sizing: border-box;
    width: 85px;
    margin: 0 30px 0 0;
    text-align: center;
}
@media screen and (max-width: 579px) {
    .ProfileItemImg {
        margin: 0 15px 0 0;
    }
}
.ProfileItemImg img {
    border-radius: 5px;
}

.ProfileItemText {
    box-sizing: border-box;
    width: calc(100% - 115px);
}
@media screen and (max-width: 579px) {
    .ProfileItemText {
        width: calc(100% - 100px);
    }
}

.ProfileName {
    font-size: 140%;
    margin: 0 0 5px 0;
}
@media screen and (max-width: 994px) {
    .ProfileName {
        font-size: 120%;
    }
}

.BriefHistory {
    box-sizing: border-box;
    font-size: 90%;
    padding: 0 30px 0;
}
@media screen and (max-width: 579px) {
    .BriefHistory {
        padding: 0 15px 0;
    }
}
@media screen and (max-width: 399px) {
    .BriefHistory {
        padding: 0;
    }
}


/* -- Text 16px -- */
.ReportStyle p.TextStyle1,
.ReportStyle ol.ListStyle1,
.ReportStyle ul.ListStyle1,
.ReportStyle ul.LinkListStyle1 {
    font-size: 100%;
}
@media screen and (max-width: 579px) {
    .ReportStyle p.TextStyle1,
.ReportStyle ol.ListStyle1,
.ReportStyle ul.ListStyle1,
    .ReportStyle ul.LinkListStyle1 {
        font-size: 90%;
    }
}

.ReportStyle p.ImgOnlyStyle {
    font-size: 80%;
}

/* -- Img -- */
.ImgFlexSet2 {
    display: flex;
    justify-content: space-between;
}
.ImgFlexSet2 img {
    width: 48.5%;
}

/* ------------------------------
For Common Text decoration
------------------------------ */
.indent3 li {
  padding-left: 3em;
  text-indent: -3em;
}
.StepFlow li {
  margin-top: 16px;
}
.letter_red {
  color: #e60027;
}
.letter_blue {
  color: #0000ff;
}

/* ------------------------------
Pick Up Box
------------------------------ */
[class^="pickup_box_"] {
  padding: 24px;
  margin: auto;
  margin-top: 36px;
  border: 1px solid;
}
.pickup_box_blue {
  border-color: #3170b8;
}
[class^="pickup_box_"] h3:nth-of-type(1) {
  margin-top: 16px;
}