a.logo01{
	display:block;
	width:150px;}
a.logo01 p{
	display:block;
	width:100%;
	height:0;
	line-height:normal;
	padding-bottom:24%;
	background-image:url(../images/logo.png);
	background-image:url(../images/logo.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	overflow:hidden;
	text-indent:-9999999px;}
.wrapper,
.page,
.main,
.member{
	width: 70vw;
	/*min-width:1200px;*/
	margin:0 auto 1vw;
    overflow: hidden;
	padding: 20px;}
.member{
	overflow:hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-start;
	-ms-flex-align: initial;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	}
.member_left{
	width:250px;
	margin:0 60px 0 0;}
.member_right{
	flex:1;
	overflow:hidden;}
.page01{
	width: 75vw;
	/*min-width: 1200px;*/
	margin:0px auto;
	padding:120px 0;}
.header,
.ad_box01{
	/*min-width: 1200px;*/}

.top_h{
	height:126px;
	display:block;}
.ad_box01{
	width:100%;
	margin:0px auto;
	position:relative;
	padding:0 48px;}
.header{
	width: 100%;
	padding:24px 48px 0px 48px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    justify-content: space-between;
	background:#fff;
	position:fixed;
	top:0;
	left:0;
	z-index:999}
.top{
	flex:1;}
.top_box01{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: flex-end;
	flex-wrap:wrap;}
.user_b01,
.search_b01,
a.mem_b04{
	display:block;}
.user_b01 img,
.search_b01 img,
a.mem_b04 img{
	height:20px;
	width:auto;}

.nav,
.nav li,
.nav li ol,
.nav li ol li{
	list-style:none;
	padding:0;
	margin:0;}
.nav{
	margin: 24px 0 0 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: flex-end;
	flex-wrap:wrap;}
.nav li{
	display:block;
	position:relative;
	margin: 0;
	/* width: 200px; */
	padding: 0 0px 0 40px;}
.nav li a{
	font-size:16px;
	display:block;
	padding-bottom:24px;
	text-align: center;}
.nav li:hover > a {
	text-decoration: none;
    color: #F29100;
}
.nav li ol{
	position:absolute;
	top: 48px;
	width: max-content;
	padding: 0;
	background:#fff;
	text-align: center;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: .3s;
	transition: .3s;}
.nav li:hover ol{
	-webkit-transform: scaleY(1);
    transform: scaleY(1);}
.nav li ol li{
	margin:0;
	padding: 0;}
.nav li ol li a {
    padding: 10px 20px;
    background: #FFF;
    border-top: 1px solid rgba(255,255,255,0.5);
    /*! color: #fff; */
    text-align: left;}
.nav li ol li a:hover {
    background: #f29100;
    color: #FFF;
}
.nav li ol li a:after{
	display:none;}


.lang_box01,
.lang_box01 li{
	list-style:none;
	padding:0px;
	margin:0px;}
.lang_box01{
    width: 100px;
    font-family:Arial, Helvetica, sans-serif;
    background: #f0f0f0;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;}
.lang_box01.tw:before {
    left: 0;}
.lang_box01.en:before {
    left: 50%;}
.lang_box01:before {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 50%;
    height: 100%;
    background: #F29100;
    content: "";
    transition-timing-function: ease;
    transition-duration: .3s;
    transition-property: left;}
.lang_box01 > li {
    position: relative;
    width: 50%;}
.lang_box01.tw .tw a,
.lang_box01.en .en a {
    color: #fff;}
.lang_box01 a {
    font-size: 12px;
    line-height: 30px;
    display: block;
    width: 100%;
    height: 100%;
    color: #7f7f7f;
    text-align: center;
    font-weight: 300;
    transition-delay: .1s;
    transition-timing-function: ease;
    transition-duration: .3s;
    transition-property: color; 
	text-align: center;  }
.lang_box01.tw .en a {
    color: #7f7f7f;}
.lang_box01,
.user_b01,
.search_b01,
a.mem_b04 {
	cursor:pointer;
    margin: 0 0 0 1.82292vw;}
.swiper-container {
  width: 100%;}
.swiper-slide {
	position:relative;}
.swiper-slide img{
	width:100%;
	height:auto;}
@media screen and (max-width: 700px) {
	.swiper-slide img{
		height: 300px;
		width: auto;
		object-fit: cover;
	}
}
.ad_box02 {
	padding-left: 8.33334vw;

	width: 45vw;
	color:#fff;
	text-shadow: 0 0 1px rgba(0,0,0,0.5);
	height:100%;
	overflow:hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
	-webkit-align-items: start;
    -ms-flex-align: start;
    align-items: flex-start;
    justify-content: center;
	flex-direction: column;
	position: absolute;
	left: 0;
	top: 0;	}
.ad_box02a{
	display:block;
	font-size: 20px;
	margin-bottom: 27px;}
.ad_box02 h3{
	display:block;	
    font-size: 50px;
	font-weight:600;
	margin-bottom: 32px;
	line-height:1.2;}
.ad_box02b{
	padding:50px 50px 50px 0}
.ad_box02b a{
    display: inline-block;
    padding: 11.5px 23px;
    font-size: 14px;
    line-height: 1.215;
    color: #333333;
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.1);
    border-radius: 20px;}
.ad_box02b a:hover{
	color:#FFF;
	background:none;
	box-shadow:none;}
.swiper1{
	margin-bottom:1vw;}
.in_t01{
	margin:0 auto 20px;
	text-align:center;}
.in_t01 h2{
	font-weight:600;
	display:block;
	font-size: 36px;
	line-height:1.125;
	margin:0 0 20px;}
.in_t01 p{
    font-size: 14px;}
.pro_list01{
	width:100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
	-webkit-align-items: start;
	-ms-flex-align: start;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap:wrap;}
.pro_box01{
	display:block;
	background:#fff;
	padding-bottom:30px;
	width: 100%;}
a.news_box01{
	display:block;
	width:22.2%;
	border:1px solid #d2d2d2;}
.pro_box01:hover {
    box-shadow: 0 10px 25px rgba(0,0,0,.25);}
.pro_box01:hover .pro_b01{
	opacity:1;}


a.news_box02{
	display:block;
	width:23%;
	border:1px solid #d2d2d2;
	margin:0px 1% 2%}



.pro_box01a{
	margin-bottom:30px;
	width:100%;
	height:0;
	line-height:normal;
	padding-bottom:66.666%;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#f5f5f5;}
.pro_box01a img{
	width:100%;}
.pro_box01b{
	padding:0px 15px;}
.pro_box01b h4{
	display:block;
    font-weight: 500;
	font-size:18px;
	text-align: center;
	line-height:1.6}
.pro_b01{
	font-weight:600;
	margin:15px 0 0 0;
	font-size: 13px;
	height: 50px;
	color:#222;
	line-height: 50px;
	background: rgba(237,235,233,.5);
	border-radius: 50px;
	padding: 0 60px 0 30px;
	position: relative;
	opacity: 0;
	
	transition-property:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */}
.pro_b01 span{
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 40px;
    text-align: center;
    position: absolute;
    right: 5px;
    top: 5px;
	background-image:url(../images/symbol/search.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 16px;

	background-color:#fff;}
.pro_b01 span img{
	height:16px;
	width:auto;	}
.pro_b01:hover{
	background-color:#ffefdd;}
.in_box01,
a.btn_box01,
.page_ad01{
	margin: 0 48px 1vw;}
a.btn_box01{
	color: #333333;
	height: 25vw;
    max-height: 300px;
    position: relative;
	background-color:#000;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;}
.btn_box01 img{
	width:100%;
	height:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;}
.btn_box01a{
    width: calc(75% + 96px);
    /*min-width: 1200px;*/
    margin: 0 auto;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;    }
.in_b01{
	color: #fff;
	display:inline-block;
	padding:20px 10px 25px;
	text-align: center;}
.in_b01 h3 {
    font-size: 28px;
    line-height: 30px;
    font-weight: 600;
	display:block;
	margin:0 0 1rem;}
.in_b01 span{
	display: inline-block;
	color: #000;
	background-color: #fff;
	padding: 11.5px 23px;
    font-size: 14px;
    line-height: 1.215;
    border-radius: 20px;
	transition-property: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;}
.in_b01 span:hover {
	background: transparent;
	color: #fff;
}
a.news_box01:hover{
	box-shadow: 0 10px 25px rgba(0,0,0,.25);}
.news_box01a{
	display:block;
	width:100%;
	height:0;
	padding-bottom:70%;
	line-height:normal;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;}
.news_box01b{
	width:100%;
	padding:20px;}
.news_box01b time{
	display:block;
	margin:0 0 10px;
	font-size:14px;
	line-height:2;
	color:#959595}
.news_box01b h4{
	display:block;
	font-size:16px;
	font-weight: bold;
	word-break: break-all;
	line-height:1.4;
	height: 44.8px;
	overflow: hidden;}
a.in_box01{
	padding: 40px 0;
	text-align:center;
	color:#fff;
	display:block;
	position:relative;
	background-position:center;
	background-color:#000;
	background-repeat:no-repeat;
	background-size:cover;}
a.in_box01:after{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background:rgba(0,0,0,0.3);
	transition-property:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */}
a.in_box01 h2,
.in_box01a,
.in_box01b{
	position:relative;
	z-index:2}
a.in_box01 h2{
    margin: 0 auto 30px;}
a.in_box01 h2 img{
	height:40px;
	width:auto;
	margin-bottom:10px;}
a.in_box01 h2 p{
    font-weight: 600;
	line-height: 1.4;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 28px;}
.in_box01a{
	font-size:16px;
	line-height:1.75;
	margin:0 auto 30px}
.in_box01b{}
.in_box01b span{
	cursor:pointer;
    display: inline-block;
    padding: 11.5px 23px;
    font-size: 14px;
    line-height: 1.215;
    color: #333333;
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,.1);
    border-radius: 20px;
	transition-property:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */}
.in_box01b span:hover{
	color:#FFF;
	background:none;
	box-shadow:none;}
a.in_box01:hover:after{
	background:none}
.cert_list01{
	width:100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    justify-content: space-between;
	flex-wrap:wrap;}

a.cert_box01{
	display:block;
	border:1px solid #d2d2d2;
	width:100%;
	margin:0px auto;}
a.cert_box01 img{
	width:100%;
	height:auto;}
.footer{
	margin: 0 48px;
	background:rgba(246, 142, 30, 0.1);
	padding:20px 8vw 0;}
.down_logo{
	width:100%;
	margin:0 0 50px;}




.down_logo img{
	height:36px;
	width:auto;}

.copyright_box01{
	width:100%;
	font-size:14px;
	padding:20px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: space-between;
	flex-wrap:wrap;}
.copyright_box01a{}
.copyright_box01b{}
.down{
	width:100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
	-webkit-align-items: start;

	-ms-flex-align: start;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap:wrap;	}
.down_box01,
.down_box01 li,
.down_box01 ol{
	list-style:none;
	padding:0;
	margin:0;}
.down_box01a{
	flex:1 1 12%;
	min-width:12%;}
.down_box01b{
	flex:1 1 20%;
	min-width:20%;}
.down_box01 ol,
.down_box02a{
	font-size:20px;
	display:block;
	font-weight:bold;
	margin:0 0 12px;}
.down_box01 li{
    font-size: 14px;
	line-height:1.8;
	margin:0 0 8px;}
.down_box02{}
.down_box02a{}
.down_box02b{
	font-size:14px;
	line-height:1.8;
	margin:0 0 26px;}
.down_box02c{}
.down_box02c a{
	width:100%;
	max-width:230px;
	vertical-align:middle;
	display: block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #A66300;
	color: #fff;
	font-size: 14px;
	text-align: center;
	padding: 17px 10px;
	letter-spacing: 0.1em;}
.down_box02c a span{
	font-size:1.14em}
.down_box02c a:hover{
	background:#F29100}
.down_box01,
.down_box02{
	margin:0 0 60px;}
.page_ad01{
	max-height: 300px;
	height: 30vw;
	position:relative;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;}

.page_title {
    position: absolute;
    background:rgba(115, 83, 34, 0.7);
    color: #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    padding: 4vw;
    z-index: 2;}
.page_title h1{
	font-size: 2.5vw;
	letter-spacing:4.5px;
	font-weight:500;
	display:block;
	margin-bottom:2vw;
	padding-bottom:1vw;
	position:relative;}
.page_title h1 span{
	font-size:22px;
	letter-spacing:3.5px;
	display:block;
	margin-bottom:10px;
	}
.page_title h1:after {
    content: "";
    width: 40px;
    height: 2px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -20px;
    background: #fff;}
.page_title img{
	height: 2vw;
	width:auto;}
.route {}
.route span{
	display:inline-block;
	margin:0px 1em;}
.route a{}
.edit {
	font-size:16px;
	line-height:1.85;
	overflow:hidden;}
.edit img{
	max-width:100%;
	height:auto;}
.search{
	opacity:0;
	display:none;
	width:100%;
	height:100%;
	width:100vw;
	height:100vh;
	padding:60px 0 0 0;
	background:#FFF;
	overflow-y:auto;
	overflow-x:hidden;
	position: fixed;
    top: 0;
    left: 0;
    z-index: 1999;}
.search_on{
	display:block;
	opacity:1}
.search_box01{
	width:100%;
	height:100%;
	width:100vw;
	height:100vh;
	padding:100px 6.66667%;
	position:relative;}
.search_b02{
	cursor:pointer;
	color:#F2550C;
	display:block;
	font-size:15px;
	text-transform:uppercase;
	font-weight:bold;
	position:absolute;
	right:6.66667%;
	top:5px;}
.search_b02 b{
	display:inline-block;
	margin:0 0.5em 0 0;
    vertical-align: middle;}
.search_box01a{
	width:100%;
	border-bottom:1px solid #d2d2d2;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    justify-content: space-between;}
.search_box01a p{
	flex:1;
	overflow:hidden;}
.search_box01a p input{
	width:100%;
	height:100px;
	background:none;
	border-width:0px;
	font-size: 40px;}
.search_box01a a{
	width:60px;
	height:60px;
	background:#f2f2f2;
	color: #333333;
	border-radius: 50%;
	font-size:18px;
    display: -webkit-box;
    display: -moz-box;

    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
	justify-content: center;	}
.search_box01a a:hover{
	background:#eaeaea;}
.cag_box01{
	width:100%;
	padding: 0px 34px;
	position:relative;}
.cag_box02{
}
.cag_box02a{
    white-space : nowrap;
}
.cag_box02a span{
	display: inline-block;
	cursor:pointer;
	text-align: center;
	width: 20%;
	line-height: 50px;
	height: 50px;
	font-size: 23px;
	}
.cag_box01_next,
.cag_box01_prv{
	display:block;
	font-size: 34px;
	color:#F29100;
	cursor:pointer;
	position:absolute;
	top:50%;
	margin-top: -25px;}
.cag_box01_next{
	right:0}
.cag_box01_prv{
	left:0;}
.cag_box02a span.cag_box02y{
    color: #f29100;}
.history_box01{
	width:100%;
	margin: 60px auto 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
	-webkit-align-items: start;
	-ms-flex-align: initial;
	align-items: flex-start;
	justify-content: center;	}
.history_box01a{
    color: #f29100;
    font-size: 22px;
    padding: 5px 20px 5px 0;
    line-height: 1.85;}
.history_box01b{
    overflow: hidden;
    border-left: 1px solid #f29100;
    padding: 5px 0 5px 20px;}

.cag_box04{
	width: 100%;
    margin-bottom: 60px;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;}
.cag_box04 a{
	display: block;
	color: #222;
	font-size: 16px;
	line-height: 22px;
	margin: 0px 5px 5px 0;
	padding: 10px 14px;
	border-radius: 3px;
	text-align: center;	}
.cag_box04 a sup {
    padding: 0 3px;
	font-size:75%;
    color: rgba(0,0,0,0.4);}
.cag_box04 a:hover,
.cag_box04 a.cag_box04y{
	color: #fff;
	background: rgba(242, 145, 0,1);	}
.cag_box04 a:hover sup,
.cag_box04 a.cag_box04y sup{
	color:rgba(255,255,255,0.75);}

.news_box03{
	width:100%;
	padding-bottom: 40px;
	margin-bottom:40px;
	border-bottom:1px solid #ddd;	}
.news_box03 h3{
	display:block;
	font-size: 24px;	}
.news_box03 time{
	margin-bottom: 10px;
	display:block;
	color: #aaa;
	font-size: 14px;	}
.back_b01{
	display:block;
	border-top:1px solid #d2d2d2;
	padding-top:40px;
	margin-top:40px;
	font-size:18px;
	font-weight:500}
.back_b01 a{
	color:#434343;}
.back_b01 a b{
	width: 34px;
	border-radius: 50%;
	height: 34px;
	color: #fff;
	background:#F29100;
	font-size:16px;
	vertical-align:middle;
	margin-right:0.5em;
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: -moz-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	flex-direction: row;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;	}
.bio_list01{
	width:100%;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;}
a.bio_box01{
	display:block;
	color: #333333;
	position:relative;
	width:48%;
	margin:0 0 4%;
	overflow:hidden;}
.bio_box01a{
	display:block;
	width:100%;
	height:0;
	line-height:normal;
	padding-bottom:50%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	transition: -webkit-transform .75s cubic-bezier(.3,.1,.3,1);
    transition: transform .75s cubic-bezier(.3,.1,.3,1);
    transition: transform .75s cubic-bezier(.3,.1,.3,1),-webkit-transform .75s cubic-bezier(.3,.1,.3,1);}
a.bio_box01:hover .bio_box01a{
	transition: -webkit-transform .75s cubic-bezier(.3,.1,.3,1);
    transition: transform .75s cubic-bezier(.3,.1,.3,1);
    transition: transform .75s cubic-bezier(.3,.1,.3,1),-webkit-transform .75s cubic-bezier(.3,.1,.3,1);
    -webkit-transform: scale(1.1) translateZ(0);
    transform: scale(1.1) translateZ(0);}
.bio_box01b{
	display: block;
    width: 55%;
    background: transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: bold;
    padding: 15px 10px;}
.bio_box01b h2{
	font-size: 27px;
	line-height: 30px;
	font-weight: 400;
	display: block;
	margin: 0 0 0.5rem;
	text-shadow: #434343 0 0 3px;}
.bio_box01b span {
	display: inline-block;
    color: #000;
    background-color: #fff;
    padding: 8.5px 23px;
    font-size: 14px;
    line-height: 1.215;
    border-radius: 20px;}
	.bio_box01b span:hover {
		background: #d4d4d4;
	}
.bio_t01{
	display:block;
	font-size: 42px;
	margin: 0 0 20px;
	padding:0 0 20px;
	font-weight: bold;
	letter-spacing: 0.05em;
	position: relative;}
.bio_t01:after{
	content:"";
	position:absolute;
	left:0;
	bottom:0px;
	display:block;
	width: 1.5em;
	height: 2px;
	background: #F29100;}
.equ_box01{
	width: 90%;
	padding:60px 0 0 0;
	margin: 0 auto 60px;
	position:relative;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;}
.equ_box01a{
	width: 50%;	}
.equ_box01b{
	width: 50%;
	padding:40px;
	background: #ffffff;
	box-shadow: 2px 2px 8px rgba(0,0,0,0.1);}
.equ_p01{
	width: 100%;
    display: block;
    height: 0;
    line-height: normal;
    padding-bottom: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;}
.equ_box01b h2{
	font-size:26px;
	line-height:1.4;
	font-weight:bold;
	margin-bottom:5px;}
.equ_box01b h3{
	font-size:16px;
	margin-bottom:20px;
	color:#F29100;}
.table_box01{
	width:100%;
	font-size:14px}
.tr_box01{
	width:100%;
	margin: 0px 0 2px;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;}
.tr_box01a{
	color:#fff;}
.tr_box01b{}
.td_box01{
	padding: 7px 10px;
	line-height: 1.7;}
.td_box01a{
    width: calc(40% - 1px);}
.td_box01b{
    width: calc(60% - 1px);}
.tr_box01a .td_box01{
	background: #f59f00;}
.tr_box01b .td_box01{
	background: #f5f5f5;}
.bg01{}
.bg02{
	background:#f9f9f9;
	margin: 0 48px;	}
.allergen_list01{
	width:100%;
	min-width: 825px;}
.allergen_list01 h3{
	font-weight:bold;
	display: block;
	padding: 7px 15px;
	background: #607d8b;
	color: #FFF;
	font-size: 16px;}
.table_box02{
	width:100%;
	display: table;	}
.tr_box02{
	display: flex;}
.td_box02{
	flex: 1;
	font-size: 14px;
	padding: 10px 15px;
	border-bottom: 2px solid #FFF;
	background: #F5f5f5;}
.allergen_list02{
	width:100%;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;}
a.allergen_box01{
	margin: 0 1% 2%;
	width: 23%;
	font-weight:bold;
	border-radius: 5px;
	border: 1px solid rgba(0,0,0,0.1);
	border-width: 1px 1px 0 1px;
	overflow: hidden;
	position:relative;
	background: rgb(255,255,255);
	-webkit-box-shadow: 0 0.25em 0.125em 0 rgba(0,0,0,0.1);
	box-shadow: 0 0.25em 0.125em 0 rgba(0,0,0,0.1);
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	-webkit-align-items: stretch;
	align-items: stretch;	}
a.allergen_box01 p{
	flex: 1;
	overflow: hidden;
	font-weight: bold;
	word-break: break-all;
	text-align: center;}
a.allergen_box01 p,
a.allergen_box01 span{
	display:block;
	padding: 13px 18px;}
a.allergen_box01 span{
	background:#F29100;
	color:#FFF;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-direction: row;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;}
.all_t01{
	display:block;
	margin:0 0 10px;
	color: #f68e1e;
	font-weight:bold;
	font-size:17px;	}
.all_t02{
	display:block;
	margin:0 0 10px;
	color: #607d8b;
	font-weight:bold;
	font-size:17px;	}
.allergen_00{
	width:100%;
	margin:0 0 30px;
	overflow-x:auto;
	overflow-y:hidden;}
.allergen_01{
	width:100%;
	overflow-x:auto;
	overflow-y:hidden;}
.table_box03{
	width:100%;
	min-width:825px;
	display:table;}
.tr_box03{
	display:flex;
	}
.td_box03{
	text-align:center;
	padding: 12px 15px;
	font-size: 15px;
	border-bottom: 1px solid #dddddd;
	flex: 1;	}
.tr_box03 > .td_box03:nth-child(1){
	text-align: left;
	flex: none;
	width: 150px;
}
.tr_box03 > .td_box03:nth-child(2){
	text-align: left;
	flex: none;
	width: 400px;
}
.tr_box03a .td_box03{
	vertical-align: middle;
}
.tr_box03a{
	color:#FFF;
	background: #f68e1e;}
.tr_box03a b{
    display: block;
    /* font-weight: normal; */
}
.dis_list01{
	width:100%;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;}
.map_box01{
	width: calc(100% / 3 - 2%);
	margin: 0 1% 3%;
	padding: 20px;
	background: #f7f7f7;
	}
.map_box01a{
	width:100%;}
.map_box01a iframe{
	width:100%;
	height:200px;}
.map_box01b,
.map_box01b li{
	list-style:none;
	padding:0;
	margin:0;}
.map_box01b{}
.map_box01b li{
	margin: 5px 0;
	font-size: 15px;
	}
.map_box01b li b{
	font-size: 1.25em;
	}
.download_box01,
.download_box01 li,
.download_box02,
.download_box02 li{
	list-style:none;
	padding:0;
	margin:0;}
.download_box01,
.download_box02{
	width:100%;
	font-size: 15px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
	-webkit-align-items: stretch;
	-ms-flex-align: initial;
	align-items: stretch;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	}
.download_box01 li{
	color: #FFF;
	background: #607d8b;
	}
.download_box02{
	margin:0 0 2px;}
.download_box01 li,
.download_box02 li{
	padding:10px 15px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	}
.download_box01 li{
	justify-content: center;}
.download_box02 li{
	justify-content: flex-start;
	background:#F5f5f5;	}
.download_box02 li.download_box01a,
.download_box01 li.download_box01a{
	flex: 2;}
.download_box02 li:not(:last-child),
.download_box01 li:not(:last-child){
	margin: 0 2px 0 0;	}
.download_box01b{
	width: 155px;	}
.download_box01c{
	width: 165px;
	}
.download_box01d{
	width: 200px;
	}
.download_box01e{
	width: 165px;
	}
.download_box02 li.download_box01f{
	justify-content: center;}
.download_box01f{
	width: 140px;
	}
a.download_b01{
	width: 100%;
	height: 46px;
	border-radius: 3px;
	background: #FFF;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-direction: row;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	border: 1px solid #f29100;
	}
a.download_b01 i{
	width:21px;
	height:22px;
	display:inline-block;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;}
a.download_b01 i.download_b01a{
	background-image:url(../images/symbol/download.svg);}
a.download_b01:hover i.download_b01a{
	background-image:url(../images/symbol/download_y.svg);}
/*a.download_b01 img{
    height: 22px;}*/
a.download_b01 span{
	display: inline-block;}
a.download_b01 span,
.download_box02 a.download_b01 b{
	font-weight:normal;
	color: #f29100;
	margin: 0 0 0 0.5em;
	font-size: 13px;	}
a.download_b01:hover span,
.download_box02 a.download_b01:hover b{
	color:#FFF}
a.download_b01:hover{
	background:#FF9900}
.download_box02 b{
	display:none;}
.eqa_b01{
	width:100%;
	margin: 0 0 60px;
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;

	flex-direction: row;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	flex-wrap:wrap;	}
.eqa_b01 a{
	margin: 0 8px;
	padding: 15px 20px 15px 55px;
	background: #ffffff;
	border-radius: 5px;
	position: relative;
	text-align: left;
	border: 1px solid #f29100;	}
.eqa_b01 a span{
    display: block;
    position: absolute;
    left: 15px;
    width: 30px;
    height: 30px;
    top: 50%;
    margin-top: -15px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;}
.eqa_b01 a span.icon01{
	background-image:url(../images/symbol/icon01.svg);}
.eqa_b01 a:hover span.icon01{
	background-image:url(../images/symbol/icon01y.svg);}
.eqa_b01 a span.icon02{
	background-image:url(../images/symbol/icon02.svg);}
.eqa_b01 a:hover span.icon02{
	background-image:url(../images/symbol/icon02y.svg);}
.eqa_b01 a span.icon03{
	background-image:url(../images/symbol/icon03.svg);}
.eqa_b01 a:hover span.icon03{
	background-image:url(../images/symbol/icon03y.svg);}
.eqa_b01 a span img{
    height: 25px;
    width: auto;}
.eqa_b01 a p{
    font-size: 16px;
    color: #f29100;    }
.eqa_b01 a:hover p{
    color: #fff;}
.eqa_b01 a:hover{
	background:#FF9900}
.user_bg, .user_bg02,
.barcode_bg{
	display:none;
	background: rgba(0,0,0,0.6);
	width:100%;
	height:100%;
	width:100vw;
	height:100vh;
	position:fixed;
	top:0px;
	bottom:0;
	z-index:1000;
	}
.user_bg_on,
.barcode_bg_on{

	display:block;}
.user, .user02,
.barcode{
	display: none;
	max-width: 650px;
	width: 100%;
	transform: translate(-50%);
	border-radius: 3px;
	background:#FFF;
	padding:20px 20px 40px 20px;
	position:fixed;
	left:50%;
	top:10%;
	z-index:1001;
	box-shadow: 0 0 7px rgba(0,0,0,0.5);
	flex-direction: row;
	justify-content: space-between;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	}
.user_on,
.barcode_on{
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;	}
.user_b02, .signin_b02,
.barcode_b02{
	width:100%;
	text-align:right;
	margin: 0 0 16px 0;
	}
.user_b02a, .signin_b02a,
.barcode_b02a{
	display:inline-block;
	cursor: pointer;
	color: #F2550C;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: bold;
	}
.user_b02a b{
    display: inline-block;
    margin: 0 0.5em 0 0;
    vertical-align: middle;}
a.user_b03{
	display:block;
	padding: 4% 2%;
	overflow: hidden;
	width: 48%;
	border-radius: 3px;
	border: 2px solid #eee;
	}
a.user_b03a{}
a.user_b03b{}
a.user_b03 span{
	width:100%;
	margin-bottom: 10px;
	display:block;
	line-height:normal;
	height:0;
	padding-bottom: 35%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	}
a.user_b03 p{
	text-align:center;
	font-size:18px;
	font-weight: bold;
	color: #F29100;
	}
a.user_b03:hover{
	background:rgba(0,0,0,0.05)}
.contact{
	width:100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: stretch;
	-ms-flex-align: initial;
	align-items: stretch;
	justify-content: space-between;
	}
.contact_01{
	width:25%}
.contact_02{
	width:41%;
	position:relative;}
.contact_03{
	width: 20%;
	line-height: 1.7;
	font-size: 16px;
	}
.contact_02 iframe{
	width:100%;
	height:100%;
	border:none;
	position:absolute;
	left:0;
	top:0}
.cont_box01{
	width:100%;
	border: 1px solid #e2e2e2;
	margin: 0 0 10px;
	border-radius: 3px;
	box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.05) inset;
	overflow:hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
	-webkit-align-items: center;
	-ms-flex-align: initial;
	align-items: center;
	justify-content: flex-start;
	}
.cont_box01 p{
	flex:1;}
.cont_box01 p input,
.cont_box01 p textarea,
.cont_box01 p select{
	width:100%;
	background:none;
	border-width:0px;
	padding: 11px 15px;
	font-size: 14px;
	}
.cont_box01 p textarea{}
.cont_box01 span{
	display:block;
	padding:0 15px 0 0;}
.cont_box01 span img{
    vertical-align: bottom;
}
.cont_b01,
.barcode_b01{
	margin: 25px 0 0 0;	}
.barcode_b01{
	width:100%;

	text-align:center}
.cont_b01 a,
.barcode_b01 a{
	display:inline-block;
	color:#FFF;
	background:#F29100;
	font-size: 15px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	border-radius: 22px;
	letter-spacing: 0.1em;
	padding:0 42px;}
.cont_b01 a:hover,
.barcode_b01 a:hover {
    opacity: 0.7;}
.barcode_b01 a{
	margin:0 0.5em;}
.contact_03 h4{
    font-size: 1.25em;
    font-weight: bold;
    display: block;
    margin: 0 0 0.5em;
    color: #f29100;}
.mem_box01{
	width:100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	justify-content:center;}
.mem_box01a,
.mem_box01b{
	width:48%;
	margin:0px 1%;
	padding: 40px 30px;
	border: 2px solid #e7e7e7;
	background:#fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;}
.mem_box01c{
	width:100%;
	margin:0px;
	padding: 40px 30px;
	border: 2px solid #e7e7e7;
	background:#fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;}
.mem_box01 h2{
	margin-bottom:40px;
	font-size: 21px;
	text-align: center;

	font-weight:500;
}
.mem_box01a{}
.mem_box01b{}
.mem_p01{
	text-align:center;
	margin-bottom:13px;
	font-size:30px;
	color:#fff;}
.mem_p01 b{
	width:60px;
	height:60px;
	background: rgba(115, 83, 34, 0.7);
	overflow:hidden;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	margin:0px auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
	-webkit-align-items: center;
	-ms-flex-align: initial;
	align-items: center;
	justify-content: center;
	}
.mem_box02,
.mem_box02 li{
	list-style:none;
	padding:0px;
	margin:0px;}
.mem_box02 li{
	font-size:14px;
	margin-bottom:10px;}
.mem_box02 dd{
	display:block;
	margin-bottom:10px;}
.mem_box02 p{
	width:100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-align-items: center;
	align-items: center;}
.mem_box02 input[type="text"],
.mem_box02 input[type="password"] ,
.mem_box02 textarea,
.mem_box02 select{
	background:#fff;
    width: 100%;
    padding: 8px;
	font-size:14px;
	-webkit-box-flex: 1;
    -ms-flex: 1;
    flex:1;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.05) inset;
}
.mem_box02 p img{
	margin-left:10px;}
.red{
	color:#f00}
.mem_b01 {
	text-align:center;
	margin:20px auto;}
.member_right .mem_b01{
	text-align:left}
.mem_b01 a{
	display:inline-block;
	width:100%;
	max-width:300px;
	line-height:40px;
	font-size:15px;
	color:#ffffff;
	background: #F29100;
	text-align:center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
.mem_b01 a:hover{
	background:#FF9900}
.mem_b03 {
	text-align:center;
	margin:20px auto;}
.member_right .mem_b03{
	text-align:left}
.mem_b03 a{
	display:inline-block;
	width:100%;
	max-width:100px;
	line-height:40px;
	font-size:15px;
	color:#ffffff;
	text-align:center;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 10px;
}
.mem_b03 a:hover{
	opacity: .8;}
.mem_txt {
    padding: 36px 35px;
    background: #f4f4f4;}
.mem_b02 {
	text-align:center;
	font-size:13px;
	color:#de1c31;}
.mem_b02 a{
	color:#de1c31;}

.eqa_t01{
	display:block;
	font-size: 24px;
	margin: 0 0 20px;
	padding:0 0 20px;
	font-weight: bold;
	position: relative;
	}
.eqa_t01:after{
	content:"";
	position:absolute;
	left:0;
	bottom:0px;
	display:block;
	width: 1.5em;
	height: 2px;
	background: #F29100;}
.signup{
	width:100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
	-webkit-align-items: stretch;
	-ms-flex-align: initial;
	align-items: stretch;
	justify-content: space-between;	}
.signup01{
	width: 25%;
	width: 40%;
	margin:0 7% 0 0;	}
.signup02{
	flex:1;
	overflow: hidden;	}
.info_box01{
	width:100%;
	margin: 40px 0 0 0;
	padding: 40px 0 0 0;
	border-top:1px solid #d2d2d2;
	font-size: 14px;
	line-height: 1.7;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-start;
	-ms-flex-align: initial;
	align-items: flex-start;

	justify-content: space-between;	}
.info_box01 dl{	}
.info_box01 dt{
    font-weight: bold;
    margin: 0 0 10px;}
.info_box01 dd{color: #777777;}
.info_box01 b{
    font-weight: normal;}
.info_box01 dd span,
.news_box01b time span{
    color: #F2550C;}
.member_b01{font-size: 16px;}
.member_b01 a{
	display:block;
	padding: 10px 0px 10px 10px;
	border-left: 3px solid #ddd;
	}
.member_b01 a.member_b01y,
.member_b01 a:hover{
    border-color: #F29100;
    color: #F29100;}
.record_box01{
    padding: 20px 10px;
    border-bottom: 1px solid #ddd;
}
.record_box01:nth-child(1){
    border-top: 1px solid #ddd;}
.record_box01 h3{
    display: block;
    font-size: 20px;
    margin: 0 0 20px;
    padding: 0 0 10px;
    font-weight: bold;
    position: relative;
}
.record_box01 h3 a span{
    color: #f29100;
    display: inline-block;
    font-size: 0.8em;
    vertical-align: super;
    margin: 0 0 0 0.5em;}

.record_box01 h3:after{
	content:"";
	position:absolute;
	left:0;
	bottom:0px;
	display:block;
	width: 1.5em;
	height: 2px;
	background: #F29100;}
.record_box02{
    margin:10px 0 0 0;
    width:100%;
    font-size: 14px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: stretch;
    -ms-flex-align: inherit;
    align-items: stretch;
    justify-content: space-between;
    }
.record_box02a{
    padding: 5px 15px 5px 0;
    border-right: 1px solid #f29100;
    margin: 0 15px 0 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 44px;
    /*width: 4em;*/
}
.record_box02b{
	flex:1;
	padding: 5px 0;
	overflow: hidden;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-start;
	-ms-flex-align: inherit;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;	}
a.record_b01a,
p.record_b01b{
	font-size: 14px;
	border-radius: 4px;
	display: -moz-inline-flex;
	display: -webkit-inline-flex;
	display: -ms-inline-flex;
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	padding: 10px 13px;
	margin: 0 15px 5px 0;	}
a.record_b01a{
	border: 1px solid #F29100;
	background: #ffffff;
	color: #F29100;	}
p.record_b01b{
	border: 1px solid #bbb;
	background: #eeeeee;
	color: #bcbcbc;	}
a.record_b01a:hover{
	background: #F29100;
	color: #FFFFFF;	}
a.record_b01a b,
p.record_b01b b{
	display:inline-block;
	margin: 0 0.25em 0 0;	}
.eqa_t02{
	display:block;
	margin:60px auto 60px;
	text-align:center;
	font-weight:600;
	font-size: 36px;
	line-height:1.125;}



.radio_box01,
.checkbox_box01{
	width:100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: inherit;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
	}
.radio_box01 label,
.checkbox_box01 label{
	display:block;
	margin: 7px 2em 7px 0;
	position: relative;
	padding: 0px 0 0px 32px;
	font-size: 16px;
	line-height: 1.5;
	/*! width: 50%; */
	}
.radio_box01 label input[type="radio"],
.checkbox_box01 label input[type="checkbox"]{
    display: none;}
.radio_b01{
	display: block;
	vertical-align:middle;
	width: 24px;
	height: 24px;
	background:#e2e2e2;
	cursor: pointer;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 0px;
	}
.checkbox_b01{
	display: block;
	width: 24px;
	height: 24px;
	background-color: #e2e2e2;
	vertical-align: middle;
	cursor: pointer;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	position: absolute;
	left: 0;
	top: 0;
	}
.radio_box01 label input[type="radio"]:checked + .radio_b01 {
    background: #F29100;}
.radio_box01 label input[type="radio"]:checked + .radio_b01:before{
	position: relative;
	top: 8px;
	left: 8px;
	display: block;
	width: 8px;
	height: 8px;
	content: "";
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background: #fff;
	}

.checkbox_on{
	background:#F29100}
.checkbox_on::after,
.checkbox_on::before {
    content: " ";
    position: relative;
    display: block;
    background: #fff;
    transform: rotate(45deg);}
.checkbox_on::after{
	width: 8px;
	height: 3px;
	left: 5px;}
.checkbox_on::before {
	width: 3px;
	height: 13px;
	left: 13px;
	top: 6px;
	}
.mem_box03{
    margin: 0 0 30px 0;}
.mem_box03 p{
	font-size: 15px;
	line-height: 1.8;	}


.mem_box04,
.mem_box04 li{
	list-style:none;
	padding:0px;
	margin:0px;}
.mem_box04{
	margin:0 0 50px}
.mem_box04 li{
	font-size: 16px;
	margin-bottom: 25px;
	color: #4d4d4d;	}
.mem_box04 dd{
	display:block;
	font-weight: 500;
	font-size: 1.0625em;
	margin-bottom: 10px;
	}
.mem_box04 p{
	width:100%;}
.mem_box04 input[type="text"],
.mem_box04 input[type="password"] ,
.mem_box04 textarea,
.mem_box04 select{
	background:#fff;
	width: 100%;
	padding: 8px;
	font-size: 16px;
	border: 1px solid #e2e2e2;
	border-radius: 3px;
	box-shadow: 2px 2px 1px 0 rgba(0, 0, 0, 0.05) inset;
	}
.mem_box04 p img{
	margin-left:10px;}
span.required{
    display: inline-block;
    line-height: 2;
    font-size: 13px;
    vertical-align: bottom;
    color: #f29100;
    border-radius: 26px;
    margin: 0px 0.5em 0 0;}
.qrcode{
	text-align:center;
	width:100%;}
.menu{
	display:none;}
.menuOn{}
.menu{
	width: 29px;
	height: 24px;
	cursor:pointer;
	margin: 0 0 0 10px;
	background-image:url(../images/symbol/menu.svg);
	background-position: center;
	background-repeat:no-repeat;
	background-size: contain;
	}
.menu_close{
	display: inline-block;
	width: 24px;
	height: 24px;
	cursor:pointer;
	background-image:url(../images/symbol/menu_close.svg);
	background-position: center;
	background-repeat:no-repeat;
	background-size: contain;
	margin: 0 0 20px;
	}
.m_bg,
.m_bgOn,
.mobile,
.mobileOn{
	display:none;}
.m_bg{
	background:rgba(0,0,0,0.7);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	width:100vw;
	height:100vh;
	z-index:9998;}
.mobile{
	text-align: right;
	width:83%;
	height:100%;
	height:100vh;
	overflow-y:scroll;
	background:#FFF;
	position:fixed;
	top:0;
	right:-100%;
	z-index:9999;
	padding: 35px 20px;
	transition-property:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */	}
.mobileOn{
	right:0%;}
.m_btn{
	width:100%;
	text-align: left;
	font-size: 16px;
	line-height: 1.2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: flex-start;
	-ms-flex-align: flex-start;
	align-items: flex-start;
	justify-content: flex-start;
	flex-direction: column;
	border-top: 1px solid #ddd;	}
.m_btn,
.m_btn li,
.m_btn ol{
	list-style:none;
	padding:0;
	margin:0}
.m_btn li,
.m_btn ol{
	display:block;}
.m_btn li{
	width: 100%;
	border-bottom: 1px solid #ddd;	}
.m_btn li ol li{
	border:none;	}
.m_btn a{
	display:block;
	padding: 13px 10px;	}
.m_btn li ol li a:before{
	display:inline-block;
	margin:0 0.5em 0 0;
	content:"-";}
.m_btn .m_btn01{
	cursor:pointer;
	display: block;
	font-size: 16px;
	padding: 15px 36px 15px 5px;
	position: relative;
	letter-spacing: 2px;
	font-weight: bold;
	}
.m_btn .m_btn01 span{
	position:absolute;
	right:10px;
	top:50%;
	margin-top: -10px;
	color: #F29100;
	transition-property:all 0.3s;
	-moz-transition:all 0.3s; /* Firefox 4 */
	-webkit-transition:all 0.3s; /* Safari and Chrome */
	-o-transition:all 0.3s; /* Opera */
	}
.m_btn ol{
	display: none;
	width: 100%;	}
.m_btnOn ol{
	display:block;}
.m_btn ol a{
	display:block;
	padding: 0px 10px 20px 10px;
	font-size: 15px;
	}
.m_btnOn .m_btn01 span{
    transform: rotate(45deg);}
body.body_hidden{
	overflow:inherit;}
.m_box01{
    padding: 10px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
}
.qrcode img{
	max-width:205px;}
.swiper-pagination2, .swiper-pagination3, .swiper-pagination4 {
	text-align: center;
}
.swiper-pagination2 .swiper-pagination-bullet, .swiper-pagination3 .swiper-pagination-bullet, .swiper-pagination4 .swiper-pagination-bullet {
	width: 10px;
    height: 10px;
    FONT-WEIGHT: 500;
    display: inline-block;
    border-radius: 0px;
    background: #e4e4e4;
    opacity: 1;
    border-radius: 99%;
}
.news .swiper-slide {
	width: 22%;
	margin: 0 1.5%;
}
.box_a, .box_b {
	display: none;
}
.box_a.active {
	display: block;
	width: 100%;
}
.box_b.active {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}
@media only screen and (min-width: 1340px) {
	.top {
		display: flex;
		justify-content: space-between;
		padding-top: 18px;
	}
	.page_title h1 {
		font-size: 28px;
	}
	.page_title {
		padding: 40px;
	}
}
@media only screen and (max-width: 1340px) {
a.allergen_box01 {
    width:31.3333%;}
.ad_box02 h3 {
    font-size: 40px;
    margin-bottom: 24px;    }
.ad_box02b {
    padding: 0px 20px 20px 0;    }
.ad_box02b a {
    padding: 8.5px 23px;
    font-size: 14px;
    line-height: 1.215;
    border-radius: 20px;    }
a.allergen_box01 {
    width: 31.333%;}
.map_box01 {
    width: calc(100% / 2 - 2%);
    margin: 0 1% 3%;}


}
@media only screen and (max-width: 1280px) {
.bio_t01 {
    font-size: 36px;}
a.news_box02 {
    width: 48%;}
.header {
    padding: 15px 24px;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;    }
.ad_box01{
	padding:0 24px;}
.in_box01,
a.btn_box01,
.page_ad01{
	margin: 0 24px 30px;}
.footer{
	margin: 0 24px;
	padding: 40px 4vw 0;	}
.bg02{
	margin: 0 24px;	}
.swiper1 {
    margin-bottom: 60px;}
.wrapper, .page, .main, .member {
    width: calc(100% - 48px);
    margin: 0 auto 30px;}
.top_h {
    height: 66px;}
.nav{
	display:none;}
.menu,
.m_bgOn{
	display:block}
.mobile{
	display:block;}
body.body_hidden{
	overflow:hidden;}
.cont_b01 a {
    display: block;
    text-align: center;}
.mobile .search{
	display:block;
	margin:20px 0 0 0;
	background:#f5f5f5;
	box-shadow:none;}
.top ul{
	display:none;}
.lang_box01 {
    margin: 0}
.user_b01, .search_b01, a.mem_b04 {
    margin: 0 0 0 10px;    }
.user_b01 img, .search_b01 img, a.mem_b04 img {
    height: 24px;    }
a.news_box01{
	width: 48.5%;
	margin-left: 0%;
	margin-bottom:3%;	}
.pro_box01{
	margin-left: 0%;
	margin-bottom:3%;
	box-shadow: 0 5px 12px rgba(0,0,0,.07);	}
.pro_b01{
	display:none;}
.in_t01 {
    margin: 0 auto 30px;}
.in_t01 h2 {
    font-size: 32px;}

.wrapper, .page, .main, .member {
    width: 100%;
	padding: 0 24px;}
.page01{
	width:100%;
	padding:60px 24px;}
.member_left {
    margin: 0 30px 0 0;}


}
@media only screen and (max-width: 1024px) {
.cont_b01, .barcode_b01 {
    margin: 12px 0 0 0;}

.down_box01a{
    flex:none;
    min-width: 50%;
    width: 50%;}
.down_box01b{
    flex:none;
    min-width:100%;
	width:100%;}
.down_box01, .down_box02 {
    margin: 0 0 30px;}
.copyright_box01{
	display:block;}
.copyright_box01a{
	margin: 0px 0 10px;	}
.copyright_box01 {
    padding: 0px 0 40px;}
.down_logo {
    margin: 0 0 30px;}
.ad_box02 {
    width: 100%;
    padding: 0 3%;    }
.ad_box02 h3 {
    font-size: 18px;
    margin-bottom: 12px;    }
.ad_box02a {
    font-size: 17px;
    margin-bottom: 12px;
    display: none;    }
.page_ad01{
	padding:5% 0
}
.page_title h1 span{
    font-size: 20px;
    margin-bottom: 5px;
}
.search_box01a p input {
    height: 60px;
    font-size: 24px;}
.search_box01a a {
    width: 40px;
    height: 40px;
    font-size: 15px;}
.bio_box01b h2 {
    font-size: 18px;}
a.bio_box01 {
    width: 100%;
    margin: 0 0 2%;}
.bio_t01 {
    font-size: 28px;}
a.allergen_box01 {
    width: 48%;}
.eqa_b01 {
    margin: 0 0 30px;}

.download_box01 .download_box01b,
.download_box01 .download_box01c,
.download_box01 .download_box01d,
.download_box01 .download_box01e,
.download_box01 .download_box01f{
	display:none;}
.download_box02{
	display:block;
	padding:10px 0 0 0;
	background: #F5f5f5;}
.download_box02 b{display:inline;}
.download_box02 li{
	display:block;
	width:100%;}
.download_box02 li{
	padding:0px 15px 10px 15px;}
a.download_b01 i {
    width: 19px;
    height: 20px;}
a.download_b01 {
    width: auto;
    padding: 0 15px;
    height: 40px;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;    }
.map_box01 {
    width: 100%;
    margin: 0 0 12px;
    padding: 15px;}
.map_box01b li {
    font-size: 13px;}
.cag_box04 {
    margin-bottom: 30px;}
.cag_box04 a {
    font-size: 14px;
    line-height: 18px;
    padding: 7px 13px;}
.contact,
.signup {
    flex-direction: column;
    max-width: 640px;
    margin: 0 auto;    }
.contact_01,
.contact_02,
.contact_03,
.signup01,
.signup02{
	width:100%;
	margin: 0;	}
.signup02{
	margin:20px 0 0 0;}
.info_box01 {
    margin: 20px 0 0 0;
    padding:20px 0 0 0;
    flex-wrap: wrap;    }
.info_box01 dl {
	width:100%;
	margin: 0 0 15px;	}
.info_box01 dt {
    margin: 0 0 5px;}
.contact_02{
	height:300px;
	margin: 12px auto 24px;	}
.contact_03{
    font-size: 14px;}
.mem_box01 {
    max-width: 600px;
    margin: 0 auto;
    flex-wrap: wrap}
.mem_box01a, .mem_box01b {
    width: 100%;
    margin: 0px 0 10px;}
.member_left{
	width:100%;
	margin: 0 0 20px;
	}
.member_b01{
	font-size:14px;}
.member_b01 a {
	display:inline-block;
    border: 1px solid #ddd;
    padding: 7px;
    margin: 0px 5px 5px 0px;
    border-radius: 3px;    }
.member_right {
    width: 100%;
    flex: none;}
.record_box02 {
    flex-wrap: wrap;}
.record_box01 h3 {
    font-size: 16px;
    margin: 0 0 15px;}
.record_box02a {
    padding: 5px 13px 5px 0;
    font-size: 14px;
	margin:0 15px 5px 0;}
.record_box02b {
    flex: none;
    width: calc(100% - 6em);}
.manu {
    font-size: 12px;}
.eqa_t01 {
    font-size: 20px;
    margin: 0 0 15px;
    padding: 0 0 15px;}

}
@media only screen and (max-width: 769px) {
	.news .swiper-slide {
		width: calc( 50% - 20px );
		margin: 0 10px
	}
	.equ_box01b {
		width: 100%;
		margin: 0px 0 0 0%;
		box-shadow: none;
		padding: 0 0 10px;
		order: 1;    }
	.equ_box01a{
		width: 100%;
		order: 2;    }
.barcode_b01 a {
    margin: 5px auto;
    max-width: 300px;
    width: 100%;}
.cont_b01 a, .barcode_b01 a {
    font-size: 14px;
    height: 40px;
    line-height: 40px;}


.down_box01{
	display:none}
.footer {
    margin: 0;
    padding: 40px 24px 0;}
.bg02{
	margin:0;}
.down_logo {
	text-align:center;}
.down{
	text-align:center;}
.down_box02c a{
	margin:0 auto;}
.copyright_box01{
	text-align:center;}
.ad_box01 {
    padding: 0;}
.in_t01 h2 {
    font-size: 26px;}

.pro_box01,
a.news_box01{
	width: 100%;
	margin-bottom:12px;}
.pro_box01:nth-child(2n),
a.news_box01:nth-child(2n){
   margin-left: 0%;   }
.in_box01, a.btn_box01, .page_ad01 {
    margin: 0 0px 30px;}
a.btn_box01 {
    min-height: 300px;}
a.cert_box01 {
    width: 100%;
    margin: 0px auto 12px;}
.page_title img {
    height: 20px;
    width: auto;}
.page_ad01 {
    min-height: auto;    }
a.news_box02 {
    width: 100%;
    margin: 0px auto 12px;}
.cag_box02a span {
    width:33.3333%;
	font-size:20px;}
.history_box01 {
	font-size:14px;
    margin: 30px auto 0;
    flex-flow: column;}
.bio_t01 {
    font-size: 24px;}
.equ_box01 {
    width: 100%;
    padding: 0px 0 0 0;
    margin: 0 auto 30px;}
.equ_box01b h2{
    font-size: 18px;}
.equ_box01b h3{
	font-size:14px;}
.table_box01{
	font-size:13px;}
.back_b01 {
    font-size: 15px;}
.back_b01 a b {
    width: 30px;
    height: 30px;
    font-size: 14px;}
.user, .barcode {
    width: 90%;
    margin: 0;
    left: 5%;}
.mem_box01a, .mem_box01b {
    padding: 15px;}
.mem_p01 {
    font-size: 16px;}
.mem_p01 b {
    width: 40px;
    height: 40px;}
.mem_box01 h2 {
    margin-bottom: 20px;
    font-size: 18px;}
.mem_txt {
    padding: 15px;}

.member_b01 a {
	width:48%;}
.mem_b01 a {
	max-width: inherit;}
.mem_b03 a {
	max-width: inherit;}
}
@media only screen and (max-width: 599px) {
.member_b01 a {
	width:100%;
    margin: 0px 0px 5px 0px;}
.page_title h1 {
    font-size: 20px;}
.page_title h1 span {
    font-size: 16px;
    margin-bottom: 5px;}
.search_box01a p input {
    height: 60px;
    font-size: 18px;}
a.allergen_box01 {
    width: 100%;
	margin:0 0 12px;}
.eqa_b01 a {
    width: 100%;
    margin: 0 0 4px;
    padding: 10px 10px 10px 45px;}
.eqa_b01 a span {
    left: 10px;
    width: 24px;
    height: 24px;
    margin-top: -12px;}
.eqa_b01 a p{
	font-size:14px;}
.cont_box01 p input, .cont_box01 p textarea, .cont_box01 p select {
    padding: 9px 15px;
    font-size: 13px;}
a.user_b03 {
    width: 100%;
    margin: 0 0 5px;}
a.user_b03 span {
    padding-bottom: 20%;}
a.user_b03 p {
    font-size: 16px;}
}
.item {
	display: flex;
    justify-content: space-between;
    width: calc( 100% - 20px );
    padding: 10px;
    font-size: 18px;
    max-width: 400px;
    margin: 10px;
    align-items: center;
    border-radius: 5px;
}
.item:hover {
	box-shadow: #bfbfbf 0 0 5px 0;
}
.item .title {

}
.item .download {
	width: 30px;
    height: 30px;
    background: #f29100;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
}
.appeal {
	width: calc( 100% - 30px );
    margin: 15px 15px 0 ;
}
.format {
	display: flex;
}
.appeal .format > div {
	width: 25%;
	text-align: center;
	padding: 15px 10px;
}
.appeal .format.tag > div {
	background: #9a8360;
    color: #fff;
}
.appeal .format.unit:nth-child(even) {
	background: #ffe2b1;
}
.logout {
	border: #f29100 solid 1.5px;
	background: #fff;
	color: #f29100;
	border-radius: 5px;
	padding: 5px 10px;
	margin: 5px;
}
.logout:hover {
	background:  #f29100;
	color: #fff;
}