@charset "UTF-8";
/* CSS Document */

:root {
	--zoon01: rgba(215,0,41,1.0);
	--zoon02: rgba(214,156,42,1.0);
	--zoon03: rgba(41,162,217,1.0);
}


*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

html, body {
	height: 100%;
	width: 100%;
}

body {
	font-family: 'BIZ UDPGothic','Noto Sans JP','メイリオ',sans-serif;
	font-weight: 400;
	font-size: 12px; /*ベースを10pxにしています*/
	background-color: #FFF;
	color: #212121;
	line-height:150%;
}

.txt16 {
	font-size: 16px;
}

.txt14 {
	font-size: 14px;
}

.txt11 {
	font-size: 11px!important;
}
.txt700 {
	font-weight: 700;
}

.blue{
	color: #005bac;
}
.txw{
	color: #FFFFFF;
}
.bgg {
	background-color: #efefef;
}
.bgb {
	background-color: #0F5BAC;
}
.bglb {
	background-color: #e5eef7;
}
.mt15 {
	margin-top: 15px;
}
.mb15 {
	margin-bottom: 15px;
}

/*   all parts   */
br.pc{
	display: block;
}
br.sp{
	display:none;
}


i.fas{
	vertical-align: middle;
	padding: 0 0 2px 0;
}

main{
	padding: 0;
}


#contents{
	width: 100%;
	overflow:hidden;
}

.contents_inner{
	width: 96%;
	max-width: 1400px;
	margin: 0 auto;
}




/*   Header   */

#skip_menu {
	width:100%;
	height:120px;
	
	position:relative;
	display:none;

}
header {
	width: 100%;
	margin: 0 0 26px 0;
	padding: 0 30px;
	background: rgba(255,255,255,1.0);
	
	position:relative;
	
	border-bottom: solid 5px rgba(229,227,226,1.00)
}

header .header_inner{
	width: 100%;
	max-width: 1400px;
	height: 67px;
	margin: 0 auto;
	
	display: flex;
	justify-content: flex-start;
}

header .header_inner .mm_logo_area{
	width: 191px;
	margin-left: 3px;
	padding-top: 14px;
	
	display: flex;
	position: relative;
	align-items: center;
	justify-content: center;
}

header .header_inner .mm_logo_area a{
	width: 100%;
	height: auto;
	display: block;
}

header .header_inner .mm_logo_area:after{
	display: block;
	position: absolute;
	left: 0;
	background: #e3001b;
	content: "";
		
	bottom: -5px;
	width: 191px;
	height: 5px;
}


header .header_inner .mm_logo_area img{
	width: 100%;
	height: auto;
}


@media only screen and (max-width: 767.98px) {
header {
	border-bottom: solid 4px rgba(229,227,226,1.00);
	margin: 0 0 20px 0;
	padding: 0 20px;
}

header .header_inner{
	width: 100%;
	height: 51px;
}

header .header_inner .mm_logo_area{
	width: 141px;
	padding-top: 10px
}

header .header_inner .mm_logo_area a{
	width: 100%;
	height: auto;
	display: block;
}

header .header_inner .mm_logo_area:after{
	bottom: -4px;
	width: 141px;
	height: 4px
}

header .header_inner .mm_logo_area img{
	width: 100%;
	height: auto;
}
}


@media print,screen and (min-width: 1630px) {
header {
	border-bottom: solid 7px rgba(229,227,226,1.00);
	margin: 0 0 40px 0;
	padding: 0;
}

header .header_inner{
	height: 100px;
}

header .header_inner .mm_logo_area{
	width: 284px;
	padding-top: 19px
}

header .header_inner .mm_logo_area a{
	width: 100%;
	height: auto;
	display: block;
}

header .header_inner .mm_logo_area:after{
	bottom: -7px;
	width: 284px;
	height: 7px
}

header .header_inner .mm_logo_area img{
	width: 100%;
	height: auto;
}
}




/*   aside   */
aside {
	display:none;
}

/*   mainimg_area   */
#mainimg_area{
	margin: 0;
}

#mainimg_area .contents_inner{
	width: 100%;
	max-width: 100%;
	height: 560px;
	max-height: 40vw;
	
	padding: 0;
	margin: 0 auto;
	position: relative;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	justify-content: center;
	align-items: center;
	
	background-image: url("../main_img.webp");
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	
	opacity: 0;
	animation-delay:0.1s;
	animation-duration: 0.5s;
	animation-timing-function: ease-in-out;
	animation-fill-mode:forwards;
	
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

#mainimg_area .contents_inner .maincopy_block{
	width: 100%;
	max-width: 1400px;

	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	justify-content: flex-start;
	align-content: center;


}

#mainimg_area .contents_inner .maincopy_block h1{
	width: 32vw;
	height: 26%;
	margin: 0 0 0 30px;
}

#mainimg_area .contents_inner .maincopy_block h1 img{
	filter: drop-shadow(0px 0px 20px rgba(26, 33, 64, 0.50)); 
}


@media (min-width: 768px) {
	#mainimg_area .contents_inner .maincopy_block h1 {

	}
}
@media (min-width: 1400px) {
	#mainimg_area .contents_inner .maincopy_block h1 {

	}
}


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

#mainimg_area .contents_inner{
	background-image: url("../main_img@2x.webp");
}

/*
#mainimg_area .contents_inner .maincopy_block .exhibition_info_box{
	width: 545px;
}
*/

}

/*   end_area   */
#info_area{
	width: 100%;
	background: rgba(255,255,255,1.0);
	
	padding: 30px 0;
	
	background-image: url("../info_bg.webp");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size:cover;
}

#info_area .contents_inner{
	width: 100%;
	max-width: 1400px;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	justify-content: space-between;
	
	
	
	box-shadow: 0px 0px 15px -5px #777777;
	border-radius: 10px;
}


#info_area .contents_inner .info_title_block{
	width: 586px;
	flex-basis: 586px;
	border-radius: 10px 0 0 10px;
	
	background: rgb(255,255,255);
	
	padding: 0;

	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	justify-content: center;
	align-items: center;
	
}

#info_area .contents_inner .info_title_block img{
	width: 296px;
	height: auto;
}

#info_area .contents_inner .info_detail_block{
	width: calc(100% - 586px);
	margin: 0;
	padding: 42px 0 32px 0;
	
	border-radius: 0 10px 10px 0;
	
	background: rgba(247,247,247,1.0);
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: center;
	align-items: center;
	align-content: center;
}

#info_area .contents_inner .info_detail_block .maintitle_box{
	margin: 0 0 15px 0;
	width: 100%;
	text-align: center;
}

#info_area .contents_inner .info_detail_block .maintitle_box .title_part{
	width: 468px;
	height: auto;
}

#info_area .contents_inner .info_detail_block .mainday_box{
	margin: 0 0 15px 0;
	width: 100%;
	text-align: center;
}

#info_area .contents_inner .info_detail_block .mainday_box .day_part{
	width: 306px;
	height: auto;
}

#info_area .contents_inner .info_detail_block .subday_box{
	margin: 0 0 20px 0;
	width: 100%;
	text-align: center;
}

#info_area .contents_inner .info_detail_block .subday_box .day_part{
	width: 352px;
	height: auto;
}

#info_area .contents_inner .info_detail_block .infolink_block{
	width: 460px;
	padding: 0;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
}

#info_area .contents_inner .info_detail_block .infolink_block a{
	display: block;
	width: 100%;
	height: 55px;
	margin: 0;
	font-size:20px;
	font-weight:800;
	line-height:55px;
	color:rgba(255,255,255,1.0); 
	letter-spacing: 0.04em;
	text-align: center;
	
	background: rgb(2,108,182);
	background: linear-gradient(90deg, rgba(2,108,182,1) 0%, rgba(0,235,237,1) 100%);
	
	border-radius: 28px;
	border: solid 2px rgba(255,255,255,1.00);
	text-shadow: 1px 1px 10px rgba(0,0,0,0.4);
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s;
	
	position: relative;
}

#info_area .contents_inner .info_detail_block .infolink_block a:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	text-decoration:none;
}

#info_area .contents_inner .info_detail_block .infolink_block a::after{
	content: "";
	
	background-image: url("../info_arrow.svg");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size:cover;
	
	position: absolute;
	top:0;
	bottom: 0;
	right: 10px;
	
	width: 33px;
	height: 40px;
	margin: auto;
}


/*   booth_area   */
#booth_area{
	width: 100%;
	background: rgba(247,247,247,1.0);
	
	padding: 70px 0;
}

#booth_area .booth_copy_block{
	width: 100%;
}

#booth_area .booth_copy_block h2{
	font-size:22px;
	font-weight:800;
	line-height:54px;
	color:rgba(63,58,57,1.0);
	letter-spacing: 0.1em;
	text-align: center;
	
	margin: 0 0 80px 0;
}

#booth_area .booth_info_block{
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}

#booth_area .booth_info_block h2{
	font-size:40px;
	font-weight:800;
	line-height:60px;
	color:rgba(13,28,70,1.0);
	letter-spacing: 0.1em;
	text-align: center;
	
	margin: 0 0 60px 0;
	
	position: relative;
}

#booth_area .booth_info_block h2.end_title{
	font-size:36px;
}

#booth_area .booth_info_block h2::after{
	content: "";
	display: block;
	width: 100px;
	height: 5px;
	
	background-color: rgba(10,99,176,1.0);
	margin: 30px auto 0 auto;
	
}

#booth_area .booth_info_block .booth_photo_box{
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap; 
	
	justify-content: center;
	align-items: center;
	align-content: center;
	
	margin: 0 0 50px 0;
	padding: 50px 65px;
	
	border-radius: 10px;
	background-color:rgba(255,255,255,1.0);
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1);
}

#booth_area .booth_info_block .booth_photo_box .booth_infocopy_part{
	width: calc(100% - 488px);
	margin: 0 25px 0 0;
}

#booth_area .booth_info_block .booth_photo_box .booth_infocopy_part p{
	font-size:clamp(18px, 22px, 26px);
	font-weight:800;
	line-height:50px;
	color:rgba(63,58,57,1.0);
	letter-spacing: 0.1em;
	text-align: left;
}

#booth_area .booth_info_block .booth_photo_box .booth_photoright_part{
	width: 463px;
}

#booth_area .booth_info_block .booth_photo_box .booth_photoright_part p{
	font-size:clamp(18px, 22px, 26px);
	font-weight:800;
	line-height:50px;
	color:rgba(63,58,57,1.0);
	letter-spacing: 0.1em;
	text-align: left;
	
	padding: 0 20px;
	
	background-color: rgba(243,243,243,1.0);
	border: solid 1px rgba(191,188,187,1.0);
	border-bottom: none;
}

#booth_area .booth_info_block .booth_photo_box .booth_photoright_part img{
	width: 100%;
	height: auto;
}

#booth_area .booth_photo_end_box{
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: space-between;
	align-items:flex-start;
	
	margin:30px auto 50px auto;
	max-width: 1200px;
	
}
#booth_area .booth_photo_end_box .left_block{
	width:66.3%;
	max-width:796px;
}
#booth_area .booth_photo_end_box .right_block{
	width:33.3%;
	max-width:400px;
}
#booth_area .booth_photo_end_box img{
	width:100%;
}


/*   booth_end_area   */
#booth_end_area{
	width: 100%;
	background: rgba(247,247,247,1.0);
	
	padding: 50px 0;
}

#booth_end_area .booth_info_block{
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}

#booth_end_area .booth_info_block h2{
	font-size:40px;
	font-weight:800;
	line-height:60px;
	color:rgba(13,28,70,1.0);
	letter-spacing: 0.1em;
	text-align: center;
	
	margin: 0 0 60px 0;
	
	position: relative;
}

#booth_end_area .booth_info_block h2.end_title{
	font-size:36px;
}

#booth_end_area .booth_info_block h2::after{
	content: "";
	display: block;
	width: 100px;
	height: 5px;
	
	background-color: rgba(10,99,176,1.0);
	margin: 30px auto 0 auto;
	
}

#booth_end_area .booth_info_block .booth_infocopy_box{
	width: 1200px;
	font-size:22px;
	font-weight:800;
	line-height:50px;
	color:rgba(13,28,70,1.0);
	letter-spacing: 0.1em;
	text-align: center;
	
	margin: 0 auto 45px auto;
}

#booth_end_area .booth_info_block .booth_infocopy_box.end_copy{
	font-size:14px;
	margin: -40px auto 45px auto;
}


#booth_end_area .booth_info_block .booth_photo_box{
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap; 
	
	justify-content: space-between;
	
	margin: 0 0 50px 0;
	padding: 45px 50px;
	
	border-radius: 10px;
	background-color:rgba(255,255,255,1.0);
}

#booth_end_area .booth_info_block .booth_photo_box .booth_photoleft_block{
	max-width: 533px;
}

#booth_end_area .booth_info_block .booth_photo_box .booth_photoright_block{
	max-width: 533px;
}

#booth_end_area .booth_info_block .booth_photo_box .booth_photoleft_block img,
#booth_end_area .booth_info_block .booth_photo_box .booth_photoright_block img{
	width: 100%;
	height: auto;
}

#booth_end_area .booth_photo_end_box{
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: space-between;
	align-items:flex-start;
	
	margin:30px auto 50px auto;
	max-width: 1200px;
	
}
#booth_end_area .booth_photo_end_box .left_block{
	width:66.3%;
	max-width:796px;
}
#booth_end_area .booth_photo_end_box .right_block{
	width:33.3%;
	max-width:400px;
}
#booth_end_area .booth_photo_end_box img{
	width:100%;
/*
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: pixelated;
*/
}


/*   product_area   */
#product_area{
	background: rgb(25,54,82);
	padding: 110px 0 60px 0;
}

#product_area h2{
	margin: 0 0 75px 0;
	font-size:40px;
	font-weight:800;
	line-height:40px;
	color:rgba(255,255,255,1.0); 
	text-align: center;
	letter-spacing: 0.1em;
	
	width: 100%;

}

#product_area h2::after{
	content: "";
	display: block;
	width: 100px;
	height: 5px;
	
	background-color: rgba(255,255,255,1.0); 
	margin: 30px auto 0 auto;
	
}

#product_area .contents_inner{
	width: 100%;
	max-width: 1300px;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: flex-start;
	gap:20px;
	
	margin: 0 auto 65px auto;
}

#product_area .contents_inner a{
	width: calc((100% / 2) - (((2 - 1) / 2) * 20px));
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: space-between;
	
	background-color: rgba(100,100,100,1.00);
	border: solid 2px rgba(255,255,255,1.0);
	border-radius: 10px;
	
	transition:all .2s ease-in;
}

#product_area .contents_inner a h3{
	width: calc(100% - 72px);
	text-align: center;
	font-size:24px;
	font-weight:800;
	line-height:27px;
	color:rgba(255,255,255,1.0);
	letter-spacing: 0.06em;
	
	margin: 30px 0;
	padding: 0 5px;
	
	flex-shrink:1;
}

#product_area .contents_inner a .arrow_part {
	width: 32px;
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: space-between;
	align-items: center;
	
	text-align: center;
	margin: 0 40px 0 0;
}

#product_area .contents_inner a:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	text-decoration:none;
}

#product_area .contents_inner a.zoon01{
	background-color:var(--zoon01);
}
#product_area .contents_inner a.zoon02{
	background-color:var(--zoon02);
}
#product_area .contents_inner a.zoon03{
	background-color:var(--zoon03);
	width: 100%;
}


#product_area .product_block_area{
	width: 100%;
	max-width: 1400px;
	margin: 0 auto 50px auto;
}

#product_area .product_block_area #zoon01,
#product_area .product_block_area #zoon02,
#product_area .product_block_area #zoon03{
	padding: 0 0 60px 0;
	margin: 0 0 75px 0;
	border-radius: 10px;
	border: solid 2px rgba(255,255,255,1.0);
	
	max-width: 1400px;
	background: rgb(247,247,247);

}

#product_area .product_block_area .product_title_block{
	background: rgb(0,0,0);
	border-radius: 10px 10px 0 0;
	
	position: relative;
}

#product_area .product_block_area .product_title_block::before{
	content: "";
	display: block;
	width: 254px;
	height: 14px;
	
	background-color: rgba(255,255,255,0.5); 
	margin: 0 auto;
}

#product_area .product_block_area .product_title_block h3{
	width: 100%;
	text-align: center;
	font-size:34px;
	font-weight:800;
	color:rgba(255,255,255,1.0);
	letter-spacing: 0.1em;
	
	padding: 55px 0 40px 0;
}

#product_area .product_block_area .product_copy_block{
	padding: 50px 55px 60px 55px;
	
	position: relative;
}

#product_area .product_block_area .product_copy_block p{
	width: 100%;
	text-align: center;
	font-size:24px;
	font-weight:500;
	line-height:40px;
	color:rgba(63,58,57,1.0);
	letter-spacing: 0;
	
	padding: 0;
}

#product_area .product_block_area .att_block{
	width: 100%;
	max-width: 1250px;
	
	margin: 0 auto;
	
	padding: 60px 30px 0 30px;
}

#product_area .product_block_area .att_block p{
	font-size:15px;
	font-weight:400;
	line-height:130%;
	color:rgba(76,76,76,1.0);
	text-align: center;
	letter-spacing: 0.04em;
}

#product_area .product_block_area .space80{
	margin-bottom: 80px;
}



#product_area .product_block_area .product_block .img_box{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#product_area .product_block_area .noproduct_box{
	margin-bottom: 0 0 30px 0;
	background-color: rgba(255,255,255,0.00);
}

#product_area .product_block_area .product_block .product_box_group{
}

#product_area .product_block_area .product_block .product_box_group .product_box_group_inner{
	background-color: rgba(230,230,230,1.00);
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: space-between;
	align-content: flex-start;
}

#product_area .product_block_area .product_block .product_box_group h3.sub_title{
	width: 100%;
	font-size:30px;
	font-size:clamp( 24px, calc( 17.704918032786885px + 0.9836065573770493vw ), 30px );
	font-weight:800;
	line-height:100%;
	color:rgba(0,0,0,1.0);
	text-align: center;
	letter-spacing: 0.04em;
	
	background-color:rgba(200,200,200,1.0);
	padding: 20px 0;
}

#product_area .product_block_area .product_block .product_box_group h3.sub_title .sp_number{
	display: none;
}

#product_area .product_block_area .product_block .product_box_group .point_copy{
	width: 100%;
	padding: 20px 30px 0 30px;
	text-align: center;
	
}

#product_area .product_block_area .product_block .product_box_group .point_copy p{
	padding: 20px 30px;
	
	border: solid 1px rgba(0,0,0,1.0);
	background-color: #fff;
	
	font-size:26px;
	font-size:clamp( 20px, calc( 13.704918032786885px + 0.9836065573770493vw ), 26px );
	font-weight:800;
	line-height:100%;
	color:rgba(76,76,76,1.0);
	text-align: center;
	letter-spacing: 0.02em;
	
}

#product_area .product_block_area .product_box{
	width: calc(100% - 3vw);
	margin: 1.5vw;
	background-color: rgba(255,255,255,1.00);
	box-shadow: 0px 0px 16px 10px rgba(0,0,0,0.05);
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	flex-direction: column;
	
	transition:all .2s ease-in;
}

#product_area .product_block_area a.product_box:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	text-decoration:none;
}

#product_area .product_block .cate_name_box{
	padding: 0;
	font-size:14px;
	font-weight:800;
	line-height:100%;
	color:rgba(0,0,0,1.0);
	text-align: right;
	letter-spacing: 0.1em;
	
	width: 100%;
	height: 3px;
	background-color: rgba(200,200,200,1.0);
	border-top: solid 3px rgba(0, 0, 0, 1.0);
	
	overflow: hidden;
	
	display: none;
}


#product_area .product_box .photo_box{
	padding: 0;
	text-align: center;
}

#product_area .product_box .photo_box img{
	width: 100%;
	height: auto;
	display: block;
}

#product_area .product_box .photo_box_sp{
	display: none;
}

#product_area .product_box .detail_box{
	padding: 0 15px;
	margin: 15px 0 10px 0;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: space-between;
}

#product_area .product_box .detail_box h4{
	width: 100%;
	font-size:20px;
	font-size:clamp( 16px, calc( 11.803278688524589px + 0.6557377049180327vw ), 20px );
	font-weight:800;
	line-height:130%;
	color:rgba(76,76,76,1.0);
	text-align: center;
	
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	 
	border-bottom: solid 2px rgba(0,50,102,1.0);
}

#product_area .product_box .detail_box p{
	width: 100%;
	font-size:22px;
	font-size:clamp( 18px, calc( 13.803278688524589px + 0.6557377049180327vw ), 22px );
	font-weight:800;
	line-height:130%;
	color:rgba(0,50,102,1.0);
	text-align: center;
}

#product_area .product_block_area .product_block{
	
	width: 100%;
	max-width: 1250px;
	
	margin: 0 auto;
	
	display: grid;
	gap:1.5vw;
}


#product_area .product_block_area #zoon01 .product_title_block{
	background-color:var(--zoon01);
}
#product_area .product_block_area #zoon02 .product_title_block{
	background-color:var(--zoon02);
}
#product_area .product_block_area #zoon03 .product_title_block{
	background-color:var(--zoon03);
}

#product_area .product_block_area #zoon01 .product_copy_block h4{
	color:var(--zoon01);
}
#product_area .product_block_area #zoon02 .product_copy_block h4{
	color:var(--zoon02);
}
#product_area .product_block_area #zoon03 .product_copy_block h4{
	color:var(--zoon03);
}

#product_area .product_block_area #zoon01 .product_copy_block h4::before{
	background-color:var(--zoon01);
}
#product_area .product_block_area #zoon02 .product_copy_block h4::before{
	background-color:var(--zoon02);
}
#product_area .product_block_area #zoon03 .product_copy_block h4::before{
	background-color:var(--zoon03);
}

#product_area .product_block_area #zoon01 .product_block01{
	background-image: url("../zoon01_main01.webp");
	background-position: top center;
	background-repeat: no-repeat;
	background-size:contain;
	
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, auto);
	
	margin-bottom: 40px;
}

#product_area .product_block_area #zoon01 .product_block01 .img_box01{
	width: 100%;
	padding-top: 52.85%;
	grid-column: span 3 / span 3;

}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group01{
	grid-row: span 2 / span 2;
	grid-row-start: 2;
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group01 .product_box_group_inner{
	background-color: rgba(249,221,226,1.00);
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group01 .product_box_group_inner h3.sub_title{
	color:rgba(230,0,32,1.0);
	background-color: rgba(245,199,206,1.00);
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group02{
	grid-row-start: 2;
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group02 .product_box_group_inner{
	background-color: rgba(249,221,226,1.00);
	margin: 0 0 1.5vw 0;
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group02 .product_box_group_inner + .product_box_group_inner{
	margin: 0;
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group02 .product_box_group_inner h3.sub_title{
	color:rgba(230,0,32,1.0);
	background-color: rgba(245,199,206,1.00);
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group03{
	grid-row-start: 2;
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group03 .product_box_group_inner{
	background-color: rgba(221,237,246,1.00);
}
#product_area .product_block_area #zoon01 .product_block01 .product_box_group03 .product_box_group_inner h3.sub_title{
	color:rgba(0,164,225,1.0);
	background-color: rgba(187,220,237,1.00);
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group04{
	grid-column-start: 2;
	grid-row-start: 3;
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group04 .product_box_group_inner{
	background-color: rgba(248,227,197,1.00);
}
#product_area .product_block_area #zoon01 .product_block01 .product_box_group04 .product_box_group_inner h3.sub_title{
	color:rgba(212,110,7,1.0);
	background-color: rgba(243,207,159,1.00);
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group04 .point_copy p span{
	color:rgba(212,110,7,1.0);
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group05{
	grid-column-start: 3;
	grid-row-start: 3;
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group05 .product_box_group_inner{
	background-color: rgba(208,231,217,1.00);
}
#product_area .product_block_area #zoon01 .product_block01 .product_box_group05 .product_box_group_inner h3.sub_title{
	color:rgba(18,135,66,1.0);
	background-color: rgba(181,208,174,1.00);
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group05 .point_copy p span{
	color:rgba(18,135,66,1.0);
}

#product_area .product_block_area #zoon01 .product_block02 .product_box_group01{
}

#product_area .product_block_area #zoon01 .product_block02 .product_box_group01 .product_box_group_inner{
	background-color: rgba(234,234,234,1.00);
	justify-content: space-around;
}

#product_area .product_block_area #zoon01 .product_block02 .product_box_group01 .product_box_group_inner h3.sub_title{
	color:rgba(102,102,102,1.0);
	background-color: rgba(206,206,206,1.00);
}

#product_area .product_block_area #zoon01 .product_block02 .product_box_group01 .product_box_group_inner .product_box{
	width: calc((100% / 3) - (((3 - 1) / 3) * 4.5vw));
	margin: 1.5vw;
	background-color: rgba(255,255,255,1.00);
	box-shadow: 0px 0px 16px 10px rgba(0,0,0,0.05);
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	flex-direction: column;
	
	transition:all .2s ease-in;
}



#product_area .product_block_area #zoon02 .product_block01{
	background-image: url("../zoon02_main01.webp");
	background-position: top left;
	background-repeat: no-repeat;
	background-size:contain;
	
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, auto);
	
	margin-bottom: 80px;
}

#product_area .product_block_area #zoon02 .product_block01 .img_box01{
	width: 100%;
	padding-top: 45.03%;
	grid-column: span 2 / span 2;

}

#product_area .product_block_area #zoon02 .product_block01 .product_box_group01{
	grid-column-start: 3;
}

#product_area .product_block_area #zoon02 .product_block01 .product_box_group01 .product_box_group_inner{
	background-color: rgba(248,227,197,1.00);
}

#product_area .product_block_area #zoon02 .product_block01 .product_box_group01 .product_box_group_inner h3.sub_title{
	color:rgba(212,110,7,1.0);
	background-color: rgba(243,207,159,1.00);
}

#product_area .product_block_area #zoon02 .product_block01 .product_box_group01 .point_copy p span{
	color:rgba(212,110,7,1.0);
}

#product_area .product_block_area #zoon02 .product_block01 .product_box_group02{
	grid-column: span 2 / span 2;
	grid-row-start: 2;
}

#product_area .product_block_area #zoon02 .product_block01 .product_box_group02 .product_box_group_inner{
	background-color: rgba(249,221,226,1.00);
}

#product_area .product_block_area #zoon02 .product_block01 .product_box_group02 .product_box_group_inner h3.sub_title{
	color:rgba(230,0,32,1.0);
	background-color: rgba(245,199,206,1.00);
}

#product_area .product_block_area #zoon02 .product_block01 .product_box_group02 .product_box_group_inner .product_box{
	width: calc(50% - 2vw);
	margin: 1vw;
	background-color: rgba(255,255,255,1.00);
	box-shadow: 0px 0px 16px 10px rgba(0,0,0,0.05);
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	flex-direction: column;
	
	transition:all .2s ease-in;
}

#product_area .product_block_area #zoon02 .product_block01 .product_box_group02 .point_copy p span{
	color:rgba(230,0,32,1.0);
}

#product_area .product_block_area #zoon02 .product_block01 .product_box_group03{
	grid-column-start: 3;
	grid-row-start: 2;
}

#product_area .product_block_area #zoon02 .product_block01 .product_box_group03 .product_box_group_inner{
	background-color: rgba(208,231,217,1.00);
}
#product_area .product_block_area #zoon02 .product_block01 .product_box_group03 .product_box_group_inner h3.sub_title{
	color:rgba(18,135,66,1.0);
	background-color: rgba(181,208,174,1.00);
}

#product_area .product_block_area #zoon02 .product_block01 .product_box_group03 .point_copy p span{
	color:rgba(18,135,66,1.0);
}

#product_area .product_block_area #zoon02 .product_block02{
	background-image: url("../zoon02_main02.webp");
	background-position: top center;
	background-repeat: no-repeat;
	background-size:auto;
	
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, auto);
}

#product_area .product_block_area #zoon02 .product_block02 .img_box02{
	width: 100%;
	padding-top: 40.46%;
	grid-column: span 3 / span 3;
}

#product_area .product_block_area #zoon02 .product_block02 .product_box_group01{
	grid-row: span 2 / span 2;
	grid-row-start: 2;
}

#product_area .product_block_area #zoon02 .product_block02 .product_box_group01 .product_box_group_inner{
	background-color: rgba(234,234,234,1.00);
}

#product_area .product_block_area #zoon02 .product_block02 .product_box_group01 .product_box_group_inner h3.sub_title{
	color:rgba(102,102,102,1.0);
	background-color: rgba(206,206,206,1.00);
}

#product_area .product_block_area #zoon02 .product_block02 .product_box_group02{
	grid-row-start: 2;
}

#product_area .product_block_area #zoon02 .product_block02 .product_box_group02 .product_box_group_inner{
	background-color: rgba(234,234,234,1.00);
}

#product_area .product_block_area #zoon02 .product_block02 .product_box_group02 .product_box_group_inner h3.sub_title{
	color:rgba(102,102,102,1.0);
	background-color: rgba(206,206,206,1.00);
}

#product_area .product_block_area #zoon02 .product_block02 .product_box_group03{
	grid-row-start: 2;
}

#product_area .product_block_area #zoon02 .product_block02 .product_box_group03 .product_box_group_inner{
	background-color: rgba(234,234,234,1.00);
}
#product_area .product_block_area #zoon02 .product_block02 .product_box_group03 .product_box_group_inner h3.sub_title{
	color:rgba(102,102,102,1.0);
	background-color: rgba(206,206,206,1.00);
}

#product_area .product_block_area #zoon02 .product_block02 .product_box_group04{
	grid-column-start: 2;
	grid-row-start: 3;
}

#product_area .product_block_area #zoon02 .product_block02 .product_box_group04 .product_box_group_inner{
	background-color: rgba(234,234,234,1.00);
}
#product_area .product_block_area #zoon02 .product_block02 .product_box_group04 .product_box_group_inner h3.sub_title{
	color:rgba(102,102,102,1.0);
	background-color: rgba(206,206,206,1.00);
}

#product_area .product_block_area #zoon02 .product_block02 .product_box_group05{
	grid-column-start: 3;
	grid-row-start: 3;
}

#product_area .product_block_area #zoon02 .product_block02 .product_box_group05 .product_box_group_inner{
	background-color: rgba(234,234,234,1.00);
}
#product_area .product_block_area #zoon02 .product_block02 .product_box_group05 .product_box_group_inner h3.sub_title{
	color:rgba(102,102,102,1.0);
	background-color: rgba(206,206,206,1.00);
}


#product_area .product_block_area #zoon03 .product_block01{
	background-image: url("../zoon03_main01.webp");
	background-position: top center;
	background-repeat: no-repeat;
	background-size:contain;
	
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, auto);

	margin-bottom: 80px;
}

#product_area .product_block_area #zoon03 .product_block01 .img_box01{
	width: 100%;
	padding-top: 56.93%;
	grid-column: span 2 / span 2;

}

#product_area .product_block_area #zoon03 .product_block01 .product_box_group01{
	grid-column-start: 3;
}

#product_area .product_block_area #zoon03 .product_block01 .product_box_group01 .product_box_group_inner{
	background-color: rgba(221,237,246,1.00);
}

#product_area .product_block_area #zoon03 .product_block01 .product_box_group01 .product_box_group_inner h3.sub_title{
	color:rgba(0,164,225,1.0);
	background-color: rgba(187,220,237,1.00);
}

#product_area .product_block_area #zoon03 .product_block01 .product_box_group02{
	grid-row-start: 2;
}

#product_area .product_block_area #zoon03 .product_block01 .product_box_group02 .product_box_group_inner{
	background-color: rgba(249,221,226,1.00);
}

#product_area .product_block_area #zoon03 .product_block01 .product_box_group02 .product_box_group_inner h3.sub_title{
	color:rgba(230,0,32,1.0);
	background-color: rgba(245,199,206,1.00);
}

#product_area .product_block_area #zoon03 .product_block01 .product_box_group03{
	grid-row-start: 2;
}

#product_area .product_block_area #zoon03 .product_block01 .product_box_group03 .product_box_group_inner{
	background-color: rgba(249,221,226,1.00);
}
#product_area .product_block_area #zoon03 .product_block01 .product_box_group03 .product_box_group_inner h3.sub_title{
	letter-spacing: -0.02em;
	color:rgba(230,0,32,1.0);
	background-color: rgba(245,199,206,1.00);
}

#product_area .product_block_area #zoon03 .product_block01 .product_box_group04{
	grid-row-start: 2;
}

#product_area .product_block_area #zoon03 .product_block01 .product_box_group04 .product_box_group_inner{
	background-color: rgba(234,234,234,1.00);
}
#product_area .product_block_area #zoon03 .product_block01 .product_box_group04 .product_box_group_inner h3.sub_title{
	color:rgba(102,102,102,1.0);
	background-color: rgba(206,206,206,1.00);
}

#product_area .product_block_area #zoon03 .product_block02{
	background-image: url("../zoon03_main02.webp");
	background-position: top center;
	background-repeat: no-repeat;
	background-size:contain;
	
	display: block;
	
	margin-bottom: 80px;
}

#product_area .product_block_area #zoon03 .product_block02 .img_box01{
	width: 100%;
	padding-top: 41.93%;
}

#product_area .product_block_area #zoon03 .product_block02 .product_box_group01{
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	justify-content: center;
}

#product_area .product_block_area #zoon03 .product_block02 .product_box_group01 .product_box_group_inner{
	background-color: rgba(221,237,246,1.00);
	width: calc(100% / 3);
	margin: 1vw;
}

#product_area .product_block_area #zoon03 .product_block02 .product_box_group01 .product_box_group_inner h3.sub_title{
	color:rgba(0,164,225,1.0);
	background-color: rgba(187,220,237,1.00);
}

#product_area .product_block_area #zoon03 .product_block02 .product_box_group01 .product_box_group_inner + .product_box_group_inner{
	background-color: rgba(248,227,197,1.00);
}

#product_area .product_block_area #zoon03 .product_block02 .product_box_group01 .product_box_group_inner + .product_box_group_inner h3.sub_title{
	color:rgba(212,110,7,1.0);
	background-color: rgba(243,207,159,1.00);
}

#product_area .product_block_area #zoon03 .product_block03{
	background-image: url("../zoon03_main03.webp");
	background-position: top center;
	background-repeat: no-repeat;
	background-size:contain;
	
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(3, auto);
}


#product_area .product_block_area #zoon03 .product_block03 .img_box01{
	width: 100%;
	padding-top: 41.93%;
	grid-column: span 3 / span 3;
}

#product_area .product_block_area #zoon03 .product_block03 .product_box_group01{
	grid-row-start: 2;
}

#product_area .product_block_area #zoon03 .product_block03 .product_box_group01 .product_box_group_inner{
	background-color: rgba(221,237,246,1.00);
}

#product_area .product_block_area #zoon03 .product_block03 .product_box_group01 .product_box_group_inner h3.sub_title{
	color:rgba(0,164,225,1.0);
	background-color: rgba(187,220,237,1.00);
}

#product_area .product_block_area #zoon03 .product_block03 .product_box_group02{
	grid-row-start: 2;
}

#product_area .product_block_area #zoon03 .product_block03 .product_box_group02 .product_box_group_inner{
	background-color: rgba(234,234,234,1.00);
}

#product_area .product_block_area #zoon03 .product_block03 .product_box_group02 .product_box_group_inner h3.sub_title{
	color:rgba(102,102,102,1.0);
	background-color: rgba(206,206,206,1.00);
}

#product_area .product_block_area #zoon03 .product_block03 .product_box_group03{
	grid-row-start: 2;
}

#product_area .product_block_area #zoon03 .product_block03 .product_box_group03 .product_box_group_inner{
	background-color: rgba(248,227,197,1.00);
}
#product_area .product_block_area #zoon03 .product_block03 .product_box_group03 .product_box_group_inner h3.sub_title{
	color:rgba(212,110,7,1.0);
	background-color: rgba(243,207,159,1.00);
}



#product_area #zoon01 .product_box .cate_name_box{
	border-top: solid 11px var(--zoon01);
}
#product_area #zoon02 .product_box .cate_name_box{
	border-top: solid 11px var(--zoon02);
}
#product_area #zoon03 .product_box .cate_name_box{
	border-top: solid 11px var(--zoon03);
}

#product_area #zoon01 .product_box .detail_btn a .detail_btn_parts .detail_btn_icon_part{
	background-color: var(--zoon01);
}
#product_area #zoon01 .product_box .detail_btn a .detail_btn_parts .detail_btn_part{
	background-color: var(--zoon01);
}
#product_area #zoon02 .product_box .detail_btn a .detail_btn_parts .detail_btn_icon_part{
	background-color: var(--zoon02);
}
#product_area #zoon02 .product_box .detail_btn a .detail_btn_parts .detail_btn_part{
	background-color: var(--zoon02);
}
#product_area #zoon03 .product_box .detail_btn a .detail_btn_parts .detail_btn_icon_part{
	background-color: var(--zoon03);
}
#product_area #zoon03 .product_box .detail_btn a .detail_btn_parts .detail_btn_part{
	background-color: var(--zoon03);
}



#product_area .product_block_area .arrow_product_box{
	width: 100%;

	margin: 0 0 30px 0;
	background-color: rgba(255,255,255,0.00);
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: flex-end;
	
	position: absolute;
	bottom: 0;
}

#product_area .product_block_area .arrow_product_box a{
	width: 60px;
	height: 60px;
	text-align: center;
	margin: 0;
	padding: 0;
	
	font-size:30px;
	font-weight:800;
	line-height:30px;
	color:rgba(255,255,255,1.0);
	letter-spacing: 0.1em;
	
	background-color: rgba(0,0,0,1.00);
	border-radius: 50%;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: center;
	align-content: center;
}

#product_area .product_block_area .arrow_product_box a:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	text-decoration:none;
}

#product_area .product_block_area .arrow_product_box a span{
	font-size:36px;
}




/*   footer   */
footer {
	margin: 0 0 60px 0;
	padding: 30px 0 60px 0;
}

#sns_area {
	width: 100%;
	padding: 10px;
	transition: all .5s ease;
	
	margin: 0 0 100px 0;
}

#sns_area ul {
	-js-display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-flex-direction: center;
	-ms-align-items: center;
	-o-flex-wrap: center;
	align-items: center;
	
	list-style: none;
}

#sns_area ul li {
	width: 340px;
	margin: 0 10px
}

#sns_area ul li a {
	display: block;
	height: 63px;

	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s
}

#sns_area ul li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	text-decoration:none;
}

#hitachi-metals_area a{
	width: 220px;
	display: block;
	margin: 0 auto 15px auto;
}

#hitachi-metals_area a img{
	width: 100%;
	height: auto;
}

#hitachi-metals_area address{
	font-size:12px;
	font-weight:300;
	line-height:100%;
	color:rgba(76,76,76,1.0); 
	text-align: center;
	text-decoration: none;
	font-style: normal;
}

#footer_bg img{
	width: 100%;
	height: auto;
}

/*   footer   */

#fixnav {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 99999;
	width: 100%;
	background-color: rgba(255,255,255,1.0);
	padding: 10px;
	
	animation-delay:0.1s;
	animation-duration: 0.5s;
	animation-timing-function: ease-in-out;
	animation-fill-mode:forwards;
	
	transition: all .5s ease;
}

#fixnav ul {
	-js-display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	-moz-flex-direction: center;
	-ms-align-items: center;
	-o-flex-wrap: center;
	align-items: center;
	
	list-style: none;
}

#fixnav ul li {
	width: 350px;
	margin: 0 10px
}

#fixnav ul li a {
	display: block;
	height: 63px;
	font-size:20px;
	font-weight:800;
	line-height:63px;
	color:rgba(255,255,255,1.0); 
	letter-spacing: 0.13em;
	text-align: center;
	
	background: rgb(2,108,182);
	background: linear-gradient(90deg, rgba(2,108,182,1) 0%, rgba(0,235,237,1) 100%);
	
	border-radius: 28px;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	-ms-transition: all .3s
}

/*
#fixnav ul li#download a {
	background: rgba(245,68,70,1.0);

}

#fixnav ul li#inquiry a {
	background: rgba(56,159,178,1.0);

}
*/

#fixnav ul li a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	text-decoration:none;
}

/*   anime   */
.anime_point {
  opacity: 0;
  transition: all .5s ease;
  transform: translate(0, 50px);
}

.anime_point.show {
  opacity: 1;
  transform: none;
  transform: translate(0, 0);
}


/*   Contents   */

/*------------------------------
SmartPhone---768breakPoint
================================*/
@media screen and (max-width: 768px) {
/*#responsive base*/

html, body {
		height: 100%;
		width: 100%;
}

html { font-size: calc(100vw / 3.75) !important; }

body {
	font-family: 'BIZ UDPGothic','Noto Sans JP','メイリオ',sans-serif;
max-width: 1400px;	font-weight: 500;
	font-size: 12px; /*ベースを10pxにしています*/
	background-color: #FFF;
	color: #212121;
	line-height:150%;
}

.txt16 {
		font-size: 16px;
}

.txt14 {
		font-size: 14px;
}

.txt11 {
		font-size: 11px !important;
}
.txt700 {
		font-weight: 700;
}

.blue{
		color: #005bac;
}
.txw{
		color: #FFFFFF;
}
.bgg {
		background-color: #efefef;
}
.bgb {
		background-color: #0F5BAC;
}
.bglb {
		background-color: #e5eef7;
}
.mt15 {
		margin-top: 15px;
}
.mb15 {
		margin-bottom: 15px;
}

/*   all parts   */
br.pc{
	display: none;
}
br.sp{
	display: block;
}
.pc{
	display:none;
}
i.fas{
		vertical-align: middle;
		padding: 0 0 2px 0;
}

main{
	padding: 0 0 0 0;
}


#contents{
		width: 100%;
}

.contents_inner{
	width: 100%;
	max-width: 100%;
		margin: 0 auto;
}



/*   Header   */

#skip_menu {
	width:100%;
	height:100%;
	
	position:relative;
	display:none;
}


/*   aside   */
aside {
		display:none;
}

/*   mainimg_area   */
#mainimg_area{
	margin: 0;
}

#mainimg_area .contents_inner{
		width: 100%;
	height: 60vw;
	max-height:none;
	
		padding: 0;
		margin: 0 auto;
		position: relative;
	
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:nowrap;
		-ms-flex-wrap:nowrap;
		flex-wrap:nowrap;
	
		justify-content: center;
		align-items: center;
	
		background-image: url("../main_img.webp");
	background-position: bottom center;
		background-repeat: no-repeat;
	background-size: cover;
	
		opacity: 0;
		animation-delay:0.1s;
		animation-duration: 0.5s;
		animation-timing-function: ease-in-out;
		animation-fill-mode:forwards;

		-webkit-animation-name: fadeInLeft;
		-moz-animation-name: fadeInLeft;
		-o-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
}

#mainimg_area .contents_inner .maincopy_block{
		width: 100%;
	max-width: 100%;

		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:nowrap;
		-ms-flex-wrap:nowrap;
		flex-wrap:nowrap;

		justify-content: flex-start;
		align-content: center;
}

#mainimg_area .contents_inner .maincopy_block h1{
	width: 60vw;
	height: 50%;
	margin: 0 0 0 30px;
}

#mainimg_area .contents_inner .maincopy_block h1 img{
		filter: drop-shadow(2px 2px 2px rgba(26, 33, 64, 0.50)) drop-shadow(-2px -2px 2px rgba(26, 33, 64, 0.50)) drop-shadow(5px 5px 5px rgba(26, 33, 64, 0.50)) drop-shadow(-5px -5px 5px rgba(26, 33, 64, 0.50)) drop-shadow(0px 0px 15px rgba(26, 33, 64, 0.50));

}


/*   end_area   */
#info_area{
		width: 100%;
		background: rgba(255,255,255,1.0);
		
	padding: 30px 0.1rem;

		background-image: url("../info_bg.webp");
		background-position: bottom center;
		background-repeat: no-repeat;
		background-size:cover;
}
#info_area .contents_inner{
	width: 100%;
	max-width: 100%;
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;

		justify-content: space-between;
		align-items: center;
		
		box-shadow: 0px 0px 15px -5px #777777;
		border-radius: 10px;
}
	
#info_area .contents_inner .info_title_block{
	width: 100%;
	flex-basis: 100%;
	border-radius: 10px 10px 0 0;
	padding: 10px 0;
	
		background: rgb(255,255,255);
	
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:nowrap;
		-ms-flex-wrap:nowrap;
		flex-wrap:nowrap;

		justify-content: center;
		align-items: center;
	
}

#info_area .contents_inner .info_title_block img{
	width: 70%;
		height: auto;
}

	
#info_area .contents_inner .info_detail_block{
	width: 100%;
	margin: 0;
	padding: 0.2rem;
	
	border-radius: 0 0 10px 10px;
	
		background: rgba(247,247,247,1.0);

		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
	display: block;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		justify-content: center;
		align-items: center;
		align-content: center;
}


#info_area .contents_inner .info_detail_block .maintitle_box{
		margin: 0 0 15px 0;
}

#info_area .contents_inner .info_detail_block .maintitle_box .title_part{
	width: 100%;
		height: auto;
		display: block;
}

#info_area .contents_inner .info_detail_block .mainday_box{
	
}


#info_area .contents_inner .info_detail_block .mainday_box .day_part{
	width: 100%;
		height: auto;
		display: block;
}

#info_area .contents_inner .info_detail_block .subday_box{
	margin: 10px 0 30px 0;
}


#info_area .contents_inner .info_detail_block .subday_box .day_part{
	width: 100%;
		height: auto;
		display: block;
}

#info_area .contents_inner .info_detail_block .infolink_block{
	width: 100%;
		padding: 0;

		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:nowrap;
		-ms-flex-wrap:nowrap;
		flex-wrap:nowrap;
}

#info_area .contents_inner .info_detail_block .infolink_block a{
		display: block;
		width: 100%;
		height: 55px;
		margin: 0;
		font-size:20px;
		font-weight:800;
		line-height:55px;
		color:rgba(255,255,255,1.0); 
		letter-spacing: 0.04em;
		text-align: center;

		background: rgb(2,108,182);
		background: linear-gradient(90deg, rgba(2,108,182,1) 0%, rgba(0,235,237,1) 100%);

		border-radius: 28px;
		border: solid 2px rgba(255,255,255,1.00);
		text-shadow: 1px 1px 10px rgba(0,0,0,0.4);
		transition: all .3s;
		-moz-transition: all .3s;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		-ms-transition: all .3s;

		position: relative;
}

#info_area .contents_inner .info_detail_block .infolink_block a:hover{
		filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
		text-decoration:none;
}

#info_area .contents_inner .info_detail_block .infolink_block a::after{
		content: "";

		background-image: url("../info_arrow.svg");
		background-position: bottom center;
		background-repeat: no-repeat;
		background-size:cover;

		position: absolute;
		top:0;
		bottom: 0;
		right: 10px;

		width: 33px;
		height: 40px;
		margin: auto;
}


/*   booth_area   */
#booth_area{
		width: 100%;
		background: rgba(247,247,247,1.0);

	padding: 40px 0;
}

#booth_area .booth_copy_block{
		width: 100%;
}

#booth_area .booth_copy_block h2{
	font-size:18px;
		font-weight:800;
	line-height:30px;
	color:rgba(13,28,70,1.0);
		letter-spacing: 0.1em;
	text-align: left;
	
	margin: 0 0 40px 0;
	padding: 0 0.1rem;
}

#booth_area .booth_info_block{
	width: 100%;
		margin: 0 auto;
	padding: 30px 0.1rem;
}

#booth_area .booth_info_block h2{
	font-size:24px;
		font-weight:800;
	line-height:24px;
		color:rgba(13,28,70,1.0);
		letter-spacing: 0.1em;
		text-align: center;
	
		margin: 0 0 30px 0;
}
	
#booth_area .booth_info_block .booth_photo_box{
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:nowrap;
		-ms-flex-wrap:nowrap;
		flex-wrap:nowrap; 

		justify-content: center;
		align-items: center;
		align-content: center;
	
	margin: 0 0 30px 0;
	padding: 0.1rem;
	
		border-radius: 10px;
		background-color:rgba(255,255,255,1.0);
		box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.1);
}

#booth_area .booth_info_block .booth_photo_box .booth_infocopy_part{
	width: 100%;
	margin: 0 0 15px 0;
}

#booth_area .booth_info_block .booth_photo_box .booth_infocopy_part p{
	font-size:18px;
		font-weight:800;
	line-height:30px;
		color:rgba(63,58,57,1.0);
		letter-spacing: 0.1em;
		text-align: left;
}


#booth_area .booth_info_block .booth_photo_box{
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
		justify-content: space-between;
	
	margin: 0 0 10px 0;
	padding: 25px 10px;
}

#booth_area .booth_info_block .booth_photo_box .booth_photoright_block{
	width: 100%;
}

#booth_area .booth_info_block .booth_photo_box .booth_photoright_block img{
	width: 100%;
	height: auto;
}
	
#booth_area .booth_photo_end_box{
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		justify-content: space-between;
		align-items:flex-start;

		margin:30px auto 50px auto;
	padding: 0 10px;
	max-width: 100%;
	
}
#booth_area .booth_photo_end_box .left_block{
	width:100%;
	max-width:100%;
}
#booth_area .booth_photo_end_box .right_block{
	width:100%;
	max-width:100%;
}
#booth_area .booth_photo_end_box img{
	width:100%;
}

/*   booth_end_area   */
#booth_end_area{
		width: 100%;
		background: rgba(247,247,247,1.0);
	
	padding: 40px 0;
}


#booth_end_area .booth_info_block{
	width: 100%;
		margin: 0 auto;
	padding: 30px 0.1rem;
}

#booth_end_area .booth_info_block h2{
	font-size:24px;
		font-weight:800;
	line-height:24px;
		color:rgba(13,28,70,1.0);
		letter-spacing: 0.1em;
		text-align: center;
	
		margin: 0 0 30px 0;
}

#booth_end_area .booth_info_block h2.end_title{
	font-size:24px;
}

#booth_end_area .booth_info_block h2::after{
	content: "";
	display: block;
	width: 100px;
	height: 5px;
	
	background-color: rgba(10,99,176,1.0);
	margin: 30px auto 0 auto;
	
}

#booth_end_area .booth_info_block .booth_infocopy_box{
	width: 100%;
	font-size:16px;
		font-weight:400;
		line-height:28px;
		color:rgba(13,28,70,1.0);
		letter-spacing: 0.1em;
	text-align: left;
	
	margin: 0 auto 25px auto;
}

#booth_end_area .booth_info_block .booth_infocopy_box.end_copy{
	font-size:14px;
	margin: -20px auto 45px auto;
}


#booth_end_area .booth_info_block .booth_photo_box{
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
		justify-content: space-between;
	
	margin: 0 0 10px 0;
	padding: 25px 10px;
}

#booth_end_area .booth_info_block .booth_photo_box .booth_photoleft_block{
	width: 100%;
}

#booth_end_area .booth_info_block .booth_photo_box .booth_photoleft_block img{
	width: 100%;
	height: auto;
}

#booth_end_area .booth_info_block .booth_photo_box .booth_photoright_block{
	width: 100%;
}

#booth_end_area .booth_info_block .booth_photo_box .booth_photoleft_block img,
#booth_end_area .booth_info_block .booth_photo_box .booth_photoright_block img{
	width: 100%;
	height: auto;
}

#booth_end_area .booth_photo_end_box{
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		justify-content: space-between;
		align-items:flex-start;

		margin:30px auto 50px auto;
	padding: 0 10px;
	max-width: 100%;
	
}
#booth_end_area .booth_photo_end_box .left_block{
	width:100%;
	max-width:100%;
}
#booth_end_area .booth_photo_end_box .right_block{
	width:100%;
	max-width:100%;
}
#booth_end_area .booth_photo_end_box img{
	width:100%;
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: pixelated;
}


/*   product_area   */
#product_area{
		background: rgb(25,54,82);
	padding: 30px 0 60px 0;
}


#product_area h2{
	margin: 0 0 20px 0;
	padding: 0 0 15px 0;
	font-size:24px;
		font-weight:800;
	line-height:24px;
		color:rgba(255,255,255,1.0); 
		text-align: center;
		letter-spacing: 0.1em;
	
		width: 100%;

}

#product_area .contents_inner{
	width: 100%;
		max-width: 100%;
	
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;

		justify-content: flex-start;
	gap:20px;
	
	margin: 0 auto 35px auto;
	padding: 0 0.1rem;
}

#product_area .contents_inner a{
	width: 100%;
	margin: 0;
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		justify-content: space-between;

		background-color: rgba(100,100,100,1.00);
		border: solid 2px rgba(255,255,255,1.0);
		border-radius: 10px;
}

#product_area .contents_inner a h3{
		width: calc(100% - 42px);
		text-align: center;
	font-size:20px;
		font-weight:800;
		color:rgba(255,255,255,1.0);
	letter-spacing: 0;

		margin: 30px 0 35px 0;
	padding: 0 0.1rem;
	
	flex-shrink:1;
}

#product_area .contents_inner a .arrow_part {
		width: 32px;
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		justify-content: space-between;
		align-items: center;

		text-align: center;
		margin: 0 10px 0 0;
}

#product_area .contents_inner a:hover{
		filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
		text-decoration:none;
}

#product_area .contents_inner a.zoon01{
		background-color:var(--zoon01);
}
#product_area .contents_inner a.zoon02{
		background-color:var(--zoon02);
}
#product_area .contents_inner a.zoon03{
		background-color:var(--zoon03);
}



#product_area .product_block_area{
		width: 100vw;
		max-width: 100%;
		margin: 0 auto 50px auto;
	padding: 0 0.1rem;
}

#product_area .product_block_area #zoon01,
#product_area .product_block_area #zoon02,
#product_area .product_block_area #zoon03{
		padding: 0 0 60px 0;
		margin: 0 0 75px 0;
		border-radius: 10px;
	
	max-width: 100%;
		background: rgb(247,247,247);
}
	
#product_area .product_block_area .product_title_block{
		background: rgb(0,0,0);
		border-radius: 10px 10px 0 0;

		position: relative;
}
	
#product_area .product_block_area .product_title_block::before{
		content: "";
		display: block;
	width: 180px;
		height: 14px;

		background-color: rgba(255,255,255,0.5); 
		margin: 0 auto;
}
	
#product_area .product_block_area .product_title_block h3{
		width: 100%;
		text-align: center;
	font-size:24px;
	line-height: 1.5;
		font-weight:800;
		color:rgba(255,255,255,1.0);
		letter-spacing: 0.1em;

	padding: 35px 0 20px 0;
}

#product_area .product_block_area .product_copy_block{
	padding: 30px 0.1rem 30px 0.1rem;
	
		position: relative;
}

#product_area .product_block_area .product_copy_block p{
		width: 100%;
		text-align: left;
	font-size:17px;
		font-weight:500;
	line-height:30px;
		color:rgba(0,0,0,1.0);
		letter-spacing: 0.04em;

		padding: 0 0 10px 0;
}

#product_area .product_block_area .att_block{
		width: 100%;
	max-width: 100%;
	
	margin: 0 auto;
	
	padding: 30px 60px 0 0.1rem;
}

#product_area .product_block_area .att_block p{
	font-size:14px;
		font-weight:400;
		line-height:130%;
		color:rgba(76,76,76,1.0);
	text-align: left;
		letter-spacing: 0.04em;
}

#product_area .product_block_area .space80{
	margin-bottom: 40px;
}

#product_area .product_block_area .product_block .img_box{
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
}

#product_area .product_block_area .noproduct_box{
		margin-bottom: 0 0 30px 0;
		background-color: rgba(255,255,255,0.00);
}

#product_area .product_block_area .product_block .product_box_group{
}

#product_area .product_block_area .product_block .product_box_group .product_box_group_inner{
		background-color: rgba(230,230,230,1.00);

		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		justify-content: space-between;
		align-content: flex-start;
}

#product_area .product_block_area .product_block .product_box_group h3.sub_title{
		width: 100%;
	font-size:20px;
		font-weight:800;
		line-height:100%;
		color:rgba(0,0,0,1.0);
		text-align: center;
	letter-spacing: 0;
	
		background-color:rgba(200,200,200,1.0);
	padding: 15px 0.1rem;
}

#product_area .product_block_area .product_block .product_box_group h3.sub_title .sp_number{
	display: inline-block;
	width: 6vw;
	vertical-align: middle;
	line-height: 1;
	margin: 0 5px 0 0;
}

#product_area .product_block_area .product_block .product_box_group .point_copy{
		width: 100%;
	padding: 20px 0 0 0;
		text-align: center;
	
}

#product_area .product_block_area .product_block .product_box_group .point_copy p{
	padding: 0.1rem 0.05rem;

		border: solid 1px rgba(0,0,0,1.0);
		background-color: #fff;
	
	font-size:18px;
		font-weight:800;
		line-height:100%;
		color:rgba(76,76,76,1.0);
		text-align: center;
		letter-spacing: 0;
	
}

#product_area .product_block_area .product_box{
	width: calc(100% - 6vw);
	margin: 3vw;
	background-color: rgba(255,255,255,1.00);
	box-shadow: 0px 0px 16px 10px rgba(0,0,0,0.05);

	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: space-between;
}

#product_area .product_block_area a.product_box:hover{
		filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
		text-decoration:none;
}

#product_area .product_box .cate_name_box{
		display: none;
}


#product_area .product_box .photo_box{
		padding: 0;
		text-align: center;
}

#product_area .product_box .photo_box img{
		width: 100%;
		height: auto;
		display: block;
}

#product_area .product_box .photo_box_sp{
	display: none;
}

#product_area .product_box .detail_box{
	padding: 0 0.1rem;
	margin: 15px 0 15px 0;
	
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		justify-content: space-between;
}

#product_area .product_box .detail_box h4{
		width: 100%;
	font-size:16px;
		font-weight:800;
		line-height:130%;
		color:rgba(76,76,76,1.0);
		text-align: center;
		margin: 0 0 5px 0;
}

#product_area .product_box .detail_box p{
		width: 100%;
	font-size:16px;
		font-weight:800;
		line-height:130%;
		color:rgba(0,50,102,1.0);
		text-align: center;
}

#product_area .product_block_area .product_block{
	width: calc(100% - 0.2rem);
	max-width: 100%;
	
		margin: 0 auto;

		display: grid;
	gap:5vw;
}

#product_area .product_block_area #zoon01 .product_block01{
	background-image: url("../zoon01_main01_sp.webp");
	background-position: top center;
	background-repeat: no-repeat;
	background-size:contain;
	
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(4, auto);
}

#product_area .product_block_area #zoon01 .product_block01 .img_box01{
		width: 100%;
	padding-top: 53%;
	grid-area: 1 / 1 / 2 / 3;

}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group01{
	grid-area: 2 / 1 / 3 / 3;
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group01 .product_box_group_inner{
	background-color: rgba(249,221,226,1.00);
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group01 .product_box_group_inner h3.sub_title{
	color:rgba(230,0,32,1.0);
	background-color: rgba(245,199,206,1.00);
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group01 .product_box_group_inner .product_box{
	width: calc(50% - 6vw);
	margin: 3vw;
	background-color: rgba(255,255,255,1.00);
	box-shadow: 0px 0px 16px 10px rgba(0,0,0,0.05);
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	flex-direction: column;
	
	transition:all .2s ease-in;
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group02{
	grid-area: 3 / 1 / 4 / 3;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	justify-content: space-between;
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group02 .product_box_group_inner{
	background-color: rgba(249,221,226,1.00);
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group02 .product_box_group_inner{
	width: calc(50% - 1.5vw);
	margin: 0;
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group02 .product_box_group_inner h3.sub_title{
	color:rgba(230,0,32,1.0);
	background-color: rgba(245,199,206,1.00);
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group02 .product_box_group_inner .product_box{
	width: 100%;
	margin: 3vw;
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group03{
	grid-area: 4 / 1 / 5 / 3;
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group03 .product_box_group_inner{
	background-color: rgba(221,237,246,1.00);
}
#product_area .product_block_area #zoon01 .product_block01 .product_box_group03 .product_box_group_inner h3.sub_title{
	color:rgba(0,164,225,1.0);
	background-color: rgba(187,220,237,1.00);
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group03 .product_box_group_inner .product_box{
	width: calc(50% - 6vw);
	margin: 3vw;
	background-color: rgba(255,255,255,1.00);
	box-shadow: 0px 0px 16px 10px rgba(0,0,0,0.05);
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	flex-direction: column;
	
	transition:all .2s ease-in;
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group03 .point_copy p span{
	color:rgba(212,110,7,1.0);
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group04 .point_copy p span{
	color:rgba(18,135,66,1.0);
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group04{
	grid-area: 5 / 1 / 6 / 2;
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group04 .product_box_group_inner{
	background-color: rgba(248,227,197,1.00);
}
#product_area .product_block_area #zoon01 .product_block01 .product_box_group04 .product_box_group_inner h3.sub_title{
	color:rgba(212,110,7,1.0);
	background-color: rgba(243,207,159,1.00);
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group04 .point_copy p span{
	color:rgba(212,110,7,1.0);
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group05{
	grid-area: 5 / 2 / 6 / 3;
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group05 .product_box_group_inner{
	background-color: rgba(208,231,217,1.00);
}
#product_area .product_block_area #zoon01 .product_block01 .product_box_group05 .product_box_group_inner h3.sub_title{
	color:rgba(18,135,66,1.0);
	background-color: rgba(181,208,174,1.00);
}

#product_area .product_block_area #zoon01 .product_block01 .product_box_group05 .point_copy p span{
	color:rgba(18,135,66,1.0);
}

#product_area .product_block_area #zoon01 .product_block02 .product_box_group01{
}

#product_area .product_block_area #zoon01 .product_block02 .product_box_group01 .product_box_group_inner{
	background-color: rgba(234,234,234,1.00);
	justify-content: space-around;
}

#product_area .product_block_area #zoon01 .product_block02 .product_box_group01 .product_box_group_inner h3.sub_title{
	color:rgba(102,102,102,1.0);
	background-color: rgba(206,206,206,1.00);
}

#product_area .product_block_area #zoon01 .product_block02 .product_box_group01 .product_box_group_inner .product_box{
	width: calc(50% - 6vw);
	margin: 1.5vw;
	background-color: rgba(255,255,255,1.00);
	box-shadow: 0px 0px 16px 10px rgba(0,0,0,0.05);
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	flex-direction: column;
	
	transition:all .2s ease-in;
}


#product_area .product_block_area #zoon02 .product_block01{
	background-image: url("../zoon02_main01_sp.webp");
	background-position: top center;
	background-repeat: no-repeat;
	background-size:contain;
	
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(3, auto);
	
	margin-bottom: 80px;
}

#product_area .product_block_area #zoon02 .product_block01 .img_box01{
		width: 100%;
	padding-top: 58%;
	grid-area: 1 / 1 / 2 / 3;

}

#product_area .product_block_area #zoon02 .product_block01 .product_box_group01{
	grid-area: 3 / 1 / 4 / 2;
}

#product_area .product_block_area #zoon02 .product_block01 .product_box_group01 .product_box_group_inner{
	background-color: rgba(248,227,197,1.00);
}

#product_area .product_block_area #zoon02 .product_block01 .product_box_group01 .product_box_group_inner h3.sub_title{
	color:rgba(212,110,7,1.0);
	background-color: rgba(243,207,159,1.00);
}

#product_area .product_block_area #zoon02 .product_block01 .product_box_group01 .point_copy p span{
	color:rgba(212,110,7,1.0);
}

#product_area .product_block_area #zoon02 .product_block01 .product_box_group02{
	grid-area: 2 / 1 / 3 / 3;
}

#product_area .product_block_area #zoon02 .product_block01 .product_box_group02 .product_box_group_inner{
	background-color: rgba(249,221,226,1.00);
}

#product_area .product_block_area #zoon02 .product_block01 .product_box_group02 .product_box_group_inner h3.sub_title{
	color:rgba(230,0,32,1.0);
	background-color: rgba(245,199,206,1.00);
}

#product_area .product_block_area #zoon02 .product_block01 .product_box_group02 .product_box_group_inner .product_box{
	width: calc(50% - 6vw);
	margin: 3vw;
	background-color: rgba(255,255,255,1.00);
	box-shadow: 0px 0px 16px 10px rgba(0,0,0,0.05);
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	flex-direction: column;
	
	transition:all .2s ease-in;
}

#product_area .product_block_area #zoon02 .product_block01 .product_box_group02 .point_copy p span{
	color:rgba(230,0,32,1.0);
}

#product_area .product_block_area #zoon02 .product_block01 .product_box_group03{
	grid-area: 3 / 2 / 4 / 3;
}

#product_area .product_block_area #zoon02 .product_block01 .product_box_group03 .product_box_group_inner{
	background-color: rgba(208,231,217,1.00);
}
#product_area .product_block_area #zoon02 .product_block01 .product_box_group03 .product_box_group_inner h3.sub_title{
	color:rgba(18,135,66,1.0);
	background-color: rgba(181,208,174,1.00);
}

#product_area .product_block_area #zoon02 .product_block01 .product_box_group03 .point_copy p span{
	color:rgba(18,135,66,1.0);
}

#product_area .product_block_area #zoon02 .product_block02{
	background-image: url("../zoon02_main02_sp.webp");
	background-position: top center;
	background-repeat: no-repeat;
	background-size:contain;
	
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(3, auto);
}

#product_area .product_block_area #zoon02 .product_block02 .img_box02{
		width: 100%;
	padding-top: 58%;
	grid-area: 1 / 1 / 2 / 3;
}

#product_area .product_block_area #zoon02 .product_block02 .product_box_group01{
	grid-area: 2 / 1 / 3 / 3;
}

#product_area .product_block_area #zoon02 .product_block02 .product_box_group01 .product_box_group_inner{
	background-color: rgba(234,234,234,1.00);
}

#product_area .product_block_area #zoon02 .product_block02 .product_box_group01 .product_box_group_inner h3.sub_title{
	color:rgba(102,102,102,1.0);
	background-color: rgba(206,206,206,1.00);
}

#product_area .product_block_area #zoon02 .product_block02 .product_box_group01 .product_box_group_inner .product_box{
	width: calc(50% - 6vw);
	margin: 3vw;
	background-color: rgba(255,255,255,1.00);
	box-shadow: 0px 0px 16px 10px rgba(0,0,0,0.05);
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	flex-direction: column;
	
	transition:all .2s ease-in;
}

#product_area .product_block_area #zoon02 .product_block02 .product_box_group02{
	grid-area: 3 / 2 / 4 / 3;
}

#product_area .product_block_area #zoon02 .product_block02 .product_box_group02 .product_box_group_inner{
	background-color: rgba(234,234,234,1.00);
}

#product_area .product_block_area #zoon02 .product_block02 .product_box_group02 .product_box_group_inner h3.sub_title{
	color:rgba(102,102,102,1.0);
	background-color: rgba(206,206,206,1.00);
}

#product_area .product_block_area #zoon02 .product_block02 .product_box_group03{
	grid-area: 3 / 1 / 4 / 2;
}

#product_area .product_block_area #zoon02 .product_block02 .product_box_group03 .product_box_group_inner{
	background-color: rgba(234,234,234,1.00);
}
#product_area .product_block_area #zoon02 .product_block02 .product_box_group03 .product_box_group_inner h3.sub_title{
	color:rgba(102,102,102,1.0);
	background-color: rgba(206,206,206,1.00);
}

#product_area .product_block_area #zoon03 .product_block01{
	background-image: url("../zoon03_main01_sp.webp");
	background-position: top center;
	background-repeat: no-repeat;
	background-size:contain;
	
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(3, auto);

}

#product_area .product_block_area #zoon02 .product_block02 .product_box_group04{
	grid-area: 4 / 1 / 5 / 2;
}

#product_area .product_block_area #zoon02 .product_block02 .product_box_group04 .product_box_group_inner{
	background-color: rgba(234,234,234,1.00);
}
#product_area .product_block_area #zoon02 .product_block02 .product_box_group04 .product_box_group_inner h3.sub_title{
	color:rgba(102,102,102,1.0);
	background-color: rgba(206,206,206,1.00);
}

#product_area .product_block_area #zoon02 .product_block02 .product_box_group05{
	grid-area: 4 / 2 / 5 / 3;
}

#product_area .product_block_area #zoon02 .product_block02 .product_box_group05 .product_box_group_inner{
	background-color: rgba(234,234,234,1.00);
}
#product_area .product_block_area #zoon02 .product_block02 .product_box_group05 .product_box_group_inner h3.sub_title{
	color:rgba(102,102,102,1.0);
	background-color: rgba(206,206,206,1.00);
}

#product_area .product_block_area #zoon03 .product_block01 .img_box01{
	width: 100%;
	padding-top: 58%;
	grid-area: 1 / 1 / 2 / 3;

}

#product_area .product_block_area #zoon03 .product_block01 .product_box_group01{
	grid-area: 3 / 1 / 3 / 2;
}

#product_area .product_block_area #zoon03 .product_block01 .product_box_group01 .product_box_group_inner{
	background-color: rgba(221,237,246,1.00);
}

#product_area .product_block_area #zoon03 .product_block01 .product_box_group01 .product_box_group_inner h3.sub_title{
	color:rgba(0,164,225,1.0);
	background-color: rgba(187,220,237,1.00);
}

#product_area .product_block_area #zoon03 .product_block01 .product_box_group02{
	grid-area: 2 / 1 / 3 / 2;
}

#product_area .product_block_area #zoon03 .product_block01 .product_box_group02 .product_box_group_inner{
	background-color: rgba(249,221,226,1.00);
}

#product_area .product_block_area #zoon03 .product_block01 .product_box_group02 .product_box_group_inner h3.sub_title{
	color:rgba(230,0,32,1.0);
	background-color: rgba(245,199,206,1.00);
}

#product_area .product_block_area #zoon03 .product_block01 .product_box_group03{
	grid-area: 2 / 2 / 4 / 3;
}

#product_area .product_block_area #zoon03 .product_block01 .product_box_group03 .product_box_group_inner{
	background-color: rgba(249,221,226,1.00);
}
#product_area .product_block_area #zoon03 .product_block01 .product_box_group03 .product_box_group_inner h3.sub_title{
	letter-spacing: -0.02em;
	color:rgba(230,0,32,1.0);
	background-color: rgba(245,199,206,1.00);
}

#product_area .product_block_area #zoon03 .product_block01 .product_box_group04{
	grid-area: 3 / 2 / 4 / 3;
}

#product_area .product_block_area #zoon03 .product_block01 .product_box_group04 .product_box_group_inner{
	background-color: rgba(234,234,234,1.00);
}
#product_area .product_block_area #zoon03 .product_block01 .product_box_group04 .product_box_group_inner h3.sub_title{
	color:rgba(102,102,102,1.0);
	background-color: rgba(206,206,206,1.00);
}

#product_area .product_block_area #zoon03 .product_block02{
	background-image: url("../zoon03_main02_sp.webp");
	background-position: top center;
	background-repeat: no-repeat;
	background-size:contain;
	
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(3, auto);
}

#product_area .product_block_area #zoon03 .product_block02 .img_box01{
	width: 100%;
	padding-top: 140%;
	grid-area: 1 / 1 / 2 / 3;
}
#product_area .product_block_area #zoon03 .product_block02 .product_box_group01{
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	justify-content: space-between;
}

#product_area .product_block_area #zoon03 .product_block02 .product_box_group01 .product_box_group_inner{
	background-color: rgba(221,237,246,1.00);
	width: calc(50% - 1.5vw);
	margin: 0;
	grid-area: 2 / 1 / 3 / 3;
}

#product_area .product_block_area #zoon03 .product_block02 .product_box_group01 .product_box_group_inner h3.sub_title{
	color:rgba(0,164,225,1.0);
	background-color: rgba(187,220,237,1.00);
}

#product_area .product_block_area #zoon03 .product_block02 .product_box_group01 .product_box_group_inner + .product_box_group_inner{
	background-color: rgba(248,227,197,1.00);
}

#product_area .product_block_area #zoon03 .product_block02 .product_box_group01 .product_box_group_inner + .product_box_group_inner h3.sub_title{
	color:rgba(212,110,7,1.0);
	background-color: rgba(243,207,159,1.00);
}


#product_area .product_block_area #zoon03 .product_block03{
	background-image: url("../zoon03_main03_sp.webp");
	background-position: top center;
	background-repeat: no-repeat;
	background-size:contain;
	
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(2, auto);
}


#product_area .product_block_area #zoon03 .product_block03 .img_box01{
	width: 100%;
	padding-top: 56.93%;
	grid-area: 1 / 1 / 2 / 3;
}

#product_area .product_block_area #zoon03 .product_block03 .product_box_group01{
	grid-area: 2 / 1 / 3 / 2;
}

#product_area .product_block_area #zoon03 .product_block03 .product_box_group01 .product_box_group_inner{
	background-color: rgba(221,237,246,1.00);
}

#product_area .product_block_area #zoon03 .product_block03 .product_box_group01 .product_box_group_inner h3.sub_title{
	color:rgba(0,164,225,1.0);
	background-color: rgba(187,220,237,1.00);
}

#product_area .product_block_area #zoon03 .product_block03 .product_box_group02{
	grid-area: 2 / 2 / 3 / 3;
}

#product_area .product_block_area #zoon03 .product_block03 .product_box_group02 .product_box_group_inner{
	background-color: rgba(234,234,234,1.00);
}

#product_area .product_block_area #zoon03 .product_block03 .product_box_group02 .product_box_group_inner h3.sub_title{
	color:rgba(102,102,102,1.0);
	background-color: rgba(206,206,206,1.00);
}

#product_area .product_block_area #zoon03 .product_block03 .product_box_group03{
	grid-area: 3 / 1 / 4 / 2;
}

#product_area .product_block_area #zoon03 .product_block03 .product_box_group03 .product_box_group_inner{
	background-color: rgba(248,227,197,1.00);
}
#product_area .product_block_area #zoon03 .product_block03 .product_box_group03 .product_box_group_inner h3.sub_title{
	color:rgba(212,110,7,1.0);
	background-color: rgba(243,207,159,1.00);
}


#product_area #zoon01 .product_box .cate_name_box{
	border-top: solid 11px var(--zoon01);
}
#product_area #zoon02 .product_box .cate_name_box{
	border-top: solid 11px var(--zoon02);
}
#product_area #zoon03 .product_box .cate_name_box{
	border-top: solid 11px var(--zoon03);
}

#product_area #zoon01 .product_box .detail_btn a .detail_btn_parts .detail_btn_icon_part{
	background-color: var(--zoon01);
}
#product_area #zoon01 .product_box .detail_btn a .detail_btn_parts .detail_btn_part{
	background-color: var(--zoon01);
}
#product_area #zoon02 .product_box .detail_btn a .detail_btn_parts .detail_btn_icon_part{
	background-color: var(--zoon02);
}
#product_area #zoon02 .product_box .detail_btn a .detail_btn_parts .detail_btn_part{
	background-color: var(--zoon02);
}
#product_area #zoon03 .product_box .detail_btn a .detail_btn_parts .detail_btn_icon_part{
	background-color: var(--zoon03);
}
#product_area #zoon03 .product_box .detail_btn a .detail_btn_parts .detail_btn_part{
	background-color: var(--zoon03);
}




/*   footer   */
footer {
		margin: 0 0 60px 0;
}

#sns_area {
	width: 100%;
	padding: 10px;
	transition: all .5s ease;
	
	margin: 0 0 70px 0;
}

#sns_area ul {
		-js-display: flex;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-o-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		-moz-flex-direction: center;
		-ms-align-items: center;
		-o-flex-wrap: center;
		align-items: center;

		list-style: none;
}

#sns_area ul li {
	width: 45%;
		margin: 0 10px
}

#sns_area ul li a {
		display: block;
		height: 50px;
	font-size:16px;
	font-weight:700;
	line-height:50px;
		color:rgba(255,255,255,1.0); 
	letter-spacing: 0.05em;
		text-align: center;
		transition: all .3s;
		-moz-transition: all .3s;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		-ms-transition: all .3s
}

#sns_area ul li a img{
	width: 100%;
	height: auto;
}

#sns_area ul li a:hover {
		background-color: #fff;
		color: #191d6a
}
#hitachi-metals_area a img{
		width: 100%;
		height: auto;
}

#hitachi-metals_area address{
		font-size:12px;
		font-weight:300;
		line-height:100%;
		color:rgba(76,76,76,1.0); 
		text-align: center;
		text-decoration: none;
		font-style: normal;
}

/*   footer   */

#fixnav {
		position: fixed;
		left: 0;
		bottom: 35px;
		z-index: 99999;
		width: 100%;
		background-color: rgba(255,255,255,1.0);
	padding: 5px;

		animation-delay:0.1s;
		animation-duration: 0.5s;
		animation-timing-function: ease-in-out;
		animation-fill-mode:forwards;

		transition: all .5s ease;
}

#fixnav ul {
		-js-display: flex;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-o-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		-moz-flex-direction: center;
		-ms-align-items: center;
		-o-flex-wrap: center;
		align-items: center;

		list-style: none;
}

#fixnav ul li {
	width: 45%;
		margin: 0 10px
}

#fixnav ul li a {
		display: block;
		height: 50px;
	font-size:16px;
	font-weight:700;
	line-height:50px;
		color:rgba(255,255,255,1.0); 
	letter-spacing: 0.05em;
		text-align: center;
	
		background: rgb(2,108,182);
		background: linear-gradient(90deg, rgba(2,108,182,1) 0%, rgba(0,235,237,1) 100%);
		transition: all .3s;
		-moz-transition: all .3s;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		-ms-transition: all .3s
}

#fixnav ul li a:hover {
		background-color: #fff;
		color: #191d6a
}

/*   anime   */
.anime_point {
	  opacity: 0;
	  transition: all .5s ease;
	  transform: translate(0, 50px);
}

.anime_point.show {
	  opacity: 1;
	  transform: none;
	  transform: translate(0, 0);
}

	chat{
	height:35px;
	margin:0;
	padding:0;
	border:none;
	border-radius:0px;
	background:none;
				
	position: absolute;
	left: auto;
	right: 0;
	bottom: 0;
	width: 300px;
		
		border-color: #c5091d;
	}

}