@charset "utf-8";
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	box-sizing:border-box;
}
html,body{height:100%;}
body{
	font-family: -apple-system,BlinkMacSystemFont,'游ゴシック Medium','游ゴシック体','Yu Gothic',YuGothic,'ヒラギノ角ゴ ProN W3','Hiragino Sans','Hiragino Kaku Gothic ProN','メイリオ',meiryo,"ＭＳ Ｐゴシック", sans-serif;
	font-size:14px;
	font-weight:500;
	color:#0b2532;
	line-height:1.6;
	-webkit-text-size-adjust:100%;
	max-width:100%;
	min-width:319px;
	text-align:center;
  overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6{font-size:1.0em;font-weight:normal;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;}

li{list-style-type:none;}
ins{text-decoration:none;}
mark{font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;margin:1em 0;padding:0;border:0;border-top:1px solid #cccccc;}
input, select{vertical-align:middle;margin:0;}

img{
	border:none;
	vertical-align:bottom;
	max-width:100%;
	height:auto;
}
a{
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration:none;
}

a:link{color:#000;text-decoration:none;}
a:visited{color:#000;}
a:active{color:#000;}

.container{
	max-width:750px;
	margin:auto;
	position:relative;
}
.innner {
    width: 94%;
    margin: auto;
}

.wrapper {
  overflow-x: hidden;
}
/* --------------------------------------------------------------------- */
/* common */
section{
	width:100%;
	overflow: hidden;
}
.btn_frozen a,
.btn_refrigerate a {
	position: relative;
}
.btn_frozen a:before,
.btn_refrigerate a:before {
	content: "";
	display: block;
	height: 52%;
	width: 12%;
	position: absolute;
	right: 4%;
	top: 0;
	bottom: 0;
	margin: auto;
}
.btn_frozen a:before {
	background: url(../img/arrow_order_btn_frozen.png) no-repeat center;
	background-size: contain;
}
.btn_refrigerate a:before {
	background: url(../img/arrow_order_btn_refrigerate.png) no-repeat center;
	background-size: contain;
}
@keyframes kirakira {
  0% {
    opacity: 0;
    left: 0;
  }
  15% {
    opacity: .8;
    left: 120%;
  }
  20% {
    opacity: 1;
    left: 120%;
  }
  100% {
    opacity: 0;
    left: 120%;
  }
}
.order_btn a {
  position: relative;
  overflow: hidden;
}
.order_btn a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 100%;
  background: #fff;
  box-shadow: -10px 0 30px rgba(255,255,255,.5);
  opacity: .8;
  animation: kirakira 4s ease 0s infinite;
  transform: skewX(-24deg);
  z-index: 1;
}
.form {
	width: 100%;
	margin: 5% auto;
	padding: 20px 10px 5px 10px;
	text-align: left;
	color: #191919;
	border: 1px solid #515151;
	background: #fff;
}
.form dt {
	clear: both;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 2px;
}
.form dt.num {
	float: left;
	margin-right: 8px;
}
.form dd.num select {
	border: 1px solid #c3c1c1;
	padding: 2px;
	border-radius: 2px;
	margin-top: -4px;
	font-size: 16px;
}
.form dd {
	margin-bottom: 14px;
	letter-spacing: 1px;
	white-space: nowrap;
}
.form dd input[type=radio] {
	display: none;
}
.form dd input[type=radio] + label {
	padding-left: 20px;
	position: relative;
	margin-right: 10px;
	cursor: pointer;
}
.form dd input[type=radio] + label::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	border: 2px solid #c3c1c1;
	border-radius: 50%;
}
.form dd input[type=radio]:checked + label::after {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: 4px;
	width: 7px;
	height: 7px;
	background: #ee2977;
	border-radius: 50%;
}
/* --------------------------------------------------------------------- */
/* top */
.top {
	padding-bottom: 0px;
}

.info_share {
	background: url(../img/top_bg.png) no-repeat center bottom;
	background-size: auto 100%;
	position: relative;
	padding: 15px 0 20px;
	max-height: 360px;
	z-index: 1;
}

.info_share h1 {
	text-align: center;
}

.info_share h1 img{
	width: auto;
	max-height: 300px;
}

.intro_courses {
	margin-top: -6vw;
}

.intro_courses ul {
	display: flex;
	position: relative;
	padding-bottom: 4%;
}

.intro_courses ul:before {
	background: url(../img/border_img.png) repeat-y;
	background-size: 100% auto;
	content:"";
	position: absolute;
	left:0;
	right: 0;
	height: calc( 100% - 130px);
	width: 4px;
	margin: auto;
	top: 120px;
	z-index: 2;
}
.intro_courses ul li {
	width: 50%;
	padding-top: 6vw;
	overflow:hidden;
}
.intro_courses .intro_frozen {
	background: url(../img/bg_frozen.png) no-repeat left top;
	background-size: 100% 46%;
	text-align: left;
}

.intro_courses .intro_refrigerate {
	background: url(../img/bg_refrigerate.png) no-repeat left top;
	background-size: 100% 46%;
	text-align: right;
}
.intro_courses ul li .intro_course_inner {
	display: inline-block;
	width: 100%;
	text-align: center;
}


.intro_refrigerate .intro_course_inner h2 {
	display:block;
	max-width: 375px;
	margin-left: auto;
}

.intro_frozen .intro_course_inner h2{
	display:block;
	max-width: 375px;
	margin-right: auto;
}

.intro_courses .order_btn {
	width: 100%;
	max-width: 375px;
	margin: 14px auto 0;
	padding: 0 5%;
}

.intro_refrigerate .intro_course_inner .order_btn {
	margin-left: auto;
	margin-right: 0;
}

.intro_frozen .intro_course_inner .order_btn {
	margin-right: auto;
	margin-left: 0;
}

.intro_courses .order_btn a {
	border-radius: 5px;
	box-sizing: border-box;
	display: inline-block;
	max-width: 378px;
	text-align: center;
	padding: 6% 10% 6% 0;
}
.intro_courses .order_btn a img {
	vertical-align: middle;
	width: 80%;
}
.intro_frozen .order_btn a {
	background-color: #ff0055;
}
.intro_refrigerate .order_btn a {
	background-color: #ff5c00;
}
.intro_courses .bottom_note {
	margin: 0 auto;
	width: 94%;
	max-width: 750px;display: block;
  position: relative;
  padding-bottom: 4%;
}

.intro_courses .bottom_note:before {
  display: none;
}
.intro_courses .bottom_note li {
	font-size: 11px;
	font-weight: bold;
  padding-left: 1em;
  text-indent: -1em;
	text-align: left;
	max-width: 100%;
  width: 100%;
  padding-top: 0;
}

.floating_btn-reizou {
	width: 110px;
    position: fixed !important;
    left: 20px;
    bottom: 10px;
    display: block;
    z-index: 10 ;
}

.floating_btn-reitou{
	width: 110px;
    position: fixed;
	right: 20px;
    bottom: 10px;
    display: block;
    z-index: 10;
}



.floating_inr {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 100% 83% 100% 100%;
  z-index: 11;
}

.floating_inr::after {
  content: "";
  display: block;
  width: 30px;
  height: 100%;
  position: absolute;
  top: -180px;
  left: 0;
  background-color: #FFF;
  opacity: 0;
  transform: rotate(45deg);
  animation: reflect 2s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflect 2s ease-in-out infinite;
}
@keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}


.top2 {
	margin-bottom: calc(50/833*100%);
}

.top2 .intro_courses{
	margin-top: 0;
}

.top2 .intro_courses ul li{
	padding-top: 0;
}

.top2 .intro_courses .intro_frozen,
.top2 .intro_courses .intro_refrigerate{
	background: none;
}

.top2 .intro_courses ul:before {
	content:"";
	position: absolute;
	width: 4px;
	margin: auto;
	height: calc(100% - 50px);
	top: 40px;
	z-index: 2;
}

.top2.one-column .intro_courses {
	text-align:center;
}
.top2.one-column .intro_courses ul {
	width:100%;
	max-width:750px;
	margin:0 auto;
	padding: 0;
}
.top2.one-column .intro_courses ul:before {
	content:none;
}
.top2.one-column .intro_courses ul li {
	width:100%;
}
.top2.one-column .intro_frozen .intro_course_inner h2 {
	max-width:100%;
}
.top2.one-column .intro_frozen .intro_course_inner .order_btn {
	position:absolute;
	bottom: 5%;
	left:0;
}
.top2.one-column .intro_frozen .intro_course_inner .order_btn.btn_frozen2 {
	left:auto;
	right:0;
}
.top2.one-column .intro_courses .order_btn a {
    background-color: #ff5c00;
}
.top2.one-column .intro_courses .order_btn.btn_frozen2 a {
	background-color: #ff0055;
}
.top2.one-column .intro_courses .order_btn {
	width:50%;
}


/* --------------------------------------------------------------------- */
@keyframes kirakira {
  0% {
    opacity: 0;
    left: 0;
  }
  15% {
    opacity: .8;
    left: 120%;
  }
  20% {
    opacity: 1;
    left: 120%;
  }
  100% {
    opacity: 0;
    left: 120%;
  }
}
.kira_btn {
  position: relative;
  overflow: hidden;
}
.kira_btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 100%;
  background: #fff;
  box-shadow: -10px 0 30px rgba(255,255,255,.5);
  opacity: .8;
  animation: kirakira 4s ease 0s infinite;
  transform: skewX(-24deg);
  z-index: 1;
}
.kira_btn img {
  position: relative;
  z-index: 3;
}

/* --------------------------------------------------------------------- */
/* reason */
.reason {
	position: relative;
	text-align: center;
	padding-top: calc(25/833*100%);
	margin-top: -8%;
	margin-bottom: calc(40/833*100%);
	background: #fff;
}

.reason h2 {
	text-align: center;
}


/* --------------------------------------------------------------------- */
/* reason */
.lineup {
	position: relative;
	margin-top: calc(50/833*100%);
}

.lineup h2:before {
	background-color: #6bbb03;
	content: "";
	display: block;
	height: 32vw;
	width: 100%;
	position: absolute;
	z-index: -1;
	max-height: 236px;
	left:0;
	bottom:0;
}
.lineup h2 {
	line-height: 1;
	position: relative;
	margin-top: -7vw;
}
.lineup_inner {
	margin: 0 auto 0;
	width: 95%;
	max-width: 750px;
}/*
.lineup_inner > ul > li {
	margin-top: 5%;
}*/
.lineup_inner.reitou > ul > li .lineup_dtl {
	background: url(../img/lineup_frozen_bg.png) no-repeat left -5px;
	background-size: 100% 100%;
	border-radius: 0 0 10px 10px;
}
.lineup_inner.reizou > ul > li .lineup_dtl {
	background: url(../img/lineup_refrigerate_bg.png) no-repeat left -5px;
	background-size: 100% 100%;
	border-radius: 0 0 10px 10px;
}
.lineup_list_ttl {
	width: 100%;
}
.lineup_list_ttl img {
	width: 100%;
}
.lineup_dtl {
	padding: 0 5% 10%;
}
.lineup_dtl .means {
	padding-top: 22%;
	position: relative;
}
.lineup_dtl .means:before {
	content: "";
	display: block;
	height: 7%;
	width: 100%;
	position: absolute;
	top: 2%;
}
.lineup_inner.reizou > ul > li .lineup_dtl .means:before {
	background: url(../img/lineup_list_arrow02.png) no-repeat center top;
	background-size: auto 100%;
}
.lineup_inner.reitou > ul > li .lineup_dtl .means:before {
	background: url(../img/lineup_list_arrow01.png) no-repeat center top;
	background-size: auto 100%;
}
.lineup_dtl .means .means_ttl {
	margin-top: 6%;
}
.lineup_dtl .means .means_fig {
	margin-top: 6%;
	position: relative;
}
.feature {
	margin-top: 4%;
}
.feature .feature_ttl {
	background-color: #ff6708;
	border-radius: 10px;
	padding: 3.4% 0;
	text-align: center;
	margin-bottom: 3%;
}
.feature .feature_ttl img {
	width: 30%;
}
.lineup li:nth-of-type(2) .feature .feature_ttl {
	background-color: #e50054;
}
.lineup_inner.reizou > ul > li .num {
	background-color: #fb7094;
}
.lineup_inner.reitou > ul > li .num {
	background-color: #ff9d02;
}
.various_goods {
	max-width: 950px;
	margin: 5% auto 0;
	width: 95%;
}
/* --------------------------------------------------------------------- */
/* list */
.list {
	background: url(../img/list_bg.png) repeat-y center top #fbeedb;
	background-size: 100%;
	margin-top: calc(60/833*100%);
	padding-bottom: 8%;
	position: relative;
}
.list h2 {
	position: relative;
}
.list h2:before {
	background: url(../img/list_ttl_bg.png) no-repeat center top;
	content: "";
	height: 44%;
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	background-size: auto 100%;
	margin: 0 auto;
}
.list h2 img {
	margin-top: 8%;
}
.list_frozen,.list_refrigerate {
	margin: 5% auto 0;
	max-width: 950px;
	width: 95%;
	position: relative;
}
.list_frozen_ttl,.list_refrigerate_ttl {
	position: absolute;
	top: -0.8%;
	left: 0;
	right: 0;
	margin: auto;
}
.list_frozen .course_order_table .note li {
  text-indent: -1em;
  background: none;
  padding: 0 0 0 1em;
  text-align: left;
  line-height: 1.4em;
  margin: 3px auto;
  font-size: 12px;
}
.list_frozen .course_order_table .course_img{
	position: relative;
}
.list_frozen .course_order_table .course_img .course_img_bentou{
  position: absolute;
  width: 100px;
  bottom: -10px;
  right: 50px;
}
.list_frozen .course_order_table .course_img .course_img_bentou2{
	position: absolute;
	width: 130px;
	bottom: 0px;
	right: 30px;
}

.course_intro {
	padding: 0 1%;
}
.course_intro li {
	background: url(../img/list_frozen_course_bg.png) no-repeat center top;
	background-size: 100% 100%;
	padding: 10% 3% 12%;
}
.course_intro .course_ttl {
	margin: 0 auto 3%;
	width: 80%;
}
.course_intro .course_img img {
	width: 70%;
}
.course_intro .course_component {
	margin-top: 5%;
}
.course_intro .course_note {
	font-size: 11px;
	margin-top: 6%;
	text-align: left;
	padding: 0 1.5em;
}
.course_intro .note {
	margin: 1em 20px 0;
}
.course_intro .note p {
	font-size: 14px;
	font-weight: bold;
  /* 注釈の2行目は左詰め
	margin-left: 1em;
	text-indent: -1em; */
	text-align: left;
	max-width: 100%;
}
.course_order_table {
	background-color: #FFF;
	border-radius: 10px;
	padding: 13% 5% 6%;
	margin: 0 auto;
	max-width: 713px;
}
.course_order_table_inner > ul {
	letter-spacing: -.4em;
	margin-top: 12%;
}
.regular_order_7set_table > ul {
	margin-top: 0;
}
.course_order_table_inner > ul > li {
	padding: 6% 0 10%;
	letter-spacing: normal;
	position: relative;
}
.course_order_table_inner {
	position: relative;
	padding-top: 8%;
}
.regular_order_7set_table:before,
.course_order_table_inner > ul > li:before {
	border-top: 4px dotted #ccbca5;
	content: "";
	height: 4px;
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.course_order_table_inner > ul > li.noborder {
	padding-top: 3%;
}
.course_order_table_inner > ul > li.noborder:before {
	content: none;
}
.course_order_table_inner .course_order_ttl {
	margin-top: 5%;
}
.course_order_table_inner .course_order_ttl_ex {
	margin: 22px 0 0;
}
.course_order_table_inner .course_order_img {
	margin-top: 3%;
}
.course_order_table_inner .price {
	margin-top: 5%;
}

.course_order_table_inner .ship	{
	margin-top: 5%;
	font-weight: bold;
}

.course_order_table_inner .component {
	margin-top: 3%;
}
.course_order_table_inner .order_btn {
	margin-top: 3.5%;
}
.course_order_table_inner .order_btn a {
	background-color: #e50054;
	box-sizing: border-box;
	border-radius: 5px;
	display: block;
	padding: 3% 0;
	text-align: center;
	padding-right: 50px;
	width: 100%;
}
.course_order_table_inner .order_btn a img {
	width: 66%;
	max-width: 316px;
}
.course_order_table_inner .note {
	font-weight: bold;
	text-align: left;
	margin-top: 4%;
}
.course_order_table_inner .note p {
	font-size: 12px;
  /* 注釈の2行目は左詰め
	margin-left: 1em;
	text-indent: -1em; */
}
.course_order_table_inner .rice_plus {
	margin-top: 2%
}
.course_order_table_inner .course_order_souryou{
	font-size: 100%;
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
	margin: 3% 0;
}
.course_order_table_inner .course_order_souryou li {
  padding-left: 1em;
  text-indent: -1em;
}
.regular_order_7set {
	position: relative;
	z-index: 0;
}
.attention {
	text-align: left;
	max-width: 750px;
	margin: 0 auto;
}
.attention .note p {
	font-size: 12px;
	font-weight: bold;
  /* 注釈の2行目は左詰め
	margin-left: 1em;
	text-indent: -1em; */
	text-align: left;
	max-width: 100%;
}
.attention .postage {
	background-color: #fdd2d2;
	border-radius: 4px;
	color: #e50054;
	font-size: 13px;
	font-weight: bold;
	display: inline-block;
	padding: 4px 4%;
	margin: 4% 0;
}
.attention .note.big p {
	font-size: 11px;
	font-weight: bold;
  /* 注釈の2行目は左詰め
	margin-left: 1em;
	text-indent: -1em; */
	text-align: left;
	max-width: 100%;
}
.attention .note.big li {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	max-width: 100%;
}

.list_refrigerate {
	margin: 5% auto 0;
}
.list_refrigerate .list_refrigerate_ttl {
	top: -1%
}
.list_refrigerate .course_order_table li {
	padding-top: 10%;
	padding-bottom: 9%;
	position: relative;
}
.list_refrigerate .course_order_table li:first-child {
  padding-top: calc(65/833*100%);
}
.list_refrigerate .course_order_table li:before {
	border-top: 4px dotted #ccbca5;
	content: "";
	height: 4px;
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.list_refrigerate .course_order_table .top{
	border-top: 4px dotted #ccbca5;
}
.list_refrigerate .course_order_table .top:before {
  display: none;
}
.list_refrigerate .course_order_table li .course_order_ttl {
	margin: 4% auto;
}
.list_refrigerate .course_order_table li .price {
	margin-top: 6%;
}
.list_refrigerate .course_order_table li .component {
	margin: 5% auto;
}
.list_refrigerate .list_refrigerate_btn .order_btn a {
	background-color: #eb5c02;
	border-radius: 5px;
	box-sizing: border-box;
	display: block;
	padding: 3% 0;
	padding-right: 62px;
}
.list_refrigerate .course_order_table li .sub {
	display: flex;
	padding-top: 4%;
}
.list_refrigerate .course_order_table li .sub .course_order_img {
	width: 46%;
}
.list_refrigerate .course_order_table li .sub .course_order_img2 {
	position: relative;
  left: -7%;
  width: 54%;
  margin-right: -7%;
}
.list_refrigerate .course_order_table li .sub .course_order_txt {
	width: 52%;
	margin-left: 2%;
}
.list_refrigerate .list_refrigerate_btn .order_btn a img {
	width: 80%;
}
.list_refrigerate .list_refrigerate_btn .redtxt {
	color: #ff0000;
}
.list_refrigerate .course_order_table li .note  {
  margin-top: 4%;
}
.list_refrigerate .course_order_table li .note li {
	font-size: 12px;
	text-align: left;
  padding: 0 0 0 1em;
  text-indent: -1em;
	/* margin-left: 1em;
	text-indent: -1em; */
}

.list_refrigerate .course_order_table li .note li:before {
  display: none;
}
.list_refrigerate .attention {
	text-align: left;
	margin-top: -8%;
}
.list_refrigerate .attention .note,
.list_refrigerate .attention .bottom_note {
	font-size: 12px;
	margin-top: 5%;
	font-weight: bold;
}
.list_refrigerate .attention .note.big {
	background-color: #fbcf7d;
	border-radius: 10px;
	padding: 6% 8%;
}
.list_refrigerate .attention .note.big li {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.8;
  padding: 0 0 0 13px;
}
.list_refrigerate .attention .note.big li:before {
	background-color: #eb5c02;
	border-radius: 50%;
	content: "";
	display: inline-block;
	margin: 5px 5px 0 0;
	height: 10px;
	width: 10px;
  border-top: none;
}
.list_refrigerate .attention .bottom_note li {
  padding: 0 0 0 1em;
  text-indent: -1em;
}
.list_refrigerate .attention .bottom_note li:before {
  display: none;
}

.list_refrigerate .list_refrigerate_btn .note2{
	margin-top: 10px;
}

.teiki_accordion{
	cursor: pointer;
	overflow: hidden;
	position: relative;
}

.teiki_accordion:after{
	content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 100%;
  background: #fff;
  box-shadow: -10px 0 30px rgba(255,255,255,.5);
  opacity: .8;
  animation: kirakira 5s ease 0s infinite;
  transform: skewX(-24deg);
  z-index: 1;
 }

.reizou_item{
	margin: calc(45/833*100%) auto calc(84/833*100%);
}

.reizou_item_title{
	margin-bottom: calc(50/833*100%);
}

.reizou_item_btn{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: calc(-25/833*100%);
}

.reizou_item_btn .reizou_item_menu{
	width: calc(50% - 8px);
	margin-top: calc(25/833*100%);
}

/* --------------------------------------------------------------------- */
/* footer */
footer{
	text-align: left;
	font-size: 12px;
	color: #231815;
	background-color: #6bbb03;
}
footer .inner {
	width: 100%;
	margin: 0 auto;
	text-align:center;
	overflow: hidden;
}
footer .info_title{
  padding: 8% 0 0;
  text-align: center;
  font-size: 40px;
  color: #fff;
  font-weight: bold;
}
footer .top-block {
	width: 100%;
	margin: auto;
	padding: 4% 0 8%;
	max-width: 750px;
}
footer .top-block .info_detail {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 86%;
	margin: 0 auto;
}
footer .top-block .tel_time{
	border-bottom: 2px dashed #333;
	padding-bottom: 6%;
	margin-bottom: 6%;
}
footer .top-block .tel_number {
	display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
footer .top-block .tel_number a {
	display: block;
	margin: 3% 0;
}
footer .top-block .tel_number a {
	display: block;
	margin: 3% 0;
}
footer .info-reizou,
footer .info-reitou{
	display: block;
	margin-bottom: 3%;
	max-width: 100px;
	height: auto;
}
footer .top-block .note {
	margin-top: 0;
}
footer .top-block .note li {
	color: #FFF;
	font-size: 12px;
	letter-spacing: 1px;
  padding-left: 1em;
  text-indent: -1em;
}
footer .top-block .note li a {
	color: inherit;
}
footer .top-block .info_attention {
	background-color: #FFF;
	border-radius: 10px;
	padding: 5%;
	margin: 6% auto 0;
	width: 95%;
}
footer .top-block .info_attention dt {
	color: #eb5c02;
	font-size: 16px;
	font-weight: bold;
}
footer .top-block .info_attention dd {
	font-size: 14px;
	margin-top: 6px;
	line-height: 1.4;
	letter-spacing: -0.8px;
}
footer .top-block .info_attention dd span {
	display: block;
	margin-top: 1em;
	text-align: right;
}
footer .bottom-block {
	text-align: center;
	background: #FFF;
	background: #fff;
	padding-top: 30px;
}
footer .bottom-block .inner {
	padding: 1px 0 40px;
	width: 90%;
	margin: 0 auto;
}
footer .bottom-block .menu {
	margin: 22px auto;
	font-size: 0;
	max-width: 400px;
}
footer .bottom-block .menu li {
	font-size: 12px;
	margin-top: 5px;
	font-weight: bold;
	display: inline-block;
	position: relative;
	width: 50%;
	text-align: left;
	vertical-align: top;
}
footer .bottom-block .menu li a {
	display: block;
}
footer .bottom-block .menu li:before {
	content: "";
	position: absolute;
	background: url(../img/icon_footer.png) no-repeat;
	background-size: 100% auto;
	width: 6px;
	height: 10px;
	top: 12%;
}
footer .bottom-block .menu li:nth-child(n+3) {
	margin-top: 34px;
}
footer .bottom-block .menu li.no-icon:before {
	content: none;
}
footer .bottom-block .menu li a,footer .bottom-block .menu li span {
	padding-left: 15px;
}
@media screen and (min-width:768px){
	.intro_courses .order_btn a {
		padding: 20px 22px 20px 0;
	}
	.info_share {
		height: 454px;
		padding-top: 25px;
	}
	.intro_course_inner .txt {
		padding-top: 40px;
	}
	.reason:after {
		top: 163px;
	}
	.reason_list > ul > li:nth-of-type(2) dl {
		padding-bottom: 600px;
	}
	.reason_list > ul > li:nth-of-type(3) .deco {
		bottom: 14%;
	}
}
@media screen and (min-width:773px){
	.intro_course_inner .txt::before {
		transform: translateX(-2.8vw);
	}
}
@media screen and (min-width:817px){
	.intro_course_inner .txt::before {
		transform: translateX(-2vw);
	}
}
@media screen and (min-width:844px){
	.intro_course_inner .txt::before {
		transform: translateX(-1.2vw);
	}
}
@media screen and (min-width:890px){
	.intro_course_inner .txt::before {
		transform: translateX(0);
	}
}
@media screen and (min-width:1120px){
	.intro_course_inner .txt .cat {
		width: 15vw;
		top: -5vw;
		left: -16%;
	}
	.intro_refrigerate .intro_course_inner .txt .cat {
		right: -16%;
    left: 0;
	}
}

/* --------------------------------------------------------------------- */
.btn_fixed_bottom {
	position: sticky;
	bottom: 0;
	z-index: 2;
	padding: min(1.8%, 18px) 3.5% min(1.9%, 19px);
	background: rgb(255 255 255 / 0.53);
	.order_btn {
		overflow: hidden;
		position: relative;
		width: 95%;
		max-width: 750px;
		margin-inline: auto;
	}
	a {
		display: block;
	}
}