@charset "UTF-8";
/*index*/
h1.header_tit{
	font-weight: normal;
	}

.half{
	width: 50%;
	}


/*index_01*/
#index_01{
	padding: 100px 0;
	opacity: 0;
	animation: first_fade 2s ease 0.5s 1 normal;
	animation-fill-mode: forwards;
	}
@keyframes first_fade{
  0% {
	opacity: 0;
	transform: translate(0px, 50px);
	}
  100% {
	opacity: 1;
	transform: translate(0px, 0px);
	}
}

#index_01 a span.link_txt{
	position: relative;
	font-size: 1.5em;
	font-weight: bold;
	color: var(--lawcolor);
	}

#index_01 a span.link_txt::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 0%;
	height: 2px;
	background: var(--lawcolor);
	z-index: 2;
	transition: all 0.4s;
	}

#index_01 a:hover span.link_txt::after{
	width: 100%;
	}

#index_01 a.index_01_ar03,#index_01 a.index_01_ar04{
	display: flex;
	align-items: center;
	width: calc(100%  - 200px);
	margin: 0 auto 50px;
	background: #ffffff;
	text-decoration: none;
	}

#index_01 a.index_01_ar04{
	flex-direction: row-reverse;
	}

#index_01 a.index_01_ar03 p.half,#index_01 a.index_01_ar04 p.half{
	padding: 0 30px;
	}

#index_01 a.index_01_ar03 img,#index_01 a.index_01_ar04 img{
	display: block;
	width: 100%;
	height: auto;
	}


#index_01 a.index_01_ar01{
	display: flex;
	align-items: center;
	width: 770px;
	height: 200px;
	padding: 0 0 0 230px;
	margin: 0 auto;
	background: url('../images/img_index_ar01.png') left top no-repeat;
	background-size: 200px 200px;
	text-decoration: none;
	}

#index_01 a.index_01_ar01 p{
	line-height: 1.8;
	}

/*index_02*/
#index_02{
	background: rgba(215,237,251,0.5);
	padding: 100px 0;
	}

#index_02 a span.link_txt{
	position: relative;
	font-size: 1.5em;
	font-weight: bold;
	color: var(--lawcolor);
	}

#index_02 a span.link_txt::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 0%;
	height: 2px;
	background: var(--lawcolor);
	z-index: 2;
	transition: all 0.4s;
	}

#index_02 a:hover span.link_txt::after{
	width: 100%;
	}

#index_02 a.index_02_ar02{
	display: block;
	width: 100%;
	height: 240px;
	padding: 40px;
	margin: 50px auto 0;
	background: #ffffff;
	text-decoration: none;
	text-align: center;
	}

#index_02 a.index_02_ar02 span.link_txt{
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 304px;
	height: 120px;
	margin: 0 auto 25px;
	background: url('../images/logo_challenge2025.png') no-repeat;
	background-size: cover;
	}

#index_02 a.index_02_ar02 span.link_txt::after{
	bottom: -10px;
	}

#index_02 a.index_02_process{
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	width: 100%;
	padding: 0;
	margin: 50px auto 0;
	text-decoration: none;
	background: #ffffff;
	}

#index_02 a.index_02_process p.half{
	margin-top: -50px;
	padding: 0 30px;
	}

#index_02 a.index_02_process img{
	display: block;
	width: 100%;
	height: auto;
	}

#index_02 a.index_02_process span.link_txt::before{
	content: 'PDF';
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 36px;
	position: absolute;
	bottom: -60px;
	left: 0;
	font-size: 0.666em;
	font-weight: normal;
	color: #ffffff;
	background: var(--lawcolor) url('../images/icon_pdf.svg') right 10px center no-repeat;
	background-size: 12px 16px;
	}

#index_02 .strategy_01,#index_02 .strategy_02,#index_02 .strategy_03{
	width: calc((100% - 40px) / 3);
	}
#index_02 .strategy_01{
	background: #fde5be;
	}
#index_02 .strategy_02{
	background: #d1e4e8;
	}
#index_02 .strategy_03{
	background: #fbdfe2;
	}

#index_02 .strategy_wrap a{
	display: block;
	width: 100%;
	height: 385px;
	padding: 20px 30px 185px;
	position: relative;
	}

#index_02 .strategy_wrap a::after{
	content: 'PDF';
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 36px;
	position: absolute;
	bottom: 185px;
	left: 30px;
	font-size: 1.142em;
	color: #ffffff;
	background: var(--lawcolor) url('../images/icon_pdf.svg') right 10px center no-repeat;
	background-size: 12px 16px;
	}

#index_02 .strategy_wrap a span.link_txt{
	font-size: 1.875em;
	}

#index_02 .strategy_wrap a span.link_txt span.small{
	font-size: 0.6em;
	}

#index_02 .strategy_wrap .strategy_01 a{
	background: url('../images/mark_index_strategy_01.png') right 30px bottom 130px no-repeat,url('../images/img_index_strategy_01.jpg') left bottom no-repeat,#ffffff;	
	background-size: 100px 100px,100% auto;
	}
#index_02 .strategy_wrap .strategy_02 a{
	background: url('../images/mark_index_strategy_02.png') right 30px bottom 130px no-repeat,url('../images/img_index_strategy_02.jpg') left bottom no-repeat,#ffffff;	
	background-size: 100px 100px,100% auto;
	}
#index_02 .strategy_wrap .strategy_03 a{
	background: url('../images/mark_index_strategy_03.png') right 30px bottom 130px no-repeat,url('../images/img_index_strategy_03.jpg') left bottom no-repeat,#ffffff;	
	background-size: 100px 100px,100% auto;
	}

#index_02 .strategy_wrap .strategy_list_wrap{
	padding: 30px;
	}

#index_02 .strategy_wrap .strategy_list_wrap ul{
	margin-left: 1em;
	}

#index_02 .strategy_wrap .strategy_list_wrap ul li{
	font-size: 1.125em;
	margin-bottom: 0.5em;
	}

#index_02 .strategy_wrap .strategy_list_wrap ul li:last-child{
	margin-bottom: 0;
	}

#index_02 a.index_02_executiveofficervoices,#index_02 a.index_02_corporategovernance{
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0;
	margin: 50px auto 0;
	text-decoration: none;
	background: #ffffff;
	}

#index_02 a.index_02_executiveofficervoices{
	flex-direction: row-reverse;
	}

#index_02 a.index_02_executiveofficervoices p.half,#index_02 a.index_02_corporategovernance p.half{
	margin-top: -50px;
	padding: 0 30px;
	}

#index_02 a.index_02_executiveofficervoices img,#index_02 a.index_02_corporategovernance img{
	display: block;
	width: 100%;
	height: auto;
	}


#index_02 a.index_02_executiveofficervoices span.link_txt::before,#index_02 a.index_02_corporategovernance span.link_txt::before{
	content: 'PDF';
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 36px;
	position: absolute;
	bottom: -60px;
	left: 0;
	font-size: 0.666em;
	font-weight: normal;
	color: #ffffff;
	background: var(--lawcolor) url('../images/icon_pdf.svg') right 10px center no-repeat;
	background-size: 12px 16px;
	}

/*pdf_downroad*/
#pdf_downroad{
	background: linear-gradient(rgba(215,237,251,0.5) 95px, rgba(255,255,255,1) 95px);
	padding-bottom: 100px;
	}


/* Media Queries
==========================================================================*/
@media screen and (max-width:1199px) {

}


@media screen and (max-width:767px) {

/*index_01*/
#index_01{
	padding: 50px 0;
	}

#index_01 a:hover span.link_txt::after{
	width: 0%;
	}


#index_01 a.index_01_ar03,#index_01 a.index_01_ar04{
	display: block;
	width: calc(100% - 50px);
	margin: 0 auto 25px;
	}

#index_01 a.index_01_ar03 .half,#index_01 a.index_01_ar04 .half{
	width: 100%;
	}

#index_01 a.index_01_ar03 p.half,#index_01 a.index_01_ar04 p.half{
	padding: 10px 15px;
	}

#index_01 a.index_01_ar01{
	display: block;
	width: 100%;
	height: auto;
	padding: 170px 25px 0;
	margin: 0 auto;
	background-position: center top;
	background-size: 150px 150px;
	}

/*index_02*/
#index_02{
	padding: 50px 0;
	}

#index_02 h2.txt_30{
	font-size: 1.5em;
	}

#index_02 a.index_02_ar02{
	height: auto;
	padding: 15px;
	margin: 25px auto 0;
	}

#index_02 a.index_02_ar02 span.link_txt{
	width: 152px;
	height: 60px;
	margin: 0 auto 10px;
	}


#index_02 a:hover span.link_txt::after{
	width: 0%;
	}


#index_02 a.index_02_process{
	display: block;
	width: 100%;
	margin: 25px auto 0;
	}

#index_02 a.index_02_process .half{
	width: 100%;
	}

#index_02 a.index_02_process p.half{
	margin-top: 0;
	padding: 10px 0 50px 15px;
	}

#index_02 a.index_02_process span.link_txt::before{
	bottom: -45px;
	}

#index_02 .strategy_01,#index_02 .strategy_02,#index_02 .strategy_03{
	width: 100%;
	}
#index_02 .strategy_01,#index_02 .strategy_02{
	margin-bottom: 25px;
	}

#index_02 .strategy_wrap a{
	height: calc(132px + (48vw - 25px));
	padding: 0 15px 155px;
	line-height: 1.3;
	}

#index_02 .strategy_wrap .strategy_03 a{
	height: calc(170px + (48vw - 25px));
	padding: 0 15px 155px;
	line-height: 1.3;
	}

#index_02 .strategy_wrap a::after{
	bottom: auto;
	top: 85px;
	left: 15px;
	}

#index_02 .strategy_wrap .strategy_03 a::after{
	bottom: auto;
	top: 125px;
	}


#index_02 .strategy_wrap .strategy_01 a,#index_02 .strategy_wrap .strategy_02 a{
	background-position: right 15px top 77px,left bottom;	
	}
#index_02 .strategy_wrap .strategy_03 a{
	background-position: right 15px top 112px,left bottom;	
	}
#index_02 .strategy_wrap .strategy_list_wrap{
	padding: 15px;
	}

#index_02 a.index_02_executiveofficervoices,#index_02 a.index_02_corporategovernance{
	display: block;
	width: 100%;
	margin: 25px auto 0;
	}

#index_02 a.index_02_executiveofficervoices .half,#index_02 a.index_02_corporategovernance .half{
	width: 100%;
	}

#index_02 a.index_02_executiveofficervoices p.half,#index_02 a.index_02_corporategovernance p.half{
	margin-top: 0;
	padding: 10px 0 50px 15px;
	}

#index_02 a.index_02_executiveofficervoices span.link_txt::before,#index_02 a.index_02_corporategovernance span.link_txt::before{
	bottom: -45px;
	}


#pdf_downroad{
	background: linear-gradient(rgba(215,237,251,0.5) 55px, rgba(255,255,255,1) 55px);
	padding-bottom: 50px;
	}
}