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





.top_fv_superbox{
	width : 100% ;
	height : calc( 100vh - 128px ) ;
}

.top_fv_image{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
	z-index: 1 ;
}
.top_fv_movie{
	display: block ;
	position: relative ;
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
	z-index: 2 ;
}


.top_fv_superbox h2{
	position: absolute ;
	top : 50% ;
	left : 0% ;
	transform: translate(0%,-50%);
	width: 100% ;
	padding : 0px 80px ;
	text-align: center ;
	font-size: 34px ;
	font-weight: 700 ;
	color: #FFFFFF ;
	z-index: 4 ;
}

.top_shrink_section{
	width: 100% ;
	background-color: #FFFFFF ;
	padding : 90px 0px ;
}

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

.top_shrink_section_title{
	text-align: center ;
	font-size: 34px ;
	font-weight: 700 ;
	color : #095AC5 ;
}

.top_shrink_section_flex{
	width: 100% ;
	margin : 90px auto 0px ;
}

.top_shrink_section_left{
	width: 48% ;
	max-width: 468px ;
}
.top_shrink_section_right{
	width: 50% ;
	max-width: 480px ;
	font-size: 15px ;
	line-height: 2.0 ;
}

.top_shrink_section_image01{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width: 100% ;
	max-width: 445px ;
	z-index: 1 ;
}

.top_shrink_section_image02{
	position: absolute;
	bottom : 0% ;
	right : 0% ;
	width: 100% ;
	max-width: 261px ;
	z-index: 2 ;
}


.top_shrink_section_about{
	margin : 70px auto 0px ;
	width: 100% ;
	background-color: #F9F9FA ;
	border : 4px solid #E6E6E6 ;
	padding : 44px 50px 40px 44px ;
}


.top_shrink_section_about_title{
	color : #095AC5 ;
	text-align: center ;
	font-size: 24px ;
	font-weight: 700 ;
	margin-bottom : 40px ;
}

.top_shrink_section_about_left{
	float : left ;
	font-size: 15px ;
	line-height: 36px ;
	width: 58% ;
	max-width: 600px ;
}
.top_shrink_section_about_right{
	float : right ;
	width: 40% ;
	max-width: 310px ;
}



.top_our_section{
	width: 100% ;
	padding : 90px 0px ;
	background-color: #095AC5;
}
.top_our_section_inner{
	width: 100% ;
	max-width: 1080px ;
	margin : 0px auto ;
	color: #FFFFFF ;
	padding : 0px 40px ;
}


.top_our_section_title{
	text-align: center ;
	font-size: 34px ;
	font-weight: 700 ;
}

.top_our_section_title_bar{
	width: 100% ;
	max-width: 204px ;
	height: 3px ;
	background-color: #72A4CE ;
	margin : 20px auto 0px ;
}


.top_our_section_flex{
	width: 100% ;
	margin-top : 120px ;
}

.top_our_section_flex_item{
	width: 31% ;
	max-width: 310px ;
}

.top_our_section_item_image{
	width: 100% ;
	max-width: 150px ;
	margin : 0px auto ;
}

.top_our_section_item_title{
	font-size: 30px ;
	font-weight: 700 ;
	text-align: center ;
	margin-top : 20px ;
}

.top_our_section_item_subtitle{
	font-size: 18px ;
	font-weight: 700 ;
	color: #72A4CE ;
	text-align: center ;
	margin-top : 10px ;
}

.top_our_section_item_story{
	font-size: 15px ;
	margin-top : 40px ;
}




.top_share_section{
	width: 100% ;
	background-color: #F9F9FA ;
	padding : 90px 0px ;
}

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

.top_share_section_title{
	font-size: 34px ;
	font-weight: 700 ;
	text-align: center ;
	color : #095AC5 ;
}

.top_share_section_title_bar{
	width: 100% ;
	max-width: 590px ;
	height: 3px ;
	background-color: #72A4CE ;
	margin : 20px auto 0px ;
}

.top_share_section_story{
	width: 100% ;
	max-width: 590px ;
	margin : 50px auto 0px ;
	font-size: 15px ;
	line-height: 30px ;
}

.top_share_section_bottle_flex{
	width: 100% ;
	margin : 60px auto 0px ;
	justify-content: center ;
}
.top_share_section_bottlebox{
	width: 205px ;
}
.top_share_section_bottlebox img{
	width: 100% ;
}



.top_oem_section{
	padding: 90px 0px ;
	background-color: #FFFFFF ;
}

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

.top_oem_section_flex_item{
	width: 31% ;
	max-width: 310px ;
}


.top_oem_section_item_image{
	width: 100% ;
}

.top_oem_section_flex_item_title{
	margin-top : 43px ;
	text-align: center ;
	font-size: 24px ;
	font-weight: 700 ;
	color : #095AC5 ;
}

.top_oem_section_flex_item_title_bar{
	width: 100% ;
	max-width: 106px ;
	height: 1px ;
	margin : 12px auto 0px ;
	background-color: #72A4CE ;
}
.top_oem_section_flex_item_title_bar_l{
	width: 100% ;
	max-width: 240px ;
	height: 1px ;
	margin : 12px auto 0px ;
	background-color: #72A4CE ;
}

.top_oem_section_flex_item_story{
	margin-top : 32px ;
	font-size: 15px ;
	line-height: 2.0 ;
}

.top_oem_contact{
	width: 100% ;
	max-width: 310px ;
	height: 70px ;
	line-height: 70px ;
	text-align: center ;
	color : #FFFFFF ;
	background-color: #FFA700 ;
	font-size: 16px ;
	font-weight: 700 ;
	margin : 80px auto 0px ;
}


.top_news_section{
	width: 100% ;
	padding: 90px 0px;
	background-color: #F9F9FA ;

}

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



.top_news_section_title{
	color : #003F72 ;
	font-size: 34px ;
	font-weight: 700 ;
	text-align: center ;
}

.top_news_section_title_bar{
	width: 100% ;
	max-width: 140px ;
	height: 3px ;
	background-color: #72A4CE ;
	margin :20px auto 0px ;
}

.top_news_section_item{
	width: 100% ;
	padding : 20px 0px 20px ;
	border-top : 1px solid #D9D9D9 ;
}
.top_news_section_item.first{
	border-top : none ;
	margin-top : 72px ;
}


.top_news_section_item_cate{
	float : left ;
	width: 100px ;
	height: 36px ;
	line-height: 36px ;
	text-align: center ;
	background-color: #72A4CE ;
	margin-right : 48px ;
	color : #FFFFFF 
}

.top_news_section_item_date{
	float : left ;
	width: 130px ;
	height: 36px ;
	line-height: 36px ;
	font-size: 15px ;
}

.top_news_section_item_story{
	float : left ;
	width: calc( 100% - 280px );
	font-size: 15px ;
	line-height: 20px ;
	padding-top : 8px ;
}


.top_footerlink_section{
	width: 100% ;
	padding : 90px 0px ;
}

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

.top_footerlink_flex_item{
	width: 33% ;
	max-width: 324px ;
	overflow: hidden;
}

.top_footerlink_flex_item_wrap{
	width: 100% ;
	height: 263px ;
}
.top_footerlink_flex_item_image_wrap{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	width: 100% ;
	height: 100% ;
	transform: translate(-50%,-50%);
	z-index:  1 ;
}

.top_footerlink_flex_item_image{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
}

.top_footerlink_flex_item_ol{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width: 100% ;
	height: 100% ;
	background-color: rgba(0,0,0,0.45);
	z-index: 2 ;
}

.top_footerlink_flex_item_title{
	position: absolute ;
	top : 50% ;
	left: 0% ;
	width: 100% ;
	transform: translate(0%,-50%);
	text-align: center ;
	font-size: 24px ;
	font-weight: 700 ;
	padding : 0px 20px ;
	z-index: 3 ;
	color: #FFFFFF ;
}


































































































































































































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



}


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









.top_fv_superbox{
	width : 100% ;
	height : calc( 100vh - 100px ) ;
}

.top_fv_image{
}
.top_fv_movie{
}


.top_fv_superbox h2{
	font-size: 24px ;
	padding : 0px 20px ;
}

.top_shrink_section{
}

.top_shrink_section_inner{
}

.top_shrink_section_title{
	font-size: 24px ;
}

.top_shrink_section_flex{
	margin : 40px auto 0px ;
	max-width: 640px ;
}

.top_shrink_section_left{
	width: 100% ;
	height: auto ;
	max-width: 960px ;
	margin-bottom : 40px ;
}
.top_shrink_section_right{
	width: 100% ;
	max-width: 960px ;
	font-size: 15px ;
	line-height: 2.0 ;
}

.top_shrink_section_image01{
	position: relative ;
	top : auto ;
	left : auto ;
	width: 100% ;
	max-width: 640px  ;
	margin : 0px auto ;
}

.top_shrink_section_image02{
	position: relative ;
	top : auto ;
	left : auto ;
	width: 100% ;
	max-width: 640px  ;
	margin : 0px auto ;
}


.top_shrink_section_about{
	padding : 40px 22px ;
	max-width: 640px ;
}


.top_shrink_section_about_title{
	font-size: 20px ;
}

.top_shrink_section_about_left{
	float : none ;
	width: 100% ;
	max-width: 640px ;
}
.top_shrink_section_about_right{
	float : none ;
	width: 100% ;
	max-width: 640px ;
	margin-top : 20px ;
}



.top_our_section{
}
.top_our_section_inner{
	max-width: 720px ;
}


.top_our_section_title{
	font-size: 24px ;
}

.top_our_section_title_bar{
}


.top_our_section_flex{
	margin-top : 60px ;
}

.top_our_section_flex_item{
	width: 100% ;
	max-width: 640px ;
	margin-bottom : 60px ;
}

.top_our_section_item_image{
}

.top_our_section_item_title{
	font-size: 24px ;
}

.top_our_section_item_subtitle{
}

.top_our_section_item_story{
}




.top_share_section{
}

.top_share_section_inner{
	max-width: 720px ;
}

.top_share_section_title{
	font-size: 24px ;
}

.top_share_section_title_bar{
}

.top_share_section_story{
}

.top_share_section_bottle_flex{
	margin : 40px auto 0px ;
}
.top_share_section_bottlebox{
	width: 96px ;
}
.top_share_section_bottlebox img{
}



.top_oem_section{
}

.top_oem_section_flex{
	max-width: 720px ;
}

.top_oem_section_flex_item{
	width: 100% ;
	max-width: 640px ;
}


.top_oem_section_item_image{
}

.top_oem_section_flex_item_title{
	margin-top : 20px ;
}

.top_oem_section_flex_item_title_bar{
}
.top_oem_section_flex_item_title_bar_l{
}

.top_oem_section_flex_item_story{
}

.top_oem_contact{
}


.top_news_section{
}

.top_news_section_inner{
	max-width: 720px ;
}


.top_news_section_title{
	font-size: 24px ;
}

.top_news_section_title_bar{
}

.top_news_section_item{
	padding : 20px 0px 20px ;
	border-top : 2px solid #D9D9D9 ;
}
.top_news_section_item.first{
	margin-top : 72px ;
}


.top_news_section_item_cate{
	font-size: 15px;
}

.top_news_section_item_date{
}

.top_news_section_item_story{
	float : none ;
	clear: both;
	width: 100% ;
	font-size: 15px ;
	line-height: 1.8 ;
	padding-top : 16px ;
}


.top_footerlink_section{
	width: 100% ;
	padding : 90px 0px ;
}

.top_footerlink_section_flex{
	max-width: 720px ;
}

.top_footerlink_flex_item{
	width: 100% ;
	max-width: 640px ;
}

.top_footerlink_flex_item_wrap{
}
.top_footerlink_flex_item_image_wrap{
}

.top_footerlink_flex_item_image{
}

.top_footerlink_flex_item_ol{
}

.top_footerlink_flex_item_title{
}














































































































}