@charset "UTF-8";

/*--- ヘッダーメニュー ---*/

.mm_header_nav {
	width: 100%;
	height: 60px;
	background: #fff;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
	position: sticky;
	top: 0;
	z-index: 3;
}

.mm_header_nav.mm_active {
	position: fixed;
	z-index: 1000;
}

.mm_header_nav a {
	display: block;
	transition: .3s;
}

.mm_header_nav a:hover,
.mm_header_nav a.mm_active {
	color: #71b44b;
	text-decoration: none;
}

.mm_header_nav .mm_bg_blind {
	background: rgba(0, 0, 0, .5);
	z-index: -1;
	opacity: 0;
	transition: 0.3s;
}

.mm_header_nav .mm_bg_blind.mm_active {
	width: 100%;
	height: 100%;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 1;
}

.mm_header_nav .mm_main {
	height: 60px;
	display: flex;
	align-items: center;
	gap: 30px;
	background: #fff;
	position: relative;
	padding: 0 30px;
	margin: 0 auto;
}

.mm_header_nav .mm_main > div:nth-of-type(1) a {
	transition: .3s;
}

.mm_header_nav .mm_main > div:nth-of-type(1) a:hover {
	opacity: 0.3;
}

.mm_header_nav .mm_main > div:nth-of-type(1) img {
	width: 110px;
	vertical-align: bottom;
}

.mm_header_nav .mm_main > ul {
	display: flex;
	gap: 0 40px;
	background: #fff;
}

.mm_header_nav .mm_main > ul > li {
	width: min-content;
	position: relative;
}

.mm_header_nav .mm_main > ul > li > a {
	height: 60px;
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	position: relative;
}

.mm_header_nav .mm_main > ul > li:nth-of-type(1) > a::after {
	content: "";
	width: 6px;
	height: 6px;
	border-right: solid 2px #444;
	border-top: solid 2px #444;
	position: absolute;
	bottom: 10px;
	transform: rotate(135deg);
	transition: .3s;
}

.mm_header_nav .mm_main > ul > li:nth-of-type(1) > a.mm_active::after {
	border-right: solid 2px #71b44b;
	border-top: solid 2px #71b44b;
	transform: rotate(-45deg);
}

.mm_header_nav .mm_main > ul > li:nth-of-type(2) img {
	width: 100%;
	max-width: 65px;
	display: block;
	margin: 0 auto 5px;
}

.mm_header_nav .mm_main > ul > li a + ul {
	width: 250px;
	height: 0;
	background: #fff;
	border-radius: 0 0 10px 10px;
	box-shadow: 0 5px 4px 0 rgb(0, 0, 0, 20%);
	position: absolute;
	top: 60px;
	left: -90px;
	opacity: 0;
	overflow: hidden;
	padding: 0 20px;
	transition: .3s;
}

.mm_header_nav .mm_main > ul > li:nth-of-type(4) a + ul {
	left: -70px;
}

.mm_header_nav .mm_main > ul > li a + ul li {
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px;
	margin: 0 0 20px;
}

.mm_header_nav .mm_main > ul > li a + ul li:last-of-type {
	border-bottom: none;
	padding: 0;
	margin: 0;
}

.mm_header_nav .mm_main > ul > li a.mm_active + ul {
	height: auto;
	opacity: 1;
	padding: 20px;
}

.mm_header_nav .mm_main > ul > li > ul > li a {
	padding: 5px 0;
}

.mm_header_nav .mm_main > div:nth-of-type(3) {
	display: flex;
	align-items: center;
	gap: 30px;
	position: absolute;
	right: 30px;
}

.mm_header_nav .mm_main > div:nth-of-type(3) > a:nth-of-type(1) {
	font-weight: bold;
}

.mm_header_nav .mm_main > div:nth-of-type(3) > a:nth-of-type(2) {
	color: #fff;
	background: #DF5F26;
	border-radius: 5px;
	position: relative;
	padding: 10px 10px 10px 40px;
}

.mm_header_nav .mm_main > div:nth-of-type(3) > a:nth-of-type(2):hover {
	opacity: 0.3;
}

.mm_header_nav .mm_main > div:nth-of-type(3) > a:nth-of-type(2):before {
	content: "";
	font-family: Font Awesome\ 5 Free;
	font-weight: 600;
	position: absolute;
	margin: 0 0 0 -25px;
}

.mm_header_nav .mm_sp_btn {
	display: none;
}

.mm_header_nav .mm_kinou_box {
	height: 0;
	display: flex;
	gap: 0 10px;
	background: #fff;
	box-shadow: 0 3px 5px 0 rgb(0, 0, 0, 10%);
	position: absolute;
	top: 60px;
	left: -140px;
	overflow: hidden;
	opacity: 0;
	padding: 0 20px;
	transition: .3s;
}

.mm_header_nav a.mm_drop_btn.mm_active + .mm_kinou_box {
	height: auto;
	opacity: 1;
	padding: 10px 20px;
}

.mm_header_nav .mm_kinou_box > div > p {
	color: #eee;
	text-align: center;
	border-bottom: 1px solid #71b44b;
	background-color: #3e8814;
	padding: 5px 0;
}

.mm_header_nav .mm_kinou_box > div > ul {
	display: flex;
	flex-wrap: wrap;
}

.mm_header_nav .mm_kinou_box > div > ul li {
	display: flex;
	align-items: center;
	font-size: 1.2rem;
	line-height: 1.5;
	box-shadow: 0 0 3px 0 rgb(0, 0, 0, 10%);
	border-bottom: 1px solid #ebebeb;
}

.mm_header_nav .mm_kinou_box > div:nth-of-type(1) > ul li {
	width: 220px;
}

.mm_header_nav .mm_kinou_box > div:nth-of-type(2) > ul li {
	width: 230px;
}

.mm_header_nav .mm_kinou_box > div > ul li a {
	width: 100%;
	display: block;
	padding: 10px;
}

.mm_header_nav .mm_kinou_box > div > ul li a:hover {
	color: #71b44b;
}

.mm_header_nav .mm_kinou_box > div:nth-of-type(1) {
	width: 440px;
}

.mm_header_nav .mm_kinou_box > div:nth-of-type(2) {
	width: 230px;
}

/*--- ヘッダーメニューここまで ---*/

/*--- 固定ボタン ----*/

.contact_box {
	background: #DF5F26;
}

.contact_box > div > a:nth-of-type(3) > img {
	filter: brightness(1);
}

.contact_box > div > a:nth-of-type(3) > p img {
	max-width: 80px;
	display: block;
	margin: 0 auto 3px;
}

.contact_box > div > a:nth-of-type(3) > p {
	margin: 0 0 0 7px;
}

/*--- 固定ボタン　ここまで ----*/

.pagetop {
	bottom: 250px;
}


h1,
h2,
h3,
h4,
h5 {
	word-wrap: break-word
}

.icon_box_text,
.memo,
.slideInner li,
.swiper-slide {
	text-align: center
}

#tokucho .tokucho_slide img,
.shadow {
	filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, .19))
}

.headerhight {
	display: block
}

h2 {
	font-size: 30px;
	margin-bottom: 20px;
	font-weight: 800;
	line-height: 50px
}

h2 span {
	font-size: 70%;
	font-weight: 600
}

p.small {
	font-size: 1.3rem;
	line-height: 22px
}

h4,
h5 {
	line-height: 28px
}

.swiper-container {
	max-height: 307px;
	overflow: hidden
}

.link,
.link i {
	font-size: 1pc !important;
	border: 0;
	border-radius: 30px;
	display: initial;
	padding: 0 3px;
	width: 100%;
	color: #0088d0 !important;
	font-weight: 600;
	text-decoration: underline
}

.buttons li a,
.footer_title,
.hardbox_layout a,
.swiper-slide a {
	text-decoration: none
}

.link i:hover,
.link:hover {
	color: #7fd9ef
}

.mm_mainlink {
	background: #fff
}

.login {
	margin-right: 15px;
	margin-top: 10px
}

.login a {
	font-weight: 800 !important
}

.fanc_wrap {
	display: flex;
	flex-wrap: wrap
}

.hero_apps,
.pointservice {
	justify-content: space-between
}

.fanc_wrap ul {
	width: 50%
}

.fanc_wrap ul li {
	height: 42px
}

.pa_3_2 {
	padding: 30px 5px
}

.pa-l-side {
	padding: 0 3% !important
}

.graybg1 {
	background: #f2f3f1
}

.graybg2 {
	background: #f8f8f8
}

.graybg3 {
	background: hsla(0, 0%, 97%, .78)
}

.bluebg1 {
	background: #f3f9fa
}

.bluebg2 {
	background: rgba(142, 193, 212, .08)
}

.gradientbg1 {
	background: #a1e0d0;
	background: linear-gradient(90deg, rgba(161, 224, 208, .3) 0, hsla(43, 44%, 86%, .3) 100%)
}

.arrow_white {
	padding: 50px 0 0;
	position: relative
}

.arrow_white:after {
	content: "";
	position: absolute;
	top: 0;
	left: calc(93vw - 50%);
	width: 0;
	height: 0;
	border-top: 40px solid #fff;
	border-left: 6vw solid transparent;
	border-right: 6vw solid transparent;
	z-index: 0
}

.orange_f {
	color: #eb6120
}

.green_f {
	color: #71b44b
}

.blue_f {
	color: #439d97
}

.mm_mainlink a {
	padding: 17px 25px !important
}

.mm_mainlink a img {
	width: 110px
}

.buttons {
	display: inline-flex;
	position: absolute;
	right: 10px;
	z-index: 3
}

.buttons li {
	display: inline-block;
	margin-top: 5px
}

.buttons li a {
	font-weight: 500;
	padding: 15px 9pt 13px 40px;
	vertical-align: middle;
	display: block;
	font-size: 14px;
	transition: all .2s ease-in-out 0
}

.register {
	background: #3e8814;
	margin-right: 10px;
	position: relative;
	border-radius: 5px
}

.register a {
	color: #fff
}

.register :before {
	content: "";
	font-family: Font Awesome\ 5 Free;
	font-weight: 600;
	font-size: 15px;
	position: absolute;
	top: 34%;
	left: 7%
}

a.hover_sp .arrow2 {
	border-top: 1px solid #71b44b;
	border-left: 1px solid #71b44b
}

#menuresp li a.hover_sp {
	color: #71b44b
}

#menuresp li.sousmenu li a.hover_sp {
	color: #71b44b;
	border-left: 3px solid #3e8814
}

h4.row.mega-title {
	color: #eee;
	border-bottom: 1px solid #71b44b;
	background-color: #3e8814
}

#hero {
	height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url(/product/misemeg/images/misemeg_bg1-2.png);
	background-size: cover;
	background-repeat: no-repeat;
}

#hero a {
	transition: .3s;
}

#hero a:hover {
	opacity: 0.3;
}

#hero h1 {
	display: inline;
	line-height: 1.4;
	color: #0f1406;
	font-size: 3.2rem;
	background: linear-gradient(transparent 60%, #FAEA9C 50%);
}

#hero h1 span {
	font-size: 5rem;
}

#hero p {
	font-weight: 500
}

#hero .hero_text {
	text-align: center;
	text-shadow: 4px 4px 9pt #fff
}

.hero_text_p {
	font-size: 1.65rem;
	letter-spacing: .6px;
	line-height: 1.3;
	font-weight: 400;
	margin: 20px 0 30px;
}

.hero_apps {
	display: flex;
	align-items: baseline;
	width: 100%;
	margin: 30px 0 0
}

.hero_apps .app_icon {
	margin: 0 5px 0 0
}

.hero_apps .app_icon img {
	width: auto;
	height: 70px;
	border: 1px solid #cbcbcb;
	border-radius: 7px
}

.hero_apps .app_icon2 {
	margin: 0 0 0 5px
}

.hero_apps .app_icon2 img {
	width: auto;
	height: 70px;
	border: 1px solid #cbcbcb
}

.hero_apps a:first-of-type {
	margin: 0 5px 0 0
}

.hero_apps .hero_appbanner {
	display: flex;
	justify-content: space-around;
	width: 75%;
	margin: 30px 0 0
}

.hero_apps .hero_appbanner img {
	width: 100%;
	padding: 0 5px
}

#hero .herobanner {
	max-width: 440px;
	min-width: 350px;
	width: 44vw;
	margin-top: 20px
}

#hero .kameiten a {
	background: hsla(0, 0%, 100%, .6);
	margin-top: 40px;
	display: flex;
	width: 100%;
	border: 3px solid #439d97;
	border-radius: 5px
}

#hero .kameiten a .kameiten_img {
	width: 40%;
	display: block;
	margin: auto;
	padding: 8px
}

#hero .kameiten a .kameiten_text {
	width: 60%;
	color: #439d97;
	font-size: 33px;
	line-height: 34px;
	margin: auto 0 29px;
	font-weight: 600;
	padding: 0 0 0 3px
}

#hero .kameiten a .kameiten_text span {
	font-size: 13px
}

#hero .sp_misemeg_hero img {
	max-width: 400px
}

.hero_logo {
	max-width: 280px;
	margin: 0 0 10px 0;
}

.icon_box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px 10px;
	margin: 10px 0 0;
}

.icon_box_inner {
	width: 48%;
	max-width: 250px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	border: 1px solid #cbcbcb;
	border-radius: 7px;
	background: hsla(0, 0%, 100%, .5);
	padding: 10px
}

.icon_box_inner .logo {
	width: 100%;
	max-width: 170px;
}

.icon_box_text {
	font-size: 1.2rem;
	line-height: 1.5
}

.icon_box_app {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin: 0 0 0 10px
}

a.icon_box_link {
	transition: .3s
}

a.icon_box_link:hover {
	color: #444;
	opacity: .3
}

.icon_app {
	margin: 0 0 10px
}

.icon_box_misemeg {
	border-radius: 7px
}

.icon_box_misemeg,
.icon_qr {
	max-width: 70px;
	border: 1px solid #cbcbcb
}

/*お知らせ*/
.oshirase_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	border: solid #ccc;
	border-width: 1px 0;
	padding: 0 20px 0 0;
}

.oshirase_box a,
.ver_box a {
	color: #434343;
	text-decoration: none;
	transition: .3s;
}

.oshirase_box a:hover,
.ver_box a:hover {
	color: #00502e;
}

.oshirase_box > div:first-of-type {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	background-color: #DF5F26;
}

.oshirase_box > div:nth-of-type(2) {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.oshirase_box > div:nth-of-type(2) div:first-of-type {
	margin: 0 30px 0 0;
}

.oshirase_box > div:first-of-type,
.ver_box > div:first-of-type {
	width: 20%;
	text-align: center;
	padding: 20px;
}

.oshirase_box > div:nth-of-type(2),
.ver_box > div:nth-of-type(2) {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 57%;
	line-height: 1.5;
}

.oshirase_box > div:last-of-type,
.ver_box > div:last-of-type {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 20%;
	text-align: right;
}

.ver_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	color: #434343;
	background: #ffede5;
	border-bottom: 1px solid #ccc;
	padding: 0 20px 0 0;
}

.ver_box > div:first-of-type {
	display: flex;
	justify-content: center;
	align-items: center;
	border-right: 1px solid #ccc;
}

/*お知らせここまで*/

.pop_box {
	max-width: 630px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	border: 10px solid #2dc36a;
	border-radius: 10px;
	padding: 20px 20px 0;
	margin: 0 auto 30px;
}

.pop_box > div:nth-of-type(1) img {
	width: 100%;
	max-width: 200px;
	vertical-align: bottom;
}

.pop_box > div:nth-of-type(2) {
	display: flex;
	flex-flow: column;
	align-items: center;
	text-align: center;
	padding: 0 0 20px;
}

.pop_box > div:nth-of-type(2) img {
	width: 100%;
	max-width: 350px;
	margin: 0 0 20px;
}

.pop_box > div:nth-of-type(2) > p:nth-of-type(1) span {
	color: #eb6120;
}

.pop_box > div:nth-of-type(2) > p:nth-of-type(2) {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 20px;
}

.pop_box > div:nth-of-type(2) > p:nth-of-type(2) span {
	color: #eb6120;
}

.pop_box > div:nth-of-type(2) > a {
	width: 100%;
	max-width: 200px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: #eb6120;
	border-radius: 20px;
	position: relative;
	transition: .3s;
}

.pop_box > div:nth-of-type(2) > a:hover {
	opacity: 0.3;
}

.pop_box > div:nth-of-type(2) > a::after {
	font-family: "Font Awesome 5 Free";
	content: "\f101";
	font-weight: 900;
	margin: 0 0 0 10px;
}

.memo {
	font-size: 18px;
	font-weight: 800;
	color: #71b44b;
	padding-bottom: 9pt;
	margin-bottom: 20px;
	position: relative
}

.memo:before {
	content: "";
	position: absolute;
	bottom: 0;
	display: inline-block;
	width: 60px;
	height: 2px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #71b44b;
	border-radius: 2px
}

#mention {
	background: #fffcee;
	padding: 5px 0;
	justify-content: space-around
}

#mention .mention_box {
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	width: 100%;
	max-width: 75pc;
	font-size: 21px;
	font-weight: 500;
	color: #1a1a1a;
	padding: 0 10px;
	margin: auto;
}

#mention .mention_box .mention_inner {
	position: relative;
	line-height: 2em;
	text-indent: 1.5em;
	letter-spacing: 1.5px;
	display: initial;
	padding-left: 10px
}

#mention .mention_box .mention_inner span {
	font-size: 33px;
	font-weight: 800;
	color: #bc1313;
	margin: 0 3px
}

#mention .mention_box .mention_inner:before {
	position: absolute;
	left: 10px;
	content: "";
	display: inline-block;
	width: 2em;
	height: 2em;
	background: url(/product/misemeg/images/medal.svg) no-repeat;
	background-size: contain
}

#intro h2 {
	margin-bottom: 20px
}

#intro h2 span {
	font-size: 100%;
	font-weight: 800;
	position: relative
}

#intro h2 span:before {
	bottom: 1px
}

#intro h2 span:after,
#intro h2 span:before {
	content: "";
	display: block;
	width: 99pt;
	height: 2px;
	background-color: #eb6120;
	position: absolute;
	left: -4px;
	transform: rotate(175deg)
}

#intro h2 img {
	width: 100%;
	max-width: 160px;
	vertical-align: text-top;
}

.tourokuimg,
ul.swiper-slide ul {
	position: relative
}

#intro h2 span:after {
	bottom: -3px
}

.misemeg_muryou {
	width: 80%;
	margin: auto;
	display: block
}

.misemeg_muryou ul {
	width: 100%;
	display: flex;
	margin-top: 20px;
	justify-content: space-around
}

.misemeg_muryou li {
	padding: 10px 5px;
	width: 31.33333%;
	font-size: 20px;
	font-weight: 500;
	color: #fff;
	background: #439d97
}

.zero {
	display: block;
	font-size: 75pt;
	font-weight: 700;
	margin-top: -40px;
	color: #eb6120
}

.zero span {
	font-size: 22%;
	padding-left: 25px
}

#misemeg_slider1 {
	background: #a1e0d0;
	background: linear-gradient(190deg, rgba(154, 214, 212, .67) 0, #d9d9d9 100%)
}

.slideInner {
	display: flex
}

.slideInner li {
	background-color: #fff;
	border-radius: 10px
}

.slideInner li h5 {
	font-size: 1rem;
	color: #666
}

.slideInner li h3 {
	font-size: 1.8rem;
	font-weight: 700
}

.swiper-container {
	width: 100%;
	margin-top: 2rem
}

.swiper-slide {
	font-size: 1.6rem;
	background: #fff;
	border-radius: 5px;
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, .15)
}

.swiper-slide img {
	margin-top: 15px;
	margin-bottom: 10px;
	max-width: 220px;
	min-width: 200px;
	height: auto
}

ul.swiper-slide {
	display: flex;
	flex-direction: column;
	align-self: stretch
}

#onayami .onayami_wrap,
.hikaku_box,
.hikaku_box .col-6 {
	flex-wrap: wrap;
	display: flex
}

ul.swiper-slide li {
	vertical-align: top
}

ul.swiper-slide li.sttl {
	font-size: 1.4rem;
	letter-spacing: -.5px;
	font-weight: 500;
	margin-bottom: .4rem;
	line-height: 18px;
	color: #312b2b;
	height: 60px
}

ul.swiper-slide li.mttl {
	font-size: 1.2rem;
	font-weight: 500;
	margin-top: .6rem;
	margin-bottom: 1rem;
	color: #666
}

ul.swiper-slide li.ttl {
	font-size: 2.2rem;
	color: #0f1406;
	font-weight: 700;
	margin-top: 10px;
	margin-bottom: 2rem
}

.hikaku1 li:before,
.hikaku2 li:before {
	font-weight: 600;
	font-family: Font Awesome\ 5 Free
}

ul.swiper-slide li.sld_caption {
	font-size: .8rem;
	line-height: 1.4rem;
	margin-bottom: .4rem;
	color: #666
}

ul.swiper-slide li.btm_btn04 {
	margin-top: 1.4rem;
	margin-bottom: 1rem;
	max-width: 80%
}

.swiper-slide a:hover {
	background: hsla(0, 0%, 100%, .7);
	transition: all .3s linear
}

.hikaku_box {
	width: auto
}

.hikaku1 {
	display: flex;
	flex-direction: column;
	width: 100%;
	background: #f7f7f7;
	padding: 10px
}

.hikaku1 h3,
.hikaku2 h3 {
	width: 95%;
	text-align: center
}

.hikaku1 h3 {
	color: #403e3e;
	padding: 10px 0;
	margin: 0 auto 20px
}

.hikaku1 ul {
	padding-left: 9pt;
	line-height: 27px
}

.hikaku1 li {
	margin-bottom: 15px;
	font-size: 17px;
	color: #403e3e;
	padding-left: 1.5em;
	text-indent: -1.5em
}

.hikaku1 li:before {
	content: "";
	color: #9d9999;
	font-size: 25px;
	margin-right: 10px
}

.hikaku2 {
	display: flex;
	flex-direction: column;
	background: #fdf9ed;
	padding: 10px
}

.hikaku2 h3 {
	color: #eb6120;
	margin: 0 auto 20px;
	padding: 10px 0
}

.hikaku2 ul {
	padding-left: 9pt;
	line-height: 27px
}

.hikaku2 li {
	font-size: 17px;
	margin-bottom: 15px;
	padding-left: 2em;
	text-indent: -2em
}

.hikaku2 li:before {
	content: "";
	color: #d97d00;
	font-size: 25px;
	margin-right: 10px;
	line-height: 27px
}

.tourokuimg {
	padding-top: 30px
}

.tourokuimg .touroku {
	text-align: center;
	position: absolute;
	font-size: 60px;
	font-weight: 900;
	top: 50px;
	left: 40px;
	color: #eb6120
}

.tourokuimg .touroku p {
	color: #eb6120;
	font-weight: 600
}

.tourokuimg .touroku span {
	font-size: 30px;
	margin-left: -10px
}

#onayami h2 {
	text-align: center;
	margin: 0 0 60px;
}

#onayami .onayami_wrap {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 60px 10px;
}

#onayami .onayami_wrap li {
	display: flex;
	justify-content: center;
	background: #fff;
	border: 2px solid #bae6e5;
	border-radius: 5px;
	box-shadow: 2px 2px 4px hsla(0, 0%, 50%, .4);
	position: relative;
	padding: 50px 20px 20px;
}

#onayami .onayami_wrap li .onayami_icon {
	position: absolute;
	top: -40px;
}

#onayami .onayami_wrap li .onayami_icon img {
	width: 100%;
	max-width: 80px;
}

#tokucho h2,
#tokucho p {
	text-align: center
}

#tokucho .tokucho_wrap {
	background: #fff;
	border: 1px solid #ebebeb;
	padding: 10px;
	box-shadow: 2px 2px 4px hsla(0, 0%, 50%, .37)
}

#tokucho .tokucho_wrap h4 {
	border-bottom: 1px solid gray;
	margin: 10px 0
}

#tokucho .tokucho_wrap .tokucho_inner1 a,
#tokucho .tokucho_wrap .tokucho_inner1_2 .nolink,
#tokucho .tokucho_wrap .tokucho_inner1_2 a,
#tokucho .tokucho_wrap .tokucho_inner2 a {
	width: 32.6666666667%;
	text-align: center;
	margin-bottom: 10px
}

#tokucho .tokucho_wrap .tokucho_inner1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start
}

#tokucho .tokucho_wrap .tokucho_inner1 a {
	font-weight: 500;
	padding: 10px 0;
	border: 1px solid #71b44b;
	border-radius: 40px;
	background: #f7fff4;
	margin-left: 3px
}

#tokucho .tokucho_wrap .tokucho_inner1 a li:after {
	font-family: Font Awesome\ 5 Free;
	content: "";
	font-weight: 600;
	font-size: 10px;
	padding-left: 10px;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1
}

#tokucho .tokucho_wrap .tokucho_inner1 a:hover {
	opacity: .9;
	color: #71b44b;
	background: #d4f7c7
}

#tokucho .tokucho_wrap .tokucho_inner1_2 {
	display: flex;
	flex-wrap: wrap
}

#tokucho .tokucho_wrap .tokucho_inner1_2 .nolink {
	font-weight: 500;
	padding: 10px 0;
	border: 1px solid #71b44b;
	border-radius: 40px;
	background: #f7fff4;
	color: #444;
	margin-right: 8px
}

#tokucho .tokucho_wrap .tokucho_inner1_2 .nolink span {
	font-size: 9pt;
	margin-left: 5px
}

#tokucho .tokucho_wrap .tokucho_inner1_2 a li:after,
#tokucho .tokucho_wrap .tokucho_inner2 a li:after {
	font-family: Font Awesome\ 5 Free;
	content: "";
	font-size: 10px;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1
}

#tokucho .tokucho_wrap .tokucho_inner1_2 a {
	font-weight: 500;
	padding: 10px 0;
	border: 1px solid #439d97;
	border-radius: 40px;
	background: #f4ffff;
	margin-right: 7px
}

#tokucho .tokucho_wrap .tokucho_inner1_2 a li:after {
	font-weight: 600;
	padding-left: 10px;
	display: inline-block
}

#tokucho .tokucho_wrap .tokucho_inner1_2 a:hover {
	opacity: .9;
	color: #439d97;
	background: #c7e3f7
}

#tokucho .tokucho_wrap .tokucho_inner2 {
	display: flex;
	flex-wrap: wrap
}

#tokucho .tokucho_wrap .tokucho_inner2 a {
	font-weight: 500;
	padding: 10px 0;
	border: 1px solid #439d97;
	border-radius: 40px;
	background: #f4ffff;
	margin-right: 7px
}

#tokucho .tokucho_wrap .tokucho_inner2 a li:after {
	font-weight: 600;
	padding-left: 10px;
	display: inline-block
}

#tokucho .tokucho_wrap .tokucho_inner2 a:hover {
	opacity: .9;
	color: #439d97;
	background: #c7e3f7
}

#tokucho .tokucho_slide {
	position: relative;
	overflow: hidden;
	height: 370px;
	margin: auto;
	padding-left: 30px
}

#tokucho .tokucho_slide img {
	display: block;
	position: absolute;
	width: inherit;
	height: inherit;
	opacity: 0;
	animation: slideAnime 20s ease infinite
}

#tokucho .tokucho_slide img:nth-of-type(1) {
	animation-delay: 0s
}

#tokucho .tokucho_slide img:nth-of-type(2) {
	animation-delay: 5s
}

#tokucho .tokucho_slide img:nth-of-type(3) {
	animation-delay: 10s
}

#tokucho .tokucho_slide img:nth-of-type(4) {
	animation-delay: 15s
}

@keyframes slideAnime {

	0%,
	100%,
	30% {
		opacity: 0
	}

	10%,
	20% {
		opacity: 1
	}
}

.nam_kinou {
	display: block;
	width: 100%
}

.nam_kinou img {
	max-height: 5pc;
	width: auto !important;
	height: 100%
}

.pa_left {
	padding-left: 9pt
}

.kinou_title {
	padding: 0 3% !important;
	margin-bottom: 0;
	position: relative
}

.mini {
	text-align: right !important;
	font-size: 1.2rem;
	letter-spacing: -.5px
}

.kinou_img,
.new_mar,
.posrendo {
	text-align: center
}

.kinou_img {
	margin: auto 0;
	filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, .11))
}

.kinou_img img {
	max-width: 25pc
}

.posrendo {
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	border-radius: 20px;
	background: #439d97;
	vertical-align: bottom;
	padding: 5px 20px;
	margin: 0 0 0 10px;
}

.posrendo_text {
	color: #fff;
	font-weight: 500;
	letter-spacing: 1px;
	border-radius: 20px;
	background: #439d97;
	padding: 5px 10px;
	margin: 0 5px;
}

.new_mar {
	display: block;
	padding: 8px 10px;
	margin: 0 10px 10px -15px;
	width: 90px
}

.new_mal,
.new_mar {
	font-size: 20px;
	font-weight: 900;
	letter-spacing: 1px;
	color: #cb2929;
	background: #fff;
	border: 1px solid #cb2929
}

.new_mal {
	margin-bottom: 2pc;
	margin-left: 10px;
	width: 83px;
	padding: 8px 15px
}

.title_green,
.title_orange,
.title_orange2 {
	padding: 10px;
	font-size: 18px;
	font-weight: 600;
	text-align: center
}

.title_orange {
	color: #eb6120;
	border: 1px solid #eb6120;
	background: #fff;
	border-radius: 5px;
	margin-bottom: 15px
}

.title_orange2 {
	color: #d44e14;
	background: #f2ece9
}

.title_green,
.title_orange2 {
	border-radius: 5px;
	width: 96%;
	margin: auto
}

.title_green {
	color: #1d653c;
	background: #e9f2f0
}

.check li:before,
.check_flex li:before {
	content: "";
	color: #eb6120;
	padding-right: 20px;
	font-family: Font Awesome\ 5 Free;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto
}

.check li {
	margin: 20px auto auto 3.3em;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 28px;
	text-indent: -2em
}

.check li:before {
	font-weight: 600;
	font-size: 20px;
	padding-left: 10px;
	display: inline-block;
	line-height: 1
}

.check_flex {
	display: flex;
	flex-wrap: wrap;
	margin-top: -20px;
	padding-left: 15px
}

.check_flex li {
	font-size: 15px;
	font-weight: 500;
	margin-top: 20px;
	line-height: 28px;
	text-align: left;
	margin-right: 20px
}

.check_flex li:before {
	font-weight: 600;
	font-size: 20px;
	padding-left: 10px;
	display: inline-block;
	line-height: 1
}

#kinou h2 {
	margin-bottom: 0
}

#map .maplist {
	display: flex;
	flex-wrap: wrap
}

#map .maplist li {
	margin: auto;
	font-size: 15px;
	font-weight: 600;
	line-height: 50px
}

#map .maplist li:before {
	font-family: Font Awesome\ 5 Free;
	content: "";
	color: #cb2929;
	font-weight: 600;
	font-size: 30px;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	padding-right: 10px;
	padding-left: 20px
}

#shoppage p {
	text-shadow: 0 0 10px #fff
}

#shoppage .icons_wrap {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-around;
	padding: 0 20px
}

#shoppage .icons_wrap .icons1 {
	width: 30%
}

#shoppage .icons_wrap .icons1 p {
	line-height: 20px;
	font-size: 14px;
	text-shadow: 0 0 40px #fff, 0 0 40px #fff
}

#shoppage .icons_wrap .icons1 .sample {
	max-width: 75pt;
	width: 10vw;
	display: block;
	margin: 20px auto auto
}

#shoppage .icons_wrap .icons2 {
	width: 60%;
	display: block;
	margin: 20px auto auto
}

.icon_misemeg:before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 25px;
	background-image: url(/product/misemeg/images/mismeg_icon.svg);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
	padding-right: 10px
}

.spsmall img {
	width: 100%;
	max-width: 200px;
	display: flex;
	margin: auto
}

#digital_card {
	display: flex;
	flex-wrap: wrap
}

#digital_card .dc_wrapper {
	margin-top: 10px;
	justify-content: space-around;
	width: auto;
	display: block;
	flex-wrap: wrap
}

#digital_card .dc_wrapper .dc_inner {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 30px 10px;
	width: 90% !important;
	margin: auto;
	border: 1px solid hsla(0, 0%, 50%, .14);
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, .15);
	background: #fff
}

#digital_card .dc_wrapper .dc_inner:nth-child(2) {
	margin-top: 30px
}

#digital_card .dc_wrapper .dc_inner p {
	padding: 0 5px;
}

#digital_card .dc_wrapper .dc_inner .touroku_box {
	border: 1px solid #b4b4b4;
	padding: 10px
}

#digital_card .dc_wrapper .dc_inner .touroku_box .touroku_list {
	display: flex;
	justify-content: center
}

#digital_card .dc_wrapper .dc_inner .touroku_box .touroku_list div {
	width: 40%
}

#digital_card .dc_wrapper .dc_inner .touroku_box .touroku_list div ul {
	margin: auto
}

#digital_card .dc_wrapper .dc_inner .touroku_box .touroku_list div ul li {
	margin-bottom: 8px;
	width: 100%;
	list-style: circle
}

#digital_card .dc_wrapper .dc_inner .touroku_box .touroku_list div ul li:first-child {
	list-style: none;
	margin-bottom: 10px;
	font-weight: 500
}

#digital_card .dc_wrapper h3 {
	text-align: center;
	margin-top: -20px;
	font-size: 23px;
	font-weight: 700
}

#digital_card .other {
	margin-top: 20px;
	width: 100%
}

#digital_card .other p {
	padding: 0 5px;
	margin: auto auto 20px
}

#digital_card .other .mini {
	width: 100% !important
}

#smartphone_order {
	padding-top: 50px
}

#mobileorder_register span {
	font-size: 50%;
	font-weight: 500
}

.bluebox {
	width: 100%;
	font-size: 40px;
	margin-bottom: 30px;
	font-weight: 700;
	color: #fff;
	line-height: 40px;
	background: #439d97;
	padding: 5px 0 20px;
	text-align: center
}

.bluebox h3 {
	font-size: 30px;
	padding-top: 10px
}

.bluebox .register_img {
	margin: auto
}

.bluebox .register_img img {
	width: 40%;
	margin: auto;
	display: flex
}

.register_flow {
	width: 90%;
	margin: auto
}

.register_flow li {
	position: relative;
	display: grid;
	padding: 18px 0;
	margin-bottom: 40px;
	font-size: 1pc;
	text-align: center;
	font-weight: 500;
	line-height: 20px;
	background: #fff;
	border: .9pt solid #13b198
}

.register_flow li:before {
	position: absolute;
	content: "↓";
	font-size: 30px;
	font-weight: 900;
	top: 120%;
	left: 48%;
	color: #40a297
}

.register_flow li:last-child {
	margin-bottom: 30px
}

.register_flow li:last-child:before {
	content: ""
}

.misemeg_btn {
	max-width: 310px;
	margin: auto;
	padding: 1rem;
	background-color: #fff;
	border: 1px solid green;
	border-radius: 20px;
	color: green;
	font-size: 14px;
	font-weight: 600;
	display: block;
}

.misemeg_btn::hover {
	background: green
}

#point,
#point .point_wrapper {
	display: flex;
	flex-wrap: wrap
}

#point .point_wrapper {
	margin-top: 10px;
	justify-content: space-around;
	width: auto
}

#point .point_wrapper .point_inner {
	display: flex;
	flex-direction: column;
	padding: 30px 10px;
	width: 70%;
	border: 1px solid hsla(0, 0%, 50%, .14);
	box-shadow: 5px 5px 5px 1px rgba(0, 0, 0, .15);
	background: #fff
}

.greenbtn,
.orangebtn,
.ownerbtn {
	box-shadow: 0 8px 15px rgba(0, 0, 0, .1)
}

#point .point_wrapper .point_inner p {
	padding: 0 5px
}

#point .point_wrapper h3 {
	text-align: center;
	position: relative;
	font-size: 23px;
	font-weight: 700
}

#point .point_wrapper h3 .subtitle {
	position: absolute;
	font-size: 65%;
	top: -27px;
	padding-left: 2px;
	color: green
}

#receipt {
	background-image: url(/product/misemeg/images/receipt-background.png);
	background-size: cover
}

#sumahode .sumahode p img {
	width: 100%
}

#sumahode .sumahode p:nth-child(1) img {
	max-width: 259px
}

#sumahode .sumahode p:nth-child(2) img {
	max-width: 17pc
}

#sumahode li.sumahode {
	display: flex;
	flex-direction: row-reverse;
	justify-content: center
}

#rendou h2 {
	margin-bottom: 0 !important
}

.rendou_box {
	display: grid;
	grid-template-columns: 40% auto;
	gap: 30px;
	margin: 0 0 30px;
}

.rendou_box > div:nth-of-type(1) > p {
	font-size: 1.1rem;
	line-height: 1.5;
}

.rendou_box > div:nth-of-type(1) > div p {
	font-size: 1.2rem;
	line-height: 1.5;
	text-align: center;
	position: relative;
	margin: 0 0 10px;
}

.rendou_box > div:nth-of-type(1) > div p::after {
	font-family: "Font Awesome 5 Free";
	content: "\f101";
	font-weight: 900;
	margin: 0 0 0 10px;
}

.rendou_box > div:nth-of-type(1) > div {
	border: 1px solid #e5e5e5;
	padding: 10px;
	margin: 0 0 30px;
}

.rendou_box > div:nth-of-type(1) > div:nth-of-type(2) {
	margin: 0 0 10px;
}

.rendou_box > div:nth-of-type(2) {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

.rendou_box a {
	display: block;
	transition: .3s;
}

.rendou_box a:hover {
	opacity: 0.3;
}

.rendou_box img {
	width: 100%;
	object-fit: contain;
}

.rendou_box > div:nth-of-type(1) > div:nth-of-type(1) img {
	height: 40px;
}

.rendou_box > div:nth-of-type(1) > div:nth-of-type(2) img {
	height: 30px;
}

.rendou_box > div:nth-of-type(2) img {
	max-width: 450px;
}

.rendou_box > div:nth-of-type(1) > div:nth-of-type(2) img:nth-of-type(1) {
	margin: 0 0 30px
}

.bunseki_box {
	display: flex;
	flex-flow: column;
	gap: 20px;
	text-align: center;
}

.bunseki_box h2 {
	font-size: 2.4rem;
}

.bunseki_box div {
	display: flex;
	flex-flow: column;
	justify-content: center;
	gap: 30px;
	margin: 0 auto;
}

.bunseki_box div img {
	width: 100%;
	max-width: 500px;
	border: 1px solid #e5e5e5;
	padding: 5px;
}

.mo_intro .mobileO img,
.mo_intro .takeoutO img {
	max-width: 220px;
	margin-bottom: 10px
}

.mo_intro .col-6 img {
	width: 50%
}

.mo_intro .mobileO h3 {
	margin: 8px 0;
	color: #df5e26;
	font-size: 26px
}

.mo_intro .takeoutO h3 {
	margin: 8px 0;
	color: #589c34;
	font-size: 26px
}

.accordion {
	width: 100%;
	overflow: auto;
	white-space: nowrap
}

.accordion div {
	width: 100%;
	min-width: 750pt;
	margin-bottom: 5em
}

.accordion table {
	border-collapse: collapse;
	width: 100%;
	line-height: 2em
}

.accordion table tr td:nth-of-type(1) {
	width: 20%;
	background: #fff
}

.accordion table tr td:nth-of-type(2),
.accordion table tr td:nth-of-type(3),
.accordion table tr td:nth-of-type(4) {
	width: 15%;
	background: #e5e7ef
}

.accordion table tr th:nth-of-type(1) {
	width: 20%
}

.accordion table th {
	background: #eff7fd
}

.accordion table td,
.accordion table th {
	border: 1px solid #b6e4ff;
	box-sizing: border-box;
	padding: .7em
}

.accordion table td {
	text-align: center
}

.accordion table:nth-of-type(1) td {
	border: 0;
	background: hsla(0, 0%, 100%, 0) !important
}

.accordion table:nth-of-type(1) td:nth-of-type(1) img {
	position: relative;
	width: 80%;
	margin: 2em auto -25px 20px;
	font-size: 1em;
	line-height: 1.3;
	text-align: center;
	letter-spacing: .05em;
	border-radius: 8px;
	color: #fff;
	font-weight: 600
}

.accordion table:nth-of-type(1) td:nth-of-type(2) p,
.accordion table:nth-of-type(1) td:nth-of-type(3) p,
.accordion table:nth-of-type(1) td:nth-of-type(4) p {
	position: relative;
	width: 80%;
	margin: 2em auto 0;
	padding: 1.2em;
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
	letter-spacing: .05em;
	background-color: #4b5357;
	border-radius: 4px;
	color: #fff;
	box-sizing: border-box
}

.accordion table:first-child th {
	border: 0;
	background: hsla(0, 0%, 100%, 0) !important;
	margin-right: 40px
}

.accordion text {
	font-size: 1em;
	display: block;
	margin: 1rem 0
}

.accordion .symbol {
	line-height: 0;
	font-weight: 100
}

.accordion .symbol2 {
	line-height: 0
}

.accordion .symbol3 {
	line-height: 0;
	text-indent: .4em
}

.accordion .symbol3:after {
	content: "*";
	font-size: 1em
}

.accordion::-webkit-scrollbar {
	height: 5px
}

.accordion::-webkit-scrollbar-track {
	background: #f1f1f1
}

.accordion::-webkit-scrollbar-thumb {
	background: #ccc
}

section.info {
	border: 1px solid #eee;
	padding: .5vw 1vw 1vw;
	margin-top: 1vw;
	background: #fff
}

section.info h2 span {
	color: #333;
	position: absolute;
	right: 15px;
	font-weight: 300;
	font-size: 14px;
	margin: 25px 0 0 0;
}

h2.wf-notosansjapanese {
	font-size: 1.5em;
	margin-top: 0;
	font-weight: 300;
	border-bottom: 1px solid #eee;
	padding-bottom: .5vw;
	text-align: center;
	margin-bottom: 0
}

ul.info {
	height: 25vh;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	overflow: scroll;
	overflow-x: hidden;
	padding: 0 10px;
	margin-top: .5vw;
}

.info li {
	text-align: left !important;
	margin: inherit !important;
	width: 100% !important
}

.info li:first-child {
	max-width: inherit;
	font-size: 1em
}

.info li:nth-child(2) {
	overflow: initial
}

.info p {
	line-height: 1.5em;
	width: 90%;
	text-align: left;
	font-size: 1.4rem
}

.info p,
time {
	display: inline-block
}

time {
	position: relative;
	width: 8%;
	margin-right: 1em;
	font-family: Arial;
	font-size: .9em
}

.logos_box {
	background: #fff;
	padding: 1vw;
	margin: 0 0 30px;
}

.logos {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	height: 300px;
	background: #fff;
	border: 1px solid hsla(0, 0%, 50%, .37);
	overflow-x: hidden;
	overflow-y: scroll;
	margin-top: 0;
}

.logos div {
	width: 20%;
	margin: 20px 2.5%;
	text-align: center
}

.logos img {
	vertical-align: middle;
	width: auto;
	height: auto;
	max-width: 55%;
	max-height: 55%
}

.logos img.small {
	max-width: 30%;
}

.logos img.medium {
	max-width: 45%;
}

.logos img.xmedium {
	max-width: 50%;
}

#faq h2 {
	margin-bottom: 0
}

#faq .container2 {
	margin: 0 auto
}

#faq h3 {
	color: #373d51;
	padding: 1.3rem;
	margin: 0
}

#faq .accordion2 a {
	width: 100%;
	display: flex;
	flex-direction: column;
	color: #0f1406;
	font-size: 1.6rem;
	line-height: 1.5;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
	padding: 30px 60px 10px 10px;
	margin: 0;
}

#faq .accordion2 a:hover,
#faq .accordion2 a:hover:after {
	cursor: pointer;
	color: #f57c00
}

#faq .accordion2 a:hover:after {
	border: 1px solid #f57c00
}

#faq .accordion2 a.active {
	color: #f57c00;
	border-bottom: 1px solid #f57c00;
	background: #f1fafc
}

#faq .accordion2 a:after {
	content: "+";
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 400;
	position: absolute;
	bottom: 9px;
	right: 1rem;
	font-size: 3.3rem;
	color: #7288a2;
	padding: 5px;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	border: 1px solid #7288a2;
}

#faq .accordion2 a.active:after {
	content: "-";
	font-size: 2.5rem;
	font-weight: 600;
	color: #f57c00;
	border: 1px solid #f57c00
}

#faq .accordion2 a.link_faq {
	width: 20pc;
	color: green;
	text-align: center;
	position: relative;
	display: inline-block;
	font-size: 1.6rem;
	font-weight: 600;
	background-color: #fff;
	border: 1px solid green;
	border-radius: 20px;
	padding: 10px 0;
	margin: 10px 0 20px;
	transition: .3s
}

#faq .accordion2 a.link_faq:hover {
	color: #0f1406;
	border: 1px solid #0f1406
}

#faq .accordion2 a.link_faq:after {
	display: none
}

#faq .accordion2 a.link_faq.active {
	background: 0
}

#faq .accordion2 .content {
	opacity: 0;
	padding: 0 1rem;
	max-height: 0;
	border-bottom: 1px solid #e5e5e5;
	overflow: hidden;
	clear: both;
	transition: all .2s ease .15s
}

#faq .accordion2 .content p {
	font-size: 1.4rem;
	line-height: 1.5;
}

#faq .accordion2 .content.active {
	opacity: 1;
	padding: 1rem;
	max-height: 100%;
	transition: all .35s ease .15s
}

.greenbtn,
.ownerbtn {
	padding: 3rem 2rem;
	font-weight: 700;
	margin: auto;
	width: 80%;
	color: #fff;
	border: 2px solid;
	border-radius: 5px;
	font-size: 2rem
}

.orangebtn,
a.contactbtn {
	font-weight: 700;
	line-height: 28px;
	font-size: 1.8rem
}

.ownerbtn {
	background: #a95e76
}

.greenbtn {
	background: #3e8814
}

.greenbtn:hover,
.ownerbtn:hover {
	opacity: .7;
	transition: .2s
}

a.contactbtn {
	display: block;
	width: fit-content;
	color: #333;
	text-align: center;
	margin: 0 auto;
	transition: .2s;
	background: linear-gradient(transparent 70%, #ffd388 60%)
}

a.contactbtn:hover {
	color: #333;
	opacity: .3
}

.seisaku_box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 10px;
}

.seisaku_box div:nth-of-type(odd) {
	width: calc(80%/3);
	min-height: 226px;
	text-align: center;
	background: #f6fafc;
	border: 2px solid #439d97;
	border-radius: 10px;
	position: relative;
	padding: 20px;
}

.seisaku_box div:nth-of-type(even) {
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	border-left: 30px solid #439d97;
}

.seisaku_box div p:first-of-type {
	max-width: 120px;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	background: #439d97;
	border-radius: 5px;
	padding: 5px 0;
	margin: 0 auto 10px;
}

.seisaku_box div img {
	width: 100%;
	height: 50px;
	margin: 0 0 10px;
}

.seisaku_box div img:first-of-type {
	height: 40px;
}

.orangebtn {
	padding: 2rem;
	margin: auto;
	width: 80%;
	color: #fff;
	background: #d88339;
	border: 2px solid;
	border-radius: 5px;
	transition: all .3s ease 0
}

#register .oragebox .caution ul li,
.caution ul li {
	line-height: 20px;
	list-style-type: disc !important;
	overflow: visible
}

.orangebtn:hover {
	color: #fff;
	background-color: #d0a478;
	opacity: .9;
	transition: all .2s
}

#register .orangebar {
	display: block;
	background-color: #f39800;
	border-radius: 2px;
	padding: 1.4rem;
	text-align: left;
	color: #fff
}

#register .apps {
	color: #f39800;
	margin: 60px 0 30px;
	font-weight: 600;
	font-size: 22px
}

.breadcrumb li:after,
.btn_toForm h4 a:before {
	font-family: Font Awesome\ 5 Free;
	font-weight: 900
}

#register .oragebox {
	background-color: #faf8ef;
	border: 2px solid #f39800;
	border-radius: 2px;
	padding: 3rem;
	margin: 0 auto
}

#register .oragebox p {
	font-size: 1.4rem
}

#register .oragebox .caution {
	font-size: 1.2rem;
	display: block;
	text-align: left;
	border: 1px solid #848484;
	padding: 10px;
	margin-bottom: 3em
}

#register .oragebox .caution ul li {
	font-size: 9pt;
	color: #999;
	display: list-item;
	margin-left: 1.5em;
	margin-right: 1.5em
}

#register .orange_wrap {
	padding: 0 20px
}

.pch_box,
.ps_box {
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px
}

#register .orageboximg {
	width: 35% !important;
	margin: 0 auto
}

#register .capture {
	filter: drop-shadow(2px 1px 5px rgba(145, 145, 145, .33))
}

#register .orange_txt {
	display: block;
	height: 18rem;
	color: #333;
	text-align: left
}

.download_wrap p {
	color: #484545;
	margin-bottom: 10px
}

.download_wrap .logo {
	width: 260px;
	text-align: center;
	display: flex;
	margin: auto
}

.breadcrumb {
	margin: auto auto 10px 25px;
	max-width: 1010px
}

.breadcrumb li {
	display: inline-block;
	margin-top: .5em;
	font-size: 14px
}

.ps_box p,
.ps_box:nth-child(3) li {
	font-size: 1.2em;
	line-height: 1.6em
}

.breadcrumb li:after {
	content: "";
	margin: 0 .5em
}

.basic04:before,
.s1:after,
.s1:before {
	content: ""
}

.breadcrumb li:first-child:before,
.breadcrumb li:last-child:after {
	display: none
}

.pointservice {
	display: flex
}

.ps_box:nth-child(1) {
	width: 35%;
	border: 1px solid #ae4545;
	background-image: url(/product/misemeg/pointexchange/img/pros.svg);
	background-size: 25%;
	background-repeat: no-repeat;
	background-position: 100% 100%
}

.ps_box:nth-child(1) p {
	padding-bottom: 50px
}

.ps_box:nth-child(2) {
	margin: 0 auto;
	text-align: center;
	background-image: url(/product/misemeg/pointexchange/img/arrow-right-solid.svg);
	background-size: 15%;
	background-repeat: no-repeat;
	background-position: 50% 50%
}

.ps_box:nth-child(3) {
	width: 35%;
	border: 1px solid #383b88;
	background-image: url(/product/misemeg/pointexchange/img/cons.svg);
	background-size: 25%;
	background-repeat: no-repeat;
	background-position: 100% 100%
}

.ps_box:nth-child(3) ul {
	display: block !important;
	padding-bottom: 60px;
	list-style-type: disc !important
}

.ps_box:nth-child(3) li {
	width: 90%;
	display: list-item;
	text-align: left;
	margin-left: 1.5em;
	margin-right: 1.5em;
	list-style-type: disc !important;
	overflow: visible
}

.pointchage {
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px
}

.pch_box {
	margin-top: 50px
}

.pch_box h5 {
	font-size: 1.8em;
	color: #6b8b61;
	font-weight: 600;
	text-align: center;
	margin: 10px auto;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc
}

.pch_box p {
	font-size: 1.2em;
	line-height: 2em;
	color: #333;
	text-align: left
}

.pch_box:nth-child(1) {
	width: 30%;
	border: 1px solid #ccc;
	border-radius: 3px
}

.pch_box:nth-child(1) img {
	max-height: 250px;
	text-align: center
}

.pch_box:nth-child(2) {
	width: 30%;
	border: 1px solid #ccc;
	border-radius: 3px
}

.pch_box:nth-child(2) img {
	max-height: 250px;
	text-align: center
}

.pch_box:nth-child(3) {
	width: 30%;
	border: 1px solid #ccc;
	border-radius: 3px
}

.pch_box:nth-child(3) img {
	max-height: 250px;
	text-align: center
}

.misemegpex {
	width: 100%;
	margin: 0 auto;
}

.misemegpex img {
	width: 100%;
	margin: 0 auto;
}

.misemegpex h2 {
	font-size: 2em;
	font-weight: 600
}

.misemegpex h2,
.misemegpex h3 {
	line-height: 1.6em;
	text-align: center
}

.misemegpex h3 {
	color: #000 !important;
	font-size: 20px;
	font-weight: 400
}

.misemegpex h3 span {
	color: #f39800
}

.s1 {
	color: #000;
	font-size: 20px;
	font-weight: 600;
	display: flex;
	align-items: center;
	margin-bottom: 40px;
	margin-top: 40px
}

.s1:before {
	margin-right: 2em
}

.s1:after,
.s1:before {
	flex-grow: 1;
	height: 3px;
	background: #ccc;
	display: block
}

.item1,
.item2 {
	display: inline-block;
	align-self: center
}

.s1:after {
	margin-left: 2em
}

.basic04 {
	position: relative;
	width: 100%;
	margin: 1em auto 0;
	padding: 2rem;
	font-size: 2em;
	line-height: 1.3;
	text-align: center;
	letter-spacing: .05em;
	background-color: #71b44b;
	border-radius: 8px;
	color: #fff;
	box-sizing: border-box
}

.basic04:before {
	position: absolute;
	bottom: -30px;
	left: 50%;
	width: 0;
	height: 0;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top-color: #71b44b
}

.pexinfo,
.price {
	margin: 20px auto
}

article.basicArea h2 {
	color: #606161 !important;
	line-height: 1.7em !important;
	font-size: 1.3em;
	font-weight: 400;
	padding: 0 15px
}

.item1 {
	flex-basis: 40%;
	text-align: center
}

.item1 img {
	width: 60% !important
}

.item2 {
	flex-basis: 60%;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px
}

.item2 p {
	font-size: 1.2em;
	line-height: 2em;
	color: #333
}

.price {
	width: 100%;
	text-align: center
}

.price p {
	font-size: 1.4em;
	line-height: 1.2em
}

.price h6,
.price p {
	color: #6b8b61;
	text-align: center
}

.price h6 {
	font-size: 6em;
	font-weight: 600
}

.green_s {
	font-size: .4em
}

.pexinfo {
	display: flex;
	justify-content: space-around;
	align-items: center;
	border: 1px solid #ccc;
	padding: 20px
}

.btn_toForm h4 a {
	display: block;
	background: #fff;
	width: 100%;
	padding: 1em;
	box-sizing: border-box;
	border: 3px solid #a1c2d0;
	border-radius: .5em;
	color: #247ba0;
	text-align: center;
	margin: 1em auto 3em;
	font-size: 1.5em
}

.btn_toForm h4 a:hover {
	background-color: #247ba0;
	color: #fff;
	border: 3px solid #247ba0;
	border-radius: .5em
}

.btn_toForm h4 a:before {
	content: "";
	display: inline-block;
	font-size: 1.2em;
	margin-right: .5em;
	vertical-align: baseline
}

.caution {
	font-size: 1.2rem;
	display: block;
	text-align: left;
	border: 1px solid #848484;
	padding: 10px;
	margin-bottom: 3em
}

.caution ul li {
	font-size: 9pt;
	color: #999;
	display: list-item;
	margin-left: 1.5em;
	margin-right: 1.5em
}

.btn_sns {
	width: 100%;
	text-align: center;
	margin-bottom: 50px
}

.btn_sns > div {
	display: inline-block;
	margin-right: 10px
}

.pb_bcpos {
	order: 3
}

.pb_rearegi {
	order: 4
}

.pb_atkessai {
	order: 5
}

.pb_misemeg {
	order: 1
}

.pb_tv {
	order: 2
}

.pb_taxfree {
	order: 6
}

.pb_atpassport {
	order: 7
}

.sns_box {
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
}

.sns_box a {
	height: 70px;
	transition: 0.3s;
}

.sns_box a:hover {
	opacity: 0.3;
}

.sns_box a:first-of-type {
	background: #000;
	border-radius: 10px;
	padding: 10px;
}

.sns_box a img {
	width: auto;
	height: 100%;
	object-fit: contain;
}

.footer_logo {
	display: flex;
	width: 100%
}

.footer_logo .logo_inner {
	display: flex;
	width: 68%;
	padding-top: 8px
}

.footer_logo .apps_banner {
	width: 32%;
	display: flex;
	justify-content: space-around
}

.footer_logo .apps_banner img {
	width: 100%
}

.footer_title {
	display: inline-block;
	position: relative;
	margin: 0 .75em 1em 0;
	padding-left: 10px;
	color: #666;
	font-weight: bolder
}

.footer_title small {
	margin: .5em .75em 2em 0;
	display: block;
	font-size: .5em;
	font-weight: 400
}

.footermenu > ul > li {
	display: block;
	float: left;
	width: 20%
}

.footermenu > ul > li.home,
.footermenu > ul > li:first-child,
.footermenu > ul > li:last-child {
	width: 8%;
	overflow: hidden;
	text-align: left
}

.footermenu > ul > li.functions1 {
	width: 25%;
	overflow: hidden;
	text-align: left;
	margin: 0 .75em 1em 0;
	padding-left: 10px
}

.footermenu > ul > li.functions2 {
	width: 20%;
	overflow: hidden;
	text-align: left
}

.footermenu > ul > li.topics {
	width: 19%;
	overflow: hidden;
	text-align: left
}

.footermenu > ul > li.about {
	width: 10%;
	overflow: hidden;
	text-align: left
}

.footermenu > ul > li.document {
	width: 19%;
	overflow: hidden;
	text-align: left
}

.data_box {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
	margin: 30px 0 0
}

.data_box p {
	font-size: 1.8rem;
	text-align: center;
}

.data_box div {
	border-radius: 5px;
	background: #fff;
	padding: 10px
}

.data_box div img {
	width: 100%
}

.push_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-end;
	gap: 30px;
}

.push_box img:nth-of-type(1) {
	max-width: 180px;
}

.push_box img:nth-of-type(2) {
	max-width: 250px;
}

.push_haishin_box {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 30px;
}

.push_haishin_box > div {
	border: 1px solid #e5e5e5;
	padding: 5px;
}

.push_haishin_box img {
	max-width: 230px;
}

.misemeg_line_logo {
	width: 100%;
	max-width: 550px;
	display: block;
	margin: 0 auto 30px;
}

.img_small {
	max-width: 200px
}

.img_medium {
	max-width: 300px
}

/* 220224 一部のスマホ用対策 */
.mm_newsbox:nth-child(2),
.mm_newsbox:nth-child(2) img {
	opacity: 0;
	border: none;
}

/* ここまで */

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

	/*--- ヘッダーメニュー ---*/

	body.fixed {
		width: 100%;
		height: 100%;
		position: fixed;
		overflow-y: scroll;
	}

	.mm_header_nav .mm_bg_blind.mm_active {
		background: #eeefe7;
	}

	.mm_header_nav .mm_main {
		padding: 0 10px;
	}

	.mm_header_nav .mm_main > ul {
		width: 100%;
		height: 0;
		overflow-y: hidden;
		flex-flow: column;
		background: #eeefe7;
		position: absolute;
		top: 60px;
		left: 0;
		opacity: 0;
		transition: .3s;
	}

	.mm_header_nav .mm_main > div.mm_sp_btn.mm_active + ul {
		height: 76vh;
		overflow-y: scroll;
		opacity: 1;
		padding: 0 0 50px;
	}

	.mm_header_nav .mm_main > ul > li {
		width: 100%;
		border-bottom: 1px solid #f6f6f6;
	}

	.mm_header_nav .mm_main > div:nth-of-type(1) img {
		max-width: 100px;
	}

	.mm_header_nav .mm_main > div:nth-of-type(3) {
		gap: 0 10px;
		right: 55px;
	}

	.mm_header_nav .mm_main > div:nth-of-type(3) > a:nth-of-type(2) {
		font-size: 1.2rem;
		padding: 10px 5px 10px 25px;
	}

	.mm_header_nav .mm_main > div:nth-of-type(3) > a:nth-of-type(2):before {
		margin: 0 0 0 -20px;
	}

	.mm_header_nav a.mm_drop_btn + .mm_kinou_box {
		padding: 10px;
	}

	.mm_header_nav a.mm_drop_btn.mm_active + .mm_kinou_box {
		height: auto;
		flex-flow: column;
		gap: 20px 0;
		position: initial;
		padding: 10px;
	}

	.mm_header_nav .mm_kinou_box > div:nth-of-type(1),
	.mm_header_nav .mm_kinou_box > div:nth-of-type(2),
	.mm_header_nav .mm_kinou_box > div:nth-of-type(1) > ul li,
	.mm_header_nav .mm_kinou_box > div:nth-of-type(2) > ul li {
		width: 100%;
	}

	.mm_header_nav .mm_sp_btn {
		width: 30px;
		height: 30px;
		display: flex;
		flex-flow: column;
		align-items: center;
		justify-content: center;
		gap: 5px 0;
		position: absolute;
		right: 10px;
	}

	.mm_header_nav .mm_sp_btn > div {
		width: 30px;
		height: 3px;
		background: #797979;
		transition: .3s;
	}

	.mm_header_nav .mm_sp_btn.mm_active > div:nth-of-type(1) {
		position: absolute;
		transform: rotate(45deg);
	}

	.mm_header_nav .mm_sp_btn.mm_active > div:nth-of-type(2) {
		opacity: 0;
	}

	.mm_header_nav .mm_sp_btn.mm_active > div:nth-of-type(3) {
		position: absolute;
		transform: rotate(-45deg);
	}

	/*--- ヘッダーメニュー ここまで---*/

	.pa_3_2 {
		padding: 20px 5px
	}

	.busicom_logo a {
		right: 200px;
		top: 19px;
		width: 5pc
	}

	.mm_mainlink a {
		padding: 20px 25px 20px 8px !important
	}

	.mm_mainlink a img {
		width: 75pt
	}

	.buttons {
		top: 10px;
		right: 55px
	}

	.buttons li a {
		padding: 11px 10px 11px 39px;
		font-weight: 300;
		font-size: 9pt
	}

	.register {
		margin-right: 10px;
		position: relative
	}
}

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

	.pagetop {
		bottom: 90px;
	}

	/*--- 固定ボタン ----*/

	.fixed_btn {
		border-radius: 0;
		bottom: 0;
	}

	.fixed_btn_line {
		width: calc(100%/2);
		height: 50px;
		display: flex;
		align-items: center;
		box-shadow: none;
		border: 2px solid #cccc;
		border-radius: 0;
		left: calc(100%/2);
		bottom: 0;
	}

	.contact_box > div > a {
		background: #fff;
	}

	.contact_box > div > a > p {
		color: #DF5F26;
	}

	.contact_box > div > a:nth-of-type(1) > img {
		filter: brightness(130%) invert(0) hue-rotate(240deg);
	}

	.contact_box > div > a:nth-of-type(2) {
		background: #DF5F26;
	}

	.contact_box > div > a:nth-of-type(2) > p {
		color: #fff;
	}

	.contact_box > div > a:nth-of-type(2) > img {
		filter: brightness(0) invert(1);
	}

	.contact_box > div > a:nth-of-type(3) > p {
		margin: 0;
	}

	/*--- 固定ボタン ここまで----*/

	.buttons li a,
	.register :before {
		font-size: 9pt
	}

	#hero h1,
	#hero p {
		text-align: center
	}

	#hero p,
	.login {
		margin-top: 10px
	}

	.buttons li a {
		padding: 11px 10px 11px 24px;
		font-weight: 300
	}

	.login {
		margin-right: 8px
	}

	#hero {
		height: auto;
		z-index: 1;
	}

	#hero .hero_text {
		background: 0
	}

	#hero .sp_misemeg_hero {
		text-align: center;
		margin: 20px 0 0;
	}

	#hero .sp_misemeg_hero img {
		max-width: 300px;
		margin: 0 0 0 30px;
	}

	#hero h1 {
		font-size: 2.6rem;
	}

	#hero h1 span {
		font-size: 4rem;
	}

	.hero_apps {
		width: 100%;
		margin: 0
	}

	.hero_apps .app_icon {
		width: 20%
	}

	.hero_apps .app_icon img {
		max-width: 70px
	}

	.hero_apps .hero_appbanner {
		width: 80%
	}

	.hero_apps .hero_appbanner a {
		display: flex;
		justify-content: flex-end
	}

	.hero_apps .kameiten a {
		margin: auto auto 20px;
		display: flex;
		width: 370px
	}

	.hero_apps .kameiten a .kameiten_img {
		width: 30%;
		max-width: 200px;
		padding: 5px
	}

	.hero_apps .kameiten a .kameiten_text {
		width: 70%;
		font-size: 25px;
		line-height: 40px;
		margin: auto;
		padding-bottom: 15px;
		font-weight: 600
	}

	.hero_apps .kameiten a .kameiten_text span {
		font-size: 10px
	}

	.herobanner {
		max-width: 700px !important;
		width: 90vw !important;
		margin: 10px auto auto
	}

	.hero_logo {
		max-width: 230px;
		margin: 0;
	}

	.icon_box {
		margin: 10px 0;
		height: 196px
	}

	.icon_box_inner {
		flex-wrap: wrap;
		align-items: center;
	}

	a.icon_box_link {
		width: 100%
	}

	.icon_box_app {
		justify-content: space-around;
		width: 100%;
		margin: 10px 0 0
	}

	.oshirase_box,
	.ver_box {
		padding: 0;
	}

	.oshirase_box > div:first-of-type,
	.ver_box > div:first-of-type {
		width: 100%;
		padding: 10px 0;
	}

	.oshirase_box > div:nth-of-type(2),
	.ver_box > div:nth-of-type(2) {
		width: 100%;
		padding: 20px 10px
	}

	.oshirase_box > div:last-of-type,
	.ver_box > div:last-of-type {
		width: 100%;
		text-align: center;
		padding: 0 0 10px;
	}

	.ver_box > div:first-of-type {
		border: solid #ccc;
		border-width: 0 0 1px;
	}

	.rendou_box {
		grid-template-columns: repeat(1, 1fr);
		max-width: 500px;
		margin: 0 auto 30px;
	}

	#mention {
		background: #fffcee;
		padding: 5px 0
	}

	#mention .mention_box {
		max-width: 25pc;
		font-size: 18px;
		font-weight: 500;
		color: #1a1a1a;
		justify-content: flex-start
	}

	#mention .mention_box .mention_inner {
		display: inline-block;
		text-align: left;
		width: 100%
	}

	.mention_box .col-6 {
		width: auto
	}

	#mention .mention_box .mention_inner span {
		font-size: 24px;
		font-weight: 800;
		color: #bc1313;
		margin: 0 3px
	}

	#mention .mention_box .mention_inner:before {
		position: absolute;
		left: 0;
		content: "";
		display: inline-block;
		width: 2em;
		height: 2em;
		background: url(/product/misemeg/images/medal.svg) no-repeat;
		background-size: contain
	}

	h2 {
		font-size: 25px;
		line-height: 33px;
		margin-bottom: 20px
	}

	.hero_text_p {
		font-size: 1.4rem;
		letter-spacing: .1px;
		line-height: 25px;
		margin-bottom: 8px
	}

	.mini,
	p:last-child {
		margin-bottom: 0
	}

	.small {
		font-size: 1.4rem !important
	}

	.mini {
		font-size: 1.3rem !important;
		text-align: left !important
	}

	.pop_box {
		max-width: 400px;
		flex-flow: column-reverse;
		align-items: center;
		border: 5px solid #2dc36a;
		border-radius: 10px;
		padding: 20px 10px 0;
	}

	.pop_box > div:nth-of-type(1) img {
		margin: 0 25px 0 0;
	}

	.pop_box > div:nth-of-type(2) > p:nth-of-type(2) {
		font-size: 1.8rem;
	}

	#intro h2 {
		margin-bottom: 20px;
		line-height: 42px;
		font-size: 20px
	}

	#intro h2 span {
		font-size: 100%;
		font-weight: 800;
		position: relative
	}

	#intro h2 span:before {
		bottom: 1px
	}

	#intro h2 span:after,
	#intro h2 span:before {
		content: "";
		display: block;
		width: 5pc;
		height: 2px;
		background-color: #eb6120;
		position: absolute;
		left: 0;
		transform: rotate(175deg)
	}

	#intro h2 span:after {
		bottom: -2px
	}

	#intro p {
		text-align: left
	}

	#intro p br {
		display: none
	}

	.misemeg_muryou {
		width: 100%
	}

	.misemeg_muryou ul {
		width: 100%;
		display: flex;
		margin-top: 30px;
		justify-content: space-around
	}

	.misemeg_muryou li {
		padding: 10px 5px;
		width: 31.33333%;
		font-size: 1pc;
		font-weight: 500;
		color: #fff;
		background: #439d97
	}

	.hikaku2 {
		margin-top: 20px
	}

	#onayami .onayami_wrap {
		grid-template-columns: repeat(2, 1fr);
	}

	.tokucho_slide {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center
	}

	.tokucho_inner1 .nolink {
		width: 48.5% !important
	}

	.tokucho_inner1 a,
	.tokucho_inner1_2 a,
	.tokucho_inner2 .nolink,
	.tokucho_inner2 a {
		width: 49% !important
	}

	.tokucho_inner1_2 {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start
	}

	.tokucho_inner1_2 .nolink {
		width: 49% !important;
		margin-right: 0 !important
	}

	.tokucho_inner2 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between
	}

	.tokucho_inner2 a {
		margin-right: 0 !important
	}

	.spsmall {
		margin: auto;
		max-width: 200px
	}

	.kinou_img {
		padding: 0 50px
	}

	.kinou_title {
		margin-bottom: 20px
	}

	.kinou_first_pa {
		padding: 0 5px 40px 0
	}

	.icons_wrap {
		padding: 0 10px !important
	}

	.icons_wrap .icons1 {
		width: 33% !important
	}

	.icons_wrap .icons2 {
		width: 60% !important
	}

	.icons_wrap .icons1 .sample {
		width: 90px !important;
		display: block;
		margin: 20px auto auto
	}

	#digital_card {
		display: block
	}

	#digital_card .dc_wrapper .dc_inner {
		display: block;
		margin: auto;
		width: 96%
	}

	#digital_card .dc_wrapper .dc_inner:nth-child(2) {
		margin-top: 20px
	}

	#digital_card .dc_wrapper .dc_inner p {
		padding: 0 10px;
		width: 100%;
		text-align: left
	}

	#digital_card .dc_wrapper h3 {
		text-align: center;
		font-size: 23px;
		font-weight: 700
	}

	#smartphone_order {
		padding-top: 40px
	}

	#mobileorder_register .bluebox {
		font-size: 30px
	}

	#point {
		display: block
	}

	#point .point_wrapper .point_inner {
		display: block;
		width: 100%;
		margin: auto;
	}

	.rendou_box_frame,
	.scroll {
		width: 100%
	}

	#point .point_wrapper .point_inner:nth-child(2) {
		margin-top: 20px
	}

	#point .point_wrapper .point_inner p {
		padding: 0 15px
	}

	#point .point_wrapper h3 {
		text-align: center;
		font-size: 23px;
		font-weight: 700
	}

	.rendou_inner {
		justify-content: center
	}

	.scroll {
		overflow-y: hidden;
		overflow-x: hidden
	}

	.accordion {
		white-space: normal
	}

	.accordion table {
		min-width: 70%;
		min-width: 25pc
	}

	.accordion table tr td:nth-of-type(1) {
		width: 20%;
		box-sizing: border-box
	}

	.accordion table tr td:nth-of-type(2),
	.accordion table tr td:nth-of-type(3),
	.accordion table tr td:nth-of-type(4) {
		width: 20%
	}

	.accordion table tr:nth-of-type(1) td:nth-of-type(1) img {
		padding: 0;
		width: 60px;
		margin-left: 6px;
		margin-top: -17px;
		border: 1px solid #cbcbcb
	}

	.accordion table:nth-of-type(1) td:nth-of-type(2) p,
	.accordion table:nth-of-type(1) td:nth-of-type(3) p,
	.accordion table:nth-of-type(1) td:nth-of-type(4) p {
		position: relative;
		width: 70px;
		margin: 2em 1px 0;
		padding: .2em 1em;
		font-size: 1.2em;
		font-weight: 600;
		line-height: 1.3;
		text-align: center;
		letter-spacing: .05em;
		background-color: #78a0b1;
		border-radius: 8px;
		color: #fff;
		box-sizing: border-box
	}

	.accordion table:nth-of-type(1) td:nth-of-type(1) p {
		position: relative;
		width: 5pc;
		margin: 2em auto 0;
		padding: 1em .5em;
		font-size: 1em;
		line-height: 1.3;
		text-align: center;
		letter-spacing: .05em;
		background-color: #f39800;
		border-radius: 8px;
		color: #fff;
		font-weight: 600
	}

	.logos {
		display: flex;
		justify-content: space-around;
		align-items: center;
		flex-wrap: wrap;
		padding: 10px 5%
	}

	.logos div {
		width: 25%;
		margin: 0 2.5% 10px;
		text-align: center
	}

	.logos img {
		vertical-align: middle;
		width: auto;
		height: auto;
		max-width: 85%;
		max-height: 85%
	}

	#faq .accordion2 a {
		position: relative;
		display: flex;
		flex-direction: column;
		margin-top: 15px;
		width: 100%;
		padding: 2rem 5rem 2rem 1rem;
		color: #0f1406;
		font-size: 1.5rem;
		font-weight: 400;
		border-bottom: 1px solid #e5e5e5
	}

	#register .orange_txt {
		display: block;
		height: auto;
		color: #333;
		text-align: left
	}

	#register .orange_wrap {
		padding-top: 40px
	}

	#register .orange_wrap:first-child {
		padding-top: 0
	}

	.greenbtn,
	.orangebtn,
	.ownerbtn {
		width: 95%;
		font-size: 1.5rem
	}

	.orangebtn {
		padding: 20px 5px;
		font-weight: 700;
		margin: auto;
		border: 2px solid;
		border-radius: 5px;
		line-height: 25px;
		box-shadow: 0 8px 15px rgba(0, 0, 0, .1);
		transition: .3s;
	}

	.orangebtn:hover {
		color: #fff;
		background-color: #d0a478;
		opacity: .9;
		transition: all .2s
	}


	.seisaku_box {
		flex-flow: column;
	}

	.seisaku_box div:nth-of-type(odd) {
		width: 100%;
		max-width: 300px;
		min-height: auto;
	}

	.seisaku_box div:nth-of-type(even) {
		transform: rotate(90deg);
	}

	.pointservice {
		display: flex;
		flex-direction: column
	}

	.misemegpex {
		margin: 0 auto;
		text-align: center
	}

	.misemegpex img {
		width: 90% !important;
		margin: 20px auto;
		text-align: center
	}

	.ps_box {
		padding-top: 0;
		width: 100%;
		margin: 0 auto
	}

	.ps_box:nth-child(1) {
		border: 1px solid #ae4545;
		background-size: 18%;
		background-repeat: no-repeat;
		background-position: 100% 100%
	}

	.ps_box:nth-child(2) {
		margin: 10px auto;
		text-align: center;
		background-image: url(/product/misemeg/pointexchange/img/arrow-right-solid_sp.svg);
		background-size: 10%;
		background-repeat: no-repeat;
		background-position: 50% 80%;
		padding-top: 10px
	}

	.ps_box:nth-child(1) p,
	.ps_box:nth-child(2) p {
		padding-bottom: 65px;
		padding-top: 10px
	}

	.ps_box:nth-child(3) {
		border: 1px solid #383b88;
		background-size: 23%;
		background-repeat: no-repeat;
		background-position: 100% 100%;
		padding-top: 10px
	}

	.ps_box:nth-child(3) ul {
		margin-top: 0 !important
	}

	.ps_box:nth-child(-n+3) {
		width: 90%;
		margin: 0 auto
	}

	.basic04 {
		font-size: 1.5em
	}

	.pointchage {
		display: flex;
		flex-direction: column;
		margin-bottom: 30px
	}

	.pch_box {
		width: 90% !important;
		margin: 20px auto 0;
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px
	}

	.sns_box a {
		height: 50px;
	}

	.sns_box a:first-of-type {
		height: 45px;
	}

	.footer_logo .logo_inner {
		display: flex;
		width: 50%;
		padding-top: 8px
	}

	.footer_logo .apps_banner {
		width: 50%;
		padding-top: 10px
	}

	.footer_logo .apps_banner img {
		width: 90%
	}

	.data_box {
		grid-template-columns: repeat(1, 1fr);
	}

	.push_haishin_box {
		margin: 0;
	}

	.footermenu > ul > li.functions2 {
		display: none
	}

	.mb-20-sp {
		margin-bottom: 20px !important
	}
}

@media print {

	.slide-left,
	.slide-right {
		opacity: 1 !important;
		visibility: visible !important;
		right: 0 !important
	}

	#nav,
	.slide-left,
	.slide-right {
		position: relative !important
	}

	#hero {
		height: 25pc;
		padding-top: 0
	}

	.fixed_btn {
		display: none
	}

	#point .point_wrapper .point_inner {
		display: block
	}
}