@charset "UTF-8";
*, *:before, *:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video { margin: 0; padding: 0; font: inherit; word-wrap: break-word; border: 0; vertical-align: baseline; outline: none; }
body { min-width: 960px; padding: 0; margin: 0; color: #666; font-size: 16px; font-family: 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; line-height: 1; }
article, aside, canvas, details, figcaption, figure, header, footer, hgroup, main, menu, nav, section, summary { display: block; }
blockquote, q { quotes: none; }
ul, ol, li { list-style: none; }
table { border-spacing: 0; border-collapse: collapse; }
img, video, object {height: auto;border: none;display: block;max-width: 100%;}
strong, b { font-weight: bold; }
ins { background: none; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
hr { height: 1px; padding: 0; margin: 1em 0; border: 0; border-top: 1px solid #ccc; display: block; }
*:before, *:after { -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }
a { color: #666; text-decoration: none; display: block; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; }
a:hover { opacity: 0.6; }
.clearfix::after { content: ''; display: block; clear: both; }
.sp { display: none; }
.inner { width: 960px; margin: 0 auto; }
.js-body { width: 100%; height: 100%; position: fixed; }
.container { width: 100%; }

.yellow { color: #fff22f; }
.purple { color: #811666; }
.pink { color: #ff5f90; }
.maker-yellow { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(65%, rgba(0, 0, 0, 0)), color-stop(65%, #fff22f)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 65%, #fff22f 65%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 65%, #fff22f 65%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 65%, #fff22f 65%); }
.maker-pink { background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(65%, rgba(0, 0, 0, 0)), color-stop(65%, #ffdde8)); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 65%, #ffdde8 65%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 65%, #ffdde8 65%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 65%, #ffdde8 65%); }

header {border-bottom: 1px solid #e9a8b3;position: fixed;width: 100%;background: #fff;top: 0;z-index: 10;}
header .header_in {max-width: 960px;height: 100px;margin: 0 auto;}
header #logo_area {float: left;padding: 24px 0;}
header #logo_area div {padding: 0;}
header #logo_area div p {padding: 0;}
header #logo_area div p img {padding: 0;}
header .header_btn {float: right;padding: 26px 0;}
header .header_btn li {display: inline-block;margin-right: 10px;}
header .header_btn li:last-child {margin: 0;}

.header-bar { padding: 5px 0; color: #fff; font-size: 10px; background: #f385a8; }

.header-tel { margin-right: 5px; }
.header-tel .header-tel-number {padding-left: 32px;margin-bottom: 2px;font-size: 30px;font-family: fot-tsukuardgothic-std;font-weight: 700;font-style: normal;background: url(../images/icon-tel.png) no-repeat top 3px left;background-size: 26px;line-height: 1;}
.header-tel .header-tel-open{font-size: 11px;font-family: 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

.fon-bsl{font-size: 100%!important; font-family: quicksand,Helvetica,Arial,sans-serif;}

/* footer
----------------------------------------------- */
.footer { border-top: 1px solid #d9b8d0; position: relative; }
.footer-gallery .bx-wrapper {max-width: none !important;}
.copyright { width: 100%; padding: 5px 0; color: #fff; font-size: 10px; text-align: center; background: #801664; }

.js-pagetop { width: 62px; position: fixed; bottom: 30px; right: 30px; -moz-transition: 0s; -o-transition: 0s; -webkit-transition: 0s; transition: 0s;z-index: 10; }
.js-pagetop img { width: 100%; }


.visual {margin-top: 120px;}
.visual img{left: 50%;display: block;margin: auto;max-width: 2000px;position: relative;-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);}
.visual .sp{display: none;}

.content {padding: 0; color: #333; font-family: 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
.content .text p{font-size: 22px;margin-bottom: 40px;line-height: 1.8;letter-spacing: 0.05em;text-align: justify;text-justify: auto;}
.content .text span{color: #fc6293;font-weight: bold;}
.content .text b{font-weight: bold;}

/* reserve
----------------------------------------------- */
.reserve {padding: 45px 0 70px;}
.reserve .reserve_bnr {max-width: 900px;margin: 0 auto;padding: 18px 0 20px 0;}
.reserve .reserve_bnr dl{text-align: center;background:#fff8e8;border: 1px solid #fdd4d5; overflow: hidden;-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;position: relative;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-align-items: center;align-items: center;}
.reserve .reserve_bnr dl dt{width: 400px;height: 220px;display: table;padding: 0 30px 0 0;position: relative;}
.reserve .reserve_bnr dl dt.lazyloaded{background: url(../images/reserve_bg.jpg)repeat center top,#fa82a8;}
.reserve .reserve_bnr dl dt:after{content: "";position:absolute;top:0;right: -2px;width:0;height:0;border-style: solid;border-color: transparent #fff8e8 rgba(255, 255, 255, 0) transparent;border-width: 0 50px 200px 0;}
.reserve .reserve_bnr dl dt:before{content: "";position:absolute;bottom: 0;right: 0px;width:0;height:0;border-style: solid;border-color: transparent #fff8e8 rgba(255, 255, 255, 0) transparent;border-width: 200px 50px 0 0;}
.reserve .reserve_bnr dl dt p{font-family: fot-tsukuardgothic-std;font-weight: 700;font-size:42px;color: #fff;font-feature-settings: "palt";line-height: 1.2;display: table-cell;vertical-align: middle;text-shadow: 0 0 5px #c75e7b;}
.reserve .reserve_bnr dl dt span{font-size:80%;}
.reserve .reserve_bnr dl dt span.small_text{font-size:70%;display: block;}
.reserve .reserve_bnr dl dd{display: table;padding: 0 10px 0;}
.reserve .reserve_bnr dl dd ul {display: table-cell;vertical-align: middle;padding: 0;}
.reserve .reserve_bnr dl dd ul li {margin-bottom: 13px;text-align: center;}
.reserve .reserve_bnr dl dd ul li:last-child {margin-bottom: 0;}
.reserve .reserve_bnr dl dd ul li.tel_number{}
.reserve .reserve_bnr dl dd ul li.tel_number a{margin: 0 auto;font-size: 50px;font-family: fot-tsukuardgothic-std;font-weight: 700;font-style: normal;background-size: 47px;line-height: 1;display: table;}
.reserve .reserve_bnr dl dd ul li.tel_number a img{width: 95%;margin: auto;}
.reserve .reserve_bnr dl dd ul li.tel_number p{font-size: 18px;color: #666666;width: 100%;padding: 0;margin: auto;text-align: center;font-weight: 540;}
/*schedule
-----------------------------------------------*/
.reserve .schedule {margin-top: 60px;margin-bottom: 30px;}
.reserve .schedule .schedule_ttl{margin: 0 auto 20px;text-align: center;position: relative;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-align-items: center;align-items: center;font-size: 35px;color: #811666;font-family: fot-tsukuardgothic-std;font-weight: bold;width: 94%;}
.reserve .schedule .schedule_ttl:before, .reserve .schedule .schedule_ttl:after {content: '';height: 1px;background: #a2538e;display: block;-webkit-flex-grow: 1;flex-grow: 1;}
.reserve .schedule .schedule_ttl:before { margin-right: 30px; }
.reserve .schedule .schedule_ttl:after { margin-left: 30px; }
.reserve .schedule .schedule_midashi{font-size: 30px;color: #811666;font-family: fot-tsukuardgothic-std; font-weight: bold; width: 100%;margin: 0 auto 20px;}
.reserve .schedule  .schedule_box{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-start;align-items: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;padding: 0 30px;}
.reserve .schedule  .schedule_box dl{padding-right: 16px;}
.reserve .schedule  .schedule_box dl dt{padding: 5px 0;margin-bottom: 10px;margin-top: 20px;color: #fff;font-size: 26px;font-style: normal;background: #ff8fb1;width: 160px;text-align: center;}
.reserve .schedule  .schedule_box dl dt:first-child{margin-top: 0;}
.reserve .schedule  .schedule_box dl dd p{font-size: 28px;color: #666666;margin-bottom: 6px;}
.reserve .schedule  .schedule_box dl dd table tr td{font-size: 28px;}
.reserve .schedule  .schedule_box dl dd table p{font-size: 26px;line-height: 1.4;color: #666666;padding-bottom: 10px;}
.reserve .schedule  .schedule_box dl dd table p.red{font-size: 26px;color: #ff5f90;text-align: right;}
.reserve .schedule  .schedule_box dl dd span{font-size: 80%;}
.reserve .schedule  .schedule_box dl dd .indent{text-indent: -1.2em;padding-left: 1.2em; display: block;}
.reserve .mtno { margin-top: 0;margin-bottom: 60px;}

/* ttl
----------------------------------------------- */
.ttl_fukidashi{min-height: 290px;padding-top: 40px;margin-bottom: 50px;color: #fff;font-size: 40px;font-family: fot-tsukuardgothic-std;font-weight: 700;font-style: normal;text-align: center;line-height: 1.2;font-feature-settings: "palt";text-shadow: 0 0 5px #c75e7b;}
.ttl_fukidashi.lazyloaded{background: url(../images/title-bg.png) no-repeat top center;background-size: 960px;}
.ttl_fukidashi .yellow{font-size: 120%;}

.ttl_fukidashi02{min-height: 310px;padding-top: 30px;margin-bottom: 0;color: #fff;font-size: 40px;font-family: fot-tsukuardgothic-std;font-weight: 700;font-style: normal;text-align: center;line-height: 1.2;font-feature-settings: "palt";text-shadow: 0 0 5px #c75e7b;}
.ttl_fukidashi02.lazyloaded{background: url(../images/title-bg02.png) no-repeat top center;background-size: 960px;}
.ttl_fukidashi02 .yellow{font-size: 120%;}

.ttl_fukidashi03{min-height: 310px;padding-top: 50px;padding-bottom: 160px;margin-bottom: 0;color: #fff;font-size: 45px;font-family: fot-tsukuardgothic-std;font-weight: 700;font-style: normal;text-align: center;line-height: 1.4;font-feature-settings: "palt";text-shadow: 0 0 5px #c75e7b;}
.ttl_fukidashi03.lazyloaded{background: url(../images/title-bg03.png) no-repeat top center;background-size: 960px;}
.ttl_fukidashi03 .yellow{font-size: 120%;}

.ttl_fukidashi04{min-height: 310px;padding-top: 40px;padding-bottom: 160px;margin-bottom: 0;color: #fff;font-size: 40px;font-family: fot-tsukuardgothic-std;font-weight: 700;font-style: normal;text-align: center;line-height: 1.2;font-feature-settings: "palt";text-shadow: 0 0 5px #c75e7b;}
.ttl_fukidashi04.lazyloaded{background: url(../images/title-bg04.png) no-repeat top center;background-size: 960px;}
.ttl_fukidashi04 .yellow{font-size: 120%;}

.ttl_obi {padding: 35px 0;text-align: center;border-top: 6px solid #fc6293;border-bottom: 6px solid #fc6293;position: relative;margin: 0 auto 80px;}
.ttl_obi.lazyloaded{ background: url(../images/bg02.jpg) repeat top center; }
.ttl_obi:after { content: ''; width: 110px; height: 41px; background: url(../images/deco01.png) no-repeat center; position: absolute; left: 50%; bottom: -41px; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.ttl_obi .midashi_text{font-size: 40px;font-family: fot-tsukuardgothic-std;font-weight: 700;font-style: normal;color: #fff;line-height: 1.2;font-feature-settings: "palt";text-shadow: 0 0 5px #c75e7b; color: #fff22f;}


/* reason
----------------------------------------------- */
.reason{background: #fff3f7;}
.reason .inner{padding: 0 0 60px;}
.reason img.reason_img{margin: -140px auto 0;float: right;}



/* reason02
----------------------------------------------- */
.reason02{padding: 60px 0;}
.reason02.lazyloaded{ background: url(../images/reason_02_bg.jpg) repeat top center; background-size: cover;}
.reason02 .reason02_ttl{margin: 0 auto 30px;}
.reason02 .reason_box{padding: 30px; background: rgba(255,255,255,0.6);border-radius: 20px; -moz-box-shadow: 0 0 15px -6px #3e312b;-webkit-box-shadow: 0 0 15px -6px #3e312b;  box-shadow: 0 0 15px -6px #3e312b;margin: 0 auto 20px;position: relative;}
.reason02 ul{margin-top: 30px;}
.reason02 li{font-size: 30px;margin-bottom: 16px;font-weight: 600;}
.reason02 li span{font-size: 110%;}
.reason02 .reason_box p.reason_box_ttl{background: #fa82a8;color: #fff;text-align: center;padding: 10px 0;margin: 0 auto 40px;font-size: 24px;line-height: 1.2;font-weight: bold;position: absolute;top: -20px;left: 50%;width: 90%;font-family: fot-tsukuardgothic-std;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.reason02 .reason_box p.att{margin-bottom: 0;font-size: 16px;text-align: right;}
.reason02 .reason_box p.att span{color:#000;font-weight: normal;font-size: 80%;}

/* voice
----------------------------------------------- */
.voice{background: #f7f4f1;padding: 0 0 60px;}
.voice .voice_box {width: 900px;margin: 0 auto;padding: 36px 37px 36px 54px;background: #fff;border: 1px solid #fa82a8;border-radius: 15px;box-shadow: 10px 10px #f2e0e0;font-family: 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;margin-bottom: 28px;display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;-webkit-align-items: flex-start;align-items: flex-start;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.voice .voice_box .voice_box_midashi{font-size: 28px; font-weight: bold;  font-family: fot-tsukuardgothic-std; margin: 0 auto 30px; text-align: center; font-feature-settings: "palt"; line-height: 1.2;    width: 100%;}
.voice .voice_box img {display: inline-block;margin-top: 14px;vertical-align: top;margin-right: 37px;}
.voice .voice_box .voice_right {display: inline-block;max-width: 589px;}
.voice .voice_box .voice_right .voice_name {font-size: 28px;letter-spacing: -0.05em;}
.voice .voice_box .voice_right .voice_name i {font-size: 80%;}
.voice .voice_box .voice_right .voice_name span {font-size: 66%;}
.voice .voice_box .voice_right dl {padding: 0;-moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s;}
.voice .voice_box .voice_right dl dd b {margin-top: 10px;display: block; font-size: 17.5px;font-weight: bold;border-bottom: 2px dotted;color: #ff8fb3;padding-bottom: 9px;}
.voice .voice_box .voice_right dl dd .text {margin-top: 10px; margin-bottom: 16px; font-size: 16px;}
.voice .voice_box .voice_right dl dd .voice_txt {font-size: 18px;letter-spacing: inherit;height: 150px;overflow: hidden;line-height: 1.8;-moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s;}
.voice .voice_box .voice_right dl dd .more_btn {letter-spacing: -0.1em;margin-top: 22px;text-align: center;font-size: 18px;font-weight: bold;color: #fff;padding: 9px 0;border-radius: 10px;background: #ff8fb3;}
.voice .voice_box .voice_right .more_btn span {position:relative;float: right;}
.voice .voice_box .voice_right .more_btn span:before {content: "";width: 25px;height: 3px;background: #fff;position: absolute;right: 15px;top: 10px;}
.voice .voice_box .voice_right .more_btn span:after {content: "";width: 25px;height: 3px;background: #fff;position: absolute;right: 15px;top: 10px;transform: rotate(90deg);}
.voice .voice_box .voice_right dl dd.open .voice_txt {height: auto;-moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s;}
.voice .voice_box .voice_right .open .more_btn span:before {content: "";width: 25px;height: 3px;background: #fff;position: absolute;right: 15px;top: 10px;transform: rotate(180deg);}
.voice .voice_box .voice_right .open .more_btn span:after {content: "";width: 25px;height: 3px;background: #fff;position: absolute;right: 15px;top: 10px;transform: rotate(360deg);}

.voice .komidashi{text-align: center;margin: 0 auto 30px; font-size: 26px;font-weight: 600;}

/* about
----------------------------------------------- */
.about{background: #fff3f7;padding: 0 0 60px;}
.about .inner{padding: 0 0;}
.about .about_img{float: right;margin: -40px -40px 0 60px;position: relative;z-index: 1;}
.about .produce{padding: 60px 40px 40px;background: #fff;border: 2px solid #fa82a8;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;-moz-box-shadow: 0 0 15px -6px #3e312b;-webkit-box-shadow: 0 0 15px -6px #3e312b;box-shadow: 0 0 15px -6px #3e312b;position: relative;z-index: 2;margin: 0 auto 70px;}
.about p.produce_ttl{background: #fa82a8;color: #fff;text-align: center;padding: 10px 0;margin: 0 auto 40px;font-size: 24px;line-height: 1.2;font-weight: bold;position: absolute;top: -20px;left: 50%;width: 90%;font-family: fot-tsukuardgothic-std;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.about .produce ul{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;}
.about .produce li{width: 33%;}
.about .produce li img{ margin: 0 auto 15px;}
.about .produce li dt{font-size: 28px;font-weight: bold;line-height: 1.4;margin-bottom: 10px;}
.about .produce li dt b{font-size:80%;}
.about .produce li dd{ margin-bottom: 7px;}
.about p.bold .komidashi{color: #fc6293;text-align: center;padding: 10px 0;margin: 0 auto 40px;font-size: 30px;line-height: 1.2;font-weight: bold;position: absolute;top: -27px;left: 50%;width: 90%;font-family: fot-tsukuardgothic-std;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.about p.bold{background: #fff;padding: 30px;font-weight: bold;position: relative;}

/*merit
----------------------------------------------- */
.merit{padding: 140px 0;}
.merit.lazyloaded{ background: url(../images/merit_bg.jpg) repeat top center; background-size: cover;}
.merit .merit_box{position: relative;}
.merit .merit_box:before,.merit .merit_box:after{content: "";position: absolute;min-height: 70px;left: -1px;width: 100%;}
.merit .merit_box:before{background: url(../images/merit_box_t.png) no-repeat top center;background-size: 99.7%;top: -70px;}
.merit .merit_box:after{background: url(../images/merit_box_b.png) no-repeat top center;background-size: 99.7%;bottom: -70px;}
.merit .merit_box.lazyloaded{background: url(../images/merit_box_m.png) repeat-y top center;background-size: 100%;padding: 0 29px;}
.merit .merit_ttl{margin:0 auto 60px;}
.merit p.text{text-align: center;margin: 0 auto 10px;font-size: 20px;font-weight: 600;}
.merit ul {display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start; margin-bottom: 20px;}
.merit ul li{width: 31%;padding: 5px;margin: 30px 10px 25px;background: #fff;border: 1px solid #fa82a8;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;-moz-box-shadow: 0 0 15px -6px #3e312b;-webkit-box-shadow: 0 0 15px -6px #3e312b;box-shadow: 0 0 15px -6px #3e312b;height: 160px;}
.merit ul dl{margin: auto;border: 1px solid #ffc6d8;-moz-border-radius: 16px;-webkit-border-radius: 16px;border-radius: 16px;height: 100%;padding: 12px 0 10px;}
.merit ul dt{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;-ms-flex-pack: flex-start;justify-content: flex-start;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;align-items: center;-ms-align-items: center;position: relative;}
.merit ul dt p{font-size: 35px;line-height: 1.2;color: #fa82a8;font-family: fot-tsukuardgothic-std;font-weight: 700;font-style: normal;padding: 8px 0 0 114px;font-feature-settings: "palt";text-align: left;width: 100%;margin: 0 auto 30px;}
.merit ul li:nth-child(5) dt p{padding-left: 85px;margin: 0 auto -2px;padding: 0 0 0 110px;}
.merit ul li:nth-child(3) dt p{  margin: 0 auto 12px;}
.merit ul dt img{width: 38%;position: absolute;top: -30px;left: 0;}
.merit ul dd{text-align: center;padding: 10px 0 0;}

.merit ul li:last-child{padding: 0;background: none;border: none;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;min-height: auto;}
.merit ul li:last-child img{margin: -40px auto 0;}

/* popularity
----------------------------------------------- */
.popularity { padding: 60px 0 40px;}
.popularity.lazyloaded { background: url(../images/bg04.jpg) repeat top center; }
.popularity_ttl { margin-bottom: 45px; font-size: 45px; font-family: fot-tsukuardgothic-std; font-weight: 700; font-style: normal; text-align: center; line-height: 1.2; }
.popularity .popularity_box {width: 770px;margin: auto;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.popularity .popularity_box li { width: 200px; margin-bottom: 20px; }
.popularity .popularity_box img { width: 100%; margin-bottom: 10px; }
.popularity .popularity_box .text{font-size: 24px;font-family: fot-tsukuardgothic-std;font-weight: 500;font-style: normal;text-align: center;line-height: 1.4;}


/*detail
----------------------------------------------- */
.detail_ttl {padding-bottom: 389px;}
.detail_ttl.lazyloaded{background: url(../images/detail_ttl.jpg) no-repeat center top; background-size: contain;}

.detail{padding: 60px 0;}
.detail.lazyloaded{background: url(../images/bg01.jpg) repeat top center;}
/*講座内容*/
.detail .detail_midashi{width: 100%;margin: 0 auto 30px;}
.detail .detail_midashi p{margin: 0 auto 10px; text-align: center; font-size: 42px;color: #801664;font-weight: bold; font-family: fot-tsukuardgothic-std;}
.detail .detail_midashi img{margin: auto;}
.detail .detail_box{background: #fff;padding: 30px;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;width: 900px;margin: auto;-moz-box-shadow: 0 0 24px -6px rgba(181,152,124,0.8);-webkit-box-shadow: 0 0 24px -6px rgba(181,152,124,0.8);box-shadow: 0 0 24px -6px rgba(181,152,124,0.8);}
.detail .detail_box{margin-bottom: 40px;}
.detail .detail_box ul>li{margin-bottom: 40px;}
.detail .detail_box ul>li:last-child{margin-bottom:0;}
.detail .detail_box ul>li:first-of-type img{margin: 0 auto;padding: 0 0 0 30px;background: #fff;    float: right;}
.detail .detail_box ul>li:nth-of-type(2) dd{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-align-items:flex-start;-ms-flex-align-items:flex-start;align-items:flex-start;margin-bottom: 20px;}
.detail .detail_box ul>li:nth-of-type(2) img{-webkit-order: 1;-ms-flex-order: 1;order: 1;margin: 0;padding: 0 0 0 30px;background: #fff;}
.detail .detail_box dt{background: #fa82a8;color: #fff;text-align: center;padding: 6px 0;margin-bottom: 30px;font-size: 20px;line-height: 1.2;font-weight: bold;font-family: fot-tsukuardgothic-std;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;width: 100%;}
.detail .detail_box dd{ width: 100%;}
.detail .detail_box ul>li:nth-of-type(2) dd div{width: 50%;}
.detail .detail_box ul>li:nth-of-type(2) dd p.text{font-size: 18px;line-height: 1.8;margin-bottom: 30px;}
.detail .detail_box dd:last-of-type{margin-bottom:0;}
.detail .detail_box dd ol{margin-bottom: 20px;}
.detail .detail_box dd li{position: relative;padding-left: 12px;margin-bottom: 10px;font-size: 18px;width: 100%;}
.detail .detail_box dd li:before{content: "●";display: inline-block;font-size: 1px;transform: scale(0.5);position: absolute;left: 0;top: 4px;}
.detail .detail_box .detail_komidashi{ font-size: 20px; font-weight: bold; padding-bottom: 6px; margin-bottom: 10px;  border-bottom: 1px dashed #fa82a8; font-family: fot-tsukuardgothic-std; color: #fa82a8; font-feature-settings: "palt";}


/*受講料*/
.detail .price .table_box {width: 100%;margin: 0 auto 26px;font-size: 18px;text-align: center;border: 4px solid #801664;border-collapse: separate;border-spacing: 0;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;overflow: hidden;}
.detail .price .table_box dl{width: 100%;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;}
.detail .price .table_box dl dt{display: table;background:url("../images/price_bg.jpg");padding: 36px 0;color: #fff;width: 390px;font-size: 42px;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;margin: 0;}
.detail .price .table_box dl dt p{display:table-cell;vertical-align:middle;}
.detail .price .table_box dl dt span{font-size: 70%;}
.detail .price .table_box dl dt span.cam_small{font-size: 70%;display: block;line-height: 1.2;}
.detail .price .table_box dl dd{display: table-cell;vertical-align: middle;padding: 20px 5px;text-align: left;width: 430px;line-height: 1.5;font-weight: bold;}
.detail .price .table_box dl dd p{display: block;vertical-align: middle;}
.detail .price .table_box dl dd p.price_normal{color: #666;font-size: 18px;width: 40%;line-height: 1.2;text-align: center;margin-bottom: 20px;display: table-cell;}
.detail .price .table_box dl dd p.price_normal span{font-size: 34px;text-align: center;}
.detail .price .table_box dl dd p.price_normal span.slash{color: #666;position:relative;}
.detail .price .table_box dl dd p.price_normal span.slash:before {content: '';width: 100%;height: 3px;background: #444;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;position: absolute;top: 50%;left: 50%;-moz-transform: translate(-50%, -50%) rotate(-16deg);-ms-transform: translate(-50%, -50%) rotate(-16deg);-webkit-transform: translate(-50%, -50%) rotate(-16deg);transform: translate(-50%, -50%) rotate(-16deg);}
.detail .price .table_box dl dd p.price_normal span.tax_in{color: #666;display: block;font-size: 90%;}
.detail .price .table_box dl dd p.price_normal span.tax_in b{font-size: 150%;}
.detail .price .table_box dl dd p.price_down{color: #ff8fb2;position: relative;padding-left: 50px;text-align: center;font-size: 24px;margin: 30px auto 0;line-height: 1.2;width: 60%;display: table-cell;}
.detail .price .table_box dl dd p.price_down b{font-size: 54px;}
.detail .price .table_box dl dd p.price_down:before{content: '▶︎';margin: 0 10px;color: #666;position: absolute;top: 50%;left: 0;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.detail .price .text-pink { color: #ff8fb2; }
.detail .price .table_box b {font-size: 45px;}
.detail .price .table_box dl dd span.tax_in{display: block;font-size: 70%;}
.detail .price .table_box dl dd span.tax_in b{font-size: 150%;}

.detail .price .table_box dl dd:nth-of-type(2){display: block;font-weight: 400;text-align: center;width: 100%;font-style: normal;background: #801664;padding: 10px 0 20px;color: #fff;line-height: 1.5;font-family: fot-tsukuardgothic-std;font-size: 19px;}
.detail .price .table_box dl dd:nth-of-type(2) b{font-size: 46px;}
.detail .price .table_box dl dd:nth-of-type(2) p{font-size: 14px;}
.detail .price .table_box dl dd:nth-of-type(2) span{font-size: 60%;}
.detail .price .table_box dl dd:nth-of-type(2) span.tax_in{font-size: 20px;display: block;}
.detail .price .table_box dl dd:nth-of-type(2) span.tax_in b{font-size: 26px;}
.detail .price_reserve {display:block;margin: 20px auto 0;}
.detail .price_reserve img{margin: auto;}


.detail .detail_box ul.flow{display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;}
.detail .detail_box ul.flow li{margin: 0 40px 40px 0;position:relative;width: 380px;height: 290px;border: 1px solid #e5e5e5;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;}
.detail .detail_box ul.flow li:after{content: "";position: absolute;right: -63px;top: 50%;width: 0px;height: 0;margin: auto;border-style: solid;border-color: #ffc7d8 transparent transparent transparent;border-width: 20px 40px 0 40px;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
.detail .detail_box ul.flow li:last-child{margin-bottom:0;}
.detail .detail_box ul.flow li:last-child:after {content:none;}
.detail .detail_box ul.flow li img{margin: 0 auto 0;width: 200px;float: none;}
.detail .detail_box ul.flow li:nth-of-type(6) img{margin: 0 auto 0;}
.detail .detail_box ul.flow li p{font-size: 28px; text-align: center;line-height: 1.6;}
.detail .detail_box ul.flow li:nth-of-type(6) p{font-size: 20px;}
.detail .detail_box ul.flow li b{background:#ff8fb2;font-size: 24px;color: #fff;display: block;padding: 1%;margin: -16px auto 26px;font-weight: 600;width: 100px;text-align: center;font-family: fot-tsukuardgothic-std;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-webkit-flex-grow: 1;flex-grow: 1;-webkit-box-sizing: border-box;box-sizing: border-box;}

.detail .summary_box table { width: 100%; margin-bottom: 10px; text-align: center; }
.detail .summary_box th { padding: 15px 0 13px; background: #ffdce7; border: 2px solid #fc8daf; }
.detail .summary_box td { padding: 15px 0 13px; font-size: 18px; border: 2px solid #fc8daf; }
.detail .summary_box td span{font-size:80%;}
.detail .summary_box .note {font-size: 14px;margin-bottom: 2px;}

.detail .price .detail_diploma{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center; margin: 0 auto 30px;}
.detail .price .detail_diploma dl{width: 400px;padding-left: 20px; -webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;}
.detail .price .detail_diploma dt{margin-bottom: 36px;font-size: 30px;font-family: fot-tsukuardgothic-std;font-weight: 600;line-height: 1.4;font-feature-settings: "palt";background: none;    color: #666;}
.detail .price .detail_diploma dt b{font-size: 40px;}
.detail .price .detail_diploma dd{font-size: 20px;font-feature-settings: "palt";line-height: 1.6;}

/* privacy
----------------------------------------------- */
.privacy {max-width: 900px;margin: 180px auto 0;min-height: 500px;color: #666;}
.privacy ul { margin: 30px auto 80px;padding: 0 40px;}
.privacy ul li{ margin:20px 0; }
.privacy ul li p.p_ttl{color:#fa82a8;font-weight: bold; font-size: 20px;padding-bottom: 0px;margin-bottom: 0;font-family: fot-tsukuardgothic-std;}
.privacy ul li p{margin-top: 10px;line-height: 1.6;}

.transaction{width: 900px;margin: 180px auto 60px;min-height: 500px;color: #666;}
.transaction table{border:1px solid #ccc;width: 100%;}
.transaction table tr{border-bottom:1px solid #ccc;line-height:1.4;}
.transaction table tr th{background: #fff3f7;padding:10px;vertical-align:middle;font-weight: bold;width: 26%;}
.transaction table tr td{padding: 10px 20px;vertical-align:middle;}
.transaction a:link{display:inline-block; color: #9a4b9a;text-decoration: none;}
.transaction a:hover {text-decoration: underline;}

.footer-navi-sub {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;max-width: 900px;margin: 0 auto 40px;}
.footer-navi-sub li {font-size: 16px;}
.footer-navi-sub li:before { content: '|'; margin: 0 5px; }
.footer-navi-sub li:first-child:before { display: none; }
.footer-navi-sub a { display: inline-block; }

.footer-navi {padding: 50px 0 30px;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;}
.footer-navi-items {width: 100%;padding: 10px 20px 0;border-right: 1px solid #ccc;}
.footer-navi-items:first-child { border-left: 1px solid #ccc; }
.footer-navi-items li { margin-bottom: 20px; font-size: 14px; font-weight: bold; position: relative; }
.footer-navi-items li ul li { margin-bottom: 10px; font-weight: normal; line-height: 1.4;}
.footer-navi-items li ul li:before { content: '\f105'; font-family: FontAwesome; position: absolute; top: 0; left: 0; }
.footer-navi-items li ul li a { padding-left: 10px; }
.footer-navi-items a { margin-bottom: 10px; }

/*covid
----------------------------------------------- */
.covid{margin: 0 auto;padding: 60px 0 0;}
.covid dl{ width: 900px;margin: 0 auto;background: #801664;-moz-border-radius: 16px;-webkit-border-radius: 16px;border-radius: 16px;}
.covid dt{color: #fff;padding: 20px;font-size: 28px;text-align: center;font-family: fot-tsukuardgothic-std;font-weight: 600;    font-feature-settings: "palt";}
.covid dt p{display: inline-block;margin: 0 0 0 20px;padding: 10px 30px 10px 10px;background: #fff;color:#801664;font-size: 20px;position: relative;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.covid dt p:after{content: "\f107";font-family: FontAwesome;position: absolute;top:50%;right: 10px;-webkit-transition: 0.3s;transition: 0.3s;-moz-transform: translate(0, -50%);-ms-transform: translate(0, -50%);-webkit-transform:translate(0, -50%);transform: translate(0, -50%);}
.covid dt.open p:after{content: "\f106";font-family: FontAwesome;}
.covid dd{display: none;padding: 0 30px 30px;}
.covid dd .text{background: #fff;padding: 30px;}
.covid dd b{text-align: center;display: block;font-size: 24px;line-height: 1.8; color: #ff5f90; font-family: fot-tsukuardgothic-std;    font-feature-settings: "palt";}
.covid dd p{font-size: 18px;line-height: 1.8;text-align:justify;text-justify:auto;}
.covid dd ol{margin: 20px auto;}
.covid dd li{font-size: 18px; margin-bottom: 14px;padding-left: 26px;text-indent: -26px;line-height: 1.6;text-align:justify;text-justify:auto;}
.covid dd li:before{content: '・'; margin: 0 5px;}





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

body {min-width: 100%;}

.pc {display:none;}
.sp { display: block; }
.inner { width: 100%; margin: 0 auto; }
.js-body { width: 100%; height: 100%; position: fixed; }
.container { width: 100%; }

header {border-bottom: 1px solid #e9a8b3;position: fixed;width: 100%;background: #fff;top: 0;z-index: 10;}
header .header_in {height: 50px;}
header #logo_area {float: left;width: 40%;padding: 10px;}
header #logo_area div {padding: 0;}
header #logo_area div p {padding: 0;}
header #logo_area div p img {padding: 0;}
header .header_btn {width: 60%;padding: 10px;text-align: right;}
header .header_btn li {width: 14%;margin-right: 3%;vertical-align: middle;}
header .header_btn li:nth-child(2){width: 60%;}
header .header_btn li:last-child {margin: 0;}
.header-bar { padding: 1%; ; font-size: 2vw; }
.header-bar { padding: 1%; ; font-size: 2vw; }
.header-bar-inner{display:none;padding:0;}

.header-tel { margin-right: 5px; }
.header-tel-number { padding-left: 32px; margin-bottom: 4px; font-size: 29px; font-family: fot-tsukuardgothic-std; font-weight: 700; font-style: normal; background: url(../images/icon-tel.png) no-repeat top 5px left; background-size: 26px; }
.header-tel .header-tel-open{font-size: 10px;}

/* footer
----------------------------------------------- */
.footer { border-top: 1px solid #d9b8d0; position: relative; margin-bottom: 14%;}
.footer-gallery .bx-wrapper {max-width: none !important;}
.copyright { width: 100%; padding: 5px 0; color: #fff; font-size: 10px; text-align: center; background: #801664; }

.visual {margin-top: 50px;}
.visual img{ max-width: 100%;}
.visual .pc{display: none;}
.visual .sp{display:block;}

.content {padding: 0;}

.js-pagetop { width: 40px; bottom: 50px; right: 2%; }

.content {padding: 0;}
.content .text p{font-size:3.8vw;margin-bottom: 6%;}

.footer-menu-list {width: 100%;padding: 2.8vw 0 0;z-index: 2;position: fixed;/* left: 0; */bottom: 0; -moz-transition: 0s; -o-transition: 0s; -webkit-transition: 0s; transition: 0s;font-size: 0;display: none;}
.footer-menu-list ul{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;align-items: baseline;}
.footer-menu-list ul li{width: calc(100% / 2);-webkit-flex-grow: 1;-ms-flex-grow: 1;flex-grow: 1;-moz-border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;}
.footer-menu-list ul li a{padding: 0;width: 100%;}
.footer-menu-list ul li a img{padding: 0;width: 100%;}
/* reserve
----------------------------------------------- */
.reserve {padding: 6% 4% 10%;}
.reserve .reserve_bnr {background-size: contain;margin: 0 auto 10%;padding: 0;}
.reserve .reserve_bnr dl{-webkit-flex-direction: column;flex-direction: column;}
.reserve .reserve_bnr dl dt{width: 100%;height: fit-content;padding: 2% 0 10% 0;position: relative;margin-bottom: 0;}
.reserve .reserve_bnr dl dt.lazyloaded { background-size: 8px;}
.reserve .reserve_bnr dl dt p{font-size: 8vw;line-height: 1.2;display: block;padding: 0;vertical-align: middle;}
.reserve .reserve_bnr dl dt:after{content: "";position:absolute;top: unset;bottom: -2px;right:0;width:0;height:0;border-style: solid;border-color: transparent #fff8e8 rgba(255, 255, 255, 0) transparent;border-width: 30px 100vw 0 0;}
.reserve .reserve_bnr dl dt:before{content: "";position:absolute;bottom: -2px;right:0;left: 0;width:0;height:0;border-style: solid;border-color: rgba(255, 255, 255, 0) transparent transparent #fff8e8;border-width: 30px 0 0px 100vw;}
.reserve .reserve_bnr dl dd{padding: 1% 3% 6%;}
.reserve .reserve_bnr dl dd ul {padding: 0;}
.reserve .reserve_bnr dl dd ul li {margin-bottom: 6%;text-align: center;}
.reserve .reserve_bnr dl dd ul li:last-child {margin-bottom: 0;padding: 0 20px;}
.reserve .reserve_bnr dl dd ul li.tel_number{}
.reserve .reserve_bnr dl dd ul li.tel_number a{margin: 0 auto;font-size: 8vw;font-style: normal;background-size: 30px;}
.reserve .reserve_bnr dl dd ul li.tel_number p{font-size: 4vw;width: 100%;padding: 1% 0 0;margin: auto;}

/*schedule
-----------------------------------------------*/
.reserve .schedule {margin-top: 5%;margin-bottom: 5%;}
.reserve .schedule .schedule_ttl{margin: 0 auto 3%;font-size: 7vw;width: 100%;}
.reserve .schedule .schedule_ttl:before, .reserve .schedule .schedule_ttl:after {content: '';height: 1px;background: #a2538e;display: block;-webkit-flex-grow: 1;flex-grow: 1;}
.reserve .schedule .schedule_ttl:before { margin-right: 30px; }
.reserve .schedule .schedule_ttl:after { margin-left: 30px; }
.reserve .schedule .schedule_midashi{font-size: 6vw;margin: 0 auto 6%;}
.reserve .schedule  .schedule_box{-webkit-flex-direction: column;flex-direction: column;padding: 0;}
.reserve .schedule  .schedule_box dl{width:100%;padding-right: 0;}
.reserve .schedule  .schedule_box dl dt{padding: 1% 0;margin-bottom: 2%;margin-top: 4%;font-size: 5vw;width: 32%;}
.reserve .schedule  .schedule_box dl dt:first-child{margin-top: 0;}
.reserve .schedule  .schedule_box dl dd p{font-size: 5vw;margin-bottom: 1%;}
.reserve .schedule  .schedule_box img{margin-top: 4%;}
.reserve .schedule  .schedule_box dl dd table tr td{font-size: 5vw;}
.reserve .schedule  .schedule_box dl dd table tr td{font-size: 5vw;}
.reserve .schedule  .schedule_box dl dd table p{font-size: 4.5vw;line-height: 1.4;padding-bottom: 3%;}
.reserve .schedule  .schedule_box dl dd table p.red{font-size: 4.5vw;}

/* ttl
----------------------------------------------- */
.ttl_fukidashi{min-height: auto;padding: 6% 0 19%;margin-bottom: 6%;font-size: 6.8vw;}
.ttl_fukidashi.lazyloaded{background: url(../images/sp-title-bg.png) no-repeat bottom center;background-size: 100%;}

.ttl_fukidashi02{min-height: auto;padding: 4% 0 14%;margin-bottom: 6%;font-size: 6.8vw;}
.ttl_fukidashi02.lazyloaded{background: url(../images/sp-title-bg02.png) no-repeat bottom center;background-size: 100%;}

.ttl_fukidashi03{min-height: auto;padding: 4% 0 20%;margin-bottom: 6%;font-size: 5.4vw;}
.ttl_fukidashi03.lazyloaded{background: url(../images/sp-title-bg03.png) no-repeat bottom center;background-size: 100%;}

.ttl_fukidashi04{min-height: auto;padding: 4% 0 20%;margin-bottom: 6%;font-size: 5.4vw;}
.ttl_fukidashi04.lazyloaded{background: url(../images/sp-title-bg03.png) no-repeat bottom center;background-size: 100%;}

.ttl_obi {padding: 8% 0;text-align: center;border-top: 6px solid #fc6293;border-bottom: 6px solid #fc6293;position: relative;margin: 0 auto 12%;}
.ttl_obi.lazyloaded{ background: url(../images/bg02.jpg) repeat top center; }
.ttl_obi:after {content: '';width: 70px;height: 41px;left: 50%;bottom: -28px;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.ttl_obi .midashi_text{font-family: fot-tsukuardgothic-std;font-weight: 700;font-style: normal;font-size: 8vw;}


/* reason
----------------------------------------------- */
.reason .inner{padding: 0 4% 10%;}
.reason img.reason_img{width: 50%;margin: -28% 0 3px auto;/* float: none; */}

/* reason02
----------------------------------------------- */
.reason02{padding: 10% 0;}
.reason02 .inner{padding: 0 4%;}
.reason02 .reason02_ttl{margin: 0 auto 6%;width: 90%;}
.reason02 .reason_box{padding: 6%;border-radius: 16px;margin: 0 auto 6%;}
.reason02 ul{margin-top: 6%;}
.reason02 li{font-size: 4.4vw;margin-bottom: 4%;text-indent: -10vw;padding-left: 10vw;}
.reason02 .reason_box p.reason_box_ttl{ padding: 2% 0; margin: 0 auto; font-size: 4.5vw; top: -3%;width: 90%;}
.reason02 .reason_box p.att{font-size: 3vw;}

/* voice
----------------------------------------------- */
.voice{padding: 0 0 10%;}
.voice .voice_box {width: 92%;padding: 5% 4%;margin-bottom: 5%;border-radius: 10px;box-shadow: 5px 5px #f2e0e0;}
.voice .voice_box .voice_box_midashi{font-size: 6.5vw;margin: 0 auto 6%;text-align: center;line-height: 1.4;}
.voice .voice_box img {display: block;margin: 0 auto;width: 45%;}
.voice .voice_box .voice_right {padding: 0;}
.voice .voice_box .voice_right .voice_name {text-align: center;font-size: 5vw;}
.voice .voice_box .voice_right dl {margin-top: 3%;}
.voice .voice_box .voice_right dl dd b {margin-top: 3%;font-size: 4vw;padding-bottom: 4%;}
.voice .voice_box .voice_right dl dd {margin-top: 1%;}
.voice .voice_box .voice_right dl dd.open {padding: 0;}
.voice .voice_box .voice_right dl dd .more_btn span:before {content: "";width: 20px;height: 2px;background: #fff;position: absolute;right: 15px;top: 10px;}
.voice .voice_box .voice_right dl dd .more_btn span:after {content: "";width: 20px;height: 2px;background: #fff;position: absolute;right: 15px;top: 10px;transform: rotate(90deg);}
.voice .voice_box .voice_right dl dd .voice_txt {font-size: 5vw;height: 20vh;}
.voice .voice_box .voice_right dl dd .text{font-size: 4vw;}
.voice .voice_box .voice_right dl dd .more_btn {padding: 3% 0;font-size: 5vw;}
.voice .komidashi{text-align: center;margin: 0 auto 4%; font-size: 4vw;width: 90%;}


/* about
----------------------------------------------- */
.about{padding: 0 0 10%;}
.about .inner{padding: 0 4% 4%;}
.about .about_img{margin: -2% -3% 2% auto;float: none;width: 100%;}
.about .produce{padding: 10% 6% 6%;margin: 0 auto 10%;}
.about p.produce_ttl{padding: 2% 0;margin: 0 auto;font-size: 4.5vw;top: -3%;width: 90%;}
.about .produce li{width: 100%;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-align-items: flex-start;-ms-flex-align: flex-start;align-items: flex-start;margin-bottom: 6%;}
.about .produce li img{margin: 0 auto 15px;width: 40%;}
.about .produce li dl{ -webkit-flex-grow: 1; flex-grow: 1; width: 50%;  -webkit-box-sizing: border-box;box-sizing: border-box; padding-left: 4%;}
.about .produce li dt{font-size: 6vw;text-align: left;margin-bottom: 4%;}
.about .produce li dt b{font-size:80%;}
.about .produce li dd{margin-bottom: 4%;text-indent: -3.8vw;padding-left: 3.8vw;}
.about p.bold{padding: 6%;}
.about p.bold .komidashi{font-size: 6vw;}

/*merit
----------------------------------------------- */
.merit{padding: 16% 4%;}
.merit.lazyloaded{background: url(../images/merit_bg_sp.jpg) repeat top center;background-size: contain;}
.merit .merit_box:before,.merit .merit_box:after{content: "";position: absolute;min-height: 3.3vh;left: -1px;width: 100%;}
.merit .merit_box:before{background-size: 99.7%;top: -3.3vh;}
.merit .merit_box:after{background-size: 99.7%;bottom: -3.3vh;}
.merit .merit_box.lazyloaded{padding: 4% 8%;}
.merit .merit_ttl{margin: 0 auto 10%;}
.merit p.text{text-align: left;margin: 8% auto 0;font-size: 4vw;line-height: 1.6;}
.merit ul{margin-bottom: 6%;}
.merit ul li{width: 100%;padding: 2%;margin: 6% 0 4%;background: #fff;height: auto;}
.merit ul dl{height: 100%;padding: 4% 0 5%;}
.merit ul dt{padding-top: 0%;text-align: center;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;}
.merit ul dt img{margin: -14% 4% 0 0%;width: 35%;}
.merit ul dd{text-align: center;padding: 3% 0 0;}
.merit ul dt p,.merit ul li:nth-child(5) dt p,.merit ul li:nth-child(3) dt p{font-size: 8.3vw;font-style: normal;padding: 3% 0 0 33%;width: 100%;margin: 0 auto 3%;text-align: left;}
.merit ul dt img{width: 33%;position: absolute;top: 13%;left: -5%;}
.merit ul li:last-child img{width: 80%;margin: 0 auto 0%;}

/* popularity
----------------------------------------------- */
.popularity { padding: 10% 0 10%;  }
.popularity.lazyloaded {background-size: 7px;}
.popularity_ttl { margin-bottom: 6%; font-size: 6vw; }
.popularity .popularity_box { width: 90%; }
.popularity .popularity_box li { width: 31%; margin-bottom: 20px; }
.popularity .popularity_box .text { font-size: 3.4vw; }


/*detail
----------------------------------------------- */
.detail_ttl {padding-bottom: 89%;}
.detail_ttl.lazyloaded{background: url(../images/detail_ttl_sp.jpg) no-repeat center top;background-size: contain;}

.detail{padding: 10% 0;}
/*講座内容*/
.detail .detail_midashi{width: 100%;margin: 2% auto 8%;}
.detail .detail_midashi p{margin: 0 auto 2%;text-align: center;font-size: 8vw;}
.detail .detail_midashi img{margin: auto;width: 46%;}
.detail .detail_box{padding: 4%;-moz-border-radius: 14px;-webkit-border-radius: 14px;border-radius: 14px;width: 92%;margin: auto;}
.detail .detail_box{margin-bottom: 6%;}
.detail .detail_box ul>li{margin-bottom: 8%;}
.detail .detail_box ul>li:last-child{margin-bottom:0;}
.detail .detail_box dt{text-align: center;padding: 2% 0;margin-bottom: 4%;font-size: 4.5vw;}
.detail .detail_box dd{width: 100%;margin-bottom: 0%;}
.detail .detail_box dd img{width: 100%;margin-left: 0;margin-top: 6%;}
.detail .detail_box dd ol{width: 100%;margin: 0 auto 4%;}
.detail .detail_box .detail_komidashi{font-size:4.5vw;}
.detail .detail_box dd li{ width: 100%;font-size: 3.8vw;}
.detail .detail_box ul>li:first-of-type dd{padding-left: 0;margin-bottom: 0;width: 100%;font-size: 4vw;}
.detail .detail_box dd li:before{font-size: 1vw;top: 4px;}
.detail .detail_box dd p{width: 100%;font-size:4vw;}
.detail .detail_box ul>li:nth-of-type(2) dd p.text{font-size: 3.8vw;margin-bottom: 4%;}
.detail .detail_box ul>li:nth-of-type(2) dd div{width: 100%;}
.detail .detail_box ul>li:nth-of-type(2) img{-webkit-order: 0;-ms-flex-order: 0;order: 0;width: 100%;margin: 0 auto 4%;padding: 0;}
.detail .detail_box ul>li:first-of-type img{margin: 0 auto 6%;float: none;padding: 0;width: 100%;}

/*受講料*/
.detail .price .table_box {width: 100%;margin: 0 auto 5%;font-size: 4vw;text-align: center;border: 2px solid #801664;-moz-border-radius: 14px;-webkit-border-radius: 14px;border-radius: 14px;}
.detail .price .table_box dl{height: auto;}
.detail .price .table_box dl dt{display: block; padding: 6% 0;width: 100%;font-size: 8vw;line-height: 1.2;text-align: center;background-size: 8px;height: auto;}
.detail .price .table_box dl dt p{position: unset;display: block;margin: auto;-webkit-transform: none;transform: none;}
.detail .price .table_box dl dt span{font-size: 70%;}
.detail .price .table_box dl dd{padding: 4% 0;text-align: left;width: 100%;height: auto;display: block;}
.detail .price .table_box dl dd p{display: block;vertical-align: middle;}
.detail .price .table_box dl dd p.price_normal{font-size: 3vw;width: 35%;text-align: center;margin: 0;}
.detail .price .table_box dl dd p.price_normal span{font-size: 7.5vw;text-align: center;}
.detail .price .table_box dl dd p.price_normal span.slash:before {height: 2px;}
.detail .price .table_box dl dd p.price_down{font-size: 4.8vw;margin: 10% auto 0;line-height: 1.2;padding-left: 5%;width: 45%;}
.detail .price .table_box dl dd p.price_down b{font-size: 10vw;}
.detail .price .table_box dl dd p.price_down:before{display: block;font-size: 4vw;margin: 0;}
.detail .price .table_box b {font-size: 9vw;}
.detail .price .table_box dl dd span.tax_in{font-size: 70%;}
.detail .price .table_box dl dd span.tax_in b{font-size: 150%;}
.deta.detail .price .table_box dl dd p.price_normal span.tax_in{font-size: 70%;}
.detail .price .table_box dl dd p.price_normal span.tax_in b{font-size: 150%;}

.detail .price .table_box dl dd:nth-of-type(2) {width: 100%;padding: 2% 2% 4%;line-height: 1.5;font-size: 4vw;}
.detail .price .table_box dl dd:nth-of-type(2) b{font-size: 7.4vw;}
.detail .price .table_box dl dd:nth-of-type(2) p{font-size: 3vw;}
.detail .price .table_box dl dd:nth-of-type(2) span{font-size: 60%;}
.detail .price .table_box dl dd:nth-of-type(2) span.tax_in{font-size: 3vw;}
.detail .price .table_box dl dd:nth-of-type(2) span.tax_in b{font-size: 5vw;}
.detail .price .price_reserve{display: block;margin: 6% auto 0;}


.detail .detail_box ul.flow li{margin: 0 auto 25%;width: 100%;height: auto;padding: 4%;}
.detail .detail_box ul.flow li:after{left: 50%;right: unset;bottom: -77%;margin: auto;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);}
.detail .detail_box ul.flow li img{margin: 0 auto 4%;width: 70%;}
.detail .detail_box ul.flow li p{font-size: 4.6vw;width: 100%;text-align: center;}
.detail .detail_box ul.flow li b{font-size: 5vw;padding: 1%;margin: -9% auto 5%;width: 80%;}


.detail .summary_box table { width: 100%; margin-bottom: 4%; }
.detail .summary_box th { padding: 2% 0 ; font-size: 3.8vw;}
.detail .summary_box td { padding: 2% 0 ; font-size: 3.8vw;width: 50%; }
.detail .summary_box .note {font-size: 3.5vw;margin-bottom: 1%;}

.detail .price .detail_diploma{ margin: 0 auto 8%;}
.detail .price .detail_diploma img{width: 70%;  margin: 0 auto 6%;}
.detail .price .detail_diploma dl{width: 100%;padding: 0;}
.detail .price .detail_diploma dt{margin-bottom: 6%;font-size: 5.6vw}
.detail .price .detail_diploma dt b{font-size: 9.5vw;}
.detail .price .detail_diploma dd{font-size: 4.2vw;}


/* privacy
----------------------------------------------- */
.privacy {max-width:100%;margin-top: 90px;  }
.privacy ul{padding: 0 6%;margin: 0 auto 10%;}
.privacy ul li{ margin:5% 0; }
.privacy ul li p.p_ttl{ margin-bottom:3%; font-size: 4.6vw;}
.privacy ul li p{margin-top:0; font-size: 3.8vw;}


.transaction{max-width:100%;margin-top: 90px;padding: 0 6%;}
.transaction table{width: 100%;}
.transaction table tr th,.transaction table tr td{padding:2%;width: 100%;display: block;font-size: 3.8vw;}

.footer-navi-sub {max-width: 96%;margin: 0 auto 12%;}
.footer-navi-sub li {font-size: 3.5vw;}
.footer-navi-sub a { display: inline-block; }

.footer-navi { width: 100%; padding: 10px 5% 20px; display: block; }
.footer-navi.pc { display: none; }
.footer-navi-box { margin: 0; }
.footer-navi-title { padding: 15px 5px 12px; color: #666; font-size: 4.21vw; border-bottom: 1px solid #d2d2d2; position: relative; }
.footer-navi-title:before { content: "\f067"; color: #d2d2d2; font-size: 10px; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.footer-navi-title.active:before { content: "\f068"; }
.footer-navi-items { width: 100%; padding: 0; margin: 0 auto; border: none; display: none; }
.footer-navi-items li { margin: 0; font-size: 4.21vw; font-weight: normal; border-bottom: 1px solid #e2e2e2; }
.footer-navi-items li:before { content: '\f105'; margin: 0; color: #c6bab5; font-family: FontAwesome; position: absolute; top: 50%; right: 10px; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.footer-navi-items a { padding: 13px 5px 12px; margin: 0; color: #666; }

.footer-social-items { display: -webkit-box;display: -moz-box; display: -webkit-flex; display: box; display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;margin: 15px 0; }
.footer-social-items li{width: 35px; margin: 0 4px;}


/*covid
----------------------------------------------- */
.covid{margin: 0 auto;padding: 10% 0 0;}
.covid dl{width: 94%;margin: 0 auto;}
.covid dt{padding: 4%;font-size: 4.8vw;text-align: center;}
.covid dt p{display: block;margin: 3% auto 0;padding: 1%;font-size: 4.5vw;}
.covid dt p:after{position: absolute;top:50%;right: 10px;}
.covid dd{display: none;padding: 0 6% 6%;}
.covid dd .text{padding: 6%;}
.covid dd b{font-size: 4.5vw;line-height: 1.6;margin-bottom: 4%;}
.covid dd p{font-size: 3.8vw;}
.covid dd ol{margin: 4% auto;}
.covid dd li{font-size: 3.8vw;margin-bottom: 4%;padding-left: 4.4vw;text-indent: -4.4vw;}
.covid dd li:before{margin: 0 1% 0 0;}





}