@charset "UTF-8";
/* ========================================================================== Font ========================================================================== */
/* ========================================================================== Foundation ========================================================================== */
.bgLBL { background-color: #7fadeb; }

.bgYL { background-color: #f5c007; }

.bgPI { background-color: #ff0076; }

.bgOYL { background-color: rgba(255, 255, 20, 0.2); }

.bgOPI { background-color: rgba(253, 203, 244, 0.2); }

.bgOBL { background-color: rgba(13, 88, 165, 0.75); }

.bgBL { background-color: #0058A5; }

.bgWH { background-color: white; }

.bgRED { background-color: #F20000; }

.bgGray { background-color: #707070; }

.bgOGray { background-color: rgba(112, 112, 112, 0.36); }

.bgO75OR { background-color: rgba(255, 108, 0, 0.75); }

.bgO75PI { background-color: rgba(255, 0, 118, 0.75); }

.bgOOR { background-color: rgba(255, 108, 0, 0.2); }

.bgOterm3 { background-color: rgba(245, 192, 7, 0.2); }

* { color: #1A2426; font-size: 1.4rem; }

@font-face { font-family: 'k-Font'; src: url(../font/keifont.ttf); }

* { font-family: sans-serif; }

/**{ font-family: source-han-sans-japanese, sans-serif; }*/
.Serif { font-family: sans-serif; }

.SerifJ { font-family: 'Noto Serif JP', serif; }

.SansJ { font-family: 'Noto Sans JP', sans-serif; }

.SansCJK { font-family: noto-sans-cjk-jp, sans-serif; }

.Anton { font-family: 'Anton', sans-serif; }

.shumei { font-family: dnp-shuei-mgothic-std, sans-serif; }

.k-font { font-family: 'k-Font', sans-serif; }

.fcWH { color: white; }

.fcRD { color: #F20000; }

.fcBL { color: #0058A5; }

.fcBlack { color: #222222; }


.fcOR { color: #FF6C00; }

.fcLOR { color: #FFA700; }

.fcPI { color: #ff0076; }

.fcLPI { color: #ff00f5; }

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; vertical-align: baseline; }

*, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }

body { margin: 0px; padding: 0px; font-size: 14px; font-family: 'Noto Sans JP', "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, Meiryo, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif; line-height: 1; -webkit-text-size-adjust: none; color: #222; -webkit-font-smoothing: antialiased; font-weight: 400; position: relative; width: 100%; }

p, li, dd, dt, .lh17 { line-height: 1.7; }

.lh12 { line-height: 1.2; }

.lh15, h2, h3, h4, h5, h6 { line-height: 1.5; }

.rlt { position: relative; }

.ls4 { letter-spacing: -.4em; }

.lsn { letter-spacing: normal; }

.inlb { display: inline-block; letter-spacing: normal; }

.vtop { vertical-align: top; }

.vmid { vertical-align: middle; }

.vbtm { vertical-align: bottom; }

.flex { display: flex; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; }

.flexWrap { flex-wrap: wrap; -ms-flex-wrap: wrap; }

.flexStart { align-items: flex-start; -webkit-box-align: start; -ms-flex-align: start; }

.flexEnd { align-items: flex-end; -webkit-box-align: end; -ms-flex-align: end; }

.flexCent { align-items: center; -webkit-box-align: center; -ms-flex-align: center; }

.flexSB { justify-content: space-between; }

.fr { float: right; }

.fl { float: left; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

ol, ul { list-style: none; }

.alignleft { float: left; margin-right: 20px; margin-bottom: 20px; }

.alignright { float: right; margin-left: 20px; margin-bottom: 20px; }

.aligncenter { clear: both; display: block; margin: 25px auto; }

.highlight a:hover * { filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; }

.cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.cf { display: inline-table; overflow: hidden; }

* html .cf { height: 1%; }

.cf { display: block; }

.clear { clear: both; }

.inln { display: inline-block; }

img { font-size: 0; line-height: 0; }

img { max-width: 100%; height: auto; width: auto; border: none; vertical-align: bottom; }

img.miniimage { display: none; }

strong { font-weight: normal; }

.bold { font-weight: bold; }

.exbold { font-weight: 900; }

.txtCent { text-align: center; }

.txtRight { text-align: right; }

.txt12 { font-size: 12px; }

.txt14 { font-size: 14px; }

.txt16 { font-size: 16px; }

.txt18 { font-size: 18px; }

.txt20 { font-size: 20px; }

.txt22 { font-size: 22px; }

.txt24 { font-size: 24px; }

.txt26 { font-size: 26px; }

.txt28 { font-size: 28px; }

.txt30 { font-size: 30px; }

.txt36 { font-size: 36px; }

.txt40 { font-size: 40px; }

.txt42 { font-size: 42px; }

.txt50 { font-size: 50px; }

.txt70 { font-size: 70px; }

.txt78 { font-size: 65px; }

.txt100 { font-size: 100px; }

.txt130 { font-size: 130px; }

.txt180 { font-size: 180px; }

.txt180 .txt { font-size: 181px; }

.mt0 { margin-top: 0 !important; }

.mt10 { margin-top: 10px; }

.mt50 { margin-top: 50px; }

.mt60 { margin-top: 60px; }

.mt70 { margin-top: 70px; }

.mt80 { margin-top: 80px; }

.mt100 { margin-top: 100px; }

.mr20 { margin-right: 20px; }

.pt40 { padding-top: 40px; }

@media screen and (max-width: 1280px) { .txt70 { font-size: 60px; }
  .txt78 { font-size: 51px; }
  .txt100 { font-size: 90px; }
  .txt130 { font-size: 100px; }
  .txt180 { font-size: 150px; }
  .txt180 .txt { font-size: 151px; } }

@media screen and (max-width: 1024px) { .txt18 { font-size: 16px; }
  .txt20, .txt22 { font-size: 18px; }
  .txt26 { font-size: 22px; }
  .txt70 { font-size: 50px; }
  .txt78 { font-size: 46px; }
  .txt100 { font-size: 80px; }
  .txt130 { font-size: 90px; }
  .txt180 { font-size: 130px; }
  .txt180 .txt { font-size: 131px; }
  .mt80 { margin-top: 40px; } }

@media screen and (min-width: 896px) { .pcbr { display: block; }
  .spbr { display: none; } }

@media screen and (max-width: 896px) { .pcbr { display: none; }
  .spbr { display: block; }
  .txt16 { font-size: 14px; }
  .txt18, .txt20, .txt22 { font-size: 16px; }
  .txt24, .txt26 { font-size: 20px; }
  .txt30, .txt36 { font-size: 22px; }
  .txt40 { font-size: 24px !important; }
  .txt50, .txt60 { font-size: 30px; }
  .txt70 { font-size: 35px; }
  .txt78 { font-size: 29px; }
  .txt100 { font-size: 50px; }
  .txt130 { font-size: 55px; }
  .txt180 { font-size: 80px; }
  .txt180 .txt { font-size: 81px; }
  .mt50 { margin-top: 25px; }
  .mt60 { margin-top: 30px; }
  .mt70 { margin-top: 30px !important; }
  .mt80, .mt100 { margin-top: 40px; }
  .pt40 { padding-top: 30px; } }

@media screen and (max-width: 568px) { .txt16 { font-size: 12px; }
  .txt18, .txt20, .txt22 { font-size: 14px; }
  .txt24, .txt26 { font-size: 16px; }
  .txt30, .txt36 { font-size: 18px; }
  .txt40 { font-size: 24px !important; }
  .txt50, .txt60 { font-size: 30px; }
  .txt70 { font-size: 30px; }
  .txt78 { font-size: 17px; }
  .txt100 { font-size: 40px; }
  .txt130 { font-size: 45px; }
  .txt180 { font-size: 50px; }
  .txt180 .txt { font-size: 51px; }
  .mt70 { margin-top: 30px !important; }
  .mt80 { margin-top: 40px; }
  .pt40 { padding-top: 30px; } }

a:link { text-decoration: none; }

a:visited { text-decoration: none; }

a:hover { text-decoration: none; }

a:active { text-decoration: none; }

a.ubdr { text-decoration: underline; }

.container { width: 100%; max-width: 1224px; padding-left: 0; padding-right: 0; }

.containers { width: calc(100% - 30px); max-width: 866px; padding-left: 0; padding-right: 0; }

.mlr, .container, .containers { margin-left: auto; margin-right: auto; }

.mlr25 { margin-left: 25px; margin-right: 25px; }

.plr25 { padding-left: 25px; padding-right: 25px; }

.col1 { width: calc(16.6666% - 50px); }

.col2 { width: calc(33.3333% - 50px); }

.col3 { width: calc(50% - 50px); }

.box4 { width: calc(25% - 30px); margin-left: 15px; margin-right: 15px; }

@media screen and (max-width: 896px) { .mlr25, .col1, .col2, .col3, .col4, .col5, .col6 { margin-left: 15px; margin-right: 15px; }
  .plr25 { padding-left: 15px; padding-right: 15px; }
  .col1 { width: calc(16.6666% - 30px); }
  .col2, .box3 { width: calc(33.3333% - 30px); }
  .col3 { width: calc(50% - 50px); } }

@media screen and (max-width: 568px) { .col1 { width: calc(33.3333% - 30px); }
  .col2, .col3, .col4, .col5, .col6 { width: calc(100% - 30px); }
  .box4 { width: calc(25% - 30px); } }

.flexcx { display: flex; justify-content: center !important; }

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

.flexEnd { display: flex; justify-content: flex-end; }

.bgImg { background-position: center center; background-repeat: no-repeat; }

.WHSno { white-space: nowrap; }

.mkrBL { width: fit-content; position: relative; z-index: 0; }

.mkrBL::before { width: 100%; position: absolute; content: ''; background-color: rgba(127, 173, 235, 0.46); height: 10px; bottom: 5px; z-index: -1; }

.mkrGR { width: fit-content; position: relative; z-index: 0; }

.mkrGR::before { width: 100%; position: absolute; content: ''; background-color: rgba(0, 255, 137, 0.46); height: 10px; bottom: 5px; z-index: -1; }

.mkrPI { width: fit-content; position: relative; z-index: 0; }

.mkrPI::before { width: 100%; position: absolute; content: ''; background-color: rgba(219, 73, 51, 0.46); height: 10px; bottom: 5px; z-index: -1; }

.mkr { width: fit-content; position: relative; z-index: 0; }

.mkr::after { width: calc(100% - 40px); position: absolute; content: ''; height: 10px; right: 0; bottom: 5px; z-index: -1; }

/* ========================================================================== Layout ========================================================================== */
.l-page__inner { overflow: hidden; }

@media screen and (max-width: 568px) { .l-page__inner { padding-bottom: 80px; } }

footer .ft_logo { justify-content: center; }

footer .footCopy { height: 40px; margin-top: 15px; }

@media screen and (min-width: 568px) { #ftNavi { display: none; } }

@media screen and (max-width: 568px) { #ftNavi { z-index: 2; height: 80px; display: block !important; position: fixed; bottom: 0; width: 100%; }
  #ftNavi ul { display: flex; justify-content: space-between; }
  #ftNavi ul li { padding: 8px 0; background-color: #F5C007; width: 33.33%; }
  #ftNavi ul li a { line-height: 1; font-size: 14px; color: white; display: flex; align-items: center; justify-content: center; flex-direction: column; }
  #ftNavi ul li a span { padding-bottom: 10px; }
  #ftNavi ul li a span img { width: 40px; height: 40px; } }

/* ========================================================================== Object ========================================================================== */
/* Components ----------------------------------------------------------------- */
.wp-pagenavi { text-align: center; margin-bottom: 50px; }

.wp-pagenavi a, .wp-pagenavi span { color: #fff; background: -moz-linear-gradient(center top, #3d94f6 5%, #1e62d0 100%); background: -ms-linear-gradient(top, #3d94f6 5%, #1e62d0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0'); background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #3d94f6), color-stop(100%, #1e62d0)); background-color: #3d94f6; border: 1px solid #3d94f6; padding: 8px 15px; margin: 0 2px; white-space: nowrap; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; text-align: center; text-decoration: none; }

.wp-pagenavi a:hover { color: #3d94f6; background: -moz-linear-gradient(center top, #dfdfdf 5%, #ededed 100%); background: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed)); background-color: #dfdfdf; }

.wp-pagenavi span.current { color: #FFF; background: -moz-linear-gradient(center top, #1e62d0 5%, #3d94f6 100%); background: -ms-linear-gradient(top, #1e62d0 5%, #3d94f6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6'); background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #1e62d0), color-stop(100%, #3d94f6)); background-color: #1e62d0; border-color: #3d94f6; font-weight: bold; }

/*======================================== REASON ========================================*/
.tab, .tab2 { cursor: pointer; }

.reason h3, .reason div, .reason p, .reason span { font-family: noto-sans-cjk-jp, sans-serif; }

.reason .panel { display: none; padding: 35px 45px; }

.reason .tab { width: calc(33.33333% - (90px / 3)); position: relative; }

.reason .tab::before { position: absolute; top: 0; bottom: 0; right: 0; left: 0; content: ''; background-color: rgba(0, 0, 0, 0.55); transition: all ease-in-out .3s; }

.reason .tab p { z-index: 1; display: flex; justify-content: center; align-items: center; text-align: center; }

.reason .tab-group { display: flex; justify-content: space-between; }

.reason .tab01, .reason .tab02, .reason .tab03, .reason .tab04 { display: flex; flex-direction: column; justify-content: center; align-items: center; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 215px; }

@media screen and (max-width: 1024px) { .reason .tab01, .reason .tab02, .reason .tab03, .reason .tab04 { height: 144px; } }

@media screen and (max-width: 896px) { .reason .tab01, .reason .tab02, .reason .tab03, .reason .tab04 { height: 120px; } }

@media screen and (max-width: 568px) { .reason .tab01, .reason .tab02, .reason .tab03, .reason .tab04 { height: 70px; } }

.reason .tab01 { background-image: url(../img/top/03-01.jpg); }

.reason .tab02 { background-image: url(../img/top/03-03.jpg); }

.reason .tab03 { background-image: url(../img/top/03-04.jpg); }

.reason .tab.is-active { transition: all 0.2s ease-out; }

@media screen and (max-width: 568px) { .reason .tab.is-active { line-height: 1.2; } }

.reason .tab.is-active::before { background-color: rgba(0, 0, 0, 0.18); }

.reason .tab.is-active::after { position: absolute; content: ''; width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 20px; border-color: #ff0076 transparent transparent transparent; bottom: -25px; position: absolute; left: 50%; transform: translateX(-50%); }

.reason .panel { border: solid 6px #ff0076; }

.reason .panel.is-show { display: block; }

.reason_table { width: 68%; margin-top: 30px; }

.reason_table table, .reason_table tr, .reason_table tbody { width: 100%; }

.reason_table td { padding: 15px 30px; font-size: 16px; border: solid 1px #707070; border-collapse: collapse; }

.reason_table td:first-child { width: 20%; text-align: center; vertical-align: middle; }

.reason_table td:last-child { width: 80%; vertical-align: middle; line-height: 1.7; }

.reason_cnt { margin-top: 20px; }

.reason_cnt p:first-child { margin-top: 15px; }

.reason_cnt > p { letter-spacing: 3px; }

@media screen and (max-width: 1024px) { .reason .tab { width: calc(33.33333% - (60px / 3)); }
  .reason_table { width: 80%; } }

@media screen and (max-width: 896px) { .reason .tab { width: calc(33.33333% - (30px / 3)); }
  .reason .tab p.txt20 { font-size: 12px; }
  .reason .tab.is-active::after { border-width: 10px 10px 0 10px; bottom: -15px; }
  .reason_table { width: 100%; margin-top: 15px; }
  .reason_table td { padding: 10px 20px; font-size: 14px; }
  .reason_table td:first-child { width: 30%; }
  .reason_table td:last-child { width: 70%; } }

@media screen and (max-width: 568px) { .reason .tab { width: calc(33.33333% - (18px / 3)); }
  .reason .tab p.txt20 { font-size: 10px; }
  .reason .tab_table td { padding: 10px; }
  .reason .panel { display: none; padding: 25px 15px; }
  .reason .reason_table td { padding: 10px 8px; text-align: justify; }
  .reason .reason_table td:first-child { padding: 10px 15px; width: 24%; } }

/*======================================== SCHOOL ========================================*/
.school .panel2 { display: none; }

.school .panel2.is-show2 { display: block; }

.school .tab-group { border: solid 1px #062840; }

.school .tab2 { width: 33.333%; text-align: center; }

.school .tab2:not(:first-child) { border-left: solid 1px #062840; }

.school .tab2.is-active2 { background-color: #062840; transition: all 0.2s ease-out; position: relative; }

.school .tab2.is-active2::before { transition: all 0.2s ease-out; position: absolute; left: 50%; transform: translateX(-50%); bottom: -9px; position: absolute; content: ''; width: 0; height: 0; border-style: solid; border-width: 8px 15px 0 15px; border-color: #062840 transparent transparent transparent; }

.school .tab-A { color: #F5C007; }

.school .tab-B { color: #0EEB07; }

.school .tab-C { color: #7FADEB; }

.school .panel2 .school_top { display: flex; justify-content: space-between; }

.school .panel2 .school_img { width: 68%; height: 400px; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; padding: 40px 30px; }

.school .panel2 .school_img span { padding: 14px 50px; border-radius: 10px; color: white; }

.school .panel2 .school_txt { width: calc(32% - 50px); }

.school .panel2 .school_txt ul li { position: relative; padding-left: 40px; vertical-align: bottom; }

.school .panel2 .school_txt ul li:not(:first-child) { margin-top: 10px; }

.school .panel2 .school_txt ul li::before { position: absolute; top: 50%; transform: translateY(-50%); left: 0; content: ''; width: 30px; height: 30px; background-image: url(../img/top/05-02.svg); }

.school .panel2 .school_btm { position: relative; z-index: 1; background-color: white; padding: 15px 50px 70px 25px; width: 85%; margin-left: 100px; margin-top: -10px; }

.school .panel2 .school_voice_ttl { position: relative; padding-left: 40px; }

.school .panel2 .school_voice_ttl::before { position: absolute; top: 50%; transform: translateY(-50%); content: ''; left: 0; width: 0; height: 0; border-style: solid; border-width: 11px 0 11px 22px; border-color: transparent transparent transparent #707070; }

.school .panel2 .school_voice ul { margin-top: 25px; padding-left: 40px; }

.school .panel2 .school_voice ul li { text-align: justify; position: relative; padding-left: 35px; }

.school .panel2 .school_voice ul li::before { position: absolute; left: 10px; top: 10px; border-radius: 100%; content: ''; width: 10px; height: 10px; }

@media screen and (max-width: 896px) { .school .panel2 .school_img { width: 60%; height: 320px; }
  .school .panel2 .school_txt { width: calc(40% - 30px); }
  .school .panel2 .school_btm { padding: 15px 25px 30px; width: 90%; margin-right: auto; margin-left: auto; }
  .school .panel2 .school_voice_ttl::before { border-width: 8px 0 8px 16px; } }

@media screen and (max-width: 568px) { .school .panel2 .school_top { flex-direction: column; }
  .school .panel2 .school_top .school_img { width: 100%; }
  .school .panel2 .school_top .school_txt { margin-top: 10px; width: 100%; }
  .school .panel2 .school_top .school_txt ul { padding-left: 15px; }
  .school .panel2 .school_btm { width: 100%; margin-top: 20px; }
  .school .panel2 .school_voice ul { margin-top: 20px; padding-left: 20px; }
  .school .panel2 .school_voice ul li { padding-left: 20px; }
  .school .panel2 .school_voice ul li:not(:first-child) { margin-top: 6px; }
  .school .panel2 .school_voice ul li::before { position: absolute; left: 0px; top: 8px; border-radius: 100%; content: ''; width: 8px; height: 8px; } }

.school .panel-A .school_img { background-image: url(../img/top/05-01.jpg); }

.school .panel-A .school_img span { background-color: rgba(245, 192, 7, 0.65); }

.school .panel-A .school_txt .mkr::after { background-color: #F5C007; }

.school .panel-A .school_txt ul li::before { background-image: url(../img/top/05-02.svg); }

.school .panel-A .school_voice ul li::before { background-color: #F5C007; }

.school .panel-B .school_img { background-image: url(../img/top/05-03.jpg); }

.school .panel-B .school_img span { background-color: rgba(14, 235, 7, 0.65); }

.school .panel-B .school_txt .mkr::after { background-color: #0EEB07; }

.school .panel-B .school_txt ul li::before { background-image: url(../img/top/05-04.svg); }

.school .panel-B .school_voice ul li::before { background-color: #0EEB07; }

.school .panel-C .school_img { background-image: url(../img/top/05-05.jpg); }

.school .panel-C .school_img span { background-color: rgba(127, 173, 235, 0.65); }

.school .panel-C .school_txt .mkr::after { background-color: #7FADEB; }

.school .panel-C .school_txt ul li::before { background-image: url(../img/top/05-06.svg); }

.school .panel-C .school_voice ul li::before { background-color: #7FADEB; }

/* CSS Document */
/*
reset
***********************/
button, option, select, textarea, input[type="button"], input[type="submit"], input[type="number"], input[type="email"], input[type="tel"], input[type="text"], input[type="select"], input[type="option"], input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; border: none; outline: 0; margin: 0; }

/* デフォルトのradio、checkboxは非表示 */
input[type=radio], input[type=checkbox] { display: none; }

/* for firefox */
select { text-indent: 0.01px; text-overflow: ''; }

/* for ie10 ie11 ie系のプルダウンの矢印を消す ie9は非対応 */
select::-ms-expand { display: none; }

/*
input[type="text"] textarea
input[type="●●●"] 適宜追加
*/
/*textarea, input[type="number"], input[type="text"], input[type="tel"], input[type="email"]{ width: calc(100% - 32px); padding: 10px 15px; font-size: 18px; border: 1px solid #CCC; background-color: #FFF; }*/
textarea { height: 160px; /* お好みの高さに */ width: 100%; }

::-webkit-input-placeholder { color: #ccc; font-size: 12px; font-size: 1.2rem; }

/* Firefox 18- */
:-moz-placeholder { color: #ccc; opacity: 1; font-size: 12px; font-size: 1.2rem; }

/* Firefox 19+ */
::-moz-placeholder { color: #ccc; opacity: 1; font-size: 12px; font-size: 1.2rem; }

/* IE 10+ */
:-ms-input-placeholder { color: #ccc; font-size: 12px; font-size: 1.2rem; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }

/* Project ----------------------------------------------------------------- */
#header { padding: 0 50px; }

#header h1 { display: none !important; }

#header .logo { display: flex; align-items: center; }

#header .logo img { height: 32px; }

#header .contact { margin-right: 30px; }

#header .contact a { height: 100px; }

#header .seikyuu { padding: 14px 0; }

#header .seikyuu .bgPI { padding: 20px 22px; border-radius: 13px;  align-items: center; justify-content: center; }

#header .seikyuu .bgPI a {justify-content: center;}

#header .seikyuu img { margin-right: 20px; }

@media screen and (max-width: 1024px) { #header { padding: 0 25px; }
  #header .flex.flexEnd { align-items: center; }
  #header .contact { margin-right: 15px; width: 33%; height: auto; position: relative; display: flex; align-items: center; }
  #header .contact a { width: 100%; height: auto; }
  #header .seikyuu { width: 33%; }
  #header .seikyuu .bgYL { padding: 0 13px; height: 48px; }
  #header .seikyuu .bgYL .txt30 { font-size: 1.4vw; }
  #header .seikyuu img { width: 18%; margin-right: 10px; } }

@media screen and (max-width: 896px) { #header { padding: 0 25px; }
  #header .flex.flexEnd { align-items: center; }
  #header .contact { margin-right: 5px; width: 33%; height: auto; position: relative; display: flex; align-items: center; }
  #header .contact a { width: 100%; height: auto; }
  #header .seikyuu { width: 55%; }
  #header .seikyuu .bgPI {padding: 10px 5px;}
  #header .seikyuu .txt30{ font-size: 14px ;}
  #header .seikyuu .bgYL { padding: 0 13px; height: 34px; }
  #header .seikyuu .bgYL .txt30 { font-size: 1.4vw; }
  #header .seikyuu img { width: 18%; margin-right: 6px; } }

@media screen and (max-width: 568px) { #header { padding: 0 10px; }
  #header .seikyuu { width: 50%; }
  #header .seikyuu .bgYL { height: 34px; }
  #header .seikyuu .bgYL .txt30 { font-size: 11px; } }

.lh12 { line-height: 1.2; }

.ttl { margin-bottom: 50px; }

@media screen and (max-width: 896px) { .ttl { margin-bottom: 30px; } }

.ttl .en { position: relative; font-size: 24px; font-family: 'Anton', sans-serif; padding-left: 30px; color: #1A2426; letter-spacing: 2px; }

.ttl .en::before { left: 0; height: 2px; width: 24px; position: absolute; top: 50%; transform: translateY(-50%); content: ''; background-color: #1A2426; }

.ttl .jp { letter-spacing: 2px; white-space: nowrap; font-size: 30px; font-family: dnp-shuei-mgothic-std, sans-serif; width: fit-content; width: -moz-fit-content; position: relative; display: flex; align-items: baseline; }

.ttl .jp::before { content: ''; background-color: #F20000; position: absolute; height: 6px; width: 6px; bottom: -6px; left: 0; }

.ttl .jp::after { content: ''; background-color: #0058A5; position: absolute; height: 6px; width: calc(100% - 8px); bottom: -6px; left: 8px; }

.ttl .jp span { margin-left: 10px; font-family: dnp-shuei-mgothic-std, sans-serif; }

.ttl .jp img { margin-right: 2px; }

@media screen and (max-width: 896px) { .ttl .en { font-size: 18px; padding-left: 30px; }
  .ttl .jp { font-size: 20px !important; }
  .ttl .jp::before { height: 4px; width: 4px; bottom: -4px; left: 0; }
  .ttl .jp::after { height: 4px; width: calc(100% - 6px); bottom: -4px; left: 6px; }
  .ttl .jp img { margin-right: 2px; height: 18px; } }

@media screen and (max-width: 568px) { .ttl .jp { font-size: 16px !important; }
  .ttl .jp img { margin-right: 2px; height: 16px; } }

section { padding-top: 75px; padding-bottom: 75px; }

@media screen and (max-width: 896px) { section { padding-top: 50px; padding-bottom: 50px; } }

@media screen and (max-width: 568px) { section { padding-top: 30px; padding-bottom: 3 0px; } }

.mv { padding-top: 0; padding-bottom: 0; position: relative; background-image: url("../img/top/mv.jpg"); width: 100%; height: 875px; background-size: cover; }

.mv_txt { position: relative; z-index: 0; }

.mv_txt-back { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; z-index: -1; }

.mv_inner { padding-top: 45px; width: fit-content; width: -moz-fit-content; margin-left: auto; padding-right: 40px; }

.mv .txtShadow13 { text-shadow: 0 0 13px white; }

.mv .txtShadow10 { text-shadow: 0 0 10px white; }

.mv .txtShadow6 { text-shadow: 0 0 6px white; }

.mv .txtShadow0 { text-shadow: 4px 4px 0px white; }

.mv_bnr { position: absolute; right: 0; bottom: 40px; height: 330px; width: 934px; background-image: url("../img/top/mv_bnr.png"); background-repeat: no-repeat; background-size: contain; display: flex; justify-content: center; flex-direction: column; padding-left: 45px; }

.mv_bnr div { width: fit-content; width: -moz-fit-content; }

@media screen and (max-width: 1280px) { .mv_bnr { width: 790px; } }

@media screen and (max-width: 1024px) { .mv { height: 750px; }
  .mv_bnr { width: 690px; } }

@media screen and (max-width: 896px) { .mv { height: 550px; }
  .mv_bnr { width: 450px; height: 170px; padding-left: 15px; bottom: 80px; } }

@media screen and (max-width: 568px) { .mv { height: 360px; }
  .mv_txt_wrap { display: flex; }
  .mv.bgImg { background-position: -135px; }
  .mv_inner { padding-top: 80px; padding-right: 15px; }
  .mv .txtShadow0 { text-shadow: 2px 2px 0px white; }
  .mv_bnr { width: 255px; height: 90px; padding-left: 15px; bottom: 45px; }
  .mv .txt70 { font-size: 20px; }
  .mv .txt78 { font-size: 17px; }
  .mv .txt130 { font-size: 36px; }
  .mv .txt100 { font-size: 22px; } }

.sche_table { width: 100%; }

.sche_table table { width: 100%; border-collapse: separate; border-spacing: 0; empty-cells: show; border-top: 1px solid #707070; border-right: none; border-bottom: none; border-left: 1px solid #707070; }

.sche_table tr th, .sche_table tr td { width: calc(100% / 7); border-top: none; border-right: 1px solid #707070; border-bottom: 1px solid #707070; border-left: none; text-align: center; }

.sche_table tr th { vertical-align: middle; height: 34px; font-size: 20px; align-items: middle; }

.sche_table tr td { position: relative; text-align: center; height: 130px; padding: 8px; z-index: 0; }

.sche_table tr td.nov1::before, .sche_table tr td.nov2::before, .sche_table tr td.dic::before, .sche_table tr td.dic1::before, .sche_table tr td.dic2::before, .sche_table tr td.jan1::before, .sche_table tr td.jan2::before { content: ''; border-radius: 7px; height: 24px; opacity: 0.75; z-index: 1; position: absolute; top: 5px; left: 8px; }

@media screen and (max-width: 896px) { .sche_table tr td.nov1::before, .sche_table tr td.nov2::before, .sche_table tr td.dic::before, .sche_table tr td.dic1::before, .sche_table tr td.dic2::before, .sche_table tr td.jan1::before, .sche_table tr td.jan2::before { top: 3px; } }

.sche_table tr td.nov1::before { width: calc((100% * 4) - 13px); }

.sche_table tr td.nov2::before { width: calc((100% * 2) - 15px); }

.sche_table tr td.dic::before { width: calc((100% * 7) - 10px); }

.sche_table tr td.dic1::before { width: calc((100% * 5) - 13px); }

.sche_table tr td.dic2::before { width: calc((100% * 5) - 12px); }

.sche_table tr td.jan1::before { width: calc((100% * 2) - 14px); }

.sche_table tr td.jan2::before { width: calc((100% * 5) - 12px); }

.sche_table tr td.nov1::before, .sche_table tr td.nov2::before { background-color: #F5A562; }

.sche_table tr td.dic::before, .sche_table tr td.dic1::before, .sche_table tr td.dic2::before { background-color: #53F5B5; }

.sche_table tr td.jan1::before, .sche_table tr td.jan2::before { background-color: #5058EB; }

.sche_table tr td.bgOgray { position: relative; }

.sche_table tr td.bgOgray::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 0; background-color: rgba(112, 112, 112, 0.36); z-index: -1; }

.sche_table tr td span { position: relative; font-size: 16px; margin-top: 0; display: block; z-index: 2; font-weight: bold; }

.sche_table tr td div { margin-top: 8px; font-size: 24px; height: 40px; color: white; width: 100%; display: flex; align-items: center; justify-content: center; font-weight: bold; }

.sche_table tr td .term1 { background-color: #44DBEB; }

.sche_table tr td .term2 { background-color: #0EEB07; }

.sche_table tr td .term3 { background-color: #F5C007; }

.sche_table tr td .term4 { background-color: #7616F5; }

.sche_table tr td .term5 { background-color: #7FADEB; }

.sche_table tr td .term6 { background-color: #9BEB07; }

.sche_table tr td .term7 { background-color: #F5AA07; }

.sche_table tr td .termGasshuku { background-color: #0058A5; }

.sche_table tr td .termNon { background-color: #DB4933; }

.sche_table tr td .termNY { background-color: #AC16F5; }

@media screen and (max-width: 1024px) { .sche_table tr th { height: 30px; font-size: 18px; }
  .sche_table tr td { height: 130px; padding: 8px; /*&.nov1,&.nov2,&.dic,&.dic1,&.dic2,&.jan1,&.jan2{ &::before{ height: 20px; top: 3px; left: 8px; } }*/ }
  .sche_table tr td span { font-size: 14px; }
  .sche_table tr td div { margin-top: 12px; font-size: 20px; height: 35px; } }

@media screen and (max-width: 896px) { .sche_table { overflow-x: scroll; position: relative; }
  .sche_table table { width: 100%; }
  .sche_table tr th { height: 30px; font-size: 12px; }
  .sche_table tr td { height: 130px; padding: 8px 4px; /*&.nov1,&.nov2,&.dic,&.dic1,&.dic2,&.jan1,&.jan2{ &::before{ height: 20px; top: 3px; left: 8px; } }*/ }
  .sche_table tr td span { font-size: 12px; }
  .sche_table tr td div { margin-top: 12px; font-size: 14px; height: 35px; } }

@media screen and (max-width: 568px) { .sche_table tr th { height: 30px; font-size: 12px; }
  .sche_table tr td { height: 90px; padding: 8px 2px; }
  .sche_table tr td.nov1::before, .sche_table tr td.nov2::before, .sche_table tr td.dic::before, .sche_table tr td.dic1::before, .sche_table tr td.dic2::before, .sche_table tr td.jan1::before, .sche_table tr td.jan2::before { border-radius: 3px; height: 20px; top: 3px; left: 2px; }
  .sche_table tr td.nov1::before { width: calc((100% * 4) - 2px); }
  .sche_table tr td.nov2::before { width: calc((100% * 2) - 3px); }
  .sche_table tr td.dic::before { width: calc((100% * 7) + 2px); }
  .sche_table tr td.dic1::before { width: calc((100% * 5) - 0px); }
  .sche_table tr td.dic2::before { width: calc((100% * 5) - 0px); }
  .sche_table tr td.jan1::before { width: calc((100% * 2) - 3px); }
  .sche_table tr td.jan2::before { width: calc((100% * 5) - 0px); }
  .sche_table tr td span { font-size: 10px; }
  .sche_table tr td div { margin-top: 10px; font-size: 10px; height: 26px; } }

.time_cnt { width: 100%; position: relative; z-index: 0; }

.time_table { width: 33.3333%; min-width: 420px; }

.time_table table, .time_table tbody, .time_table tr { width: 100%; }

.time_table tr:nth-child(even) { background-color: rgba(0, 255, 137, 0.2); }

.time_table td { border: solid 1px #1A2426; border-collapse: collapse; font-size: 18px; font-weight: bold; padding: 15px 30px; line-height: 1; }

.time_table td:first-child { width: 25%; }

.time_table td:last-child { width: 75%; }

.time_ex { width: 83.333%; padding: 45px 40px; border-radius: 10px; }

.time_ex p { line-height: 2.4; }

.time_img { position: absolute; display: block; width: 50%; right: 0; top: -30px; z-index: -1; }

.time_img::before { content: ''; position: absolute; height: 16px; width: 16px; left: -26px; top: -40px; background-color: rgba(255, 0, 118, 0.2); }

.time_img::after { content: ''; position: absolute; height: 16px; width: calc(50vw + 100px); left: 0px; top: -40px; background-color: rgba(253, 203, 244, 0.2); }

@media screen and (max-width: 1024px) { .time_table td { font-size: 16px; }
  .time_ex { width: 90%; padding: 35px 20px; }
  .time_img { top: -20px; } }

@media screen and (max-width: 896px) { .time_table { min-width: 300px; }
  .time_table td { font-size: 14px; }
  .time_table td:first-child { width: 35%; }
  .time_table td:last-child { width: 65%; } }

@media screen and (max-width: 568px) { .time_table { width: 100%; min-width: none; }
  .time_table td { font-size: 14px; }
  .time_table td:first-child { width: 35%; }
  .time_table td:last-child { width: 65%; }
  .time_ex { margin-top: -50px; width: 100%; padding: 35px 20px; border-radius: 10px; }
  .time_ex p { line-height: 2; }
  .time_img { margin-top: 30px; position: relative; margin-right: auto; width: calc(100% - 50px); top: unset; right: unset; }
  .time_img::before { top: 0; left: unset; right: -50px; }
  .time_img::after { top: 30px; left: unset; right: -50px; width: 16px; height: calc(100% - -30px); }
  .time_img img { width: 100%; height: 300px; object-fit: cover; } }

.movie_inner { padding-top: 50px; padding-bottom: 30px; position: relative; }

.movie_inner::before { bottom: 15px; left: 0; width: 100vw; content: ''; position: absolute; background-color: white; height: 15px; }

.movie .ttl { margin-bottom: 20px; }

.movie .ttl .en { font-size: 20px; padding-left: 30px; color: white; }

.movie .ttl .en::before { background-color: white; }

.movie .ttl .jp { font-size: 24px; color: white; }

.movie .ttl .jp::before { display: none; }

.movie .ttl .jp::after { display: none; }

.movie_items { padding-bottom: 60px; position: relative; justify-content: space-between; }

.movie_item { position: relative; width: calc(50% - 45px); }

.movie_item.flexColSB { padding-bottom: 65px; display: flex; flex-direction: column; justify-content: space-between; }

.movie_item p { letter-spacing: 2px; color: white; line-height: 1; }

.movie_item p img { margin-right: 4px; height: 54px; width: auto; }

.movie_item .movie_img01 { position: absolute; height: 53px; top: -40px; left: -140px; width: 140px; height: auto; }

.movie_item .movie_img02 { position: absolute; bottom: 0; }

.movie_item_iframe iframe { border-radius: 14px; width: 100%; border: solid 4px white; }

@media screen and (max-width: 1490px) { .movie_item:first-child { padding-left: 80px; }
  .movie_item .txt42 { font-size: 38px; }
  .movie_item .movie_img01 { left: -50px; }
  .movie_item .movie_img02 { left: 0; } }

@media screen and (max-width: 1280px) { .movie_item { width: calc(50% - 30px); }
  .movie_item .txt42 { font-size: 31px; }
  .movie_item p img { height: 3.5vw; } }

@media screen and (max-width: 1024px) { .movie_item { width: calc(50% - 18px); }
  .movie_item .txt42 { font-size: 27px; }
  .movie_item p img { height: 3.5vw; } }

@media screen and (max-width: 896px) { .movie_items { width: 66%; flex-direction: column; padding-bottom: 30px; }
  .movie_item { width: 100%; }
  .movie_item .txt42 { font-size: 24px; }
  .movie_item:first-child { height: 230px; }
  .movie_item:last-child { margin-top: 40px; }
  .movie_item p img { height: 3.5vw; } }

@media screen and (max-width: 568px) { .movie_items { width: 100%; flex-direction: column; }
  .movie_item { width: 100%; }
  .movie_item .txt42 { font-size: 21px; }
  .movie_item:first-child { padding-left: 60px; height: 200px; padding-bottom: 40px; }
  .movie_item:last-child { margin-top: 30px; }
  .movie_item .movie_img01 { left: -10px; width: 90px; }
  .movie_item p img { height: 26px; }
  .movie_item_iframe iframe { height: 210px; } }

.school {background-color: rgba(253, 203, 244, 0.2);}

.school .ttl { width: fit-content; width: -moz-fit-content; }

.question_item { border: solid 16px #EEEEEE; }

.question_item:not(:first-child) { margin-top: 40px; }

.question_item .Qes { padding: 15px 0; position: relative; }

.question_item .Qes::before { position: absolute; left: 50%; transform: translateX(-50%); bottom: -12px; content: ''; width: 0; height: 0; border-style: solid; border-width: 12px 10px 0 10px; border-color: #7FADEB transparent transparent transparent; }

.question_item .Ans { padding-bottom: 20px; padding-top: 25px; }

.question_ttl { width: 11.6%; text-align: center; }

.question_txt { width: 88.4%; padding-left: 16px; padding-right: 64px; line-height: 2; letter-spacing: 2px; }

@media screen and (max-width: 896px) { .question_item { border: solid 12px #EEEEEE; }
  .question_item:not(:first-child) { margin-top: 30px; } }

@media screen and (max-width: 568px) { .question_item { border: solid 10px #EEEEEE; }
  .question_item:not(:first-child) { margin-top: 15px; }
  .question_ttl { width: 11.6%; text-align: center; }
  .question_txt { width: 88.4%; padding-left: 0px; padding-right: 30px; } }

.building { background-image: url(../img/top/07-01.jpg); background-size: cover; }

.building_inner { border-radius: 10px; padding: 30px 50px 40px; }

.building_ttl img { margin-right: 6px; }

.building_items { margin-top: 25px; border-top: 3px solid #222222; padding-top: 16px; }

.building_item .subTtl { font-size: 18px; font-weight: bold; }

.building_item .subTtl:not(:first-child) { margin-top: 15px; }

.building_item .subTxt { font-size: 16px; position: relative; padding-left: 30px; }

.building_item .subTxt a { color: #1A2426; }

.building_item .subTxt::before { position: absolute; position: absolute; top: 50%; transform: translateY(-50%); left: 0; content: ''; background-color: #1A2426; height: 2px; width: 16px; }

@media screen and (max-width: 896px) { .building_inner { border-radius: 10px; padding: 25px 20px 40px; }
  .building_items { flex-wrap: wrap; margin-top: 30px; }
  .building_item .subTtl { font-size: 14px; font-weight: bold; }
  .building_item .subTtl:not(:first-child) { margin-top: 15px; }
  .building_item .subTxt { font-size: 12px; padding-left: 18px; }
  .building_item .subTxt::before { width: 10px; } }

@media screen and (max-width: 568px) { .building_items { justify-content: space-between; }
  .building_item.box4 { width: 40%; }
  .building_item .subTtl:not(:first-child) { margin-top: 15px; }
  .building_item .subTxt { font-size: 12px; padding-left: 18px; }
  .building_item .subTxt::before { width: 10px; } }

.request_ttl { padding-top: 50px; padding-bottom: 50px; }

.request .ttl { margin-bottom: 0; width: fit-content; width: -moz-fit-content; }

.request .ttl .en { color: white; }

.request .ttl .en::before { background-color: white; }

.request .ttl .jp { font-size: 40px; color: white; }

.request .ttl .jp::before { display: none; }

.request .ttl .jp::after { display: none; }

.request_form dl { margin-top: 20px; display: flex; justify-content: space-between; }

.request_form dl dt { justify-content: space-between; align-items: center; padding: 10px 0 10px 40px; height: 60px; display: flex; width: calc(40% - 80px); }

.request_form dl dt p { font-size: 16px; font-weight: bold; }

.request_form dl dt span { font-size: 12px; font-weight: bold; padding: 0px 10px; }

.request_form dl dd { display: flex; align-items: center; padding: 10px 40px 10px 0; width: 60%; position: relative; }

.request_form dl dd.w60 span { width: 60%; }

.request_form dl dd.w100 span { width: 100%; }

.request_form dl dd span { display: flex; align-items: center; }

.request_form dl dd input { font-size: 12px; width: 100%; height: 40px; border: solid 1px #1A2426; padding: 0 15px; }

.request_form dl dd textarea { padding: 10px 15px; border: solid 1px #1A2426; }

.request_form dl dd select { height: 40px; padding: 0 0 0 30px; border: solid 1px #1A2426; width: 100%; font-size: 14px; font-weight: bold; letter-spacing: 2px; position: relative; z-index: 0; background-color: white; }
.request_form dl dd select option,.request_form dl dd select optgroup{font-size: 16px;}
.request_form dl dd select option { background-color: white; border-radius: 0; }

.request_form dl dd.select { position: relative; }

.request_form dl dd.select span { padding: 0px; width: 65%; position: relative; }

.request_form dl dd.select span::before { z-index: 1; content: ''; right: 14px; position: absolute; top: 50%; transform: translateY(-50%); width: 0; height: 0; border-style: solid; border-width: 12px 6px 0 6px; border-color: #1A2426 transparent transparent transparent; }

.request_btn { cursor: pointer; border-radius: 10px; padding: 20px 74px; margin-right: auto; margin-left: auto; background-color: #FF0076; display: flex; width: fit-content; width: -moz-fit-content; }

.request_btn input { cursor: pointer; background-color: #FF0076; color: white; font-weight: bold; }

@media screen and (max-width: 1024px) { .request_ttl { padding-top: 20px; padding-bottom: 20px; }
  .request_form dl { margin-top: 20px; }
  .request_form dl dt { padding: 10px 0 10px 40px; width: calc(40% - 40px); }
  .request_form dl dt p { font-size: 14px; }
  .request_form dl dt span { font-size: 12px; padding: 0px 6px; }
  .request_form dl dd { padding: 10px 10px 10px 0; }
  .request_form dl dd.w60 span { width: 100%; }
  .request_form dl dd.w100 span { width: 100%; }
  .request_form dl dd.select span { padding: 0px; width: 100%; }
  .request_btn { border-radius: 10px; padding: 16px 50px; }
  .request_btn img { width: 20%; }
  .request_btn input { font-size: 20px; } }

@media screen and (max-width: 896px) { .request_form dl { margin-top: 20px; }
  .request_form dl dt { padding: 10px 0 10px 40px; width: calc(40% - 40px); }
  .request_form dl dt p { font-size: 14px; }
  .request_form dl dt span { font-size: 12px; padding: 0px 6px; }
  .request_form dl dd { padding: 10px 10px 10px 0; }
  .request_form dl dd.w60 span { width: 100%; }
  .request_form dl dd.w100 span { width: 100%; }
  .request_form dl dd.select span { padding: 0px; width: 100%; }
  .request_btn { border-radius: 10px; padding: 16px 50px; }
  .request_btn img { width: 20%; }
  .request_btn input { font-size: 20px; } }

@media screen and (max-width: 568px) { .request_form dl { margin-top: 20px; flex-direction: column; }
  .request_form dl dt { height: 40px; justify-content: start; padding: 6px 0px; width: 100%; }
  .request_form dl dt p { font-size: 14px; }
  .request_form dl dt span { font-size: 12px; padding: 0px 6px; margin-left: 10px; }
  .request_form dl dd { width: 100%; height: 40px; padding: 10px 10px 10px 0; }
  .request_form dl dd select { padding: 0 0 0 20px; }
  .request_form dl dd.w60 span { width: 100%; }
  .request_form dl dd.w100 span { width: 100%; }
  .request_form dl dd.select span { padding: 0px; width: 100%; }
  .request_form dl.textarea dd { height: auto; }
  .request_btn { border-radius: 10px; padding: 16px 50px; }
  .request_btn img { width: 20%; }
  .request_btn input { font-size: 20px; } }

/* Utility ----------------------------------------------------------------- */
@media screen and (min-width: 896px) { .u-hidden-pc { display: none; } }

@media screen and (max-width: 896px) { .u-hidden-sp { display: none; } }

@media screen and (max-width: 568px) { .pc-only { display: none; } }

@media screen and (min-width: 568px) { .sp-only { display: none; } }

/* plugin ----------------------------------------------------------------- */