/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/


.gbr{
	display : none ;
}

.fv_section{
	width :100% ;
	height : auto ;
	background-color: #0A2054 ;
}

.fv_stage_dummy{
	width : 100% ;
	height : auto ;
	z-index: 1 ;
}

.fv_mainlogo{
	position: absolute;
	top : 50% ;
	left : 50% ;
	transform: translate(-50%,-50%);
	width : 80% ;
	max-width : 800px ;
	opacity : 0;

	z-index : 9 ;
	margin-top : 40px ;
}

.fv_scroll{
	position: absolute;
	bottom : 30px ;
	left : 50% ;
	transform: translate(-50%,0%);
	width : 50px ;
	z-index: 9;
}

.fv_logobox{
	position: absolute ;
	top : 0px ;
	left : 0px ;
	width : 11.71875% ;
	background-color: #0A2054 ;
	z-index : 8 ;
}
.fv_logobox_logo{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width :100% ;
}

.fv_item_image_pre{
	position: absolute ;
	top : 0px ;
	left : 0px ;
	width : 1px ;
	z-index : 1 ;
}


.fv_itembox{
	position: absolute ;
	z-index : 4 ; 
	opacity: 0.7 ;
}

.fv_item_dummy{
	width :100% ;
	z-index : 1 ;
}

.fv_item_image{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
	display : none;
	z-index : 4 ;
}

.fv_a{		top : 0% ;				left : 11.71875% ;		width : 16.40625% ;		}
.fv_b{		top : 20.83333% ;		left : 0% ;				width : 11.71875% ;		}
.fv_c{		top : 31.94444% ;		left : 11.71875% ;		width : 16.40625% ;		}
.fv_d{		top : 0% ;				left : 28.125% ;		width : 16.40625% ;		}
.fv_e{		top : 20.83333% ;		left : 28.125% ;		width : 16.40625% ;		}
.fv_f{		top : 0% ;				left : 44.53125% ;		width : 11.197917% ;		}
.fv_g{		top : 0% ;				left : 55.729167% ;		width : 27.604167% ;		}
.fv_h{		top : 29.62963% ;		left : 44.53125% ;		width : 16.40625% ;		}
.fv_i{		top : 29.62963% ;		left : 60.9375% ;		width : 11.197917% ;		}
.fv_j{		top : 29.62963% ;		left : 72.135417% ;		width : 11.197917% ;		}
.fv_k{		top : 0% ;				left : 83.333333% ;		width : 16.6666667% ;		}
.fv_l{		top : 20.83333% ;		left : 83.333333% ;		width : 16.6666667% ;		}
.fv_m{		top : 49.537037% ;		left : 0% ;				width : 15.885417% ;		}
.fv_n{		top : 49.537037% ;		left : 15.885417% ;		width : 12.2399583% ;		}
.fv_o{		top : 70.37037% ;		left : 0% ;				width : 28.125% ;		}
.fv_p{		top : 49.537037% ;		left : 28.125% ;		width : 11.197917% ;		}
.fv_q{		top : 70.37037% ;		left : 28.125% ;		width : 11.197917% ;		}
.fv_r{		top : 49.537037% ;		left : 39.322917% ;		width : 16.40625% ;		}
.fv_s{		top : 78.703704% ;		left : 39.322917% ;		width : 16.40625% ;		}
.fv_t{		top : 49.537037% ;		left : 55.729167% ;		width : 11.458333% ;		}
.fv_u{		top : 49.537037% ;		left : 67.1875% ;		width : 16.145833% ;		}
.fv_v{		top : 70.37037% ;		left : 55.729167% ;		width : 16.145833% ;		}
.fv_w{		top : 70.37037% ;		left : 71.875% ;		width : 11.458333% ;		}
.fv_x{		top : 49.537037% ;		left : 83.333333% ;		width : 16.666667% ;		}
.fv_y{		top : 70.37037% ;		left : 83.333333% ;		width : 16.666667% ;		}

.gnavi_superbox{
	width : 100% ;
	margin : -20px auto 0px ;
	z-index : 44 ;
	background-color: #0A2054 ;
}

.gnavi_inner{
	width : 100% ;
	max-width : 2000px ;
	margin : 0px auto ;
}

.gnavi_2021{
	position: absolute ;
	top : 50% ;
	left : 0px ;
	width : 11.71875% ;
	transform: translate(0%,-50%);
	z-index : 1 ;
}

.gnavi_logowrap{
	float : left ;
	width : 702px ;
	margin-left : 80px ;
}

.gnavi_catch{
	float : left ;
	width : 250px ;
	margin : 55px 0px 0px 0px ;
}

.gnavi_logo{
	float : left ;
	width : 360px ;
	margin : 55px 0px 0px 20px ;
}

.gnavi_item{
	float :right ;
	width : auto ;
	height : 150px ;
	line-height : 24px ;
	color : #FFFFFF ;
	font-size : 18px ;
	text-align : center ;
	padding : 60px 20px 0px ;
}

.gnavi_item_tnx{
	float :right ;
	width : auto ;
	height : 150px ;
	text-align : center ;
	line-height : 24px ;
	color : #FFFFFF ;
	background-color: #E36F1A ;
	font-size : 18px ;
	padding : 60px 20px 0px;
}




.cent_section{
	width : 100% ;
	height : auto ;
	padding : 180px 40px ;
	background-image : url("../images/cent_back.jpg") ;
	background-size : cover ;
	background-position: center center ;
	background-attachment: fixed ;
}

.cent_back{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
	z-index: 1 ;
}

.cent_title{
	width : 100% ;
	max-width : 600px ;
	margin : 0px auto ;
	z-index: 4 ;
}

.cent_section p{
	font-size : 28px ;
	text-align: center ;
	line-height : 56px ;
	margin-top : 80px ;
	z-index: 4 ;
}



.history_section{
	width : 100% ;
	padding : 180px 40px 520px ;
	background-image : url("../images/history_back.jpg") ;
	background-size : cover ;
	background-position: center center ;
	background-attachment: fixed ;
}

.history_title{
	width : 100% ;
	max-width : 600px ;
	margin : 0px auto ;
	z-index: 4 ;
}

.history_back_ol{
	position: absolute ;
	top : 0% ;
	left : 0%;
	width : 50% ;
	height : 100% ;
	background-color: #333333 ;
	opacity : 0.12 ;
	z-index : 1 ;
}

.history_catch{
	padding : 0px 40px ;
	text-align : center ;
	font-size : 28px ;
	margin-top : 80px ;
}


.history_superbox{
	width : 100% ;
	max-width  : 1280px ;
	padding : 0px 40px ;
	margin : 100px auto 0px;
	z-index : 4 ;
}

.history_timeline{
	position: absolute ;
	top : 12px ;
	left : 540px ;
	width : 8px ;
	height : 100% ;
	background-color: #0A2054 ;
	z-index : 4 ;
}
.history_arrow{
	position: absolute ;
	bottom : -170px ;
	left : 520px ;
	width : 50px ;
	z-index: 4 ;
}
.history_more{
	position: absolute ;
	bottom : -240px ;
	left : 50% ;
	transform: translate(-50%,0%);
	width : 112px ;
	z-index: 4 ;
	cursor: pointer;
}

.history_event{
	width : 504px ;
	min-height : 70px ;
}

.history_big{
	position: absolute ;
	top : 0px ;
	left : 492px ;
	width : 680px ;
	padding-left : 132px ;
}

.history_big_circle{
	position: absolute ;
	top : 8px ;
	left : 0px ;
	width : 25px ;
	height : 25px ;
	border-radius: 50% ;
	background-color : #0A2054;
	z-index : 4 ;
}
.history_big_line{
	position: absolute ;
	top : 20px ;
	left : 10px ;
	width : 110px ;
	height : 1px ;
	background-color : #0A2054;
	z-index : 4 ;
}

.history_big_year{
	margin-top : -6px ;
	height : 60px ;
	line-height : 60px ;
	font-size : 42px ;
	font-weight : 700 ;
	color : #0A2054;
}
.history_big_year.exbig{
	font-size : 51px ;
}

.history_big_year span{
	font-size : 22px ;
	vertical-align: 8px ;
}

.history_big_title{
	font-size : 18px ;
	margin-top: 0px ;
}
.history_big_image{
	width : 338px ;
	margin-top : 16px 
}

.history_mid{
	width : 430px ;
}
.history_mid_line{
	position: absolute ;
	top : 22px ;
	left : 100% ;
	width : 72px ;
	height : 1px ;
	border-bottom : 1px dashed #0A2054;
}

.history_mid_year{
	float : right ;
	width : 168px ;
	font-size : 28px ;
	font-weight : 700 ;
}
.history_mid_year span{
	color : #333333 ;
	font-size : 14px ;
	font-weight : 700px ;
	vertical-align: 4px ;
}
.history_mid_story{
	float : left ;
	width : 240px ;
	font-size : 16px ;
	text-align : right ;
	margin-top : 10px ;
}

.history_next100_logo{
	float : left ;
	width : 200px ;
}

.history_next100_story{
	float : left ;
	width : calc( 100% - 240px ) ;
	font-size : 18px ;
	padding-top : 40px ;
}

.history_next100_title{
	display: none ;
	position: absolute ;
	bottom : 160px ;
	left : 50% ;
	transform : translate(-50%,0%);
	width : 600px ;
}



.block02,
.block03,
.block04,
.block05{
	display: none ;
}









.president_section{
	width : 100% ;
	padding : 180px 0px 120px ;
	background-image : url("../images/president_back.jpg") ;
	background-size : cover ;
	background-position: center center ;
	background-attachment: fixed ;
}
.president_section__signature {
	max-width: 200px;
	display: inline-block;
}
.president_section p.noMargin {
    margin: 0 30px 0 0;
    display: inline-block;
    vertical-align: top;
}
.inner1200{
	width : 100% ;
	max-width: 1280px ;
	padding : 0px 40px ;
	margin : 0px auto ;
}
.inner1920{
	width : 100% ;
	max-width: 1920px ;
	padding : 0px 40px ;
	margin : 0px auto ;
}

.president_title{
	width : 250px ;
	margin-bottom : 70px ;
	z-index: 4 ;
}


.president_section p{
	font-size : 20px ;
	line-height : 48px ;
	margin-bottom : 32px ;
	z-index : 4 ;
}

.president_face{
	position: absolute;
	top : 130px ;
	right : -180px ;
	width : 460px ;
	z-index: 3 ;
}


.aniv_section{
	width : 100% ;
	padding : 180px 0px 180px ;
	background-image : url("../images/aniv_back.jpg") ;
	background-size : cover ;
	background-position: center center ;
	background-attachment: fixed ;
}


.aniv_superbox{
	width : 100% ;
	max-width : 1420px ;
	padding : 100px 110px;
	margin : 0px auto ;
	background: linear-gradient(to right,rgba(255,255,255,0.38),#FFFFFF 45%,#FFFFFF 55%,rgba(255,255,255,0.38));
	z-index : 4 ;
}

.aniv_title{
	width : 100% ;
	max-width: 600px ;
	margin : 0px auto 60px ;
}

.aniv_logo{
	float : left ;
	width : 460px ;
}


.aniv_storybox{
	float : right;
	width : calc( 100% - 540px ) ;
	font-size :20px ;
	line-height: 48px ;
}



.brand_section{
	width : 100% ;
	padding : 180px 0px 360px ;
}



.brand_titlebox{
	width : 100% ;
	max-width : 1920px ;
	margin : 0px auto ;
}

.brand_titleback{
	position: absolute ;
	top : 0% ;
	left : 50% ;
	width : 1920px ;
	height : auto ;
	transform: translate(-50%,0%);
	z-index : 1 ;
}

.brand_title{
	width : 100% ;
	max-width : 600px ;
	margin : 0px auto ;
	z-index : 4 ;
}

.brand_catch{
	text-align: center ;
	font-size : 20px ;
	line-height: 48px ;
	margin-top : 100px ;
	z-index : 4 ;
}


.brand_energy_superbox{
	width : 100% ;
	max-width : 1200px ;
	margin : 100px auto 0px ;
	padding-left : 400px ;
	padding-right : 40px ;
}

.brand_energy_subtitle{
	font-size :32px ;
	color : #0A2054;
	z-index: 4 ;
}
.brand_energy_title{
	font-size : 60px ;
	color : #0A2054;
	z-index: 4 ;
}

.brand_energy_story{
	font-size : 18px ;
	line-height : 48px ;
	margin-top : 40px ;
	z-index: 4 ;
}


.brand_energy_link{
	width : 260px ;
	height : 60px ;
	line-height : 60px ;	
	padding : 0px 30px ;
	background-color: #0A2054 ;
	color : #FFFFFF ;
	font-size : 20px ;
	margin-top : 50px ;
	z-index: 4 ;
}

.brand_energy_link img{
	position: absolute ;
	top : 50% ;
	right : 20px ;
	width : 64px ;
	transform : translate(0%,-50%);
	z-index: 4 ;
}

.brand_brand_superbox{
	width : 100% ;
	max-width : 1200px ;
	margin : 100px auto 0px ;
	padding-right : 400px ;
	padding-left : 40px ;
}



.brand_energy_circle01{
	position: absolute;
	top : -100px ;
	right : -84px ;
	width : 200px ;
	height : 200px ;
	border-radius: 50% ;
	background-color: rgba(127,193,69,0.11);
	z-index : 2 ;
}

.brand_energy_circle02{
	position: absolute;
	top : 240px ;
	right : 322px ;
	width : 324px ;
	height : 324px ;
	border-radius: 50% ;
	background-color: rgba(227,111,26,0.11);
	z-index : 2 ;
}


.brand_energy_circle03{
	position: absolute;
	top : 254px ;
	left : 200px ;
	width : 300px ;
	height : 300px ;
	border-radius: 50% ;
	background-color: rgba(10,32,84,0.11);
	z-index : 2 ;
}

.brand_energy_circle04{
	position: absolute;
	top : 160px ;
	right : 228px ;
	width : 360px ;
	height : 360px ;
	border-radius: 50% ;
	background-color: rgba(162,33,46,0.11);
	z-index : 2 ;
}


.brand_image01{
	position: absolute;
	top : -36px ;
	left : -140px ;
	width : 480px ;
	z-index : 1 ;
}
.brand_image02{
	position: absolute;
	top : 280px ;
	left : -286px ;
	width : 286px ;
	z-index : 2 ;
}
.brand_image03{
	position: absolute;
	bottom : -168px ;
	right : -338px ;
	width : 338px ;
	z-index : 2 ;
}

.brand_image04{
	position: absolute;
	top : -16px ;
	right : -132px ;
	width : 482px ;
	z-index : 1 ;
}

.brand_image05{
	position: absolute;
	top : 334px ;
	right : -225px ;
	width : 284px ;
	z-index : 2 ;
}

.brand_image06{
	position: absolute;
	top : -192px ;
	left : -336px ;
	width : 336px ;
	z-index : 2 ;
}

.brand_image07{
	position: absolute;
	top : -30px ;
	left : -140px ;
	width : 480px ;
	z-index : 1 ;
}

.brand_image08{
	position: absolute;
	bottom : -120px ;
	right : -300px ;
	width : 300px ;
	z-index : 1 ;
}



.brand_image09{
	position: absolute;
	bottom : -362px ;
	left : -20px ;
	width : 470px ;
	z-index : 2 ;
}





.future_section{
	width : 100% ;
	padding : 180px 0px 180px ;
	background-image : url("../images/future_back.jpg") ;
	background-size : cover ;
	background-position: center center ;
	background-attachment: fixed ;
}

.future_title{
	width : 600px ;
	margin : 0px auto ;
	z-index : 4 ; 
}

.future_catch{
	padding : 0px 40px ;
	text-align : center ;
	font-size : 20px ;
	line-height : 48px ;
	margin-top : 64px ;
	z-index : 4 ;
}

.future_superbox{
	width : 100% ;
	height : 520px ;
	/**
	overflow-x : scroll ;
	overflow-y : hidden ;
	**/
	margin-top : 100px ;
	/**
	-ms-overflow-style: none;
	scrollbar-width: none;
	**/
	display: none !important ;
}
.future_superbox::-webkit-scrollbar {
	/**
    display:none;
    **/
}

.future_superbox_sp{
	width : 100% ;
	height : 520px ;
	/**
	overflow-x : scroll ;
	overflow-y : hidden ;
	**/
	margin-top : 100px ;
	/**
	-ms-overflow-style: none;
	scrollbar-width: none;
	**/
	cursor: pointer;
}

.future_flex{
	width : 100% ;
	height : 520px ;
	padding-left : 160px ;

}

.future_itembox_dummy{
	width : 500px ;
	height : 530px !important;
	padding : 50px 36px 1px ;
 	margin : 0px 20px ;
 	z-index : 4 ;
}

.future_itembox{
	/** float : left ; **/
	width : 500px ;
	height : 530px !important;
	padding : 50px 36px 1px ;
 	margin : 0px 20px ;
 	background-color: rgba(255,255,255,0.9);
 	z-index : 4 ;
}

.future_item_year{
	text-align: center ;
	font-size : 42px ;
	font-weight: 700 ;
	color : #0A2054 ;
}
.future_item_year span{
	font-size : 20px ;
	font-weight: 400 ;
	margin-left : -10px ;
}

.future_item_catch{
	font-size : 20px ;
	text-align: center ;
	margin-top : 12px ;
}
.future_item_catch span{
	color : #0A2054 ;
}

.future_item_hr{
	width : 100% ;
	height : 1px ;
	background-color: #707070 ;
	margin : 28px auto ;
}

.future_item_story{
	font-size : 18px ;
	margin-bottom: 12px ;
	padding-left : 24px ;
}
.future_item_story__row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 15px;
}
.future_item_story__row p:first-child {
    width: 128px;
    color: #0A2054;
    flex: 1 0 140px;
    padding-right: 10px;
    margin-right: 10px;
    font-size: 16px;
}
.future_item_story__row p:first-child::after {
    content: '';
    width: 1px;
    height: 50px;
    display: block;
    background-color: #0A2054;
    position: absolute;
    top: -10px;
    right: 10px;
}
.future_item_story__row p:nth-child(2) {
	font-size: 18px;
}
.future_item_icon{
	position: absolute ;
	top : 4px ;
	left : 0px ;
	width : 22px ;
}



.bar_section{
	width : 100% ;
	padding : 150px 0px 90px ;
	background-color: #F8F8F7 ;
	text-align: center;
}
.bar_section a {
	display: inline-block;
}
.bar_image{
	width : 100% ;
	max-width : 1200px ;
	margin : 0px auto 60px ;
}

.sns_section{
	width : 100% ;
	padding : 24px 0px ;
	background-color: #FFFFFF ;
	display: flex;
	justify-content: center;
}

.sns_title{
	width : 80px ;
	height : 40px ;
	margin-right : 24px ;
}

.sns_iconbox{
	width : 40px ;
	margin : 0px 8px ;
}

.sns_iconbox img{
	width : 100% ;
}


.footer{
	width : 100% ;
	padding : 30px 40px 30px ;
	background-color: #F8F8F7 ;
	text-align : center ;
}

.footer_logo{
	width : 180px ;
	margin : 0px auto 20px ;
}

.footer_link{
	display: inline-block ;
	padding : 0px 12px ;
	height : 18px ;
	line-height : 18px ;
	font-size : 13px ;
	border-right : 1px solid #333333 ;
}

.footer_link:first-child{
	border-left : 1px solid #333333 ;
}

.footer_add{
	margin-top : 10px ;
	font-size : 13px ;
}

.footer_copy{
	margin-top : 20px ;
	font-size : 13px ;
}


.slick-slide{
	outline : none !important ;
}



.arrownext{
	position: absolute ;
	top : 50% ;
	right : 52px ;
	width : 48px ;
	margin-top : -78px ;
	z-index : 8 ;
}
.arrowprev{
	position: absolute ;
	top : 50% ;
	left : 52px ;
	width : 48px ;
	margin-top : -78px ;
	z-index : 8 ;
}



































































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


.gbr{
	display : block ;
}

.gnavi_superbox{
	width : 100% ;
	margin : -20px auto 0px ;
	z-index : 8 ;
	background-color: #0A2054 ;
}

.gnavi_inner{
	width : 100% ;
	max-width : 2000px ;
	margin : 0px auto ;
}

.gnavi_2021{
	position: absolute ;
	top : 50% ;
	left : 0px ;
	width : 11.71875% ;
	transform: translate(0%,-50%);
	z-index : 1 ;
}

.gnavi_logowrap{
	float : left ;
	width : 380px ;
	margin-left : 0px ;
}


.gnavi_catch{
	float : none ;
	width : 200px ;
	margin : 30px 0px 0px 80px ;
}


.gnavi_logo{
	float : none ;
	width : 280px ;
	margin : 20px 0px 0px 80px ;
}

.gnavi_item{
	font-size : 18px ;
	padding : 44px 16px 0px;
}

.gnavi_item.gnavi_1l{
	padding-top : 60px ;
}

.gnavi_item_tnx{
	font-size : 18px ;
	padding : 44px 16px 0px;
}



}





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


.gbr{
	display : block ;
}

.gnavi_superbox{
	width : 100% ;
	margin : -20px auto 0px ;
	z-index : 8 ;
	background-color: #0A2054 ;
}

.gnavi_inner{
	width : 100% ;
	max-width : 2000px ;
	margin : 0px auto ;
}

.gnavi_2021{
	position: absolute ;
	top : 50% ;
	left : 0px ;
	width : 11.71875% ;
	transform: translate(0%,-50%);
	z-index : 1 ;
}

.gnavi_logowrap{
	float : left ;
	width : 380px ;
}


.gnavi_catch{
	float : none ;
	width : 200px ;
	margin : 30px 0px 0px 80px ;
}

.gnavi_logo{
	float : none ;
	width : 280px ;
	margin : 20px 0px 0px 80px ;
}

.gnavi_item{
	font-size : 14px ;
	padding : 44px 10px 0px;
}

.gnavi_item.gnavi_1l{
	padding-top : 60px ;
}

.gnavi_item_tnx{
	font-size : 14px ;
	padding : 44px 10px 0px;
}



}





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



.president_face{
	position: absolute;
	top : 130px ;
	right : -40px ;
	width : 460px ;
	z-index: 3 ;
}

}


/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 1020px) {






.fv_section{
	height : 1020px  ;
}

.fv_stage_dummy{
}

.fv_mainlogo{
}

.fv_scroll{
}

.fv_logobox{
	width : 25% ;
	height : 160px ;
}
.fv_logobox_logo{
}

.fv_itembox{
}

.fv_item_dummy{
}

.fv_item_image{
}

.fv_a{		top : 0% ;				left : 25% ;		width : 25% ;		height : 300px ;		}
.fv_b{		top : 160px ;			left : 0% ;			width : 25% ;		height : 140px ;	}
.fv_c{		top : 0% ;				left : 50% ;		width : 25% ;		height : 150px ;	}
.fv_d{		top : 150px ;			left : 50% ;		width : 25% ;		height : 150px ;	}
.fv_e{		top : 0px ;				left : 75% ;		width : 25% ;		height : 150px ;	}
.fv_f{		top : 150px ;			left : 75% ;		width : 25% ;		height : 150px ;	}
.fv_g{		top : 300px ;			left : 0% ;			width : 25% ;		height : 140px ;	}
.fv_h{		top : 300px ;			left : 25% ;		width : 25% ;		height : 140px ;	}
.fv_i{		top : 300px ;			left : 50% ;		width : 25% ;		height : 140px ;	}
.fv_j{		top : 300px ;			left : 75% ;		width : 25% ;		height : 140px ;	}
.fv_k{		top : 440px ;			left : 0% ;			width : 25% ;		height : 140px ;	}
.fv_l{		top : 440px ;			left : 25% ;		width : 25% ;		height : 140px ;	}
.fv_m{		top : 440px ;			left : 50% ;		width : 25% ;		height : 140px ;	}
.fv_n{		top : 440px ;			left : 75% ;		width : 25% ;		height : 140px ;	}
.fv_o{		top : 580px ;			left : 0% ;			width : 50% ;		height : 140px ;	}
.fv_p{		top : 580px ;			left : 50% ;		width : 25% ;		height : 140px ;	}
.fv_q{		top : 580px ;			left : 75% ;		width : 25% ;		height : 140px ;	}
.fv_r{		top : 720px ;			left : 0% ;			width : 25% ;		height : 140px ;	}
.fv_s{		top : 720px ;			left : 25% ;		width : 25% ;		height : 140px ;	}
.fv_t{		top : 720px ;			left : 50% ;		width : 25% ;		height : 140px ;	}
.fv_u{		top : 720px ;			left : 75% ;		width : 25% ;		height : 140px ;	}
.fv_v{		top : 860px ;			left : 0% ;			width : 25% ;		height : 140px ;	}
.fv_w{		top : 860px ;			left : 25% ;		width : 25% ;		height : 140px ;	}
.fv_x{		top : 860px ;			left : 50% ;		width : 25% ;		height : 140px ;	}
.fv_y{		top : 860px ;			left : 75% ;		width : 25% ;		height : 140px ;	}

.gnavi_superbox{
}

.gnavi_inner{
	padding-top : 50px ;
	padding-bottom : 50px ;
	max-width : 640px ;
}

.gnavi_2021{
	top : 40px ;
	transform : translate(0%,0%);
	width : 25% ;
}

.gnavi_logowrap{
	width : 100% ;
}

.gnavi_catch{
	float : none ;
	width : 100% ;
	max-width : 250px ;
	margin : 0px auto 0px ;
}

.gnavi_logo{
	float : none ;
	width : 100% ;
	max-width : 360px ;
	margin : 20px auto 0px ;
}

.gnavi_item{
	float :left ;
	width : 33% ;
	height : 60px ;
	line-height : 60px ;
	font-size : 18px ;
	text-align: center ;
	padding : 0px 0px ;
	margin-top : 40px;
}
.gnavi_item_tnx{
	float :none;
	width : 80% ;
	height : 80px ;
	line-height : 80px ;
	font-size : 24px ;
	padding : 0px 20px ;
	text-align: center ;
	margin : 60px auto 0px ;
}




.cent_section{
	padding : 180px 20px ;
	background-size : auto ;
}

.cent_back{
}

.cent_title{
}

.cent_section p{
	font-size : 24px ;
}



.history_section{
	padding : 180px 40px 520px ;
	background-size : auto ;
}

.history_title{
}

.history_back_ol{
}

.history_catch{
}


.history_superbox{
	max-width : 640px ;
	padding : 0px ;
}

.history_timeline{
	left : 540px ;
	width : 8px ;
}
.history_arrow{
	position: absolute ;
	bottom : -162px ;
	left : 520px ;
	width : 50px ;
	z-index: 4 ;
}
.history_more{
	position: absolute ;
	bottom : -240px ;
	left : 50% ;
	transform: translate(-50%,0%);
	width : 112px ;
	z-index: 4 ;
	cursor: pointer;
}

.history_event{
}

.history_big{
	position: relative ;
	top : auto ;
	left : auto ;
	width : 556px ;
	padding-left : 0px ;
	padding-right : 110px ;
	margin-bottom : 20px ;
}

.history_big_circle{
	left : auto ;
	right : 0px ;
}
.history_big_line{
	top : 20px ;
	left : auto ;
	right : 10px ;
	width : 80px ;
	height : 2px ;
}

.history_big_year{
	text-align: right ;
	vertical-align: -8px ;
}
.history_big_year.exbig{
}

.history_big_year span{
}

.history_big_title{
	font-size : 24px ;
	text-align: right ;
}
.history_big_image{
	width : 100% ;
}

.history_mid{
	width : 474px ;
}
.history_mid_line{
	border-bottom : 2px dashed #0A2054;
}

.history_mid_year{
	width : 200px ;
}
.history_mid_year span{
}
.history_mid_story{
	float : left ;
	width : 262px ;
	font-size : 20px ;
	text-align : right ;
	margin-top : 10px ;
}

.history_next100_logo{
	float : none ;
	width : 100% ;
}

.history_next100_story{
	float : none ;
	width : 100% ;
	font-size : 24px ;
	padding-top : 40px ;
	text-align: center ;
}

.history_next100_title{
}

.history_dummy{
	height : 1px ;
	min-height: 1px ;
}















.president_section{
	width : 100% ;
	padding : 180px 0px 120px ;
	background-image : url("../images/president_back.jpg") ;
	background-size : auto ;
	background-position: center center ;
	background-attachment: fixed ;
}

.inner1200{
}
.inner1920{
}

.president_title{
	margin : 0px auto ;
}


.president_section p{
	font-size : 24px ;
	line-height : 48px ;
	margin-bottom : 32px ;
	z-index : 4 ;
}

.president_face{
	position: relative;
	top : auto ;
	right : auto ;
	width : 460px ;
	margin : 40px auto ;
}


.aniv_section{
	background-size : auto ;
}


.aniv_superbox{
	width : 90% ;
	padding : 100px 40px ;
}

.aniv_title{
}

.aniv_logo{
	float : none ;
	margin : 0px auto ;
	width : 100% ;
	max-width : 400px ;
}


.aniv_storybox{
	float : none;
	width : 100% ;
	font-size :24px ;
	line-height: 48px ;
	margin-top : 40px ;
}



.brand_section{
	padding-bottom : 300px ;
}



.brand_titlebox{
}

.brand_titleback{
	position: absolute ;
	top : -160px  ;
	left : 50% ;
	width : 100% ;
	max-width : 640px ;
	height : auto ;
	transform: translate(-50%,0%);
	z-index : 1 ;
}

.brand_title{
}

.brand_catch{
	font-size : 24px ;
	margin-top : 40px ;
	padding : 0px 40px ;
}


.brand_energy_superbox{
	width : 100% ;
	max-width : 1200px ;
	margin : 100px auto 0px ;
	padding : 0px 40px ;
}

.brand_energy_subtitle{
	font-size :28px ;
}
.brand_energy_title{
}

.brand_energy_story{
	font-size : 28px ;
	line-height : 48px ;
	margin-top : 20px ;
}


.brand_energy_link{
	width : 320px ;
	height : 80px ;
	line-height : 80px ;
	margin : 50px auto 0px ;
	z-index: 4 ;
	text-align: center ;
}

.brand_energy_link img{
	position: absolute ;
	top : 50% ;
	right : 20px ;
	width : 64px ;
	transform : translate(0%,-50%);
	z-index: 4 ;
}

.brand_brand_superbox{
	padding : 0px 40px ;
}



.brand_energy_circle01{
	background-color: rgba(127,193,69,0.11);
}

.brand_energy_circle02{
	right : 30px ;
}


.brand_energy_circle03{
	left : 00px ;
}

.brand_energy_circle04{
	/** right : 20px ; **/
	top : auto ;
	bottom : 120px ;
	right : -40px ;
	width : 300px ;
	height : 300px ;
}


.brand_image01{
	opacity : 0.3 ;
}
.brand_image02{
	left : -100px ;
	opacity : 0.3 ;
}
.brand_image03{
	right : -100px ;
	opacity : 0.3 ;
}

.brand_image04{
	opacity : 0.3 ;
}

.brand_image05{
	top : 400px ;
	right : -100px ;
	opacity : 0.3 ;
}

.brand_image06{
	left : -100px ;
	opacity : 0.3 ;
}

.brand_image07{
	top : 40px ;
	left : -140px ;
	opacity : 0.3 ;
}

.brand_image08{
	bottom : 120px ;
	right : -40px ;
	opacity : 0.3 ;
}



.brand_image09{
	bottom : -300px ;
	left : -80px ;
	opacity : 0.3 ;
}





.future_section{
	background-size : auto ;
}

.future_title{
}

.future_catch{
	font-size : 24px ;
}

.future_superbox{
}
.future_superbox::-webkit-scrollbar {
}

.future_flex{
	width : 2280px;
	padding-left : 20px ;

}

.future_itembox_dummy{
	width : 0px ;
	height : 530px !important;
	padding : 50px 10px 1px ;
 	margin : 0px 10px ;
 	z-index : 4 ;
}

.future_itembox{
	
}

.future_item_year{
}
.future_item_year span{
	font-size : 24px ;
}

.future_item_catch{
}
.future_item_catch span{
}

.future_item_hr{
}

.future_item_story{
}

.future_item_icon{
}



.bar_section{
}

.bar_image{
}

.sns_section{
	padding : 24px 0px ;
	align-items: center;
}

.sns_title{
	width : 120px ;
	height : 60px ;
	margin-right : 24px ;
}

.sns_iconbox{
	width : 45px ;
	margin : 0px 8px ;
}
.sns_iconbox:nth-child(3) {
	margin-right: 16px;
}

.sns_iconbox img{
}


.footer{
	padding : 60px 40px 60px ;
}

.footer_logo{
	margin : 0px auto 60px ;
}

.footer_link{
	padding : 0px 24px ;
	height : 24px ;
	line-height : 24px ;
	font-size : 18px ;
	border-right : none ;
	margin-top : 20px ;
	width : 166px ;
}

.footer_link.first{
	border-right : none ;
}

.footer_add{
	margin-top : 40px ;
	font-size : 18px ;
}

.footer_copy{
	margin-top : 40px ;
	font-size : 13px ;
}



















}

.gnavi_item_height
{
	height: 90px;
	top: 10px;
}

.gnavi_catch-margin{
	margin : 10px 0px 0px 80px ;
}

.gnavi_item_p
{
padding: 20px 16px 0px;	
}

.gnavi_1l_pt
{
	padding-top: 35px !important;
}