@charset "UTF-8";
  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, center, 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, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline }
strong { font-weight: bold }
html { line-height: 1 }
ol, ul { list-style: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle }
q, blockquote { quotes: none }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none }
a img { border: none; transition: .6s }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block }
body { font-family: "Noto Sans Japanese", meiryo, 'hiragino kaku gothic pro', 'ms pgothic', helvetica, arial, sans-serif; word-break: break-all; font-size: 16px; line-height: 1.75; color: #444; -webkit-text-size-adjust: 100% }
img { vertical-align: top }
body > span[style*="visibility: hidden"] { display: none !important }
main { display: block }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
button { background: none; border: none }
button:focus { outline: none }
input[type="submit"],
input[type="button"],
button { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; background: none }
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
button::-webkit-search-decoration { display: none }
input[type="submit"]::focus,
input[type="button"]::focus,
button::focus { outline-offset: -2px }
b { font-weight: bold }
sup { font-size: 70%; vertical-align: super }    .list_pr,
.hd_line,
.btns2 a,
.mincho { font-family: "Sawarabi Mincho", 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", serif }   .red { color: #d33 !important }   .ripple { position: relative; overflow: hidden }
.ripple .rp-effect,
.btn .rp-effect,
.btns a .rp-effect,
.products a .rp-effect,
.products2 a .rp-effect,
#sld a .rp-effect,
.list_pr a .rp-effect,
.btns2 a .rp-effect,
.btns3 a .rp-effect,
#pagenavi a .rp-effect,
.sim-articles a .rp-effect { position: absolute; border-radius: 50%; opacity: 0.35; transform: scale(0); background: #FFF; animation: ripple 700ms; z-index: 1; pointer-events: none }
#sld a .rp-effect { display: inline !important; opacity: .2; background: #fff; animation: ripple 1.5s; pointer-events: none }
@-webkit-keyframes ripple {
to { opacity: 0; transform: scale(2.0) }
}
@keyframes ripple {
to { opacity: 0; transform: scale(2.0) }
}   .block > *:last-child { margin-bottom: 0 !important }
.block2 { margin-top: 40px }
.block2 > *:last-child { margin-bottom: 0 !important }
.block3 { margin-top: 50px }
.block3 > *:last-child { margin-bottom: 0 !important }
#wrp { overflow: hidden }
.mb0 { margin-bottom: 0 !important }
.mt0 { margin-top: 0 !important }
.mt10 { margin-top: 10px !important }
.mt20 { margin-top: 20px !important }
.mt30 { margin-top: 30px !important }
.mt40 { margin-top: 40px !important }
.mt50 { margin-top: 50px !important }
.mt60 { margin-top: 60px !important }
.mt70 { margin-top: 70px !important }
.mt80 { margin-top: 80px !important }
.mt90 { margin-top: 90px !important }
.mt100 { margin-top: 100px !important }
.mt110 { margin-top: 110px !important }
.mt120 { margin-top: 120px !important }
.mt130 { margin-top: 130px !important }
.mt140 { margin-top: 140px !important }
.mt150 { margin-top: 150px !important }
.mt160 { margin-top: 160px !important }
.mt170 { margin-top: 170px !important }
.mt180 { margin-top: 180px !important }
.mt190 { margin-top: 190px !important }
.mt200 { margin-top: 200px !important }
.fs10 {font-size: 10px !important;}
.fs10 {font-size: 10px !important;}
.fs11 {font-size: 11px !important;}
.fs12 {font-size: 12px !important;}
.fs13 {font-size: 13px !important;}
.fs14 {font-size: 14px !important;}
.fs15 {font-size: 15px !important;}
.fs16 {font-size: 16px !important;}
.fs17 {font-size: 17px !important;}
.fs18 {font-size: 18px !important;}
.fs19 {font-size: 19px !important;}
.fs20 {font-size: 20px !important;}
.fs21 {font-size: 21px !important;}
.fs22 {font-size: 22px !important;}
.fs23 {font-size: 23px !important;}
.fs24 {font-size: 24px !important;}
.fs25 {font-size: 25px !important;}
.fs26 {font-size: 26px !important;}
.fs27 {font-size: 27px !important;}
.fs28 {font-size: 28px !important;}
.fs29 {font-size: 29px !important;}
.fs30 {font-size: 30px !important;}
.fs31 {font-size: 31px !important;}
.fs32 {font-size: 32px !important;}
.fs33 {font-size: 33px !important;}
.fs34 {font-size: 34px !important;}
.fs35 {font-size: 35px !important;}
.fs36 {font-size: 36px !important;}
.fs37 {font-size: 37px !important;}
.fs38 {font-size: 38px !important;}
.fs39 {font-size: 39px !important;}
.fs40 {font-size: 40px !important;}   .list_pr { padding: 0 14px; margin: 45px 0 41px; display: table; table-layout: fixed; width: 100%; font-size: 35px; line-height: 1.2; color: #006ab6; text-align: center }
.list_pr li { display: table-cell; vertical-align: middle; border-right: 1px dashed #000 }
.list_pr li:first-child { border-left: 1px dashed #000 }
.list_pr a { color: inherit; text-decoration: inherit; display: block; padding: 20px 0 21px; position: relative; height: 100%; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; overflow: hidden }
.list_pr a:hover { background-color: #006ab6; color: #fff }
.list_pr a::before { content: ""; display: block; position: absolute; top: 50%; left: 50%; right: 50%; bottom: 50%; border: 1px solid transparent; -webkit-transition: .6s; -o-transition: .6s; transition: .6s }
.list_pr a:hover::before { border-color: #fff; top: 5px; left: 5px; right: 5px; bottom: 5px }
.list_photos { display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; margin-top: -20px; font-size: 14px }
.list_photos li { margin: 20px 5px 0; text-align: center }
.list_photos p { margin-bottom: 0 !important }
.list_photos img { box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.26), 0 0 4px rgba(0, 0, 0, 0.12); margin-bottom: 3px }
.list_num { list-style: decimal; margin-bottom: 1.75em; padding-left: 1.7em }
.list_num li + li { margin-top: 10px }
.list_normal { list-style: disc; padding-left: 2em; margin-bottom: 1.75em }
.list_normal li + li { margin-top: 5px }
.listlike > *::before { content: ""; display: block; position: absolute; left: 5px; top: 8px; border: 5px solid transparent; border-left: 8px solid #0068b7; border-right: none }
.listlike > * { display: block; padding-left: 20px; position: relative }
.tochigi_ws li { display: flex }
.tochigi_ws li + li { margin-top: 15px }   .link_arrow { text-decoration: none }
.link_arrow:hover { text-decoration: underline }
.link_arrow::after { content: " ＞" }
.link_rss { text-decoration: none }
.link_rss:hover { text-decoration: underline }
.link_rss::before { content: ""; display: inline-block; width: 16px; height: 16px; background: #ccc; position: relative; bottom: -2px; margin-right: 5px; background: url(//www.mitsufuku.co.jp/img/cmn/icon_rss.png); background-size: cover }   .hd {font-size: 28px;font-weight: bold;line-height: 1.23;background: url(//www.mitsufuku.co.jp/img/cmn/bg_h2.png) right bottom no-repeat #f9f9fa;border-left: 7px solid #0068b7;display: flex;min-height: 69px;margin-bottom: 20px !important;align-items: center;flex-wrap: wrap;padding: 10px 10px 10px 15px;box-sizing: border-box;}
.hd__sub {display: block;font-size: 0.8em;font-weight: normal;}
.hd__main {display: block;margin-top: 0.1em;font-size: 1.2em;}
.hd a { text-decoration: none; color: inherit !important }
.hd_line { font-size: 44px; font-weight: bold; color: #00407a; text-align: center; position: relative; line-height: 1.3; padding: 0 0 20px; margin: 0 auto 59px }
.hd_line::after { content: ""; display: block; position: absolute; bottom: 0; left: 50%; width: 196px; height: 5px; background: #00407a; margin-left: -98px }
.hd_line2 { font-size: 34px; line-height: 1.3; font-weight: 600; color: #0267b7; text-align: center; position: relative; padding-bottom: 14px; margin-bottom: 30px }
.hd_line2::after { content: ""; display: block; position: absolute; top: auto;bottom: 0; left: 50%; transform: translateX(-50%); width: 140px; height: 3px; background: #000 }
.hd_dline { border: 1px dashed #000; border-left: none; border-right: none; font-size: 25px; line-height: 1.3; font-weight: bold; color: #0168b7; text-align: center; margin: 53px 0 17px; padding: 11px 0 }
.hd_dline2 { border: 1px dashed #000; border-left: none; border-right: none; font-size: 25px; line-height: 1.3; font-weight: bold; color: #0168b7; margin: 53px 0 17px; padding: 11px 0 }
.hd_tri { font-size: 23px; font-weight: bold; color: #0068b7; line-height: 1.23; position: relative; border-left: 3px solid #00a0e9; display: table; width: 100%; min-height: 40px; background: url(//www.mitsufuku.co.jp/img/cmn/bg_h3.png) right bottom no-repeat #f8f8f8; margin-bottom: 30px }
.hd_tri::after { content: ""; display: block; position: absolute; left: -3px; right: 0; bottom: -5px; border-bottom: 1px solid #0068b7 }
.hd_tri > span { display: table; width: 100%; min-height: 40px }
.hd_tri > span > span { display: table-cell; vertical-align: middle; padding: 6px 10px; text-shadow: #f8f8f8 2px 0px 0px, #f8f8f8 -2px 0px 0px, #f8f8f8 0px -2px 0px, #f8f8f8 0px 2px 0px, #f8f8f8 2px 2px 0px, #f8f8f8 -2px 2px 0px, #f8f8f8 2px -2px 0px, #f8f8f8 -2px -2px 0px, #f8f8f8 1px 2px 0px, #f8f8f8 -1px 2px 0px, #f8f8f8 1px -2px 0px, #f8f8f8 -1px -2px 0px, #f8f8f8 2px 1px 0px, #f8f8f8 -2px 1px 0px, #f8f8f8 2px -1px 0px, #f8f8f8 -2px -1px 0px, #f8f8f8 1px 1px 0px, #f8f8f8 -1px 1px 0px, #f8f8f8 1px -1px 0px, #f8f8f8 -1px -1px 0px }
.hd_cir { font-size: 20px; line-height: 1.5; color: #fff; background: url(//www.mitsufuku.co.jp/img/cmn/bg_slash_b.png); padding: 3px 16px; display: table; border-radius: 18px; margin-bottom: 15px }
.hd_cir2 {font-size: 20px;line-height: 1.5;color: #fff;background: url(//www.mitsufuku.co.jp/img/cmn/bg_slash_b.png);padding: 3px 16px;display: block;border-radius: 18px;margin-bottom: 30px;text-align: center;}
.hd_tri2 { font-size: 20px; font-weight: bold; line-height: 1.5; position: relative; padding: 0 0 5px 38px; margin-bottom: 10px }
.hd_tri2::before { content: ""; position: absolute; left: 0; top: 3px; background: url(//www.mitsufuku.co.jp/img/cmn/bg_h5.png); width: 30px; height: 30px }
.hd_tri2 span { display: inline-block; border-bottom: 1px solid #0068b7; padding-bottom: 2px }
.hd_ul { font-size: 18px; font-weight: bold; line-height: 1.5; margin-bottom: 15px; position: relative; padding-bottom: 7px }
.hd_ul::after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 48px; height: 3px; background: #f00 }
.hd_ul2 { font-size: 35px; font-weight: bold; text-align: center; position: relative; color: #0068b7; padding-bottom: 5px; margin-bottom: 25px }
.hd_ul2::after { content: ""; display: block; position: absolute; border-bottom: 3px solid #000; bottom: 0; left: 50%; width: 140px; margin-left: -70px }
.hd_ul3 { font-size: 18px; font-weight: bold; line-height: 1.5; margin-bottom: 15px; position: relative; padding-bottom: 7px; display: inline-block }
.hd_ul3::after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #f00 }
.hd_ul4 { font-size: 34px; color: #1b5399; font-weight: bold; line-height: 1.5; position: relative; margin-bottom: 25px }
.hd_ul4::after { content: ""; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -230px; width: 460px; height: 2px; background: #1b5399 }
.hd_caption { position: relative; padding-left: 14px; text-align: left; margin-bottom: 5px; color: #666; font-size: 15px }
.hd_caption::before { content: ""; display: block; position: absolute; top: 6px; left: 0; border: 7px solid transparent; border-left: 7px solid #444; border-right: none }
.hd_bold { font-weight: bold; margin: 5px 0 }   .btns { text-align: center; letter-spacing: 56px }
.btns a,
.btn { display: inline-block; border: 1px solid #0168b7; color: #006ab6; text-align: center; font-weight: 500; text-decoration: none; white-space: nowrap; letter-spacing: normal; position: relative; background-color: #fff; overflow: hidden; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; vertical-align: top }
.btns a { min-width: 223px; padding: 12px 15px }
.btns a::before, .btn::before { content: ""; position: absolute; top: -100%; left: -100px; height: 200px; background-color: #0168b7; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; width: 30px; -webkit-transform: rotateZ(35deg); -ms-transform: rotateZ(35deg); -o-transform: rotateZ(35deg); transform: rotateZ(35deg); opacity: .1 }
.btns a::after, .btn::after { content: ""; display: block !important; position: absolute !important; border: 4px solid; border-top-color: transparent; border-left-color: transparent; width: 0 !important; height: 0 !important; background: none !important }
.btns a::after { right: 5px; bottom: 5px }
.btn { padding: 4px 23px }
.btn::after { right: 3px; bottom: 3px; top: auto !important; margin-left: 0 !important }
.main .btn, .main .btn:visited, .main .btns a, .main .btns a:visited { color: #006ab6 }
.btn_wide .btn:nth-child(n+3) { margin-top: 8px }
.btn_wide2 .btn { width: 100%; text-align: left }
.btn_wide2 .btns a + a,
.btn_wide2 .btn + .btn { margin-top: 8px }   .products a { text-decoration: none; color: inherit; display: block; position: relative; overflow: hidden; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; height: 100% }
.products a:hover { box-shadow: 0 0 20px #334 }
.products > div { background-color: #013f7c }
.products h1,
.products h2,
.products h3,
.products h4,
.products h5,
.products h6 {color: #fff;font-size: 20px !important;font-weight: bold !important;line-height: 1.4;padding: 5px 15px;top: 0 !important;margin: 0 auto !important;display: table;text-align: justify;}
.products p { font-size: 16px; color: #fff; text-align: center; letter-spacing: -1px }
.products img { width: 100%; height: auto }
.products-imgwrap {position: relative;width: 100%;height: 0;padding-top: 60%;}
.products .products-imgwrap img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.products2 a { text-decoration: none; color: inherit; display: block; position: relative; overflow: hidden; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; height: 100% }
.products2 a:hover { box-shadow: 0 0 20px #334 }
.products2 > div { background-color: #013f7c }
.products2 h1,
.products2 h2,
.products2 h3,
.products2 h4,
.products2 h5,
.products2 h6 { color: #fff; font-size: 20px; font-weight: bold; padding: 5px; text-align: center }
.products2 p { font-size: 16px; color: #fff; text-align: center; letter-spacing: -1px }
.main .products.products-2cols {justify-content: space-between;}
.main .products.products-2cols > * {width: calc((100% - 30px) / 2);}
.main .products.products-2cols::before {content: none !important;}
.main .products.products-2cols > div {margin: 30px 0 0;}
.products2-imgwrap {position: relative;width: 100%;height: 0;padding-top: 60%;}
.main .products2 .products2-imgwrap img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}   #hdr_inquiry a { display: inline-block; position: relative }
#hdr_inquiry a::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; height: 0; background-color: #fff; opacity: .3; -webkit-transition: .6s; -o-transition: .6s; transition: .6s }
#hdr_inquiry a:hover::before,
#hdr_inquiry a:focus::before { height: 100% }
#hdr_en { width: 1100px; margin: 0 auto; text-align: right; font-size: 14px; line-height: 1; padding: 5px 0 }
#hdr_en a { color: inherit }
#hdr_en a:hover { text-decoration: none }   #rdv { background-color: #e3f5ff }
#sitemap a { font-size: 13px; text-decoration: none; color: #1fb9d8 }
#sitemap a:hover { text-decoration: underline }
#sitemap > ul > li > a,
#sitemap > ul > li > ul > li > a { font-size: 17px; font-weight: bold; color: inherit }
#sitemap > ul > li > a::before,
#sitemap > ul > li > ul > li > a::before { content: ""; background: url(//www.mitsufuku.co.jp/img/cmn/sitemap_arrow.png); display: inline-block; width: 16px; height: 16px; position: relative; bottom: -2px; margin-right: 3px }
#sitemap > ul > li > div > a,
#sitemap > ul > li > div > span,
#sitemap .pd > div > div > a,
#sitemap .pd > div > div > span { font-size: 15px; font-weight: bold; color: inherit; white-space: nowrap }
#sitemap ul > li ul { line-height: 1.4 }
#ftr { background: #013f7c; color: #fff }
#ftr > .inner { margin: 0 auto; padding: 0 15px }
#ftr_addr span { font-size: 20px; font-weight: bold; text-indent: -10px; display: inline-block }
#ftr_addr p { font-size: 16px }
.jp_en { text-align: right }
.jp_en a { color: #fff }
.jp_en a:hover { text-decoration: none }   #sld { background: #000; overflow: hidden }
#sld * { outline: none }
#sld a { text-decoration: none }
#sld .slick-arrow { position: absolute; top: 50%; transform: translateY(-50%); background: none; text-indent: -99999px; width: 0; height: 0; padding: 0; border: 14px solid transparent; border-left-width: 22px; border-right-width: 22px; cursor: pointer; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; z-index: 1; opacity: .7; outline: none }
#sld .slick-arrow:hover { opacity: 1 }
#sld .slick-prev { border-right-color: #fff; border-left: none; left: -100px }
#sld:hover .slick-prev { left: 30px }
#sld .slick-next { border-left-color: #fff; border-right: none; right: -100px }
#sld:hover .slick-next { right: 30px }
.home #str1 { display: table; margin: 0 auto; position: relative; font-size: 24px; text-align: center; padding: 10px 20px }
.home #str1 > span { position: relative }
.home #str2 { display: table; margin: 0 auto; position: relative; font-size: 24px; text-align: center; padding: 10px 20px }
.home #str2 > span { position: relative }
#home01,
#home02,
#home03,
#home03_new,
#home04,
#home05 { background-position: center top; background-repeat: no-repeat; background-color: #e3f5ff; padding: 55px 0 60px }
#home01 { margin: 60px 0 0; background-image: url(//www.mitsufuku.co.jp/img/home/bg_01.png) }
#home02 { background-image: url(//www.mitsufuku.co.jp/img/home/bg_02.png); background-color: #fff }
#home03_new { margin: 60px 0 0; background-image: url(//www.mitsufuku.co.jp/img/home/bg_03.png) }
#home03 { background-image: url(//www.mitsufuku.co.jp/img/home/bg_03.png) }
#home04 { background-image: url(//www.mitsufuku.co.jp/img/home/bg_04.png); background-color: #fff }
#home05 { margin: 60px 0 0; background-image: url(//www.mitsufuku.co.jp/img/home/bg_05.png) }
.latest_post {display: block;line-height: 1;padding: 0 20px 10px;border-radius: 4px;margin: 0 20px;z-index: 1;}
.latest_post .head { font-size: 16px; display: block; text-align: center; color: #006ab6; line-height: 1; margin: 0; border-bottom: 1px dashed; padding: 0 0 8px }
.latest_post .latest_post_title {font-size: 16px;font-weight: normal;line-height: 1.3;margin: 8px 0 0;display: flex;}
.latest_post .new { display: inline-block; border: 1px solid; color: #f00; font-size: 10px; padding: 1px 6px; border-radius: 2px; margin-left: 8px; position: relative; top: -2px }
.latest_post a:hover { text-decoration: none }
.latest_post_inner {display: table;margin: auto;text-align: justify;}
.latest_post_date {white-space: nowrap;margin-right: .3em;}   a[target="_blank"]:after { content: ""; display: inline-block; width: 16px; height: 16px; background: url(//www.mitsufuku.co.jp/img/cmn/icon_newwindow.png); background-size: cover; position: relative; top: 2px; margin-left: 3px }
#breadcrumbs { font-size: 13px; width: 1100px; margin: 0 auto; padding: 8px 15px }
.pagettl { background-image: url(//www.mitsufuku.co.jp/img/cmn/bg_h1.jpg); background-size: cover; background-position: center; font-size: 35px; line-height: 1.2; color: #fff; font-weight: bold; text-align: center }
.pagettl > span { display: table; width: 1100px; margin: 0 auto; min-height: 100px; padding: 5px 0 }
.pagettl > span > span { display: table-cell; vertical-align: middle }
.pagettl small { font-size: 20px; font-weight: normal }
#post_con { width: 1100px; padding: 0 15px 0 0; margin: 50px auto 200px }
#post_con::after { content: ""; display: block; clear: both }
.main { width: 750px; float: right }
.main > *:first-child { margin-top: 0 !important }
.main > *:last-child { margin-bottom: 0 !important }
.main .block,
.main .block_w1,
.main #info { width: auto !important }
.side { width: 260px }
.side.fixed { position: fixed; top: 0; z-index: 1000 }
.side a { color: inherit; text-decoration: inherit; display: table; width: 100% }
.side a > span { display: table-cell; vertical-align: middle }
.side > ul > li { border: 1px solid #d2ebf7; border-top: none }
.side > ul:first-child > li:first-child { border-top: 1px solid #d2ebf7 }
.side .lv1 { font-size: 18px; line-height: 1.23; font-weight: bold; color: #0068b7; background: linear-gradient(0deg, #f7f7f7 0%, #f7f7f7 50%, #fff 50%, #fff 100%); -webkit-transition: .6s; -o-transition: .6s; transition: .6s }
.side .lv1 > a { min-height: 60px }
.side .lv1 > a > span { background: url(//www.mitsufuku.co.jp/img/cmn/side_arrow.png) no-repeat; background-position: right 10px center; padding: 10px 30px 10px 20px }
.side .lv1.current { background: #005297; color: #fff; pointer-events: none }
.side .lv1.current > a > span { background-image: url(//www.mitsufuku.co.jp/img/cmn/side_arrow_w.png); pointer-events: none }
.side .lv1c { font-size: 18px; line-height: 1.23; font-weight: bold; color: #0068b7; background: linear-gradient(0deg, #f7f7f7 0%, #f7f7f7 50%, #fff 50%, #fff 100%); position: relative }
.side .lv1c > a { min-height: 60px }
.side .lv1c > a > span { background: url(//www.mitsufuku.co.jp/img/cmn/side_arrow.png) no-repeat; background-position: right 10px center; padding: 10px 30px 10px 20px }
.side .lv1c.current { background: #005297; color: #fff }
.side .lv1c.current > a > span { background-image: url(//www.mitsufuku.co.jp/img/cmn/side_arrow_w.png); pointer-events: none }
.side .lv1c ul { position: absolute; top: -1px; left: 259px; width: 0; font-size: 15px; line-height: 1.2352941176470588235294117647059; color: #000; overflow: hidden; z-index: 99999 }
.side .lv1c:hover ul { width: 300px }
.side .lv1c ul li { background-color: #d2ebf7; border: 1px solid #d2ebf7 }
.side .lv1c ul li:hover { background-color: #005297; border-color: #005297; color: #fff }
.side .lv1c ul li.current { background-color: #005297; border-color: #005297; color: #fff; pointer-events: none }
.side .lv1c ul a { width: 300px; min-height: 64px }
.side .lv1c a > span { background: url(//www.mitsufuku.co.jp/img/cmn/side_arrow.png) no-repeat; background-position: right 10px center; padding: 10px 30px 10px 20px }
.side .lv1c ul li:hover a > span { background-image: url(//www.mitsufuku.co.jp/img/cmn/side_arrow_w.png) }
.side .lv2 { font-size: 15px; line-height: 1.23; color: #0068b7; -webkit-transition: .6s; -o-transition: .6s; transition: .6s }
.side .lv2 > a { min-height: 64px }
.side .lv2 > a > span { background: url(//www.mitsufuku.co.jp/img/cmn/side_arrow.png) no-repeat; background-position: right 10px center; padding: 10px 30px 10px 20px }
.side .lv2:hover { background-color: #d2ebf7 }
.side .lv2.current { background: #d2ebf7; pointer-events: none }
.side .lv2c { font-size: 15px; line-height: 1.2352941176470588235294117647059; color: #0068b7; position: relative; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; z-index: 999 }
.side .lv2c.current { background: #d2ebf7 }
.side .lv2c ul { position: absolute; top: -1px; left: 259px; width: 0; font-size: 15px; line-height: 1.2352941176470588235294117647059; color: #000; overflow: hidden; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; z-index: 99999; overflow-y: auto }
.side .lv2c:hover ul { width: 300px }
.side .lv2c ul li { background-color: #d2ebf7; border: 1px solid #d2ebf7; -webkit-transition: .6s; -o-transition: .6s; transition: .6s }
.side .lv2c ul li:hover { background-color: #005297; border-color: #005297; color: #fff }
.side .lv2c ul li.current { background-color: #005297; border-color: #005297; color: #fff; pointer-events: none }
.side .lv2c ul a { width: 300px }
.side .lv2c a { min-height: 64px }
.side .lv2c a > span { background: url(//www.mitsufuku.co.jp/img/cmn/side_arrow.png) no-repeat; background-position: right 10px center; padding: 10px 30px 10px 20px }
.side .lv2c ul li:hover a > span { background-image: url(//www.mitsufuku.co.jp/img/cmn/side_arrow_w.png) }
.side .lv2c ul::-webkit-scrollbar {width: 5px;}
.side .lv2c ul::-webkit-scrollbar-track { border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); background: #d2ebf7 }
.side .lv2c ul::-webkit-scrollbar-thumb { background-color: rgb(1 63 124 / .5); border-radius: 10px }
.side .lv3c { font-size: 15px; line-height: 1.2352941176470588235294117647059; color: #0068b7; position: relative; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; z-index: 999 }
.side .lv3c.current { background: #d2ebf7 }
.side .lv3c ul { position: absolute; top: -1px; left: 259px; width: 0; font-size: 15px; line-height: 1.2352941176470588235294117647059; color: #000; overflow: hidden; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; z-index: 99999 }
.side .lv3c:hover ul { width: 300px }
.side .lv3c ul li { background-color: #d2ebf7; border: 1px solid #d2ebf7; -webkit-transition: .6s; -o-transition: .6s; transition: .6s }
.side .lv3c ul li:hover { background-color: #005297; border-color: #005297; color: #fff }
.side .lv3c ul li.current { background-color: #005297; border-color: #005297; color: #fff; pointer-events: none }
.side .lv3c ul a { width: 300px }
.side .lv3c a { min-height: 64px }
.side .lv3c a > span { background: url(//www.mitsufuku.co.jp/img/cmn/side_arrow.png) no-repeat; background-position: right 10px center; padding: 10px 30px 10px 20px }
.side .lv3c ul li:hover a > span { background-image: url(//www.mitsufuku.co.jp/img/cmn/side_arrow_w.png) }
.side .custom { font-size: 17px; line-height: 1.2352941176470588235294117647059; color: #32b16c }
.side .custom li { -webkit-transition: .6s; -o-transition: .6s; transition: .6s }
.side .custom a { min-height: 64px }
.side .custom a > span { background: url(//www.mitsufuku.co.jp/img/cmn/side_arrow_g.png) no-repeat; background-position: right 10px center; padding: 10px 30px 10px 20px }
.side .custom li.current { background: #32b16c; color: #fff; border-color: #32b16c; pointer-events: none }
.side .custom li.current a > span { background-image: url(//www.mitsufuku.co.jp/img/cmn/side_arrow_w.png); pointer-events: none }
.main p { margin-bottom: 1.75em }
.main a { color: inherit }
.main a:hover { text-decoration: none }
.main a:visited { color: #800080 }
.main .link2 { text-align: right }
.main .link2 a::after { content: " ＞" }
.indent { padding-left: 30px }
.btns2 { display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between }
.btns2 li { position: relative }
.btns2 li:nth-child(n+3) { margin-top: 20px }
.btns2 li::after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; background: #0068b7; opacity: .1; height: 0; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; pointer-events: none }
.btns2 li:hover::after { height: 100% }
.btns2 li::before { content: ""; display: block; position: absolute; border: 9px solid transparent; border-left-color: #fff; border-top-width: 4.5px; border-bottom-width: 4.5px; border-right: none; right: 13px; bottom: 13px; pointer-events: none; z-index: 1 }
.btns2 a {display: flex;width: 365px;min-height: 94px;position: relative;border: 1px solid #0068b7;color: #0068b7 !important;font-size: 20px;line-height: 1.4;text-decoration: none;padding: 5px 40px 18px 89px;background: #e7f7ff;overflow: hidden;align-items: center;}
.btns2 a::before { content: ""; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 14px; background: url(//www.mitsufuku.co.jp/img/cmn/bg_slash_b2.png) repeat }
.btns2 a::after { content: ""; display: block; position: absolute; right: 5px; bottom: 4px; width: 24px; height: 24px; background: #eb6100; border: 1px solid #fff }
.btns2 .inner {display: flex;width: 100%;min-height: 69px;align-items: center;}
.btns2 .thumb { position: absolute; left: 4px; top: 4px }
.btns3 li { width: 500px; margin-left: auto; margin-right: auto; position: relative }
.btns3 li + li { margin-top: 25px }
.btns3 li::after { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; background-color: #32b16c; opacity: .1; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; height: 0; pointer-events: none }
.btns3 li:hover::after { height: 100% }
.btns3 a { font-size: 30px; font-weight: bold; line-height: 1.5; color: #32b16c !important; text-decoration: none; display: block; background: url(//www.mitsufuku.co.jp/img/cmn/bg_slash_g.png) repeat; border: 3px solid #eee; position: relative; padding: 0 46px 0 155px; overflow: hidden }
.btns3 a::before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; width: 27px; background-color: #eb6100 }
.btns3 a::after { content: ""; display: block; position: absolute; top: 65.5px; right: 6px; border: 13px solid transparent; border-left-color: #fff; border-top-width: 6.5px; border-bottom-width: 6.5px; border-right: none }
.btns3 .inner { display: table; width: 100%; min-height: 144px }
.btns3 .inner2 { display: table-cell; vertical-align: middle; padding: 10px 0 }
.btns3 .thumb { position: absolute; left: 7px; top: 7px }
.main table, .block-editor__typewriter table { width: 100%; table-layout: fixed; margin: 1.75em 0 }
.main tr > *, .block-editor__typewriter tr > * { border: 1px solid #a0a0a0; text-align: center; padding: 10px 10px }
.main th, .block-editor__typewriter th { background-color: #eee }
.main caption, .block-editor__typewriter caption { text-align: center; font-size: 15px; color: #666 }
#pagenavi { display: table; width: 1100px; border-collapse: collapse; margin: 60px auto }
#pagenavi ul { display: table-row }
#pagenavi li { display: table-cell; border: 1px solid #a0a0a0; vertical-align: middle }
#pagenavi a { display: block; position: relative; padding: 10px; height: 88px; color: #000; text-decoration: none; line-height: 1.3; overflow: hidden }
#pagenavi .str1 { font-size: 12px; display: inline-block; border: 1px solid #000; background: #efefef; position: absolute; padding: 0 6px; line-height: 17px; top: 9px }
#pagenavi .ttl { display: block; height: 2.6em; overflow: hidden }
#pagenavi .prev { width: 350px; position: relative }
#pagenavi .prev a { padding-left: 110px; padding-top: 34px }
#pagenavi .prev a::before { content: ""; display: block; position: absolute; left: 9px; top: 29px; border: 12px solid transparent; border-right-color: #a0a0a0; border-top-width: 15px; border-bottom-width: 15px; border-left: none }
#pagenavi .prev .thumb { position: absolute; left: 30px; top: 9px }
#pagenavi .next { width: 350px; position: relative }
#pagenavi .next a { padding-right: 110px; padding-top: 34px; text-align: right }
#pagenavi .next a::before { content: ""; display: block; position: absolute; right: 9px; top: 29px; border: 12px solid transparent; border-left-color: #a0a0a0; border-top-width: 15px; border-bottom-width: 15px; border-right: none }
#pagenavi .next .thumb { position: absolute; right: 30px; top: 9px }
#pagenavi .next .str1 { right: 110px }
#pagenavi .top a > span { display: table; width: 100%; height: 100% }
#pagenavi .top a > span > span { display: table-cell; vertical-align: middle; text-align: center }
#pagenavi .top a,
#pagenavi .prev,
#pagenavi .next { position: relative; z-index: 2 }
#pagenavi .top a::before,
#pagenavi .prev::before,
#pagenavi .next::before,
#pagenavi .top a::after,
#pagenavi .prev::after,
#pagenavi .next::after { content: ""; position: absolute; z-index: -1; top: 0; width: 50%; height: 100%; background-color: #fff; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; pointer-events: none }
#pagenavi .top a::before,
#pagenavi .prev::before,
#pagenavi .next::before { right: 0 }
#pagenavi .top a::after,
#pagenavi .prev::after,
#pagenavi .next::after { left: 0 }
#pagenavi .none { color: #aaa; text-align: center }
#pagenavi .none::before, #pagenavi .none::after { content: none }
#sim-posts { margin: 200px auto; width: 1070px }
.sim-articles { display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: flex-start }
.sim-articles article { width: 255px; height: 253px; background-color: #e5e5e5; margin-right: 16px }
.sim-articles article:nth-child(n+5) { margin-top: 15px }
.sim-articles article:nth-child(4n) { margin-right: 0 }
.sim-articles .thumb { width: 235px; height: 140px; overflow: hidden }
.sim-articles h3 { height: 5.25em; overflow: hidden; margin-top: 7px }
.sim-articles a { color: inherit; text-decoration: inherit; display: block; position: relative; padding: 10px; height: 100%; overflow: hidden }
.sim-articles a::before { content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; height: 0; background: #0068b7; opacity: .1; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; pointer-events: none }
.sim-articles a:hover::before { height: 100% }
.form .head { font-size: 15px; line-height: 1.2; margin-bottom: 0; position: relative; padding-left: 15px }
.form .head::before { content: ""; display: block; position: absolute; left: 0; top: 4px; border: 8px solid transparent; border-left-color: #0168b7; border-top-width: 5px; border-bottom-width: 5px }
.form .radio { display: table; border: 1px solid #0168b7; padding: 10px; border-radius: 5px }
.form .mwform-radio-field label { cursor: pointer }
.form .mwform-radio-field input { display: none }
.form .mwform-radio-field-text { display: block; position: relative; padding-left: 30px }
.form .mwform-radio-field-text::before { content: ""; display: block; position: absolute; top: 5px; left: 0; width: 16px; height: 16px; border-radius: 12px; border: 2px solid #acc4d6 }
.form .mwform-radio-field-text::after { content: ""; display: block; position: absolute; top: 9px; left: 4px; width: 12px; height: 12px; border-radius: 6px; background: #0168b7; opacity: 0; -webkit-transition: .2s; -o-transition: .2s; transition: .2s }
.form input:checked + .mwform-radio-field-text::after { opacity: 1 }
.form .mwform-checkbox-field label { cursor: pointer }
.form .mwform-checkbox-field input { display: none }
.form .mwform-checkbox-field-text { display: block; position: relative; padding-left: 30px }
.form .mwform-checkbox-field-text::before { content: ""; display: block; position: absolute; top: 5px; left: 0; width: 16px; height: 16px; border: 2px solid #acc4d6 }
.form .mwform-checkbox-field-text::after { content: ""; display: block; position: absolute; top: 5px; left: 3px; width: 15px; height: 7px; border: 4px solid #0168b7; border-top: none; border-right: none; -webkit-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); opacity: 0; -webkit-transition: .2s; -o-transition: .2s; transition: .2s }
.form input:checked + .mwform-checkbox-field-text::after { opacity: 1 }
.form input[type="text"], .form input[type="email"] { font-size: 16px; line-height: 1; padding: 15px; width: 100%; vertical-align: top; border: 1px solid #0168b7; border-radius: 4px }
.form .form_zip1 { width: 6em !important }
.form .form_zip2 { width: 7em !important }
.form .mwform-tel-field input[type="text"] { width: 5em !important }
.form textarea { font-size: 16px; line-height: 1.5; padding: 5px; width: 100%; height: 10em; border: 1px solid #0168b7; border-radius: 4px }
.form select { font-size: 16px; padding: 5px; border: 1px solid #0168b7; border-radius: 4px }
.form .input { margin: 5px 0 0 }
.form .row { border-bottom: 1px solid #ccc; padding-bottom: 15px }
.form .row + .row { margin-top: 15px }
.form .input + .head { margin-top: 10px }
.form .required label::after { content: "必須"; display: inline-block; font-size: 10px; line-height: 1; color: #f66; border: 1px solid; padding: 1px 4px; margin-left: 10px; border-radius: 3px }
.form *::placeholder { color: #bbb }
.form *:-ms-input-placeholder { color: #bbb }
.form *::-ms-input-placeholder { color: #bbb }
.form .btns { padding: 20px; text-align: center; letter-spacing: normal }
.form .form_submit { font-size: 18px; font-weight: bold; color: #fff; background-color: #0068b7; line-height: 1.3; padding: 10px 40px; border-radius: 8px; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; outline: none; margin: 0 5px }
.form .form_submit:hover,
.form .form_submit:focus { box-shadow: inset 0 0 0 2em #7bb51a }
.form .form_submit[name="submitBack"] { background-color: #ccc }
.form .form_submit[name="submitBack"]:hover,
.form .form_submit[name="submitBack"]:focus { box-shadow: inset 0 0 0 2em #aaa }
.form .error { font-size: 13px; color: #f00; background: #ff000008; border: 1px solid; padding: 0 10px; margin-top: 5px }
.mw_wp_form_confirm .form .required label::after { display: none }
.mw_wp_form_confirm .form .input { font-weight: bold; padding-left: 1.5em }
.mw_wp_form_confirm .form .radio { border: none; padding: 0 }
.mw_wp_form_confirm label[for="form_pp"] a { text-decoration: none; color: inherit; pointer-events: none }
.mw_wp_form_confirm label[for="form_pp"] a::after { content: none }
.middle { font-size: 24px !important; margin-bottom: 1.17em !important }
.tbl_auto { table-layout: auto !important }
.tbl_auto tr > * { text-align: left !important }
.ta-r { text-align: right !important }
.center { text-align: center !important }
.boxies_center { display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-evenly }
.boxies_center2 { display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between }
.box_center { display: table; margin-left: auto; margin-right: auto }
.hd_line2 + .hosoku { text-align: center; margin: -24px 0 34px; font-size: 14px }
.frontier {display: flex;flex-wrap: wrap;--num: 2;--gap: 20px;gap: 60px var(--gap);}
.frontier > section {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );text-align: center;position: relative;padding: 0 0 38px;}
.frontier p { margin-top: 20px }
.frontier .btn {position: absolute;bottom: 0;left: 20px;right: 20px}
.frontier img { border: 1px solid #ccc; box-shadow: 0px 10px 18px -12px }
.frontier__nolink {padding-bottom: 0 !important;}
.frontier__nolink > :last-child {margin-bottom: 0 !important;}
.sosikizu { display: flex; display: -webkit-flex; justify-content: space-between; width: 600px; margin: 0 auto }
.sosikizu .col { width: 260px }
.sosikizu .row { white-space: nowrap; line-height: 40px; padding: 0 15px; border: 1px solid #888; position: relative; box-shadow: 2px 2px 2px #888 }
.sosikizu .row.nothing { border: none !important; box-shadow: none }
.sosikizu .row + .row { margin-top: 15px }
.sosikizu .row::after { content: ""; display: block; position: absolute }
.sosikizu .yoko-1-3::after { top: 100%; left: 50%; border-right: 1px solid #888; height: 72px }
.sosikizu .child::after { bottom: 50%; right: 100% }
.sosikizu .child-1::after { width: 82px; border-top: 1px solid #888 }
.sosikizu .child-2::after { width: 41px; height: 57px; border-left: 1px solid #888; border-bottom: 1px solid #888 }
.sosikizu .child-3::after { width: 41px; height: 114px; border-left: 1px solid #888; border-bottom: 1px solid #888 }
.sosikizu .child-4::after { width: 41px; height: 171px; border-left: 1px solid #888; border-bottom: 1px solid #888 }
.qc_photos { margin: -17px 0 0 -18px }
.qc_photos::after { content: ""; display: block; clear: both }
.qc_photos li { float: left; font-size: 14px; text-align: center; margin: 17px 0 0 18px }
.qc_photos p { margin: 0 }
.qc_photos img { box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.26), 0 0 4px rgba(0, 0, 0, 0.12) }
.tbl_data { font-size: 14px; line-height: 1.2; table-layout: auto !important }
.tbl_data tr > * { padding: 5px }
.tbl_data + .hosoku { margin-top: -20px }
.tbl_data + .hosoku + .hosoku { margin-top: -15px }
.tbl_data caption { position: relative; padding-left: 14px; text-align: left; margin-bottom: 5px }
.tbl_data caption::before { content: ""; display: block; position: absolute; top: 2px; left: 0; border: 7px solid transparent; border-left: 7px solid #444; border-right: none }
.wn { white-space: nowrap !important }
.ww { white-space: normal !important }
.oh { overflow: hidden !important }
.johnson-box { border: 3px double #ccc; padding: 15px; margin: 1.75em 0 }
.effect_btnimg { display: inline-block; position: relative; -webkit-transition: .1s; -o-transition: .1s; transition: .1s; top: 0; left: 0 }
.effect_btnimg:hover { top: 2px; left: 2px; box-shadow: none }
.shadow { box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.26), 0 0 4px rgba(0, 0, 0, 0.12) }
.tbl_address { margin: 0 !important; table-layout: auto !important }
.tbl_address tr > * { padding: 5px 15px; line-height: 1.5; font-size: 16px }
.tbl_address tr > td { text-align: left }
.list_dekiru { display: table; counter-reset: list_dekiru; width: 100%; border-collapse: separate; border-spacing: 15px; margin: -15px }
.list_dekiru li { display: table-row; counter-increment: list_dekiru; height: 50px }
.list_dekiru .head { white-space: nowrap; text-align: center; padding: 0 38px; color: #fff; font-weight: 500; background: url(//www.mitsufuku.co.jp/img/recruit/icon_heart.png) 10px center no-repeat #1b5399 }
.list_dekiru .icon_heart { background-image: url(//www.mitsufuku.co.jp/img/recruit/icon_heart.png) }
.list_dekiru .icon_balloon { background-image: url(//www.mitsufuku.co.jp/img/recruit/icon_balloon.png) }
.list_dekiru .icon_good { background-image: url(//www.mitsufuku.co.jp/img/recruit/icon_good.png) }
.list_dekiru li .head::before { content: counter(list_dekiru)"."; font-size: 24px; vertical-align: middle; display: inline-block; position: relative; top: -2px; left: -5px }
.list_dekiru li > span { display: table-cell; vertical-align: middle; line-height: 1.6 }
.block_voice { position: relative; margin: 60px 0 }
.block_voice .icon { position: absolute; top: 0; left: 0; width: 60px; height: 60px }
.block_voice .head { padding-left: 70px; font-size: 23px; color: #1b5399; font-weight: 500; line-height: 30px; margin-bottom: 10px }
.block_voice .head2 { font-weight: bold; font-size: 20px; margin-bottom: 10px; border-bottom: 1px solid #ccc; position: relative; padding-left: 18px }
.block_voice .head2::before { content: ""; display: inline-block; position: absolute; border: 8px solid transparent; border-left-width: 8px; border-left-color: #888; border-right: none; top: 10px; left: 0 }
.list_squ { font-size: 20px; font-weight: bold; display: table; margin: 30px auto }
.list_squ li { position: relative; padding-left: 1.4em }
.list_squ li::before { content: ""; position: absolute; display: block; top: 50%; margin-top: -.5em; left: 0; width: 1em; height: 1em; background-color: #888 }
.box_recruit a { text-decoration: none }
.box_recruit a::after { content: none }
.box_recruit img { vertical-align: middle; margin: 0 20px }
.qrcode { border: 1px solid }
.tbl_recruit { table-layout: auto !important }
.tbl_recruit th { white-space: nowrap }
.tbl_recruit td { text-align: left }
.tbl_layout { display: table }
.tbl_layout .row { display: table-row }
.tbl_layout .th { display: table-cell }
.tbl_layout .td { display: table-cell }
.tbl_history { table-layout: auto !important }
.tbl_history tr > * { padding: 10px 10px; text-align: left; vertical-align: top }
.tbl_history th { white-space: nowrap }
.tbl_history th:nth-child(1) { border-right: none }
.tbl_history th:nth-child(2) { padding-left: 0; padding-right: 0; border-left: none; border-right: none }
.tbl_history th:nth-child(3) { border-left: none }
.tbl_history .fl { float: left; margin-right: 10px }
.tbl_history .fr { margin: 0 0 0 10px }
.list_setubi { display: flex; display: -webkit-flex; flex-wrap: wrap; font-size: 15px }
.list_setubi section { width: 365px; margin: 0 20px 20px 0; border: 1px solid #888; box-shadow: 0 5px 10px -5px #888; padding: 10px 10px 10px 170px; position: relative; min-height: 162px }
.list_setubi section:nth-child(2n) { margin-right: 0 }
.list_setubi .img { position: absolute; top: 0; left: 0 }
.list_setubi .head { position: relative; font-weight: bold; margin-bottom: 10px; padding-bottom: 5px; text-align: center; border-bottom: 1px dashed #ccc }
.list_setubi .exp { margin: 0 }
.big2_b { font-weight: bold; font-size: 150%; margin-bottom: 1.0em !important; color: #0068b7 }
.tbl_gijutu { table-layout: auto !important; border-bottom: 1px solid #a0a0a0 }
.tbl_gijutu tr > * { padding: 5px 10px }
.tbl_gijutu tbody td { border-top: none; border-bottom: none; padding-top: 0; padding-bottom: 0 }
.tbl_gijutu tbody td:nth-child(2n+1) { text-align: left }
.tbl_gijutu tbody tr:first-child td { padding-top: 5px }
.tbl_gijutu tbody tr:last-child td { padding-bottom: 5px }
.box_gijutu { border: 1px solid #a0a0a0; box-shadow: 0 3px 5px -3px #888; padding: 20px; margin: 1.75em; background: #fafafa; text-align: center; font-size: 20px; font-weight: bold; color: #666; border-radius: 10px }
.box_gijutu p { margin-bottom: 0 }
.box_gijutu strong { font-size: 24px; color: #0068b7 }
.box_gijutu2 {padding: 20px 40px;background: #fafafa;color: #666;margin: 60px auto;}
.box_gijutu2 > *:last-child { margin-bottom: 0 }
.box_gijutu2 > .head { font-size: 18px; font-weight: bold; border-bottom: 2px solid #cf0c0c; margin-bottom: 15px; text-align: center }
.box_inquiry { background: #e3f5ff; border: 1px solid #81a6bb; margin: 1.75em; padding: 20px; font-size: 20px; box-shadow: 0 3px 5px -3px #888; display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-around; border-radius: 10px }
.box_inquiry > p { width: 520px; font-size: 19px; font-weight: bold; text-align: center; margin-bottom: 0 !important }
.box_inquiry > p + p { margin-top: 20px }
.box_inquiry > p a,
.box_inquiry > p .fax { text-decoration: none; display: block; height: 130px; background: #fff; color: inherit }
.box_inquiry > p:not(.email) a > span,
.box_inquiry > p .fax > span { display: block; padding: 19px 0 15px }
.box_inquiry .email a { background: url(//www.mitsufuku.co.jp/img/cmn/resdv_mail.png) 101px 37px no-repeat #f39700; border-radius: 8px; box-shadow: 3px 3px 0 #c47a00; color: #fff; font-size: 24px; line-height: 1.3; text-align: left; margin-right: 3px; padding: 34px 0 0 203px; position: relative }
.box_inquiry .email a:hover { top: 3px; left: 3px; box-shadow: 0 0 0 transparent }
.list_zoomphoto { display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-around; margin: -30px 0 1.75em }
.list_zoomphoto li { margin-top: 30px; position: relative }
.list_zoomphoto span { display: inline-block; position: absolute; top: 5px; left: 5px; background: rgba(255,255,255,.9); padding: 0 5px; font-size: 13px }
.list_zoomphoto img { box-shadow: 0px 5px 10px -3px #888 }
.list_zoomphoto .bg_red { background: #f33; color: #fff }
.list_zoomphoto .bg_blue { background: #33f; color: #fff }
.list_zoomphoto .bg_green { background: #3c3; color: #fff }
.list_photos2 { display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-around; margin: -30px 0 1.75em }
.list_photos2 li { margin-top: 30px; position: relative }
.list_photos2 img { box-shadow: 0px 18px 10px -15px #888 }
.list_photos2 p { margin: 0 0 5px; text-align: center }
.list_photos3 {display: flex;display: -webkit-flex;flex-wrap: wrap;justify-content: center;margin: 0 auto 20px;--num: 3;--gap: 30px;gap: var(--gap);}
.list_photos3 li {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );}
.list_photos3 img {box-shadow: 0px 18px 10px -15px #888;width: 100%;height: auto;}
.list_photos3 p { margin: 0 0 5px; text-align: center }
.list_photos3 figcaption {font-weight: bold;font-size: 18px;text-align: center;margin-top: 5px;}
.list_photos3--left {justify-content: flex-start;}
.list_photos3__caption {font-weight: bold;font-size: 18px;text-align: center;}
.txt_img2 { display: flex; display: -webkit-flex; justify-content: space-between; margin-bottom: 1.75em; flex-direction: row-reverse }
.txt_img2 > .img { margin-left: 30px }
.txt_img2 > .img *:last-child,
.txt_img2 > .txt *:last-child { margin-bottom: 0 !important }
.popup { cursor: zoom-in }
.popup img:hover { opacity: .7 }
.popup2 { cursor: zoom-in }
.popup2 img:hover { opacity: .7 }
.imgdeco { border: 1px solid #ccc; box-shadow: 0px 6px 15px -10px #000 }
.imgdeco2 { box-shadow: 0px 6px 15px -10px #000 }
.photos_glass { position: relative; height: 351px; font-size: 13px; text-align: center }
.photos_glass > p { position: absolute; margin-bottom: 0 }
.photos_glass .img1 { left: 0; top: 0 }
.photos_glass .img2 { left: 490px; top: 0 }
.photos_glass .img3 { left: 490px; top: 210px }
.photos_glass .img4 { left: 582px; top: 210px }
.photos_glass img { box-shadow: 0px 8px 8px -8px #000 }
.mv_youtube { position: relative; height: 0; padding-top: 56.25% }
.mv_youtube iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100% }
.box_fr_cp { width: 514px; margin-left: auto; margin-right: auto }
.box_fr_cp .img_txt { margin-top: 15px }
.box_blue { border: 1px solid #0168b7; padding: 20px; background: #fff; box-shadow: 0 10px 10px -10px #000; background: #fafdff }
.tr { text-align: right }
.fr { float: right; margin: 3px 10px 0 0 }
.nomark { list-style: none }
.big { font-weight: bold; font-size: 18px }
.big2 { font-weight: bold; font-size: 150%; margin-bottom: 1.0em !important }
.small { font-size: 14px }
.hosoku { text-align: right; color: #808080; font-size: 14px }
.bgy { background-color: #FFFFCC }
table caption.cp_left { text-align: left !important }
ol.ol_decimal { list-style-type: decimal; margin-left: 30px }
ol.ol_decimal li { line-height: 2.0em }
.ul_dotted { list-style-type: disc; margin-left: 30px }
.ul_dotted2 { font-size: 16px; line-height: 1.75; display: flex; display: -webkit-flex; flex-wrap: wrap; flex-direction: column; height: 10.5em; margin-left: -30px }
.ul_dotted2 li { position: relative; margin-left: 60px }
.ul_dotted2 li:not(.nomark)::before { content: ""; display: block; position: absolute; left: -17px; top: 11px; width: 6px; height: 6px; background: #444; border-radius: 3px }
.btn_wide a { white-space: normal; width: 49.4% }
.btn_wide a:nth-child(odd){ margin-right: 3px }
.img_txt { display: flex; display: -webkit-flex; justify-content: flex-start; margin-bottom: 1.75em }
.img_txt > .img { margin-right: 30px }
.img_txt > .img *:last-child,
.img_txt > .txt *:last-child { margin-bottom: 0 !important }
.txt_img { display: flex; display: -webkit-flex; justify-content: space-between; margin-bottom: 1.75em }
.txt_img > .img { margin-left: 30px }
.txt_img > .img *:last-child,
.txt_img > .txt *:last-child { margin-bottom: 0 !important }
.img_img, .txt_txt { display: flex; display: -webkit-flex; justify-content: space-around; margin-bottom: 1.75em }
.img_img2 { display: flex; display: -webkit-flex; justify-content: space-evenly; margin-bottom: 1.75em }
.table_happo tr th:nth-child(1) { width: 28% }
.table_happo tr td:nth-child(2) { text-align: left }
.ul_process { margin: 30px auto; overflow: hidden; width: 580px }
.ul_process li { float: left; box-sizing: border-box; position: relative }
.ul_process li h4, .ul_process .str { padding-left: 10px; font-size: 15px; display: block; margin: 0 !important }
.ul_process li p { margin-bottom: 0px; position: absolute; bottom: 10px; right: 15px; font-size: 13px; text-shadow: 0 0 15px #fff, 0 0 15px #fff, 0 0 20px #fff }
.table_mf_use tr td:nth-child(2), .table_mf_use tr td:nth-child(3) { text-align: left }
table.line_hl tr:first-child > .hl { border-top: 2px solid #000 !important }
table.line_hl .hl { border-left: 2px solid #000 !important; border-right: 2px solid #000 !important }
table.line_hl .hl.last { border-bottom: 2px solid #000 !important }
.under_double { border-bottom: double grey }
.margin_minus { margin-top: -25px }
.bg_yellow { background-color: #ffffcc; padding: 20px 30px 20px 50px; margin-left: 0px !important }
.kigou { font-size: 150%}
.tbl_addr { width: 70% !important; table-layout: auto !important }
.tbl_addr caption { font-size: 18px; color: #444; text-align: left; padding-left: 18px; position: relative; margin-bottom: 5px }
.tbl_addr caption::before { content: ""; display: block; position: absolute; top: 6px; left: 0; border: 8px solid transparent; border-left: 9px solid #444; border-right: none }
.tbl_addr tr > * { padding: 5px 10px }
.tbl_addr th { white-space: nowrap }
.tbl_addr td { text-align: left }
.tbl_hosoku .row { display: table-row }
.tbl_hosoku .td + .td { padding-left: 1.5em }
.tbl_hosoku .td { display: table-cell }
.tbl_hosoku { color: #888; font-size: 14px; display: table; margin: 0 auto }
.tbl_hosoku br { display: none }
.twkap { width: 10px; white-space: nowrap }
.box_leftimg { display: flex }
.box_leftimg > .img { margin-right: 20px }
.box_leftimg > .img img { max-width: 730px }
.box_rightimg { display: flex; flex-direction: row-reverse }
.box_rightimg > .img { margin-left: 20px }
.box_rightimg > .img img { max-width: 730px }
.marker { background: linear-gradient(transparent 60%, #ffd066 60%) }
.link_arrow2 { text-decoration: underline !important }
.link_arrow2:hover { text-decoration: none !important }
.link_arrow2::after { content: " \0020\00226b" }
.word { display: inline-block !important }
.ta-justify { text-align: justify !important }
.tbl_index, body .main .tbl_index {width: 100%;}
.tbl_index tr > *, body .main .tbl_index tr > * {border: none;vertical-align: top;text-align: justify;}
.tbl_simplelist, .tbl_simplelist table {width: auto !important;margin-top: 0;}
.tbl_simplelist tr > * {border: none !important;padding: 0 !important;vertical-align: top;}
.tbl_simplelist td:first-child {white-space: nowrap;}
.tbl_simplelist tr:not(:first-child) > * {padding-top: 1em !important;}
figure.tbl_simplelist {margin-bottom: 0 !important;}   .sbody > *:first-child { margin-top: 0 !important }
.sbody h1, .block-editor__typewriter h1 { font-size: 28px; font-weight: bold; line-height: 1.23; background: url(//www.mitsufuku.co.jp/img/cmn/bg_h2.png) right bottom no-repeat #f9f9fa; border-left: 7px solid #0068b7; margin: 180px 0 20px; padding: 18px 15px 18px }
.sbody h2, .block-editor__typewriter h2 { font-size: 23px; font-weight: bold; color: #0068b7; line-height: 1.23; position: relative; border-left: 3px solid #00a0e9; background: url(//www.mitsufuku.co.jp/img/cmn/bg_h3.png) right bottom no-repeat #f8f8f8; margin: 80px 0 30px; padding: 6px 15px; text-shadow: #f8f8f8 2px 0px 0px, #f8f8f8 -2px 0px 0px, #f8f8f8 0px -2px 0px, #f8f8f8 0px 2px 0px, #f8f8f8 2px 2px 0px, #f8f8f8 -2px 2px 0px, #f8f8f8 2px -2px 0px, #f8f8f8 -2px -2px 0px, #f8f8f8 1px 2px 0px, #f8f8f8 -1px 2px 0px, #f8f8f8 1px -2px 0px, #f8f8f8 -1px -2px 0px, #f8f8f8 2px 1px 0px, #f8f8f8 -2px 1px 0px, #f8f8f8 2px -1px 0px, #f8f8f8 -2px -1px 0px, #f8f8f8 1px 1px 0px, #f8f8f8 -1px 1px 0px, #f8f8f8 1px -1px 0px, #f8f8f8 -1px -1px 0px }
.sbody h2::after, .block-editor__typewriter h2::after { content: ""; display: block; position: absolute; left: -3px; right: 0; bottom: -5px; border-bottom: 1px solid #0068b7 }
.sbody h3, .block-editor__typewriter h3 { font-size: 20px; font-weight: bold; line-height: 1.5; position: relative; padding: 0 0 5px 38px; margin: 60px 0 10px; border-bottom: 1px solid #0068b7 }
.sbody h3::before, .block-editor__typewriter h3::before { content: ""; position: absolute; left: 0; top: 3px; background: url(//www.mitsufuku.co.jp/img/cmn/bg_h5.png); width: 30px; height: 30px }
.sbody h4, .block-editor__typewriter h4 { font-size: 18px; font-weight: bold; line-height: 1.5; margin: 40px 0 15px; position: relative; padding-bottom: 7px }
.sbody h4::after, .block-editor__typewriter h4::after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 48px; height: 3px; background: #f00 }
.sbody h5 { font-weight: bold; border-bottom: 1px solid; margin: 20px 0 15px }
.sbody h6 { font-weight: bold; margin: 20px 0 10px }
.sbody em, .block-editor__typewriter em { font-style: italic }
.sbody blockquote, .block-editor__typewriter blockquote { background: #f5f5f5; padding: 20px; border-radius: 10px; margin: 1.75em 15px; color: #888 }
.sbody blockquote > *:last-child, .block-editor__typewriter blockquote > *:last-child { margin-bottom: 0 !important }
.sbody ul:not(.blocks-gallery-grid), .block-editor__typewriter ul { margin: 1.75em 0 }
.sbody ul:not(.blocks-gallery-grid) li, .block-editor__typewriter ul li { position: relative; padding-left: 1.8em }
.sbody ul:not(.blocks-gallery-grid) li::before, .block-editor__typewriter ul li::before { content: ""; display: block; position: absolute; width: 4px; height: 4px; border-radius: 2px; background-color: #333; top: 50%; left: 12px; margin-top: -2px }
.sbody ol, .block-editor__typewriter ol { margin: 1.75em 0; list-style: decimal; padding-left: 1.8em }
.sbody li + li, .block-editor__typewriter li + li { margin-top: 10px }
.meta { text-align: right; color: #888; font-size: 14px }
a[target="_blank"].noicon:after { content: none !important }
.noul { text-decoration: none !important }
.sbody a img, .block-editor__typewriter a img { -webkit-transition: .6s; -o-transition: .6s; transition: .6s }
.sbody a:hover img, .block-editor__typewriter a:hover img { opacity: .7 }
.sbody table, .block-editor__typewriter table { table-layout: auto }
.sbody table td > *:last-child, .block-editor__typewriter table td > *:last-child { margin-bottom: 0 !important }
.sbody table td, .block-editor__typewriter table td { text-align: left }
.sbody hr, .block-editor__typewriter hr { border-top: 1px dashed #ccc; border-bottom: none; margin: 80px 0 }
.box { border: 1px solid #ccc; padding: 20px; margin-bottom: 1.5em }
.box > *:first-child { margin-top: 0 !important }
.box > *:last-child { margin-bottom: 0 !important }
.tbl { display: table; border-collapse: collapse; width: 100% }
.tbl-row { display: table-row }
.tbl-row > * { display: table-cell }
.tbl-row > * { display: table-cell; vertical-align: middle }
.gallery { display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; border: 1px solid #ccc; padding: 20px }
.gallery figure { display: table; text-align: center; width: 10px }
.gallery figcaption { font-size: 14px; line-height: 1.3; margin-top: 10px }
.icon_pdf::before { content: ""; display: inline-block; width: 16px; height: 16px; background: url(//www.mitsufuku.co.jp/img/old/images/icon_pdf.gif); position: relative; top: 3px; margin-right: 5px }   .pagenation { font-size: 14px; line-height: 1 }
.pagenation ul { display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: center }
.pagenation li { width: 36px; line-height: 36px; background-color: #efefef; text-align: center; border-radius: 4px; margin: 3px }
.pagenation a { color: inherit; text-decoration: inherit; display: block; line-height: 36px; border-radius: 4px; -webkit-transition: .3s; -o-transition: .3s; transition: .3s }
.pagenation a:visited { color: inherit }
.pagenation .none { opacity: .3 }
.pagenation a:hover,
.pagenation a:focus,
.pagenation .active { background-color: #888; color: #fff }
.pagenation li:first-child,
.pagenation li:last-child { width: 72px; text-indent: -99999px; position: relative }
.pagenation li:first-child::before,
.pagenation li:last-child::before { content: ""; display: block; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border: 10px solid transparent; border-top-width: 5px; border-bottom-width: 5px; pointer-events: none; -webkit-transition: .3s; -o-transition: .3s; transition: .3s }
.pagenation li:first-child::before { border-left: none; border-right-color: #888 }
.pagenation li:last-child::before { border-right: none; border-left-color: #888 }
.pagenation li:not(.none):first-child:hover::before { border-right-color: #fff }
.pagenation li:not(.none):last-child:hover::before { border-left-color: #fff }
.page_num { margin: 0 !important; text-align: right; font-size: 13px; color: #888 }  #side-blog .screen-reader-text { display: none }
#side-blog > :first-child { margin-top: 0 !important }
#side-blog a { color: #888; text-decoration: none }
#side-blog a:hover { color: #000; text-decoration: underline }
#side-blog li + li { margin-top: 10px; border-top: 1px solid #e5e5e5 }
#side-blog li { position: relative; padding: 10px 0 0 22px }
#side-blog li::after {content: "";position: absolute;border-style: solid;border-color: transparent transparent transparent #fff;border-width: 4px 6px;top: 17px;left: 6px;}
#side-blog li::before {content: "";position: absolute;top: 13px;left: 0;width: 16px;height: 16px;background: #009688;border-radius: 10px;}
#side-blog ul:not(.list_pblog) {font-size: 14px;line-height: 1.5;margin: 10px 5px 20px;text-align: justify;}
#side-blog { width: 260px }
#side-blog-searchsubmit { background: #0068b6; color: #fff; padding: 0 15px; border-radius: 0 4px 4px 0; width: 25% }
.blogs article + article { margin-top: 40px }
.blogs h3 a { color: inherit !important; text-decoration: none }
.blogs h3 a:hover { text-decoration: underline }
.blogs h3 {margin: 0 auto 20px;line-height: 1.4;font-size: 22px;text-align: justify;font-weight: bold;}
.blogs { margin-top: 40px }
.blogs-conthumb { display: flex; justify-content: space-between; flex-direction: row-reverse }
.blogs-date {font-size: 12px;color: #888;margin: 0 auto !important;}
.blogs-excerpt p {margin-bottom: 0 !important;text-align: justify;}
.blogs-excerpt { width: calc(70% - 10px); opacity: .5; font-size: 14px; transition: all ease .3s }
.blogs-excerpt:hover { opacity: 1 }
.blogs-thumb figure { position: absolute; background: url(//www.mitsufuku.co.jp/img/cmn/thumb-dummy.png) center/cover no-repeat; top: 0; left: 0; right: 0; bottom: 0 }
.blogs-thumb {width: 30%;height: 0;padding-top: 20%;transition: all ease .3s;position: relative;border: 1px solid #c2cfde;}
.blogs-thumb:hover { opacity: .6 }
.side-blog-head { padding: 10px 30px 10px 20px; font-size: 18px; line-height: 1.23; font-weight: bold; color: #0068b7; background: linear-gradient(0deg, #f7f7f7 0%, #f7f7f7 50%, #fff 50%, #fff 100%); min-height: 60px; display: flex; align-items: center; border: 1px solid #d2ebf7 }
.side-blog-search { display: flex; justify-content: center }
.side-blog-searchfield { font-size: 16px; line-height: 1.75; outline: none; border: 1px solid #ccc; padding: 5px 10px; border-radius: 4px 0 0 4px; width: 75% }
.side-blog-wrap { margin: 30px 0 }
.kanrenWrap { margin-top: 80px }
.list_blog4 .thumb .cat { position: absolute; top: 0; left: 0; max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: #000; color: #fff; font-weight: normal; font-size: 12px; padding: 2px 10px; transition: all ease .3s }
.list_blog4 .thumb .cat:hover { opacity: .6 }
.list_blog4 .thumb a:not(.cat) { position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: url(//www.mitsufuku.co.jp/img/cmn/thumb-dummy.png) center/cover no-repeat; border: 1px solid #e1e1e1; transition: all ease .3s }
.list_blog4 .thumb a:not(.cat):hover { opacity: .6 }
.list_blog4 .thumb { width: 100%; height: 0; padding: 25%; position: relative; margin-bottom: 10px }
.list_blog4 .title { margin: 0; text-align: justify }
.list_blog4 { display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 13px; line-height: 1.4 }
.list_blog4::before { order: 1 }
.list_blog4::before, .list_blog4::after {content: "";}
.list_blog4::before, .list_blog4::after, .list_blog4 > li { width: calc((100% - 30px) / 3); margin: 20px 0 0 }
.list_pblog .thumb a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all ease .3s }
.list_pblog .thumb a.cat { bottom: auto !important; right: auto !important; max-width: 90%; background: #000; color: #fff !important; padding: 3px 10px; font-size: 10px; text-decoration: none !important }
.list_pblog .thumb a:hover { opacity: .6 }
.list_pblog .thumb a[class^="thumb-"] { background: url(//www.mitsufuku.co.jp/img/cmn/thumb-dummy.png) center/cover no-repeat }
.list_pblog .thumb { position: relative; height: 0; padding-top: 35% }
.list_pblog li:not(body) > * {width: calc((100% - 10px) / 2);text-align: justify;}
.list_pblog li:not(body) > .content time { color: #888; margin-top: 5px; display: block }
.list_pblog li:not(body) { display: flex; justify-content: space-between; padding: 10px 0 0 !important }
.list_pblog li:not(body)::before, .list_pblog li:not(body)::after { content: none !important }
.list_pblog { font-size: 12px; line-height: 1.3 }
.noposts { border: 1px solid #ccc; color: #ccc; text-align: center; padding: 1em }
.nostyle { color: inherit; text-decoration: inherit }
.notfound { color: #888; text-align: center; border: 1px solid #e1e1e1; padding: 30px }
.mce-ico { font: normal 20px/1 dashicons !important }     @media screen and ( min-width: 751px ), print {
.sp_only { display: none !important }
body { min-width: 1100px }
#hdr,
#ftr > .inner,
#sitemap,
#gn ul,
#gn2 ul,
.block,
.block_w1,
#home01 > .inner,
#home02 > .inner,
#home03 > .inner,
#home03_new > .inner,
#home04 > .inner,
#home05 > .inner,
#info,
#rdv > .inner { width: 1100px; margin-left: auto; margin-right: auto }
a[href^="tel:"] { pointer-events: none; text-decoration: inherit; color: inherit }  .block { margin-top: 80px }
.pc_mb100 { margin-bottom: 100px !important }   .btns a:hover,
.btn:hover { color: #fff; background-color: #0168b7 }
.btns a:hover::before,
.btn:hover::before { left: 110%; background-color: #fff }
.main .btn:hover,
.main .btns a:hover { color: #fff }   .products {display: flex;display: -webkit-flex;justify-content: space-between;flex-wrap: wrap;}
.products > div, .products::before, .products::after {width: calc((100% - 60px) / 3);box-sizing: border-box;}
.products > div:nth-child(3n) { margin-right: 0 }
.products > div:nth-child(n+4) { margin-top: 32px }
.products p {padding: 0 20px 15px;min-height: 62px;display: table;margin: auto;text-align: justify;}
.products::before {content: "";order: 1;}
.products::after {content: "";}
\
.products2 { display: flex; display: -webkit-flex; justify-content: flex-start; flex-wrap: wrap }
.products2 > div { width: 336px; margin-right: 31px }
.products2 > div:nth-child(3n) { margin-right: 0 }
.products2 > div:nth-child(n+4) { margin-top: 32px }
.products2 p { padding: 0 20px; min-height: 62px }
.news { border-top: 1px dotted #000; margin-bottom: 11px }
.news article { border-bottom: 1px dotted #000; padding: 10px 0 }
.news p { white-space: nowrap; display: inline-block; min-width: 10.5em; position: absolute; left: 0; top: 0 }
.news p::before { content: ""; display: inline-block; width: 13px; height: 13px; background: #0069b7; margin-right: 5px }
.news p::after { content: ""; display: block; position: absolute; right: 0; top: 5px; bottom: 5px; width: 1px; background-color: #000 }
.news p > span { display: inline-block; text-align: right }
.news p > span:first-child { min-width: 3.5em }
.news p > span:nth-child(2),
.news p > span:nth-child(3) { display: inline-block; width: 2.5em }
.news h1,
.news h2,
.news h3,
.news h4,
.news h5,
.news h6 { display: inline-block; padding: 0 13px; word-break: break-all }
.news article > .inner { display: inline-block; border-bottom: 1px solid #000; position: relative; padding-left: 10.5em }
.news article > .inner::before { content: ""; display: block; position: absolute; bottom: -1px; left: 0; width: 16px; height: 1px; background: #3c80c1 }
.news a { text-decoration: none; color: inherit; position: relative }
.news a:hover { top: 2px; left: 2px; color: #0069b7 }
.news_link { display: table; width: 100% }
.news_link > p { display: table-cell }
.news_link > p:last-child { text-align: right }   #hdr { display: flex; display: -webkit-flex; height: 110px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }
#hdr_logo { margin-right: 83px; padding-top: 17px }
.hdr_phone { font-size: 14px; margin-right: 50px; padding: 20px 0 0 4px }
.hdr_phone small { font-size: 12px }
.hdr_phone a { display: inline-block; margin: 4px 0 0 }
.hdr_phone + .hdr_phone { margin-right: 51px }
#hdr_inquiry { padding-top: 20px }
#spmenu { display: none }   #gn { background-color: #013f7c }
#gn ul { display: flex }
#gn li { -webkit-transition: .6s; -o-transition: .6s; transition: .6s }
#gn .current,
#gn li:hover { background-color: #0168b7 }
#gn a { display: block; width: 145px; color: #fff; text-decoration: none; text-align: center; position: relative; font-size: 18px; font-weight: 500; line-height: 60px; white-space: nowrap }
#gn a::after { content: ""; display: block; position: absolute; top: 5px; bottom: 5px; right: 0; width: 1px; background-color: #fff }
#gn li:first-child a { background: url(//www.mitsufuku.co.jp/img/cmn/gn_home.png) center no-repeat; width: 85px; text-indent: -99999px }
#gn .current a { pointer-events: none }
#gn2 { background-color: #013f7c }
#gn2 ul {display: flex;height: 60px;}
#gn2 li {-webkit-transition: .6s;-o-transition: .6s;transition: .6s;width: 100%;}
#gn2 .current,
#gn2 li:hover { background-color: #0168b7 }
#gn2 a {display: flex;color: #fff;text-decoration: none;text-align: center;position: relative;font-size: 18px;font-weight: 500;line-height: 1;white-space: nowrap;padding: 0 10px;width: 100%;height: 100%;justify-content: center;align-items: center;}
#gn2 a::after { content: ""; display: block; position: absolute; top: 5px; bottom: 5px; right: 0; width: 1px; background-color: #fff }
#gn2 li:first-child {width: 85px;flex-shrink: 0;}
#gn2 li:first-child a {background: url(//www.mitsufuku.co.jp/img/cmn/gn_home.png) center no-repeat;text-indent: -99999px}
#gn2 .current a { pointer-events: none }
#fn { background-color: rgba(1, 63, 124, 0.7); position: fixed; top: 0; left: 0; right: 0; min-width: 1100px; z-index: 999999; box-shadow: 0 1px 8px #000; display: none }
#fn:hover { background-color: rgba(1, 63, 124, 1) }
#fn ul { display: flex; display: -webkit-flex; justify-content: center }
#fn li { -webkit-transition: .6s; -o-transition: .6s; transition: .6s }
#fn .current,
#fn li:hover { background-color: #0168b7 }
#fn a { display: block; width: 145px; color: #fff; text-decoration: none; text-align: center; position: relative; font-size: 14px; line-height: 30px; white-space: nowrap }
#fn a::after { content: ""; display: block; position: absolute; top: 5px; bottom: 5px; right: 0; width: 1px; background-color: #fff }
#fn li:first-child a { background: url(//www.mitsufuku.co.jp/img/cmn/gn_home.png) center no-repeat; background-size: 20px auto; width: 85px; text-indent: -99999px }
#fn .current a { pointer-events: none }
#fn2 { background-color: rgba(1, 63, 124, 0.7); position: fixed; top: 0; left: 0; right: 0; min-width: 1100px; z-index: 999999; box-shadow: 0 1px 8px #000; display: none }
#fn2:hover { background-color: rgba(1, 63, 124, 1) }
#fn2 ul {display: flex;justify-content: center;max-width: 1100px;margin: auto;}
#fn2 li {-webkit-transition: .6s;-o-transition: .6s;transition: .6s;width: 100%;}
#fn2 .current,
#fn2 li:hover { background-color: #0168b7 }
#fn2 a {display: block;color: #fff;text-decoration: none;text-align: center;position: relative;font-size: 14px;line-height: 1;white-space: nowrap;display: flex;justify-content: center;align-items: center;width: 100%;height: 30px;padding: 0 10px;}
#fn2 a::after { content: ""; display: block; position: absolute; top: 5px; bottom: 5px; right: 0; width: 1px; background-color: #fff }
#fn2 li:first-child {width: 60px;flex-shrink: 0;}
#fn2 li:first-child a { background: url(//www.mitsufuku.co.jp/img/cmn/gn_home.png) center no-repeat; background-size: 20px auto; text-indent: -99999px }
#fn2 .current a { pointer-events: none }   #rdv { padding: 50px 0 54px }
#rdv .hd_line2 { margin-bottom: 13px }
#rdv .str1 { text-align: center; margin-bottom: 35px }
#rdv .contact { display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-around; padding: 0 15px; margin-bottom: 28px }
#rdv .contact > p { width: 520px; font-size: 19px; font-weight: bold; text-align: center }
#rdv .contact > p a { text-decoration: none; display: block; height: 130px; background: #fff; color: inherit }
#rdv .contact > p:not(.email) a > span { display: block; padding: 19px 0 15px }
#rdv .contact > p:nth-child(n+3) { margin-top: 30px }
#rdv .contact .email a { background: url(//www.mitsufuku.co.jp/img/cmn/resdv_mail.png) 101px 37px no-repeat #f39700; border-radius: 8px; box-shadow: 3px 3px 0 #c47a00; color: #fff; font-size: 24px; line-height: 1.3; text-align: left; margin-right: 3px; padding: 34px 0 0 203px; position: relative }
#rdv .contact .email a:hover { top: 3px; left: 3px; box-shadow: 0 0 0 transparent }
#rdv .time { text-align: center; margin: 20px 0 0 }
#sitemap { padding: 53px 15px 65px }
#sitemap > ul { display: flex; display: -webkit-flex; justify-content: space-between }
#sitemap > ul > li > a,
#sitemap > ul > li > ul > li > a { white-space: nowrap }
#sitemap .pd > div { display: flex; display: -webkit-flex; justify-content: space-between }
#sitemap .pd > div > div { width: 141px; padding-right: 20px }
#sitemap > ul > li { padding-right: 20px }
#sitemap .pd { padding-right: 7px }
#sitemap .pd > div > div:last-child { padding-right: 20px }
#sitemap .cm { width: 170px }
#sitemap .ot { padding: 4px 0 0 0 }
#sitemap .ot li + li { margin-top: 10px }
#sitemap button { display: none }
#ftr { padding: 52px 0 8px; position: relative }
#ftr_con { display: flex; display: -webkit-flex; justify-content: flex-start }
#ftr_logo { padding-top: 8px }
#ftr_addr { padding: 7px 0 0 77px }
#ftr_addr::after { content: ""; display: block; clear: both }
#ftr_addr p { float: left; line-height: 1.8 }
#ftr_addr p:nth-child(2n+3) { clear: both }
#ftr_addr p:nth-child(n+3) { margin-top: 48px }
#cpr { display: block; font-size: 13px; text-align: center; margin-top: 47px }
#pagetop { position: absolute; background: inherit; cursor: pointer; font-size: 14px; top: -36px; right: 80px; padding: 5px 30px 7px 12px; border-radius: 4px 4px 0 0; background-image: url(//www.mitsufuku.co.jp/img/cmn/pagetop_arrow.png); background-color: inherit; background-repeat: no-repeat; background-position: 113px 10px }
.jp_en { margin-top: 2em }   #sld {margin-bottom: -48px;height: 429px;text-align: center;}
#sld .slick-slide { text-align: center }
#sld .slick-slide img { display: inline }
#sld a { display: block; position: relative }
#sld a::before,
#sld a::after { content: ""; position: absolute; left: 100px; right: 100px; height: 0; background: #000; opacity: .03; -webkit-transition: .3s; -o-transition: .3s; transition: .3s }
#sld a::before { top: 0 }
#sld a::after { bottom: 0 }
#sld a:hover::before,
#sld a:hover::after { height: 50% }
#sld a > span { display: none }
.mv01 { background: url(//www.mitsufuku.co.jp/img/home/mv01_bg.jpg) center no-repeat; background-size: cover }
.mv02 { background: url(//www.mitsufuku.co.jp/img/home/mv02_bg.jpg) center no-repeat #dcf1f4 }
.mv03 { background: url(//www.mitsufuku.co.jp/img/home/mv03_bg.png) center no-repeat; background-size: cover }
.mv04 { background: url(//www.mitsufuku.co.jp/img/home/mv04_bg.png) center no-repeat; background-size: cover }
.mv05 { background: url(//www.mitsufuku.co.jp/img/home/mv05_bg.jpg) center no-repeat; background-size: cover }
.mv06 { background: url(//www.mitsufuku.co.jp/img/home/mv06_bg.png) center no-repeat; background-size: cover }
.home #str1 {display: table;margin: 0 auto 40px;position: relative;font-size: 27px;font-weight: bold;line-height: 1.5;text-align: center;padding: 20px 20px 0;max-width: 800px;}
.home #str1::before {content: "";position: absolute;top: 0;bottom: 0;left: 50px;right: calc(50% - 50px);background: #fff;transform: skew(-25deg);border-radius: 8px;transform-origin: top left;}
.home #str1::after {content: "";position: absolute;top: 0;bottom: 0;left: calc(50% - 50px);right: 50px;background: #fff;transform: skew(25deg);border-radius: 8px;transform-origin: top right;}
.home #str2 { display: table; margin: 0 auto; position: relative; font-size: 27px; font-weight: bold; line-height: 1.5; text-align: center; padding: 20px 20px 0 }
#home01 .inner,
#home02 .inner,
#home03 .inner,
#home03_new .inner,
#home04 .inner,
#home05 .inner { padding: 0 15px }
#home01 h3,
#home02 h3,
#home03 h3,
#home03_new h3,
#home04 h3,
#home05 h3,
#home03 .sub h4 { font-size: 37px; font-weight: bold; line-height: 1.35; margin-bottom: 17px }
#home01 h3,
#home03 h3,
#home03_new h3,
#home05 h3 { position: relative; top: -19px; margin-bottom: -5px }
#home02 h3,
#home04 h3 { text-align: right }
#home03 .sub h4 { position: relative; top: -21px; margin-bottom: -5px }
#home01 h3 span,
#home02 h3 span,
#home03 h3 span,
#home03_new h3 span,
#home04 h3 span,
#home05 h3 span,
#home03 .sub h4 span { font-size: 25px; font-weight: bold; line-height: 1.3; display: inline-block; margin-bottom: 7px }
#home01 .exp,
#home02 .exp,
#home03 .exp,
#home03_new .exp,
#home04 .exp,
#home05 .exp { position: relative; min-height: 298px }
#home01 .exp { padding-right: 530px }
#home02 .exp { padding-left: 515px; margin-bottom: 50px }
#home03 .exp {margin-bottom: 50px;}
#home03_new .exp { padding-right: 530px }
#home04 .exp { padding-left: 515px; margin-bottom: 50px }
#home05 .exp { padding-right: 530px }
#home01 .exp::after,
#home02 .exp::after,
#home03 .exp::after,
#home03_new .exp::after,
#home04 .exp::after,
#home05 .exp::after { content: ""; display: block; clear: both }
#home01 .exp p,
#home02 .exp p,
#home03 .exp p,
#home03_new .exp p,
#home04 .exp p,
#home05 .exp p { margin-bottom: 22px }
#home02 .exp p,
#home04 .exp p { text-align: right }
#home02 .link,
#home04 .link { margin-top: 25px }
#home01 .img1,
#home02 .img1,
#home03 .img1,
#home03_new .img1,
#home04 .img1,
#home05 .img1 { position: absolute; top: 0 }
#home01 .img1,
#home03 .img1,
#home03_new .img1,
#home05 .img1 { right: 0 }
#home02 .img1,
#home04 .img1 { left: 0 }
#home03 .exp .link { margin-top: 42px }
#home03 .sub { display: flex; display: -webkit-flex; justify-content: center; margin-bottom: 66px }
#home03 .sub > div { width: 50% }
#home03 .sub > div:first-child { border-right: 1px dotted #000; padding-right: 54px }
#home03 .sub > div:nth-child(2) { padding-left: 55px }
#home03 .exp2 { position: relative; padding-right: 207px; min-height: 128px }
#home03 .exp2 img { position: absolute; right: 0; bottom: 0 }
#home03 .exp2 p { min-height: 5.25em; margin-bottom: 13px }
#home03 .exp2 .link { min-height: 0; margin: 0 }
#info { padding: 49px 15px 42px }   .side .lv1 { -webkit-transition: .6s; -o-transition: .6s; transition: .6s }
.side .lv1:hover { background: #005297; color: #fff }
.side .lv1:hover > a > span { background-image: url(//www.mitsufuku.co.jp/img/cmn/side_arrow_w.png) }
.side .lv1c { -webkit-transition: .6s; -o-transition: .6s; transition: .6s }
.side .lv1c:hover { background: #005297; color: #fff }
.side .lv1c:hover > a > span { background-image: url(//www.mitsufuku.co.jp/img/cmn/side_arrow_w.png) }
.side .lv1c ul { -webkit-transition: .2s; -o-transition: .2s; transition: .2s }
.side .lv1c ul li { -webkit-transition: .6s; -o-transition: .6s; transition: .6s }
.side .lv2c:hover { background-color: #d2ebf7 }
.side .lv3c:hover { background-color: #d2ebf7 }
.side .custom li:hover { background-color: #32b16c; color: #fff; border-color: #32b16c }
.side .custom li:hover a > span { background-image: url(//www.mitsufuku.co.jp/img/cmn/side_arrow_w.png) }
.side button { display: none }
.main .products { justify-content: space-around }
.main .products > div { width: 236px; margin-right: 20px }
.main .products img { max-width: 100%; height: auto }
.main .products h1,
.main .products h2,
.main .products h3,
.main .products h4,
.main .products h5,
.main .products h6 { display: table; font-size: 16px; padding: 5px 5px 0; margin: 0 auto; text-align: left }
.main .products p { display: table; margin: 0 auto; font-size: 14px; min-height: 0; padding: 0 5px 5px; text-align: left }
.main .products br { display: none }
.main .products2 {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: -15px;}
.main .products2 > div {width: calc((100% - 78px) / 2 );margin: 25px 0 0;}
.main .products2 img {width: 100%;max-width: 100%;height: auto;}
.main .products2 h3 { display: table; font-size: 20px; padding: 5px 10px 0; margin: 0 auto; text-align: left }
.main .products2 p { display: table; margin: 0 auto; font-size: 16px; min-height: 0; padding: 0 10px 15px; text-align: left }
.main .products2 br { display: none }
.pc_center { text-align: center }
#pagenavi .top a:hover,
#pagenavi .prev:hover,
#pagenavi .next:hover { background-color: #0068b7; border-color: #0068b7; color: #fff }
#pagenavi .top a:hover::before,
#pagenavi .prev:hover::before,
#pagenavi .next:hover::before,
#pagenavi .top a:hover::after,
#pagenavi .prev:hover::after,
#pagenavi .next:hover::after { width: 0; background-color: #0068b7 }
#pagenavi .prev:hover a,
#pagenavi .next:hover a { color: #fff }
#pagenavi .prev:hover .str1,
#pagenavi .next:hover .str1 { background-color: #0068b7; border-color: #2f94e0; color: #fff }
#pagenavi .prev:hover a::before { border-right-color: #2f94e0 }
#pagenavi .next:hover a::before { border-left-color: #2f94e0 }
#pagenavi .none:hover { background-color: #fff; color: #aaa; border-color: #a0a0a0; background: none } .ul_sanomaru { margin: 0px auto; overflow: hidden; position:relative; width: 750px; height: 800px }
.ul_sanomaru li:nth-child(1) { position: absolute; top: 0px; left: 0px }
.ul_sanomaru li:nth-child(2) { position: absolute; top: 0px; right: 0px }
.ul_sanomaru li:nth-child(3) { position: absolute; top: 171px; right: 0px }
.ul_sanomaru li:nth-child(4) { position: absolute; top: 350px; right: 0px }
.ul_sanomaru li:nth-child(5) { position: absolute; top: 350px; left: 0px }
.ul_sanomaru li:nth-child(6) { position: absolute; top: 617px; left: 0px }
.ul_sanomaru li img { box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.26), 0 0 4px rgba(0, 0, 0, 0.12) }
}     @media screen and ( max-width: 750px ) {
.pc_only { display: none !important }
img { max-width: 100%; height: auto }
body.is-hide { overflow: hidden }
.smt0 { margin-top: 0 !important }
.smt10 { margin-top: 10px !important }
.smt20 { margin-top: 20px !important }
.smt30 { margin-top: 30px !important }
.smt40 { margin-top: 40px !important }
.smt50 { margin-top: 50px !important }
.smt60 { margin-top: 60px !important }
.smt70 { margin-top: 70px !important }
.smt80 { margin-top: 80px !important }
.smt90 { margin-top: 90px !important }
.smt100 { margin-top: 100px !important }
.smt110 { margin-top: 110px !important }
.smt120 { margin-top: 120px !important }
.smb0 { margin-bottom: 0 !important }
.sfs10 {font-size: 10px !important;}
.sfs10 {font-size: 10px !important;}
.sfs11 {font-size: 11px !important;}
.sfs12 {font-size: 12px !important;}
.sfs13 {font-size: 13px !important;}
.sfs14 {font-size: 14px !important;}
.sfs15 {font-size: 15px !important;}
.sfs16 {font-size: 16px !important;}
.sfs17 {font-size: 17px !important;}
.sfs18 {font-size: 18px !important;}
.sfs19 {font-size: 19px !important;}
.sfs20 {font-size: 20px !important;}
.sfs21 {font-size: 21px !important;}
.sfs22 {font-size: 22px !important;}
.sfs23 {font-size: 23px !important;}
.sfs24 {font-size: 24px !important;}
.sfs25 {font-size: 25px !important;}
.sfs26 {font-size: 26px !important;}
.sfs27 {font-size: 27px !important;}
.sfs28 {font-size: 28px !important;}
.sfs29 {font-size: 29px !important;}
.sfs30 {font-size: 30px !important;}
.sfs31 {font-size: 31px !important;}
.sfs32 {font-size: 32px !important;}
.sfs33 {font-size: 33px !important;}
.sfs34 {font-size: 34px !important;}
.sfs35 {font-size: 35px !important;}
.sfs36 {font-size: 36px !important;}
.sfs37 {font-size: 37px !important;}
.sfs38 {font-size: 38px !important;}
.sfs39 {font-size: 39px !important;}
.sfs40 {font-size: 40px !important;}  .hd { background-size: 187px 34.5px }
.hd_line { font-size: 32px; margin-bottom: 30px; padding-bottom: 10px }
.hd_line::after { width: 120px; height: 3px; margin-left: -60px }
.hd_line2 { font-size: 24px; padding-bottom: 5px; margin-bottom: 15px }
.hd_tri { background-size: 96.5px 20px }
.hd_tri > span { min-height: 0 }
.hd_tri > span > span { padding: 10px }
.hd_ul2 { font-size: 32px }
.hd_ul4 { font-size: 28px }
.hd_ul4::after { left: 0; right: 0; margin: 0; width: auto }
.hd_dline { font-size: 22px }   .btns a, .btn { display: table; white-space: normal; margin-left: auto; margin-right: auto }
.btns > a + a { margin-top: 8px }
.btn_wide2 .btn + .btn { margin-top: 20px }   #hdr_en { display: none }
#hdr { position: fixed; top: 0; left: 0; right: 0; background: #fff; z-index: 99999 }
#hdr_logo { text-align: center; height: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; overflow: hidden }
.is-top #hdr_logo { height: 55px; padding: 10px }
.hdr_phone,
#hdr_inquiry { display: none }
#spmenu { display: flex; display: -webkit-flex; justify-content: space-between; box-shadow: 0 0 3px #003F7B; position: relative }
#spmenu .left { text-align: center; white-space: nowrap; width: 100%; padding: 8px 0 }
#spmenu img { width: 30%; margin: 0 1%; max-width: 100px }
#hdr_spmenu { display: block; width: 50px; background-color: #003F7B; text-indent: -99999px; cursor: pointer; position: relative; -webkit-transition: .6s; -o-transition: .6s; transition: .6s }
#hdr_spmenu .line { display: block; background-color: #fff; width: 20px; height: 3px; position: absolute; -webkit-transition: .6s; -o-transition: .6s; transition: .6s }
#hdr_spmenu .line_01 { top: 50%; right: 12px; margin-top: -8px }
#hdr_spmenu .line_02 { top: 50%; right: 12px }
#hdr_spmenu .line_03 { top: 50%; right: 12px; margin-top: 8px }
#hdr_spmenu.is-active .line_01 { transform-origin: right top; transform: rotateZ(-45deg); top: 50%; width: 24px; right: 14px }
#hdr_spmenu.is-active .line_02 { opacity: 0 }
#hdr_spmenu.is-active .line_03 { transform-origin: right bottom; transform: rotateZ(45deg); top: 50%; width: 24px; right: 14px }  #gn { background-color: rgba(0, 0, 0, .7); position: fixed; bottom: 0; right: 0; left: 100%; width: 100%; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; overflow: auto }
#gn.is-active { left: 0 }
#gn li { background: #fff; border: 1px solid #003f7b; border-top: none }
#gn li:first-child { border-top: 1px solid #003f7b }
#gn a { display: block; padding: 10px 10px 10px 35px; color: #000; text-decoration: none; position: relative; background: linear-gradient(#fff 70%, #c9d1d8 100% ) }
#gn a::before { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 30px; background: url(//www.mitsufuku.co.jp/img/cmn/sitemap_arrow_sp.png) 10px center no-repeat; background-size: 15px }
#gn::-webkit-scrollbar{ width: 6px }
#gn::-webkit-scrollbar-track{ background: #609cd6; border-left: solid 1px #0a2946 }
#gn::-webkit-scrollbar-thumb{ background: #003f7b; border-radius: 3px }
#gn2 { background-color: rgba(0, 0, 0, .7); position: fixed; bottom: 0; right: 0; left: 100%; width: 100%; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; overflow: auto }
#gn2.is-active { left: 0 }
#gn2 li { background: #fff; border: 1px solid #003f7b; border-top: none }
#gn2 li:first-child { border-top: 1px solid #003f7b }
#gn2 a { display: block; padding: 10px 10px 10px 35px; color: #000; text-decoration: none; position: relative; background: linear-gradient(#fff 70%, #c9d1d8 100% ) }
#gn2 a::before { content: ""; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 30px; background: url(//www.mitsufuku.co.jp/img/cmn/sitemap_arrow_sp.png) 10px center no-repeat; background-size: 15px }
#gn2::-webkit-scrollbar{ width: 6px }
#gn2::-webkit-scrollbar-track{ background: #609cd6; border-left: solid 1px #0a2946 }
#gn2::-webkit-scrollbar-thumb{ background: #003f7b; border-radius: 3px }
#fn { display: none !important }
#fn2 { display: none !important }  #rdv .inner { padding: 30px 15px }
#rdv .str1 { line-height: 1.5; margin-bottom: 15px }
#rdv .contact p + p { margin-top: 10px }
#rdv a { display: block; font-size: 15px; line-height: 1.2; font-weight: bold; color: inherit; text-decoration: none; background: #fff; text-align: center; box-shadow: 3px 3px 0 #B3B3B3; border-radius: 4px; padding: 8px 20px 10px }
#rdv p:not(.email) a > span { display: block; margin-bottom: 8px }
#rdv .email a { background: #f39800; color: #fff; box-shadow: 3px 3px 0 #c47a00 }
#rdv .email a::before { content: ""; display: inline-block; background: url(//www.mitsufuku.co.jp/img/cmn/resdv_mail_sp.png); background-size: contain; width: 36px; height: 26px; vertical-align: middle; margin-right: 10px }
#rdv .email a > span { display: inline-block; text-align: left; vertical-align: middle }
#rdv .time { font-size: 15px; text-align: center; margin-top: 10px }
#sitemap a, #sitemap span { display: block; border-top: 1px solid #003F7B }
#sitemap a:hover { text-decoration: none }
#sitemap > ul > li > a, #sitemap > ul > li > ul > li > a { font-size: 14px; font-weight: normal; position: relative; padding: 10px 10px 10px 35px; background: linear-gradient( #fff 70%, #c9d1d8 100% ) }
#sitemap > ul > li > a::before, #sitemap > ul > li > ul > li > a::before { display: block; position: absolute; background: url(//www.mitsufuku.co.jp/img/cmn/sitemap_arrow_sp.png) center no-repeat; background-size: 15px; top: 0; left: 0; bottom: 0; width: 30px; height: auto; margin: 0 }
#sitemap > ul > li > div > a, #sitemap > ul > li > div > span, #sitemap .pd > div > div > a, #sitemap .pd > div > div > span { font-size: 14px; font-weight: normal; padding: 10px 0 10px 35px; background: linear-gradient( #fff 70%, #c9d1d8 100% ) }
#sitemap li:not(.ot) li a { font-size: 14px; background: #657A8C; color: #fff; position: relative; padding: 10px 10px 10px 35px; border-color: #fff }
#sitemap li:not(.ot) li a::before { content: "・" }
#sitemap li:not(.ot) li:first-child a { border-color: #003F7B }
#sitemap li, #sitemap div { position: relative }
#sitemap .sp_hidden { display: none }
#sitemap button { position: absolute; top: 8px; right: 10px; width: 30px; height: 30px; padding: 0; border: 1px solid #003f7b; border-radius: 4px }
#sitemap button .line-01, #sitemap button .line-02 { display: block; border: none !important; background: #003f7b; position: absolute }
#sitemap button .line-01 { top: 50%; left: 50%; width: 15px; height: 1px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) }
#sitemap button .line-02 { top: 50%; left: 50%; width: 1px; height: 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: .6s; -o-transition: .6s; transition: .6s }
#sitemap button.is-active .line-02 { -webkit-transform-origin: 50%; -moz-transform-origin: 50%; -ms-transform-origin: 50%; -o-transform-origin: 50%; transform-origin: 50%; -webkit-transform: translateY(-50%) rotateZ(90deg); -ms-transform: translateY(-50%) rotateZ(90deg); -o-transform: translateY(-50%) rotateZ(90deg); transform: translateY(-50%) rotateZ(90deg); opacity: 0 }
#pagetop { position: fixed; right: 10px; bottom: 10px; background: #013f7c; text-indent: -99999px; width: 30px; height: 30px; border-radius: 4px; opacity: .3; -webkit-transition: .6s; -o-transition: .6s; transition: .6s; z-index: 1000 }
#pagetop::after { content: ""; display: block; width: 0; height: 0; position: absolute; top: 8px; left: 8px; border: 12px solid transparent; border-top: none; border-left-width: 7px; border-right-width: 7px; border-bottom-color: #fff }
#pagetop:active, #pagetop:focus { opacity: 1 }
#pagetop.hidden { right: -30px }
#ftr > .inner { padding: 15px }
#ftr_logo { text-align: center; margin-bottom: 15px }
#ftr_addr { display: table; table-layout: fixed; margin: 0 auto }
#ftr_addr div { display: table-row }
#ftr_addr p { display: table-cell; text-align: center }
#ftr_addr p:first-child { padding-right: 5px }
#ftr_addr p + p { padding-left: 5px }
#ftr_addr div + div p { padding-top: 10px }
#ftr_addr span { font-size: 14px }
#ftr a { color: inherit }
.jp_en { text-align: center; margin-top: 30px }
#cpr { display: block; text-align: center; font-size: 10px; margin: 30px -10px 0 }   #sld { background: none }
#sld .mv01 span,
#sld .mv01 br,
#sld .mv02 span,
#sld .mv02 br,
#sld .mv03 span,
#sld .mv03 br,
#sld .mv04 span,
#sld .mv04 br,
#sld .mv05 span,
#sld .mv05 br { display: none }
#sld img { width: 100% }
.home #str1 { font-size: 20px; text-align: left; padding: 10px 10px 0; display: block; margin: 30px auto }
.home #str1::before { content: none }
.home #str2 { font-size: 20px; text-align: left; padding: 10px 10px 0 }
.list_pr { padding: 0; margin: 0 auto; display: block; font-size: 30px; max-width: 400px }
.list_pr li { display: block; border: none !important; position: relative; margin: 60px 0 }
.list_pr li + li::after { content: ""; display: block; position: absolute; left: 15px; right: 15px; top: -30px; border-bottom: 1px solid #ccc }
.block_w1 { padding: 0 10px }
#home01, #home02, #home03, #home03_new, #home04, #home05 { padding: 30px 10px 40px }
#home01 { background-image: url(//www.mitsufuku.co.jp/img/home/bg_01_sp.png); background-size: 54px 46.5px; background-position: 5% top }
#home02 { background-image: url(//www.mitsufuku.co.jp/img/home/bg_02_sp.png); background-size: 64px 46.5px; background-position: 95% top }
#home03 { background-image: url(//www.mitsufuku.co.jp/img/home/bg_03_sp.png); background-size: 63.5px 46.5px; background-position: 5% top }
#home03_new { background-image: url(//www.mitsufuku.co.jp/img/home/bg_03_sp.png); background-size: 54px 46.5px; background-position: 5% top }
#home04 {background-image: url(//www.mitsufuku.co.jp/img/home/bg_04_sp.png);background-size: 57.5px 46.5px;background-position: 95% top;}
#home05 {background-image: url(//www.mitsufuku.co.jp/img/home/bg_05_sp.png);background-size: 55.5px 46.5px;background-position: 5% top;}
#home01 h3, #home02 h3, #home03 h3, #home03_new h3, #home04 h3, #home05 h3, #home03 .sub h4 { font-size: 27px; font-weight: bold; margin-bottom: 15px; line-height: 1.5; text-align: center }
#home01 h3 > span, #home02 h3 > span, #home03 h3 > span, #home03_new h3 > span, #home04 h3 > span, #home05 h3 > span, #home03 .sub h4 > span { display: table; font-size: 16px; line-height: 1.3; margin: 0 auto; text-align: left }
#home01 h3 br,
#home02 h3 br,
#home03 h3 br,
#home03_new h3 br,
#home04 h3 br,
#home05 h3 br,
#home03 .sub h4 br { display: none }
#home01 .img1, #home02 .img1, #home03 .img1, #home03_new .img1, #home04 .img1, #home05 .img1 { display: block; margin: 0 auto 15px }
#home01 .exp > p:nth-of-type(1),
#home02 .exp > p:nth-of-type(1),
#home03 .exp > p:nth-of-type(1),
#home03_new .exp > p:nth-of-type(1),
#home04 .exp > p:nth-of-type(1),
#home05 .exp > p:nth-of-type(1),
#home03 .sub .exp2 > p:nth-of-type(1) { display: table; margin: 0 auto }
#home01 .link, #home02 .link, #home03 .link, #home03_new .link, #home04 .link, #home05 .link { text-align: center; margin-top: 20px }
.products { display: flex; display: -webkit-flex; justify-content: space-around; flex-wrap: wrap }
.products > div { width: 300px; margin-top: 30px }
.products h1, .products h2, .products h3, .products h4, .products h5, .products h6 { font-size: 18px }
.products p {font-size: 16px;line-height: 1.5;padding: 0 10px 15px;text-align: justify;display: table;margin: auto;}
.products2 { display: flex; display: -webkit-flex; justify-content: space-around; flex-wrap: wrap }
.products2 > div { width: 300px; margin-top: 30px }
.products2 h3 { font-size: 18px }
.products2 p { font-size: 16px; line-height: 1.5; padding: 0 10px 15px; margin-bottom: 0 }
#home03 .sub > div { margin: 20px 15px; border-top: 1px solid #ccc; padding-top: 25px }
#home03 .sub > div:last-child { border-bottom: 1px solid #ccc; padding-bottom: 20px }
#home03 .exp2 img { display: block; margin: 0 auto 15px }
#info { padding: 60px 10px }
.news { border: 1px solid #888; height: 320px; overflow: auto }
.news article { margin: 0 10px; padding: 10px 10px 10px 22px; line-height: 1.3; position: relative }
.news article + article { border-top: 1px solid #888 }
.news p { font-size: 14px; margin-bottom: 3px }
.news article::before { content: ""; display: block; width: 10px; height: 10px; position: absolute; left: 4px; top: 14px; background: #0069b7 }
.news::-webkit-scrollbar{ width: 6px }
.news::-webkit-scrollbar-track{ background: #f3f3f3; border-left: solid 1px #ececec }
.news::-webkit-scrollbar-thumb{ background: #aaa; border-radius: 3px }
.news_link { display: flex; display: -webkit-flex; justify-content: space-between; margin-top: 10px; font-size: 14px }
#post_con .news { height: auto; overflow: inherit }
.latest_post { border: 1px solid #003f7b; border-radius: 3px; padding: 10px 20px; margin: 0 auto; max-width: 425px }   a[target="_blank"]:after { background-image: url(//www.mitsufuku.co.jp/img/cmn/icon_newwindow_sp.png) }
#breadcrumbs { width: auto; padding: 8px 10px; line-height: 1.3 }
.pagettl { font-size: 30px }
.pagettl > span { width: 100%; padding: 10px; min-height: 0; display: block }
.pagettl > span > span { display: table; text-align: left; margin: 0 auto }
#post_con { width: auto; padding: 0 10px; margin: 30px 0 60px }
#post_con::after { content: none }
.main { width: auto; float: none }
.side { width: 300px }
.block { margin: 60px 0 }
.btns2 { display: block; max-width: 365px; margin: 0 auto }
.btns2 li { position: relative; margin-top: 20px }
.btns2 li::after { display: none }
.btns2 a { width: 100% }
.btns3 { max-width: 500px; margin: 0 auto }
.btns3 li { width: auto }
.btns3 a { font-size: 25px; line-height: 1.3; padding: 0 27px 0 114px }
.btns3 .inner { min-height: 114px }
.btns3 .thumb { width: 100px; height: 100px; overflow: hidden; display: block }
.btns3 a::before { width: 18px }
.btns3 a::after { border-width: 6px !important; top: 50%; transform: translateY(-50%) }
.side { width: auto; margin: 60px 0; border: 1px solid #2282b1; border-top: none }
.side li { border: none !important; border-top: 1px solid #2282b1 !important }
.side .lv1,
.side .lv1c,
.side > ul > li { background: linear-gradient( #fff 70%, #c9d1d8 100% ) }
.side .lv1c ul,
.side .lv2c ul,
.side .lv3c ul { position: static; width: auto !important; -webkit-transition: none; -o-transition: none; transition: none }
.side .lv1c ul a,
.side .lv2c ul a,
.side .lv3c ul a { width: auto; min-height: 0 }
.side a > span { display: block }
.side a { display: block }
.side .lv1c > a,
.side .lv2c > a,
.side .lv3c > a { background: linear-gradient( #fff 70%, #c9d1d8 100% ) !important }
.side .lv1 > a,
.side .lv1c > a,
.side .lv2 > a,
.side .lv2c a,
.side .lv3 > a,
.side .lv3c a,
.side .custom a { min-height: 0 }
.side .lv1 > a > span,
.side .lv1c a > span,
.side .lv2 > a > span,
.side .lv2c a > span,
.side .lv3 > a > span,
.side .lv3c a > span,
.side .custom a > span { background-position: 10px center; padding: 10px 15px 10px 33px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.side ul ul { display: none }
.side .lv2c.current > a { background: #d2ebf7 !important }
.side .lv3c.current > a { background: #d2ebf7 !important }
.side button { position: absolute; top: 6px; right: 10px; width: 30px; height: 30px; padding: 0; border: 1px solid #003f7b; border-radius: 4px; background: #fff }
.side button .line-01, .side button .line-02 { display: block; border: none !important; background: #003f7b; position: absolute }
.side button .line-01 { top: 50%; left: 50%; width: 15px; height: 1px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) }
.side button .line-02 { top: 50%; left: 50%; width: 1px; height: 15px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: .6s; -o-transition: .6s; transition: .6s }
.side button.is-active .line-02 { -webkit-transform-origin: 50%; -moz-transform-origin: 50%; -ms-transform-origin: 50%; -o-transform-origin: 50%; transform-origin: 50%; -webkit-transform: translateY(-50%) rotateZ(90deg); -ms-transform: translateY(-50%) rotateZ(90deg); -o-transform: translateY(-50%) rotateZ(90deg); transform: translateY(-50%) rotateZ(90deg); opacity: 0 }
#sim-posts { margin: 60px auto; width: auto; padding: 0 10px }
.sim-articles { justify-content: space-around }
.sim-articles article { max-width: 255px; width: 48%; margin: 15px 0 0; height: auto }
.sim-articles a { padding: 7px }
.sim-articles a::before { display: none }
.sim-articles .thumb { width: auto; height: auto }
.sim-articles h3 { height: 4.5em; font-size: 15px; line-height: 1.5 }
.form .form_submit { padding: 10px 20px }
.boxies_center { display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-around; margin-top: -10px }
.boxies_center > * { margin: 10px 5px 0 }
.boxies_center2 { display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-around; margin-top: -10px }
.boxies_center2 > * { margin: 10px 5px 0 }
.sp_ta-l { text-align: left !important }
.qc_photos { margin: -17px -5px 0 }
.qc_photos li { width: 50%; margin: 17px 0 0; padding: 0 5px }
.qc_photos .photo-l { width: 100% }
.qc_photos p { font-size: 12px; margin-top: 3px }
.list_dekiru { display: block; margin: 0 }
.list_dekiru li { display: block; height: auto }
.list_dekiru li + li { margin-top: 20px }
.list_dekiru li > span { display: block; padding: 10px 0 }
.list_dekiru .head { white-space: normal; padding: 10px 0 }
.list_dekiru .icon_heart { background-image: url(//www.mitsufuku.co.jp/img/recruit/icon_heart_sp.png); background-size: 49px }
.list_dekiru .icon_balloon { background-image: url(//www.mitsufuku.co.jp/img/recruit/icon_balloon_sp.png); background-size: 51.5px }
.list_dekiru .icon_good { background-image: url(//www.mitsufuku.co.jp/img/recruit/icon_good_sp.png); background-size: 49px }
.block_voice { margin: 40px 0 }
.block_voice .icon { width: 51px; height: auto }
.block_voice .head { padding-left: 61px; font-size: 20px; line-height: 25px }
.block_voice .head2 { font-size: 18px }
.block_voice .head2::before { top: 8px }
.list_squ { font-size: 18px }
.box_recruit img { margin: 20px }
.tbl_recruit { display: block !important; border-top: 1px solid #a0a0a0 }
.tbl_recruit > thead { display: block !important }
.tbl_recruit > tbody { display: block !important }
.tbl_recruit > tr { display: block !important }
.tbl_recruit > thead > tr > *,
.tbl_recruit > tbody > tr > *,
.tbl_recruit > tr > * { display: block !important; border-top: none }
.sp_tbl_tandem { display: block !important }
.sp_tbl_tandem > .row { display: block !important }
.sp_tbl_tandem > .row > .th { display: block !important }
.sp_tbl_tandem > .row > .td { display: block !important }
.sp_tbl_flat { display: block !important }
.sp_tbl_flat > .row { display: block !important }
.sp_tbl_flat > .row > .th { display: inline !important }
.sp_tbl_flat > .row > .td { display: inline !important }
.sp_box_center { display: table !important; margin-left: auto !important; margin-right: auto !important }
.sp_w100p { width: 100% !important }
.tbl_history { display: block }
.tbl_history tbody { display: block }
.tbl_history tr { display: block; background: #eee; border: 1px solid #a0a0a0 }
.tbl_history tr + tr { border-top: none }
.tbl_history tr > * { display: block }
.tbl_history th { float: left; border: none; padding: 5px 10px }
.tbl_history td {clear: both;background: #fff;border: none;overflow: hidden;}
.list_setubi section { width: 100%; margin-right: 0; padding-bottom: 0 }
.box_gijutu { margin-left: 0; margin-right: 0; padding: 15px; text-align: left; font-size: 18px; border-radius: 6px }
.box_gijutu strong { font-size: 22px }
.box_gijutu2 {padding: 10px;margin-left: -10px;margin-right: -10px;}
.box_gijutu2 > .head { font-size: 17px; letter-spacing: -1px }
.box_inquiry { margin-left: 0; margin-right: 0; padding: 15px; display: block }
.box_inquiry > p { width: auto }
.box_inquiry a,
.box_inquiry .fax { font-size: 15px !important; line-height: 1.2 !important; box-shadow: 3px 3px 0 #B3B3B3; border-radius: 4px !important; padding: 8px 20px 10px !important; height: auto !important; text-align: center !important }
.box_inquiry > p:not(.email) a > span,
.box_inquiry > p .fax > span { padding: 0 0 5px }
.box_inquiry .email a { background: #f39800; color: #fff; box-shadow: 3px 3px 0 #c47a00 }
.box_inquiry .email a::before { content: ""; display: inline-block; background: url(//www.mitsufuku.co.jp/img/cmn/resdv_mail_sp.png); background-size: contain; width: 36px; height: 26px; vertical-align: middle; margin-right: 10px }
.box_inquiry .email a > span { display: inline-block; text-align: left; vertical-align: middle }
.list_zoomphoto { display: block; text-align: center; margin-top: 0 }
.list_zoomphoto span { left: 50%; transform: translateX(-50%) }
.list_photos2 { display: block; text-align: center }
.txt_img2 { display: block }
.txt_img2 > .img { margin: 0 0 20px; text-align: center }
.hd_line2 + .hosoku { margin-top: 0 }
.photos_glass { height: auto }
.photos_glass > p { position: static; margin-bottom: 1.75em }
.photos_glass img { width: 100% }
.photos_glass .img1 img { max-width: 481px }
.photos_glass .img2 img { max-width: 170px }
.photos_glass .img3 img { max-width: 114px }
.photos_glass .img4 img { max-width: 131px }
.box_fr_cp { width: auto }
.wn { white-space: normal !important }
.img_txt, .txt_img { display: block }
.img_txt > .img, .txt_img > .img { margin: 0 0 20px; text-align: center }
.txt_img > .img { margin: 20px 0 0 }
.img_img, .txt_txt, .img_img2 { display: block }
.img_img, .img_img2 { text-align: center }
.img_img img, .img_img2 img { margin: 0 0 30px; text-align: center }
.img_txt span.img { display: block }
.btn_wide a { width: 100%; margin-bottom:10px }
.btn_wide a:nth-child(odd){ margin-right: 0px }
.ul_process { width: 100% }
.ul_process li:nth-child(1), .ul_process li:nth-child(4) { width: 100%; margin-top: 20px }
.ul_process li:nth-child(2), .ul_process li:nth-child(3),
.ul_process li:nth-child(5), .ul_process li:nth-child(6) { width: 50%; padding: 0 4px }
.ul_dotted2 { height: auto }
iframe { width: 100%; height: 100% }
.tbl_addr { width: 100% !important; max-width: 450px }
.ul_sanomaru { margin: 0px auto; overflow: hidden; width: 100%; }
.ul_sanomaru li { float: left }
.ul_sanomaru li:nth-child(1) { margin: 0 0 4.4% 0; width: 100% }
.ul_sanomaru li:nth-child(2) { margin: 0 4.4% 8% 0; width: 47.4% }
.ul_sanomaru li:nth-child(3) { margin: 0 0 8% 0; width: 48.1% }
.ul_sanomaru li:nth-child(4) { margin: 0 0 4.4% 0; width: 100% }
.ul_sanomaru li:nth-child(5) { margin: 0 4.4% 0 0; width: 29.4% }
.ul_sanomaru li:nth-child(6) { margin: 0 0 0 0; width: 66.2% }
.ul_sanomaru li img { width:100%; box-shadow: 0 5px 10px -3px rgba(0, 0, 0, 0.26), 0 0 4px rgba(0, 0, 0, 0.12) }
.tbl_hosoku .row { display: block }
.tbl_hosoku .td + .td { padding: 0 }
.tbl_hosoku .td { display: block }
.tbl_hosoku { display: block }
.tbl_data.sp_narrow tr > * { padding: 0; word-break: break-all !important }   #pagenavi { width: 95% }
#pagenavi .thumb,
#pagenavi .str1,
#pagenavi .ttl { display: none }
#pagenavi a { height: auto }
#pagenavi .prev a,
#pagenavi .next a { padding: 0; width: 40px; height: 40px }
#pagenavi .prev,
#pagenavi .next { width: 40px }
#pagenavi .prev a::before,
#pagenavi .next a::before { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
#pagenavi .none > span { text-indent: -99999px; display: block }
.gallery { justify-content: space-around; padding-top: 0 }
.gallery figure { display: block; width: auto; margin-top: 20px }  #side-blog { width: auto; margin: 100px auto 0 } .sp_flex { display: flex; margin-bottom: 20px }
.sp_flex figure { width: 100% }
}     @media screen and ( max-width: 599px ) {
.list_photos3 {--num: 2;--gap: 20px;}
.justify599 {text-align: justify !important;}
.hidden599 {display: none !important;}
.frontier {--num: 1;}
}
@media screen and ( min-width: 425px ) and ( max-width: 750px ) {
#spmenu img { margin: 0 3% }
}
@media screen and ( min-width: 426px ) and ( max-width: 750px ) {
.box_leftimg > .img img { max-width: 50vw }
.box_rightimg > .img img { max-width: 50vw }
}
@media ( max-width: 425px ) {
.justify425 {text-align: justify !important;}
.hidden425 {display: none !important;}
.blogs-excerpt p { font-size: 12px; max-height: calc(5em * 1.75); overflow: hidden }
.blogs-excerpt { width: calc(55% - 10px) }
.blogs-thumb { width: 45%; padding-top: calc(4em * 1.75 + 12px) }
.list_blog4::before, .list_blog4::after, .list_blog4 > li { width: calc((100% - 20px) / 2) }
.box_leftimg { display: block }
.box_leftimg > .img { text-align: center; margin: 0 auto 20px }
.box_leftimg > .img img { max-width: 100% }
.box_rightimg > .img img { max-width: 100% }
.box_rightimg { display: block }
.box_rightimg > .img { text-align: center; margin: 0 auto 20px }
}     @media screen\0 {
.boxies_center { justify-content: center }
.boxies_center li { margin: 0 50px }
}
@media screen and ( min-width: 751px ), print {
_:-ms-input-placeholder, :root .img_img2 { display: block; overflow: hidden; text-align: center }
_:-ms-input-placeholder, :root .img_img2 img { margin: 0 20px }
}   @media screen and ( min-width: 751px ), print {
_::-webkit-full-page-media, _:future, :root .img_txt { display: block; overflow: hidden }
_::-webkit-full-page-media, _:future, :root .img_txt > .img { float: left }
_::-webkit-full-page-media, _:future, :root .img_txt > .txt { overflow: auto }
_::-webkit-full-page-media, _:future, :root .txt_img { display: block; overflow: hidden }
_::-webkit-full-page-media, _:future, :root .txt_img > .img { float: right }
_::-webkit-full-page-media, _:future, :root .txt_img > .txt { overflow: auto }
_::-webkit-full-page-media, _:future, :root .txt_img2 { display: block; overflow: hidden }
_::-webkit-full-page-media, _:future, :root .txt_img2 > .img { float: left; margin-left: 0; margin-right: 30px }
_::-webkit-full-page-media, _:future, :root .txt_img2 > .txt { overflow: auto }
_::-webkit-full-page-media, _:future, :root .txt_img2 { display: block; overflow: hidden }
_::-webkit-full-page-media, _:future, :root .txt_img2 > .img { float: left; margin-left: 0; margin-right: 30px }
_::-webkit-full-page-media, _:future, :root .txt_img2 > .txt { overflow: auto }
_::-webkit-full-page-media, _:future, :root .img_img2 { display: block; overflow: hidden; text-align: center }
_::-webkit-full-page-media, _:future, :root .img_img2 img { margin: 0 20px }
_::-webkit-full-page-media, _:future, :root .boxies_center { display: block; text-align: center }
_::-webkit-full-page-media, _:future, :root .boxies_center > * { display: inline-block; margin: 0 50px }
_::-webkit-full-page-media, _:future, :root .page-id-80 .boxies_center > * { margin: 20px 5px 0 }
_::-webkit-full-page-media, _:future, :root .page-id-80 .boxies_center { margin-left: -7px; margin-right: -7px }
_::-webkit-full-page-media, _:future, :root .list_photos { display: block; overflow: hidden; margin: -20px -20px 0 }
_::-webkit-full-page-media, _:future, :root .list_photos li { float: left; margin: 20px 20px 0 }
}   @media screen and ( min-width: 751px ), print {
.firefox .pagettl > span::before,
.firefox .side .lv1 > a::before,
.firefox .side .lv1c > a::before,
.firefox .side .lv1c ul a::before,
.firefox .side .lv2 > a::before,
.firefox .side .lv2c > a::before,
.firefox .side .lv2c ul a::before,
.firefox .side .lv3c > a::before,
.firefox .side .lv3c ul a::before,
.firefox .hd::before,
.firefox .btns2 .inner::before,
.firefox .btns3 .inner::before { content: ""; display: inline-block; height: 100% }
.firefox .pagettl > span::before { min-height: 100px }
.firefox .side .lv1 > a::before,
.firefox .side .lv1c > a::before { min-height: 60px }
.firefox .side .lv1c ul a::before,
.firefox .side .lv2 > a::before,
.firefox .side .lv2c > a::before,
.firefox .side .lv2c ul a::before,
.firefox .side .lv3c > a::before,
.firefox .side .lv3c ul a::before,
.firefox .hd::before { min-height: 64px }
.firefox .btns2 .inner::before { min-height: 63.5px }
.firefox .btns3 .inner::before { min-height: 134px }
}  .list_arrow {border: 0.3em solid #013f7c;padding: 1em;font-size: 26px;font-weight: bold;line-height: 1.5;display: flex;flex-direction: column;gap: 0.8em;margin: 20px auto;}
.list_arrow__item {position: relative;padding-left: 1em;}
.list_arrow__item::before {content: "";position: absolute;top: 0.4em;left: 0;width: 0.5em;height: 0.8em;background: url(//www.mitsufuku.co.jp/img/cmn/icon-arrow-red.svg) center/contain no-repeat;}  .list_photos_flex {display: flex;flex-wrap: wrap;--num: 2;--gap: 1px;gap: var(--gap);margin: 20px auto;}
.list_photos_flex--column1 {--num: 1;}
.list_photos_flex--column3 {--num: 3;}
.list_photos_flex__item {width: calc( ( 100% - var(--gap) * ( var(--num) - 1 ) ) / var(--num) );}
.list_photos_flex__item--fill {width: 100%;}
.list_photos_flex__img img {width: 100%;height: auto;object-fit: cover;}
@media ( max-width: 480px ) {
.list_photos_flex--column3 {--num: 2;}
}
@media ( max-width: 375px ) {
.list_photos_flex {--num: 1;}
.list_photos_flex--column3 {--num: 2;}
}