a:hover{ opacity: 1 !important;}

.btn{ bottom: 10px; right: 10px;}

.cp_offcm01{ top: 10px; right: 10px}
.cp_offcm01 .cp_menu{ top: 10px; right: calc(-100vw + 10px);}

.fv_area{ width: 100%; height: 90vh; min-height: 780px;}
.fv_area .logo{ max-width: 200px; top: 10px; left: 10px;}
.fv_area .character{ align-items: center;}

.news_area{ padding: 15px 30px;}
.news_area .wrap .first a{ display: block; align-items: inherit;}
.news_area .wrap .title h2{ font-size: 65px;}
.news_area .wrap .first .img{ margin-right: 0; max-width: 100%; aspect-ratio: inherit; overflow: hidden;}
.news_area .wrap .first .text{ width: 100%; margin-top: 7px;}
.news_area .wrap .first .text > p{ font-size: 18px;}
.news_area .wrap .first .text .date{ max-width: 100%;}
.news_area .wrap ul{ display: block;}
.news_area .wrap ul li{ width: 100%;}
.news_area .wrap ul li:nth-child(even){ margin: 30px 0;}
.news_area .wrap ul li .text > p{ font-size: 14px;}
.news_area .wrap .more a{ max-width: 200px;}
.news_area .wrap .item{ top: -60px;}

.bar{ height: 32px; background-size: auto 100%;}
.intro_area.en{ margin-top: 32px;}
.intro_area .wrap .flex{ padding: 10px 10px;}
.intro_area .wrap .flex h2{ font-size: 30px;}
.intro_area .character{ width: 300px;}

.system_area{ padding: 0 30px 50px;}
.system_area .left{ width: 20px; left: 0;}
.system_area .right{ display: none;}
.system_area .wrap .title h2{ font-size: 30px;}
.system_area .wrap ul{ display: block; margin: 20px 0 0;}
.system_area .wrap ul li{ width: 100%;}

.product_area{ padding: 0px 30px 50px;}
.product_area .wrap .title h2{ font-size: 65px;}
.product_area .wrap .b{ padding: 20px 10px; width: 100%;}
.product_area .wrap .b .text table th{ font-size: 12px; display: block;}
.product_area .wrap .b .text table td{ display: block;}
.product_area .item{ max-width: 160px; bottom: -230px; right: 0; left: inherit;}

footer{ padding: 50px 30px 100px;}
footer .wrap .logo{ max-width: 185px;}
footer .wrap .nav h2{ font-size: 20px;}

.gototop{ top: 10px; right: 10px;}

@media screen and (max-width:600px){
	.forPC{ display: none !important;}
	.forSP{ display: block !important;}

	.fv_area .character .wrap img:nth-child(1){ width: 120%;}
	.fv_area .character .wrap a{ margin: -20px auto auto;}
	.fv_area .bottom{ height: 32px; background-size: auto 100%;}
	.fv_area .bottom::after{ display: none;}
	
	.news_area{ padding: 15px 10px;}
	
	.intro_area .character{ width: 100%;}
	
	.system_area{ padding: 0 10px 50px;}
	.product_area{ padding: 0px 10px 50px;}
	footer{ padding: 50px 10px 100px;}
}