.maya_lblttl_highlight { background: #000; /*#22c0e7;*/ background: linear-gradient(to bottom, #000 /*#22c0e7*/ 0%, #000 /*#22c0e7*/ 85%, #ffff01 85%, #ffff01 100%); }
.hd_sub { position: relative; padding: 10px 0 0 0; background: #d5cbd6;/*background: #e0f6fe;*/ }
.swipper_outter .swiper-container { height: 100%; }
.hm_top_sttl,
.hm_top_ttl { color: #daa520;/*color: #24bbe6;*/ }
.hm_top_sttl { display: inline-block; }
.hm_top_sttl:before { display: inline-block; content: ""; width: 17px; height: 34px; margin-right: 5px; background: url(../images/home/hm_ic20.png) no-repeat center; background-size: 14px; vertical-align: sub; }
.hm_top_sttl:after { display: inline-block; content: ""; width: 17px; height: 34px; margin-left: 5px; background: url(../images/home/hm_ic21.png) no-repeat center; background-size: 14px; vertical-align: sub; }
.hm_top_ttl { text-shadow: 4px 2px 5px #ffffff, 4px -2px 5px #ffffff, -4px 2px 5px #ffffff, -4px -2px 5px #ffffff, 4px 0px 5px #ffffff, 0px 2px 5px #ffffff, -4px 0px 5px #ffffff, 0px -2px 5px #ffffff; font-family: "Yu Mincho"; font-weight: bold; }
.hm_top { position: relative; width: 100%; max-width: 1120px; margin: 0 auto; padding: 0 10px; z-index: 9; }
.hm_top_lbl { display: inline-block; padding: 3px 5px; /*background: #ffff01; color: #19c3e6; */ background: #000; color: #daa520; font-size: 2.5rem; }
.hm_top_lbl span { font-weight: bold; }
.hm_top_des { font-family: "KAWAIITEGAKIMOJI"; }
.hm_top_lst { display: flex; justify-content: flex-start; align-items: center; flex-direction: row; }
.hm_top_lst li { display: flex; justify-content: center; align-items: center; position: relative; border-radius: 100%; overflow: hidden; color: #ffffff; }
.hm_top_lst li:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; /*background: #008cc7;*/ background: #000;opacity: 0.7; z-index: 1; }


.hm_top_lst02 { display: flex; justify-content: flex-start; align-items: center; flex-direction: row; }
.hm_top_lst02 li { display: flex; justify-content: center; align-items: center; position: relative; border-radius: 100%; overflow: hidden; color: #ffffff; }
.hm_top_lst02 li:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; /*background: #008cc7;*/ background: #000;opacity: 0.7; z-index: 1; }


.hm_top_lst_img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; }
.hm_top_lst_img img { width: 100%; max-width: 160px; vertical-align: middle; }
.hm_top_lst_lbl { position: relative; z-index: 2; text-align: center; }
.hm_top_lst_lbl span { color:#daa520;/*color: #ffff00;*/ font-weight: bold; }
.hm_part_color { /*color: #028dc4;*/ color: #daa520; }
/*css part01 start*/
.hm_part01,
.hm_part08 { position: relative; z-index: 9; }
/*.hm_part01:before,
.hm_part01:after,*/
.hm_part08:before,
.hm_part08:after { content: ""; position: absolute; background: #ffffff; }
.hm_part01:before,
.hm_part01:after { position: absolute; content: ""; display: block; }
.hm_part01:before { width: 0; height: 0; border-style: solid; border-width: 12vw 0 0 70vw; border-color: transparent transparent transparent #fff; top:calc(-12vw + 2px) ; left: 0; transform: none !important; }
.hm_part01:after { width: 0; height: 0; border-style: solid; border-width: 0 0 12vw 70vw; border-color: transparent transparent #fff transparent; top:calc(-12vw + 2px)  ; right: 0; transform: none !important; }
.hm_part01_wrap { position: relative; z-index: 1; text-align: center;}
.hm_part01_ttl_new { position: relative; color: #daa520;/*color: #24bbe6; */ padding-bottom:20px;}
.hm_part01_ttl_new .hm_part01_ttl_new02 { font-size: 180%; line-height:160%;/*text-shadow: 3px 3px rgba(36,187,230,0.2); */}

.hm_part01_ttl_new:before,
.hm_part01_ttl_new:after { content: ""; position: absolute; top: 40px; bottom: 0; }
.hm_part01_ttl_new:before { left: 0; background: url(../images/home/hm_ic02.png) no-repeat top; }
.hm_part01_ttl_new:after { right: 0; background: url(../images/home/hm_ic03.png) no-repeat top; }

.hm_part01_ttl { position: relative; color: #daa520;/*color: #24bbe6; */}
.hm_part01_ttl:before,
.hm_part01_ttl:after { content: ""; position: absolute; top: 40px; bottom: 0; }
.hm_part01_ttl:before { left: 0; background: url(../images/home/hm_ic02.png) no-repeat top; }
.hm_part01_ttl:after { right: 0; background: url(../images/home/hm_ic03.png) no-repeat top; }
.hm_part01_lst { display: flex; justify-content: center; flex-direction: row; align-items: center; padding-bottom: 18px; }
.hm_part01_lst li { position: relative; background: linear-gradient(to bottom, #daa520 0%, #ffffff 50%, #daa520 100%); color: #363636; font-weight: bold; }
.hm_part01_lst li:nth-child(3n-2) { margin-left: 0; }
.hm_part01_lst li:before { content: ""; position: absolute; top: 50%; width: 30px; height: 20px; background: url(../images/home/hm_ic01.png) no-repeat center; background-size: 20px; transform: translateY(-50%); }
.hm_part01_lst li:nth-child(3n-2):before { display: none; }
.hm_part01_des { text-align: left; }
/*css part01 end*/
/*css part02 start*/
.hm_part02 { position: relative; overflow: hidden; z-index: 10; }
.hm_part02:before,
.hm_part02:after { content: ""; position: absolute; width: 100%; height: 30%; background: /*#e0f6fe;*/#fff; }
.hm_part02:before { top: 0; left: 0; transform: skewY(-10deg); }
.hm_part02:after { right: 0; bottom: 15%; transform: skewY(10deg); }
.hm_part02_wrap { position: relative; z-index: 1; }
.hm_part02_sub { display: flex; flex-direction: row; justify-content: flex-start; position: relative; }
.hm_part02_sub:nth-child(2n) { justify-content: flex-end; }
.hm_img01 img { width: 100%; max-width: 459px; vertical-align: middle; }
.hm_img02 img { width: 100%; max-width: 433px; vertical-align: middle; }
.hm_part02_sttl { color: #666666; font-style: italic; }
.hm_part02_ttl { color: #353535; font-weight: bold; }
.hm_part02_ttl span { /*color: #018cc4;*/ color:#daa520; }
.hm_part02_img01 { position: absolute; top: 0; right: auto; }
.hm_part02_sub:nth-child(2n) .hm_part02_img01 { left: auto; }
.hm_review { padding: 8px 0 0 10px; }
.hm_review li { position: relative; display: table; width: 100%; position: relative; border-width: 2px; border-style: solid; }

.hm_review li:nth-child(1) { display:none;position: relative; border-color: #363636; background: #f1f1f1; }
.hm_review li:nth-child(1):before { content: ""; position: absolute; right: 0; left: 0; width: 66px; height: 20px; margin: 0 auto; border-right: 33px solid transparent; border-left: 33px solid transparent; border-top: 20px solid #363636; }
.hm_review li:nth-child(1):after { content: ""; position: absolute; top: -7px; left: 10px; width: 20px; height: 45px; background: url(../images/common/ic_gim1.png) no-repeat; background-size: 100% auto; }
.hm_review li:nth-child(2):after { content: ""; position: absolute; top: -7px; left: 10px; width: 20px; height: 45px; background: url(../images/common/ic_gim2.png) no-repeat; background-size: 100% auto; }
.hm_review li:nth-child(1) .hm_review_lbl { background: #f1f1f1; }
.hm_review li:nth-child(2) { border-color: #22c0e7; background: #22c0e7; }
.hm_review li:nth-child(2) .hm_review_lbl { background: #22c0e7; color: #ffffff; }
.hm_review li:nth-child(2) .hm_review_des { position: relative; }
.hm_review li:nth-child(2) .hm_review_des:after { content: ""; position: absolute; bottom: -20px; background: url(../images/home/hm_ic17.png) no-repeat; }
.hm_review_lbl,
.hm_review_des { display: table-cell; vertical-align: middle; }
.hm_review_des { background: #ffffff; }

/*
.hm_review li:nth-child(0) { position: relative; border-color: #363636; background: #f1f1f1; }
.hm_review li:nth-child(0):before { content: ""; position: absolute; right: 0; left: 0; width: 66px; height: 20px; margin: 0 auto; border-right: 33px solid transparent; border-left: 33px solid transparent; border-top: 20px solid #363636; }
.hm_review li:nth-child(0):after { content: ""; position: absolute; top: -7px; left: 10px; width: 20px; height: 45px; background: url(../images/common/ic_gim1.png) no-repeat; background-size: 100% auto; }
.hm_review li:nth-child(1):after { content: ""; position: absolute; top: -7px; left: 10px; width: 20px; height: 45px; background: url(../images/common/ic_gim2.png) no-repeat; background-size: 100% auto; }
.hm_review li:nth-child(0) .hm_review_lbl { background: #f1f1f1; }
.hm_review li:nth-child(1) { border-color: #22c0e7; background: #22c0e7; }
.hm_review li:nth-child(1) .hm_review_lbl { background: #22c0e7; color: #ffffff; }
.hm_review li:nth-child(1) .hm_review_des { position: relative; }
.hm_review li:nth-child(1) .hm_review_des:after { content: ""; position: absolute; bottom: -20px; background: url(../images/home/hm_ic17.png) no-repeat; }
.hm_review_lbl,
.hm_review_des { display: table-cell; vertical-align: middle; }
.hm_review_des { background: #ffffff; }
*/
.hm_review_des span { display: block; color: #000000; font-weight: bold; }
.hm_review_style { display: inline-block !important; padding: 0 15px 0 5px; background: #ffffff; background: linear-gradient(to bottom, #ffffff 0%, #ffffff 80%, #ffff00 80%, #ffff00 100%); }
.hm_review_style strong { color: #20bfe5; }
/*css part02 end*/
/*css part03 start*/
.hm_part03 { position: relative; }
.hm_part03:before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 80%; background: linear-gradient(to bottom, #e5e5e5 0%, #ffffff 100%); }
.hm_part03_lst { position: relative; }
.hm_part03_lst li { position: absolute; top: 0; right: 0; left: 0; }
.hm_part03_lst li:first-child { position: static !important; }
.bal01 { animation-name: shake-zontal; animation-duration: 100ms; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.bal02 { animation-name: baloon; animation-iteration-count: infinite; animation-timing-function: ease;  animation-duration: 2s; animation-delay: .4s;  }
.bal03 { animation-name: baloon; animation-iteration-count: infinite; animation-timing-function: ease;  animation-duration: 2.4s;}
.bal04 { animation-name: baloon; animation-iteration-count: infinite; animation-timing-function: ease;  animation-duration: 1.9s; }
.bal05 { animation-name: shake-little; animation-duration: 100ms; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }
.bal06 { animation-name: baloon; animation-iteration-count: infinite; animation-timing-function: ease;  animation-duration: 2.1s;}
.bal07 { animation-name: baloon; animation-iteration-count: infinite; animation-timing-function: ease;  animation-duration: 1.8s; }
/*css part03 end*/
/*css part04 start*/
.hm_part04 { position: relative; background: url(../images/home/hm_bg02.jpg) no-repeat top center; background-size: cover; }
.hm_part04_wrap { display: flex; justify-content: flex-end; position: relative; }
.hm_part04_wrap:before { content: ""; position: absolute; top: 0; right: 0; left: 0; margin: 0 auto; }
.hm_part04_lbl { display: flex; align-items: center; justify-content: center; flex-direction: column; position: absolute; top: 0; left: 0; background: #353535; color: #dfdfdf; }
.hm_part04_lbl:after { content: ""; position: absolute; right: 0; left: 0; }
.hm_part04_lbl span { padding-bottom: 12px; border-bottom: 1px dotted #dfdfdf; }
.hm_part04_box { position: relative; }
.hm_part04_box:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #ffffff; opacity: 0.8; }
.hm_part04_ttl { position: relative; text-shadow: 4px 2px 5px #ffffff, 4px -2px 5px #ffffff, -4px 2px 5px #ffffff, -4px -2px 5px #ffffff, 4px 0px 5px #ffffff, 0px 2px 5px #ffffff, -4px 0px 5px #ffffff, 0px -2px 5px #ffffff; color: #000000; }
.hm_part04_ttl:before { content: ""; position: absolute; top: -12px; left: -30px; width: 32px; height: 41px; background: url(../images/home/hm_ic04.png) no-repeat center; background-size: 32px; }
.hm_part04_ttl:after { content: ""; position: absolute; bottom: 8px; right: 0; width: 34px; height: 30px; background: url(../images/home/hm_ic05.png) no-repeat center; background-size: 34px; }
.hm_part04_ttl span { display: block; }
.hm_part04_lst { position: relative; z-index: 1; counter-reset: counter; }
.hm_part04_lst li span { position: relative; background: #22c0e7; color: #ffffff; }
.hm_part04_lst li span:before { content: counter(counter); counter-increment: counter; position: absolute; border-style: solid; border-color: #22c0e7; background: #ffffff; color: #22c0e7; font-weight: normal; }
.hm_part04_des { position: relative; color: #333333; letter-spacing: -2px; }
/*css part04 end*/
/*css part05 start*/

.hm_part05 { background: url(../images/home/hm_bg03_30.png) no-repeat top center /*#e0f6fe;*/ #fff; background-size: cover; }
.hm_part05_wrap { position: relative; z-index: 1; }
.hm_part05_box02 { align-items: flex-start; padding-top: 25px; }
.part05_box_styleimg { overflow: hidden; }
.part05_box_styleimg img { position: absolute; top: 50%; left: 50%; min-width: 100%; max-width: 290px; border-radius: 100%; transform: translateX(-50%) translateY(-50%); z-index: -1; }
.part05_tbl { width: 100%; margin-bottom: 10px; background: #ffffff; }
.part05_tbl th,
.part05_tbl td { border: 2px solid #353535; color: #353535; vertical-align: middle; }
.part05_tbl th { background: #f6f2cd; }
.part05_tbl td { position: relative; }
.part05_tbl_logo img { width: 100%; max-width: 120px; vertical-align: middle; }
.part05_tbl_lbl,
.hm_review li:nth-child(2) .hm_review_des:after { animation-duration: 0.8s; animation-name: spaceboots; animation-iteration-count: infinite; animation-timing-function: ease;  }
.part05_tbl_lbl img { width: 100%; max-width: 109px; }
.part05_tbl_ic img { width: 100%; max-width: 42px; }
.part05_tbl_ic { float: left; }
.part05_tbl_stylepri { color: #008cc4; }
.icprice:after { content: "円(税込)"; }
.box_orther_txt { padding-bottom: 20px; }
.part05_box_btn a { display: block; max-width: 300px; margin: 0 auto; padding: 6px 10px; border-radius: 25px; background: #353535; color: #ffffff; font-weight: bold; text-decoration: none; text-align: center; }
.hm_part13 { background: url(../images/home/hm_bg04.png) center repeat; }
/*css part05 end*/

/*css part07 start*/
.hm_part07_lst { counter-reset: point; }
.hm_part07_lst li { display: flex; justify-content: flex-start; flex-direction: row; flex-wrap: wrap; }
.hm_part07_point { /*color: #45acd7;*/ color:#daa520; font-style: italic; }
.hm_part07_lst li .hm_part07_point:after { content: counter(point); counter-increment: point; padding-left: 10px; font-style: normal; }
.hm_part07_ttl { color: #343434; }
.hm_part07_img { position: relative; }
.hm_part07_img:before { content: ""; position: absolute; top: 0; width: 100%; height: 100%; border-radius: 100%; background: url(../images/home/hm_bg05.jpg); z-index: -1; }
.hm_part07_img .hm_part07_pic { width: 100%; max-width: 400px; overflow: hidden; border-radius: 100%; }
.hm_part07_showinfo { position: absolute; bottom: 0; left: 0; }
.hm_part07_showic { position: absolute; top: 0; right: 0; }
.hm_part07_lst li:nth-child(2n) .hm_part07_showinfo { top: 0; right: 0; bottom: auto; left: auto; }
.hm_part07_lst li:nth-child(2n) .hm_part07_showic { top: auto; right: 0; bottom: 0; }
.hm_part07_sub { position: relative; overflow: hidden; }
.hm_part07_sub:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: -100%; height: 300%; min-height: 100%; background: url(../images/home/hm_bg06.png);  transform: skewY(13deg); z-index: -1; }
.part07_subbox { position: relative; }
.part07_sub_lbl { position: relative; border-radius: 50%; background: #000;/*background: #22c0e7;*/ color: #ffffff; font-weight: normal; }
.part07_sub_lbl:after { content: ""; position: absolute; background: url(../images/home/hm_ic12.png) no-repeat center; }
.part07_sub_lbl span,
.part07_sub_ttl span { display: block; font-weight: 800; }
.part07_sub_ttl span { color: #daa520;/*color: #008cc4;*/ }
.part07_ssub { display: flex; justify-content: flex-start; flex-direction: row; }
.part07_sub_img img { width: 100%; max-width: 642px; }
.part07_sublst { counter-reset: diepoint; }
.part07_sublst li { display: flex; align-items: center; flex-direction: row; justify-content: flex-end; position: relative; overflow: hidden; border: 1px solid #353535; background: #ffffff; }
.part07_sublst li:nth-child(2n) { justify-content: flex-start; }
.part07_sublst li:after { content: ""; position: absolute; border: 1px solid #353535; z-index: 5; }
.part07_sublst_img { position: absolute; top: 0; bottom: 0; }
.part07_sublst_img:after { content: ""; position: absolute; top: 0; bottom: 0; width: 50%; z-index: 4; }
.part07_sublst_img:before { content: ""; position: absolute; top: 0; bottom: 0; background: #ffffff; z-index: 3; }
.part07_sublst_info { position: relative; z-index: 6; }
.part07_sublst_point { font-style: italic; }
.part07_sublst_point:after { content: counter(diepoint); counter-increment: diepoint; }
.part07_sublst_ttl { color:#daa520; /*color: #028dc4;*/ }
/*css part07 end*/
/*css part08 start*/
.hm_part08_wrap { position: relative; z-index: 1; }
.hm_part08_sub { display: flex; flex-direction: row; justify-content: flex-start; position: relative; }
.hm_part08_ttl { font-weight: bold; }
.hm_part08_ttl span { color: #daa520;/*color: #008cc4;*/ }
.hm_part08_lst { display: flex; justify-content: center; flex-direction: row; }
.hm_part08_lst li { width: 49%; margin-left: 2%; border: 3px solid #8ed1cc; border-radius: 7px; color: #8ed1cc; text-align: center; letter-spacing: -2px; }
.hm_part08_lst li:nth-child(2n - 1) { margin-left: 0; }
.hm_part08_des { color: #666666; }
.hm_part08_img { position: absolute; right: -35px; bottom: 0; }
.hm_part08_img { width: 100%; max-width: 369px; }
.hm_part08:before { background: url(../images/home/hm_bg12.png) no-repeat #ffffff center top; background-size: 100% auto; }
/*css part08 end*/

/*css part10 start*/
.hm_part10lst,
.hm_part10_box { display: flex; justify-content: center; flex-direction: row; align-items: center; text-align: center; }
.hm_part10_lbl { background: #222;/*#8ed1cc;*/ color: #ffffff; }
.hm_part10_lbl span { display: block; font-weight: bold; }
.hm_comfort_lb span {display:inline-block;}
/*css part10 end*/
/*css part11 start*/
.hm_part11_lst li { position: relative; overflow: hidden; background: url(../images/home/hm_bg07.png); }
.hm_part11_lst li:before { content: ""; position: absolute; right: 0; bottom: -45%; left: 0; height: 100%; background: #ffffff; transform: skewY(13deg); z-index: 1; }
.hm_part11_img img { width: 100%; max-width: 184px; }
.hm_part11_box { position: relative; z-index: 2; }
.hm_part11_lbl { display: inline; line-height: 2.2; padding: 4px; background: #353535; color: #ffffff; }
.hm_part11_name a { line-height: 1.1; color: #666666; text-decoration: none; }
.hm_part11_name a span,
.hm_part11_name span { display: block; color: #000000; font-size:3rem; }
.hm_part11_sub { position: relative; background: url(../images/home/hm_bg08.png); border-top: 2px solid #45acd7; z-index: 1; }
/*css part11 end*/

/*css part13 start*/
.hm_part13_box { position: relative; overflow: hidden; }
.hm_part13_boximg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.hm_part13_boximg img { width: 100%; max-width: none; }
.hm_part13_info { position: relative; background: rgba(255,255,255,0.8); text-align: center; z-index: 1; }
.hm_part13_lbl { display: block; max-width: 500px; margin: 0 auto; border: 1px solid #222/*#22c0e7*/; border-radius: 25px; background:#222; color: #fff; /*#22c0e7;*/ }
.hm_part13_sttl { color: #333; }
.hm_part13_ttl { color: #daa520; /*#22c0e7;*/ }
.hm_part13_ttl span { color: #000000; }
.hm_faqttl { position: relative; font-weight: normal; }
.hm_faqttl:before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 6px; background: url(../images/home/hm_bg10.png) repeat-x; }
.hm_faqttl:after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 6px; background: url(../images/home/hm_bg10.png) repeat-x; }
.hm_faqttl span { position: absolute; top: auto; right: 0; z-index: 1; }
.hm_faqlink { text-align: right; }
.hm_faqlink:after { content: ""; display: inline-block; width: 8px; height: 8px; margin-left: 3px; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; transform: rotate(45deg); }
/*css part13 end*/
@media screen and (max-width: 767px) {
.swipper_outter { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; }
.swiper-slide img { position: absolute; right: 0%; }
.swpper_pc { display: none; }
}
@media screen and (min-width: 768px) {
.swipper_outter { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; }
.swiper-slide img { position: absolute; right: 0; }
.swpper_sp { display: none !important; } 
}
/*追加 20180723 start*/
.hm_part14 { padding-bottom: 30px; margin-bottom: 20px; }
.hm_part14_wrap { padding-top: 20px; }
.hm_part14 { padding-bottom: 30px !important; }

/*追加 20180723 end*/
.swiper-wrapper.disabled {
    transform: translate3d(0px, 0, 0) !important;
}
.swiper-pagination.disabled {
    display: none;
}
/*追加 20190403 start*/
.hm_part02_sub_flex {display:flex; align-items:center; justify-content:space-between; padding-bottom:0 !important;}
.hm_part02_sub_flex .hm_part02_img01 {position:static; width:43%; margin-left:5%;}
.hm_part02_sub_flex .hm_part02_box {padding-right:0; max-width:400px; width:53.5%;}
/*追加 20190403 end*/





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

.home-dietpoint-sp{display:none;}


}


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


.home-dietpoint-pc{display:none;}

.home-dietpoint-sp{text-align:center;}
.home-dietpoint-sp img{ width:100vw;
}



}