@charset "UTF-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { line-height: 1; }

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

blockquote, q { quotes: none; }

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

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

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

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

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

th { font-weight: normal; }

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

input, select, textarea, img { vertical-align: middle; }

ul, dl, ol { list-style: none; }

*:focus { outline: none; }

.fs70 { font-size: 70%; }

.fs80 { font-size: 80%; }

.fs90 { font-size: 90%; }

.fs100 { font-size: 100%; }

.fs110 { font-size: 110%; }

.fs120 { font-size: 120%; }

.fs130 { font-size: 130%; }

.fs140 { font-size: 140%; }

.fs150 { font-size: 150%; }

.fs160 { font-size: 160%; }

.fs170 { font-size: 170%; }

.fs180 { font-size: 180%; }

.fs190 { font-size: 190%; }

.fs200 { font-size: 200%; }

.fs300 { font-size: 300%; }

.fs400 { font-size: 400%; }

.b { font-weight: 700; }

.u { text-decoration: underline; }

.del { text-decoration: line-through; }

.red { color: #d7535e !important; }

.blue { color: #2c3b5b !important; }

.green { color: #6ab39a !important; }

.orange { color: #e17514 !important; }

.gray { color: #f2f2f2 !important; }

.bold { font-weight: bold !important; }

.center { text-align: center !important; }

.right { text-align: right !important; }

.left { text-align: left !important; }

.floatR { float: right; margin: 0 0 1em 1em; }

.floatL { float: left; margin: 0 1em 1em 0; }

.clear { clear: both; }

a img.fade { background: none !important; outline: none; -webkit-transition: all .3s; transition: all .3s; }

a:hover img.fade { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; background: none !important; }

.att { padding-left: 1em; text-indent: -1em; }

.att_box { margin: 2em 0 2.5em; padding: 1em 1.2em; line-height: 2.0; border: 1px dotted #cccccc; background: #fcfcfc; box-shadow: 0px 4px 0px 0px #f7f7f7; }

/* テキストボックス */
.mb0em { margin-bottom: 0em !important; }

.mb05em { margin-bottom: .5em !important; }

.mb1em { margin-bottom: 1em !important; }

.mb2em { margin-bottom: 2em !important; }

.mb3em { margin-bottom: 3em !important; }

.mb4em { margin-bottom: 4em !important; }

.mb5em { margin-bottom: 5em !important; }

.pt0em { padding-top: 0em !important; }

.pt1em { padding-top: 1em !important; }

.pt2em { padding-top: 2em !important; }

.pt3em { padding-top: 3em !important; }

.pt4em { padding-top: 4em !important; }

.pt5em { padding-top: 5em !important; }

.p3vw { padding: 3vw 0 !important; }

.m0 { margin: 0 !important; }

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

.mr0 { margin-right: 0 !important; }

.mb0 { margin-bottom: 0 !important; }

.ml0 { margin-left: 0 !important; }

.m5 { margin: 5px !important; }

.mt5 { margin-top: 5px !important; }

.mr5 { margin-right: 5px !important; }

.mb5 { margin-bottom: 5px !important; }

.ml5 { margin-left: 5px !important; }

.m10 { margin: 10px !important; }

.mt10 { margin-top: 10px !important; }

.mr10 { margin-right: 10px !important; }

.mb10 { margin-bottom: 10px !important; }

.ml10 { margin-left: 10px !important; }

.m15 { margin: 15px !important; }

.mt15 { margin-top: 15px !important; }

.mr15 { margin-right: 15px !important; }

.mb15 { margin-bottom: 15px !important; }

.ml15 { margin-left: 15px !important; }

.m20 { margin: 20px !important; }

.mt20 { margin-top: 20px !important; }

.mr20 { margin-right: 20px !important; }

.mb20 { margin-bottom: 20px !important; }

.ml20 { margin-left: 20px !important; }

.m25 { margin: 25px !important; }

.mt25 { margin-top: 25px !important; }

.mr25 { margin-right: 25px !important; }

.mb25 { margin-bottom: 25px !important; }

.ml25 { margin-left: 25px !important; }

.m30 { margin: 30px !important; }

.mt30 { margin-top: 30px !important; }

.mr30 { margin-right: 30px !important; }

.mb30 { margin-bottom: 30px !important; }

.ml30 { margin-left: 30px !important; }

.m35 { margin: 35px !important; }

.mt35 { margin-top: 35px !important; }

.mr35 { margin-right: 35px !important; }

.mb35 { margin-bottom: 35px !important; }

.ml35 { margin-left: 35px !important; }

.m40 { margin: 40px !important; }

.mt40 { margin-top: 40px !important; }

.mr40 { margin-right: 40px !important; }

.mb40 { margin-bottom: 40px !important; }

.ml40 { margin-left: 40px !important; }

.m45 { margin: 45px !important; }

.mt45 { margin-top: 45px !important; }

.mr45 { margin-right: 45px !important; }

.mb45 { margin-bottom: 45px !important; }

.ml45 { margin-left: 45px !important; }

.m50 { margin: 50px !important; }

.mt50 { margin-top: 50px !important; }

.mr50 { margin-right: 50px !important; }

.mb50 { margin-bottom: 50px !important; }

.ml50 { margin-left: 50px !important; }

.m55 { margin: 55px !important; }

.mt55 { margin-top: 55px !important; }

.mr55 { margin-right: 55px !important; }

.mb55 { margin-bottom: 55px !important; }

.m60 { margin: 60px !important; }

.mt60 { margin-top: 60px !important; }

.mr60 { margin-right: 60px !important; }

.mb60 { margin-bottom: 60px !important; }

.ml60 { margin-left: 60px !important; }

.m65 { margin: 65px !important; }

.mt65 { margin-top: 65px !important; }

.mr65 { margin-right: 65px !important; }

.mb65 { margin-bottom: 65px !important; }

.ml65 { margin-left: 65px !important; }

.m70 { margin: 70px !important; }

.mr70 { margin-right: 70px !important; }

.mb70 { margin-bottom: 70px !important; }

.ml70 { margin-left: 70px !important; }

.m75 { margin: 75px !important; }

.mt75 { margin-top: 75px !important; }

.mr75 { margin-right: 75px !important; }

.mb75 { margin-bottom: 75px !important; }

.ml75 { margin-left: 75px !important; }

.m80 { margin: 80px !important; }

.mt80 { margin-top: 80px !important; }

.mr80 { margin-right: 80px !important; }

.mb80 { margin-bottom: 80px !important; }

.ml80 { margin-left: 80px !important; }

.p0 { padding: 0 !important; }

.pt0 { padding-top: 0 !important; }

.pr0 { padding-right: 0 !important; }

.pb0 { padding-bottom: 0 !important; }

.pl0 { padding-left: 0 !important; }

.p5 { padding: 5px !important; }

.pt5 { padding-top: 5px !important; }

.pr5 { padding-right: 5px !important; }

.pb5 { padding-bottom: 5px !important; }

.pl5 { padding-left: 5px !important; }

.p10 { padding: 10px !important; }

.pt10 { padding-top: 10px !important; }

.pr10 { padding-right: 10px !important; }

.pb10 { padding-bottom: 10px !important; }

.pl10 { padding-left: 10px !important; }

.w70 { width: 70px !important; }

.w290 { width: 290px !important; }

.w440 { width: 100%; max-width: 440px !important; }

.w682 { width: 100%; max-width: 682px !important; }

.w710 { width: 720px !important; }

.w50p { width: 50% !important; }

.w60p { width: 60% !important; }

.w70p { width: 70% !important; }

.w80p { width: 80% !important; }

.w90p { width: 90% !important; }

.w100p { width: 100% !important; }

/* 共通設定
----------------------------- */
body { position: relative; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size: 17px; font-weight: normal; line-height: 1.2; color: #2b2421; }

img { width: auto; max-width: 100%; }

sup { font-size: 60%; display: inline-block; vertical-align: top; }

.spi, .spb, .spt { display: none; }

.pci { display: inline; }

.pcb { display: block; }

.pct { display: table; }

@media (max-width: 900px) { .pci, .pcb, .pct { display: none; }
  .spi { display: inline; }
  .spb { display: block; }
  .spt { display: table; } }
a { color: #1b5899; }

a:hover { opacity: .7; }

a[href^="tel:"] { text-decoration: underline; }

a[target="_blank"]::after { content: "\f08e"; font-family: "FontAwesome"; color: 2478be; margin-left: 0.5em; font-weight: 900; color: #1b5899; }

.fixed { position: fixed; width: 100%; height: 100%; }

.full { width: 100%; }

.pink { color: #f57582; }

strong { color: #1b5899; }

blockquote { margin-left: 1.3em; }

section { line-height: 1.78; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

#totop { width: 9.375vw; height: 9.375vw; max-width: 60px; max-height: 60px; min-width: 40px; min-height: 40px; position: absolute; background: #6494bc; bottom: 0; right: 0; }
#totop a { position: relative; display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; text-decoration: none; text-align: center; }
#totop a::after { content: "\f106"; font-family: "FontAwesome"; color: #fff; margin-right: 0; font-weight: 900; font-size: 30px; display: block; }

nav#spmenu { display: none; position: fixed; width: 100%; z-index: 110; height: 100vh; overflow: scroll; top: 0; }
nav#spmenu .close { position: absolute; width: 70px; height: 70px; background: #1b5899 !important; z-index: 115; top: 0; right: 0; color: #fff; text-align: center; font-size: 10px; padding: 5px !important; }
nav#spmenu .close i { font-size: 40px; display: block; }
nav#spmenu > ul > li:first-child { background: #fff; text-align: center; border-bottom: 2px solid #1b5899; }
nav#spmenu > ul > li:first-child img { width: 100px; padding: 10px; }
nav#spmenu > ul > li:not(:first-child) { text-align: center; background: #e8f2f9; border-top: 1px solid #1b5899; border-bottom: 1px solid #1b5899; }
nav#spmenu > ul > li:not(:first-child):first-child { background: #fff; }
nav#spmenu > ul > li:not(:first-child) a { display: block; padding: 8px; text-decoration: none; color: #2b2b30; text-align: left; }
nav#spmenu > ul > li:not(:first-child) a::before { content: "\f105"; font-family: "FontAwesome"; color: #6494bc; margin-right: 0.3em; font-weight: 900; }
nav#spmenu > ul > li:not(:first-child) span { display: block; padding: 5px 10px; text-decoration: none; color: #2b2b30; text-align: left; font-weight: bold; }
nav#spmenu > ul > li:not(:first-child) li { border-top: 1px solid #1b5899; padding-left: 1em; }

.slick { background: #e8f2f9; }
.slick ul { margin: 0 auto; width: 100%; background: #e8f2f9; }

.slick .slick-dotted.slick-slider { margin-bottom: 0; padding-bottom: 30px; }

header { border-bottom: 6px solid #1b5899; position: fixed; background: #fff; z-index: 100; width: 100%; }
header ul.pcmenu { display: flex; justify-content: flex-start; width: 100%; max-width: 1000px; margin: 0 auto; padding: 0 5px; }
header ul.pcmenu > li:not(:first-child) { margin: auto 10px 0 0; }
header ul.pcmenu > li:not(:first-child) a, header ul.pcmenu > li:not(:first-child) span { text-decoration: none; display: table-cell; width: 190px; background: #caeaf2; text-align: center; color: #2b2421; font-size: 16px; height: 50px; vertical-align: middle; border-radius: 5px 5px 0 0; }
header ul.pcmenu > li:nth-of-type(1) img { height: 90px; padding: 10px; }
header ul.pcmenu > li:nth-of-type(2) { margin-left: auto; }
header ul.pcmenu > li:nth-of-type(2) > span::before { content: url(../img/header_icon.png); display: inline-block; vertical-align: middle; margin-right: .3em; }
header ul.pcmenu > li:nth-of-type(3) > span::before { content: "\f1ad"; font-family: "FontAwesome"; color: #6494bc; margin-right: 0.3em; font-weight: 900; }
header ul.pcmenu > li:nth-of-type(4) { width: 120px; margin-right: 0; }
header ul.pcmenu > li:nth-of-type(4) > a { background: #eeeeee; }
header ul.pcmenu > li:nth-of-type(4) > a::before { content: "\f0ac"; font-family: "FontAwesome"; color: #6494bc; margin-right: 0.3em; font-weight: 900; }
header ul.pcmenu li ul { position: absolute; z-index: 10; top: 96px; display: none; }
header ul.pcmenu li ul li:not(:first-child) a, header ul.pcmenu li ul li:first-child a { border-radius: 0 !important; transition: 1s; text-align: left; padding: 0 1em; }
header ul.pcmenu li ul li:not(:first-child) a::before, header ul.pcmenu li ul li:first-child a::before { content: "\f105"; font-family: "FontAwesome"; color: #1b5899; margin-right: 0.3em; font-weight: 900; transition: 1s; }
header ul.pcmenu li ul li:not(:first-child) a:hover, header ul.pcmenu li ul li:first-child a:hover { opacity: 1; background: #1b5899; color: #fff; }
header ul.pcmenu li ul li:not(:first-child) a:hover::before, header ul.pcmenu li ul li:first-child a:hover::before { color: #fff; }
header ul.spmenu { display: none; justify-content: flex-start; width: 100%; align-items: center; }
header ul.spmenu li:nth-of-type(1) { padding: 5px; background: #fff; }
header ul.spmenu li:nth-of-type(1) img { height: 60px; }
header ul.spmenu li:nth-of-type(2) { margin-left: auto; margin-right: 10px; }
header ul.spmenu li:nth-of-type(2) a { background: #eee; border-radius: 5px; font-size: 11px; display: block; text-align: center; padding: 5px; text-decoration: none; font-weight: bold; }
header ul.spmenu li:nth-of-type(2) a i { font-size: 30px; }
header ul.spmenu li:nth-of-type(3) { background: #1b5899; color: #fff; font-size: 10px; text-align: center; padding: 10px 5px 0; width: 70px; height: 70px; }
header ul.spmenu li:nth-of-type(3) i { font-size: 40px; }

header ul.pcmenu > li:not(:first-child) span { width: 220px; }

@media (max-width: 700px) { header ul.pcmenu { display: none; }
  header ul.spmenu { display: flex; } }
.slick, #top #wrap { padding-top: 96px; }

#wrap .back_wblue { background: #e8f2f9; }
#wrap section { padding: 90px 1em 70px; }
#wrap section .inner { width: 1000px; margin: 0 auto; }
#wrap section .title { display: table; font-size: 30px; color: #1b5899; margin: 0 auto 40px; border-bottom: 4px solid #1b5899; position: relative; }
#wrap section .kan_love::after { content: url(../img/kan_love.png); position: absolute; top: -42px; right: -80px; }
#wrap section#products ul { display: flex; justify-content: space-between; flex-wrap: wrap; width: 1000px; margin: 0 auto; }
#wrap section#products ul li { width: 230px; text-align: center; background: #fff; border-radius: 10px; border: 1px solid #eee; margin-bottom: 35px; }
#wrap section#products ul li:last-child { background: none; }
#wrap section#products ul li img { margin-top: 10px; }
#wrap section#products ul li a { display: block; text-decoration: none; padding: 20px; position: relative; }
#wrap section#products ul li a::before { content: ""; bottom: 5px; right: 5px; position: absolute; width: 20px; height: 20px; border: 2px solid #1b5899; border-radius: 20px; font-size: 20px; }
#wrap section#products ul li a::after { content: "\f105"; font-family: "FontAwesome"; color: #1b5899; margin-right: 0; font-weight: 900; bottom: 0; right: 12px; position: absolute; font-size: 20px; }
#wrap section#products ul li h2 { color: #fff; font-size: 20px; padding: 5px 0; font-weight: bold; border-radius: 10px 10px 0 0; }
#wrap section#products ul li .obi_pink { background: #f57582; }
#wrap section#products ul li .obi_green { background: #00a600; }
#wrap section#products ul li .obi_wblue { background: #387dfe; }
#wrap section#products ul li .obi_blue { background: #8691cf; }
#wrap section#products ul li .obi_purple { background: #7a0c86; }
#wrap section#company ul { display: flex; justify-content: space-between; flex-wrap: wrap; width: 1000px; margin: 0 auto; }
#wrap section#company ul li { width: 480px; border: 1px solid #1b5899; margin-bottom: 40px; border-radius: 10px; }
#wrap section#company ul li a { text-decoration: none; }
#wrap section#company ul li dl { display: table; }
#wrap section#company ul li dl dt, #wrap section#company ul li dl dd { display: table-cell; vertical-align: top; }
#wrap section#company ul li dl dt { width: 192px; }
#wrap section#company ul li dl dd { width: 286px; background: #f3f8fc; padding: 20px; border-radius: 0 10px 10px 0; }
#wrap section#company ul li dl dd .h3 { font-size: 22px; color: #1b5899; margin-bottom: 15px; display: block; }
#wrap section#company ul li dl dd .h3::after { content: "\f105"; font-family: "FontAwesome"; color: #1b5899; margin-right: 0; font-weight: 900; margin-left: .7em; }
#wrap section#company ul li:last-child { border: none; background: none; }

.en #wrap section#products ul li h2 { font-size: 18px; }

@media (max-width: 1060px) { #top #wrap { padding-top: 76px; } }
@media (max-width: 1020px) { #wrap section .title { font-size: 26px; }
  #wrap section#products ul { justify-content: space-around; width: 600px; }
  #wrap section#company ul { width: 100%; }
  #wrap section#company ul li { margin: 0 auto 40px; }
  #wrap section#company ul li:last-child { display: none; }
  #wrap section#company ul li:nth-last-child(2) { margin-bottom: 0; }
  #wrap section#company ul li dl dt img { border-radius: 10px 0 0 10px; }
  .en #wrap section .kan_love::after { content: ""; } }
@media (max-width: 1020px) { h1 picture, h1 img { width: 100%; } }
@media (max-width: 700px) { .slick { padding-top: 76px; }
  .slick { width: 100%; }
  .slick img { width: auto; margin: 0 auto; } }
@media (max-width: 630px) { #wrap section#products { padding: 40px 1em; }
  #wrap section#products ul { width: 100%; }
  #wrap section#products ul li { width: 45%; }
  #wrap section#products ul li:nth-last-child(2), #wrap section#products ul li:nth-last-child(1) { margin-bottom: 0; }
  #wrap section#products ul li h2 { font-size: 16px; }
  #wrap section#company { padding: 40px 1em 70px; }
  #wrap section#company ul li dl dd { padding: 2px 5px; font-size: 15px; line-height: 1.3; }
  #wrap section#company ul li dl dd .h3 { margin-bottom: 5px; font-size: 18px; } }
@media (max-width: 374px) { #wrap section#products ul li { width: 190px; }
  #wrap section#products ul li:last-child { display: none; } }
footer { width: 100%; border-top: 1px solid #d2d2d2; bottom: 0; }
footer nav div.pcmenu { display: none; }
footer nav ul.spmenu { width: 100%; }
footer nav ul.spmenu li:not(:first-child) a { color: #2b2421; text-decoration: none; font-size: 16px; display: block; position: relative; padding: 10px; border-bottom: 1px solid #1b5899; }
footer nav ul.spmenu li:not(:first-child) a::after { content: "\f105"; font-family: "FontAwesome"; color: #1b5899; margin-right: 0; font-weight: 900; position: absolute; right: 10px; }
footer nav ul.spmenu li:not(:first-child).under a::after { content: ""; }
footer nav ul.spmenu li:not(:first-child) i { position: absolute; right: 10px; border-left: 1px solid #1b5899; padding: 8px 0 8px 10px; display: block; top: 50%; transform: translate(0, -50%); height: 30px; }
footer nav ul.spmenu li:not(:first-child):last-child { margin-left: auto; }
footer nav ul.spmenu li:not(:first-child):last-child a { display: block; background: #eeeeee; border-radius: 0; padding: 15px; }
footer nav ul.spmenu li:not(:first-child):last-child a::before { content: "\f0ac"; font-family: "FontAwesome"; color: #1b5899; margin-right: 0.3em; font-weight: 900; }
footer nav ul.spmenu li:not(:first-child):first-child a::after, footer nav ul.spmenu li:not(:first-child):last-child a::after { content: ""; }
footer nav ul.spmenu li:not(:first-child) ul.sub-menu li a::after { content: "\f105"; font-family: "FontAwesome"; color: #1b5899; margin-right: 0; font-weight: 900; position: absolute; right: 10px; }
footer nav ul.spmenu li:not(:first-child) ul.sub-menu li:last-child a { background: #fff; border-radius: 0; padding: 10px 10px 10px 20px; }
footer nav ul.spmenu li:not(:first-child) ul.sub-menu li:last-child a::before { content: ""; }
footer nav ul.spmenu img { height: 70px; }
footer nav ul.spmenu li:first-child a { border-bottom: 1px solid #1b5899; text-align: center; display: block; padding: 10px; }
footer nav ul.spmenu .sub-menu { display: none; }
footer nav ul.spmenu .sub-menu li a { text-align: left; padding-left: 20px; }
footer address { color: #fff; background: #1b5899; font-size: 15px; padding: 10px; text-align: center; font-style: normal; }
footer address a { color: #fff; }
footer address a::after { content: "" !important; }

#global { width: 300px; border: 8px solid #1b5899; background: #fff; padding: 20px; margin: 0 auto; }
#global ul { display: table; margin: 0 auto; }
#global ul li { padding: .5em 0; }
#global ul li a { text-decoration: none; color: #1b5899; font-size: 20px; }
#global ul li a::before { content: "\f105"; margin-right: .3em; font-family: "FontAwesome"; }

div#cboxOverlay { background-color: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 300; }

@media (min-width: 730px) { footer { border-top: 2px solid #1b5899; }
  footer nav { padding: 0; }
  footer nav ul.spmenu { display: none; }
  footer nav div.pcmenu { display: block; }
  footer nav div.pcmenu ul.pcmenu { padding: 10px 1em; display: flex; justify-content: flex-start; width: 100%; max-width: 1000px; margin: 0 auto; align-items: center; }
  footer nav div.pcmenu ul.pcmenu img { height: 70px; }
  footer nav div.pcmenu ul.pcmenu li:not(:first-child) { margin-left: 42px; }
  footer nav div.pcmenu ul.pcmenu li:not(:first-child) a { color: #2b2421; text-decoration: none; font-size: 16px; }
  footer nav div.pcmenu ul.pcmenu li:not(:first-child) a::after { content: "\f105"; font-family: "FontAwesome"; color: #1b5899; margin-right: 0; font-weight: 900; margin-left: 10px; }
  footer nav div.pcmenu ul.pcmenu li:not(:first-child):last-child { margin-left: auto; }
  footer nav div.pcmenu ul.pcmenu li:not(:first-child):last-child a { display: block; background: #eeeeee; border-radius: 5px; padding: 15px; }
  footer nav div.pcmenu ul.pcmenu li:not(:first-child):last-child a:before { content: "\f0ac"; font-family: "FontAwesome"; color: #1b5899; margin-right: 0.3em; font-weight: 900; }
  footer nav div.pcmenu div.sitemap { width: 100%; border-top: 6px solid #1b5899; padding: 30px .5em 35px; overflow: hidden; }
  footer nav div.pcmenu div.sitemap h2 { color: #1b5899; font-size: 16px; font-weight: bold; margin-bottom: 10px; }
  footer nav div.pcmenu div.sitemap div.footer_link { width: 100%; max-width: 1000px; margin: 0 auto; }
  footer nav div.pcmenu div.sitemap div.footer_link ul.sub-menu { display: block; float: left; width: 33%; }
  footer nav div.pcmenu div.sitemap div.footer_link ul.sub-menu li { padding: .15em .5em; }
  footer nav div.pcmenu div.sitemap div.footer_link ul.sub-menu li a { text-decoration: none; font-size: 15px; color: #2B2421; }
  footer nav div.pcmenu div.sitemap div.footer_link ul.sub-menu li a:before { content: "\f105"; font-family: "FontAwesome"; color: #2B2421; margin-right: 0.3em; font-weight: 900; }
  footer address { font-size: 12px; } }
/*下層*/
#wrap_under { padding-top: 96px; }
#wrap_under section[id^=block] .inner { border-bottom: 1px solid #ddd; padding: 35px 0 30px; width: 1000px; margin: 0 auto; }
#wrap_under figure .caption { font-size: 12px; text-align: center; }

.pro10 { background: url(../ja/img/protitle01_back.jpg) repeat-x; width: 100%; text-align: center; }

.pro20 { background: url(../ja/img/protitle02_back.jpg) repeat-x; width: 100%; text-align: center; }

.pro30 { background: url(../ja/img/protitle03_back.jpg) repeat-x; width: 100%; text-align: center; }

.pro40 { background: url(../ja/img/protitle04_back.jpg) repeat-x; width: 100%; text-align: center; }

.pro30e { background: url(../ja/img/protitle05_back.jpg) repeat-x; width: 100%; text-align: center; }

.pro40e { background: url(../ja/img/protitle06_back.jpg) repeat-x; width: 100%; text-align: center; }

.proeasy { background: url(../ja/img/protitle07_back.jpg) repeat-x; width: 100%; text-align: center; }

.company_top { width: 100%; background: #91d8fe; text-align: center; display: block; }

#bred { width: 1000px; margin: 10px auto 0; font-size: 12px; }
#bred a { color: #282423; text-decoration: none; }
#bred a:hover { text-decoration: underline; }
#bred a::after { content: "\f105"; font-family: "FontAwesome"; color: #282423; margin-right: 1em; font-weight: 900; margin-left: 1em; }
#bred ul { display: table; }
#bred ul li { display: table-cell; }

.dotTitle { color: #1b5899; font-size: 20px; margin-bottom: 15px; }
.dotTitle::before { content: "●"; margin-right: .3em; }

.squareTitle { color: #1b5899; font-size: 18px; margin-bottom: 15px; }

.blueHead { color: #1b5899; }

.h1title { width: 100%; background: #f3f8fc; }
.h1title span { display: block; width: 100%; max-width: 1000px; padding: 20px 0; font-size: 20px; font-weight: bold; margin: 0 auto; color: #1b5899; }

.col1Pic { margin-bottom: 1em; }
.col1Pic.leftTable { display: table; }

table.proTable { width: auto; margin: 0 auto 1em; }
table.proTable.wb th { border-right: 1px solid #fff; }
table.proTable.wb th:last-child { border-right: 1px solid #1b5899; }
table.proTable td { border: 1px solid #1b5899; white-space: unset !important; }
table.proTable th, table.proTable td { padding: .8em; text-align: left; vertical-align: middle; color: #1b5899; }
table.proTable th { background: #1b5899; color: #fff; }
table.proTable th + th { border-left: 1px solid #fff !important; }
table.proTable th:first-child { width: 30%; }
table.proTable th.nblue { background: #1b5899; color: #1b5899; border-right: 1px solid #1b5899; }
table.proTable.nw th { white-space: nowrap; }
table.proTable.tdl td { text-align: left; }
table.proTable.com td { color: #2b2421; }

ol.num { margin-left: 1.5em; text-indent: -1em; list-style: none; counter-reset: li; margin-bottom: 1em; }
ol.num li { padding: .5em 0; }
ol.num li::before { color: #1b5899; counter-increment: li; content: counter(li) ". "; }

ul.dot { margin-left: 1.5em; list-style: disc; margin-bottom: 1em; }
ul.dot li { padding: .5em 0; }

table ul { list-style: disc; padding: .5em 0 .5em 1.5em; }
table ul li { padding: .5em 0; }

ul.pallCol.cols1 { flex-wrap: wrap; }
ul.pallCol.cols1 li { width: 100%; }
ul.pallCol img { width: 100%; max-width: 350px; margin: 0 auto; display: block; }

/*下層*/
@media (max-width: 700px) { #wrap_under { padding-top: 76px; }
  #wrap_under .h1title span { padding: 0 .5em; } }
@media (min-width: 650px) { ul.pallCol { display: flex; }
  ul.pallCol.cols2 { flex-wrap: wrap; justify-content: space-between; }
  ul.pallCol.cols2.ratio19 > li:nth-of-type(2n+1) { width: 9%; }
  ul.pallCol.cols2.ratio19 > li:nth-of-type(2n) { width: 89%; }
  ul.pallCol.cols2.ratio28 > li:nth-of-type(2n+1) { width: 19%; }
  ul.pallCol.cols2.ratio28 > li:nth-of-type(2n) { width: 79%; }
  ul.pallCol.cols2.ratio37 > li:nth-of-type(2n+1) { width: 29%; }
  ul.pallCol.cols2.ratio37 > li:nth-of-type(2n) { width: 69%; }
  ul.pallCol.cols2.ratio46 > li:nth-of-type(2n+1) { width: 39%; }
  ul.pallCol.cols2.ratio46 > li:nth-of-type(2n) { width: 59%; }
  ul.pallCol.cols2.ratio55 > li:nth-of-type(2n+1) { width: 49%; }
  ul.pallCol.cols2.ratio55 > li:nth-of-type(2n) { width: 49%; }
  ul.pallCol.cols2.ratio64 > li:nth-of-type(2n+1) { width: 59%; }
  ul.pallCol.cols2.ratio64 > li:nth-of-type(2n) { width: 39%; }
  ul.pallCol.cols2.ratio73 > li:nth-of-type(2n+1) { width: 69%; }
  ul.pallCol.cols2.ratio73 > li:nth-of-type(2n) { width: 29%; }
  ul.pallCol.cols2.ratio82 > li:nth-of-type(2n+1) { width: 79%; }
  ul.pallCol.cols2.ratio82 > li:nth-of-type(2n) { width: 19%; }
  ul.pallCol.cols2.ratio91 > li:nth-of-type(2n+1) { width: 89%; }
  ul.pallCol.cols2.ratio91 > li:nth-of-type(2n) { width: 9%; }
  ul.pallCol.cols3 { flex-wrap: wrap; justify-content: space-between; }
  ul.pallCol.cols3 li { width: calc(95% / 3); } }
.youtube { position: relative; width: 90%; height: 0; padding-top: 55%; margin: 0 auto 30px; }
.youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.blueBtn a { display: table; border: 2px solid #1b5899; background: #fff; color: #1b5899; border-radius: 8px; text-decoration: none; transition: all 1s; font-weight: bold; }
.blueBtn a:hover { background: #1b5899; color: #fff; text-decoration: none; }

.btnSmall { margin: 1em 0; }
.btnSmall a { font-size: 18px; padding: 5px 20px; }

.kanTitle { border-bottom: 2px solid #1b5899; color: #1b5899; font-size: 21px; height: 89px; position: relative; vertical-align: baseline; margin-bottom: 20px; }
.kanTitle::before { content: url(../img/nor_title_icon.png); position: absolute; }
.kanTitle span { width: calc(100% - 72px); position: absolute; bottom: 15px; right: 0; font-weight: bold; }

section a[target="_blank"]::after { content: "\f08e"; font-family: "FontAwesome"; color: #1b5899; margin-right: 0; font-weight: 900; padding: 0 .3em; transition: all 1s; display: inline-block; }

section a[target="_blank"]:hover::after { color: #fff; }

section a.target[target="_blank"]::after { content: ""; padding: 0; font-family: ""; }

ul.banner { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 20px 0; }
ul.banner li { width: 49%; text-align: center; margin-bottom: 1em; }
ul.banner li img { border: 1px solid #1b5899; }

.noimg { display: none; }

@media (max-width: 1000px) { #wrap_under section[id^=block] .inner { padding: 20px .5em; width: 100%; }
  #bred { padding: 0 .5em; box-sizing: border-box; width: 100%; } }
@media (min-width: 650px) { ul.banner li { width: 25%; } }
/*会社案内*/
.enclose { border: 1px solid #1b5899; border-radius: 5px; padding: 10px; color: #1b5899; margin-bottom: 15px; font-weight: bold; font-size: 16px; }

section table.comTable { width: 100%; }
section table.comTable tr { border: 1px solid #dcdcdc; }
section table.comTable tr th, section table.comTable tr td { padding: 5px; display: block; box-sizing: border-box; width: 100%; text-align: left; }
section table.comTable tr th { background: #f3f3f3; font-weight: bold; }
section table.comTable.nw th { white-space: nowrap; }

@media (min-width: 650px) { section table.comTable { width: 100%; }
  section table.comTable tr td, section table.comTable tr th { display: table-cell; width: auto; } }
/*簡易アンケート*/
dl.table { display: flex; margin: 0 auto 60px; justify-content: center; }
dl.table dt, dl.table dd { vertical-align: middle; padding: .5em .5em 0; display: table-cell; }
dl.table dt a, dl.table dd a { background: #fff; color: #1b5899; font-size: 25px; padding: 5px 8px; text-decoration: none; border: 1px solid #1b5899; border-radius: 5px; transition: all 0.7s; display: inline-block; }
dl.table dt a::after, dl.table dd a::after { content: "\f138"; font-family: "FontAwesome"; color: #1b5899; margin-right: 0; font-weight: 900; margin-left: .5em; transition: all 0.7s; }
dl.table dt a:hover, dl.table dd a:hover { background: #1b5899; color: #fff; }
dl.table dt a:hover::after, dl.table dd a:hover::after { content: "\f138"; font-family: "FontAwesome"; color: #fff; margin-right: 0; font-weight: 900; margin-left: .5em; }
dl.table dt { text-align: left; }
dl.table dd { text-align: right; }

.confirm a { background: #fff; color: #1b5899; font-size: 25px; padding: 5px 25px; text-decoration: none; border: 1px solid #1b5899; border-radius: 5px; transition: all 0.7s; display: inline-block; }
.confirm a:hover { background: #1b5899; color: #fff; text-decoration: none; }

.enq, .thx { display: none; }

textarea { border: 1px solid #1b5899; padding: 10px; font-size: 15px; margin-bottom: 1em; box-sizing: border-box; }

@media (min-width: 640px) { dl.table dt a, dl.table dd a { padding: 5px 25px; } }

/*# sourceMappingURL=common.css.map */