@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

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

nav ul { list-style: none; }

blockquote, q { quotes: none; }

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

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

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
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; }

/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

/* 汎用クラス */
body { font-size: 0.8em; position: relative; line-height: 1.2em; font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka"; }

html, body { -webkit-text-size-adjust: 100%; font-size: 16px; }

html, body, p, div, span { word-wrap: break-word; }

p { line-height: 1.5; }

table { table-layout: fixed; }

ul { padding-left: 2em; }

hr.dot { border-top: 1px dotted #ccc; height: 0; }

/*
# indent

コンテンツにありがちなインデント。ネストして使いましょう

```
<div>あいうえお</div>
<div class="indent"> <div>かきくけこ</div>
</div>
<div class="indent"> <div class="indent"> <div>さしすせそ</div> </div>
</div>

```
*/
.indent { padding-left: 1em; }

/*
# 各種ショートコードクラス

かぶりやすいものはimportantも入ってます

```
<p class="ta-r">右揃え</p>
<p class="ta-l">左揃え</p>
<p class="ta-c">中央揃え</p>

<span class="d-b" style="background: #ccc;">span.d-b</span>
<div class="d-ib" style="background: #ccc;">div.d-ib</div>
<span class="bold">ボールド</span>
<span class="nobold">ボールド解除</span>
<span class="tdu">下線</span>
<span class="tdn">文字列装飾解除</span>
```
*/
.imgtop { vertical-align: bottom; margin: 0px; }

.imgbtm { vertical-align: top; }

.imgmdl { vertical-align: middle; }

input.han { ime-mode: disabled; }

input.zen { ime-mode: active; }

textarea.han { ime-mode: disabled; }

textarea.zen { ime-mode: active; }

.td-n { text-decoration: none; }

.td-u { text-decoration: underline; }

.d-b { display: block !important; }

.d-ib { display: inline-block !important; }

.d-n { display: none !important; }

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

.nobold { font-weight: normal !important; }

.italic { font-style: italic; }

.noitalic { font-style: normal; }

.tdu { text-decoration: underline !important; }

.tdn { text-decoration: none !important; }

.fl-l { float: left; }

.fl-r { float: right; }

.al-l, .ta-l { text-align: left !important; }

.al-r, .ta-r { text-align: right !important; }

.al-c, .ta-c { text-align: center !important; }
/* ------------------- ■ 広教追加 25.1.29 ■ ----------------- */
.sns-link {
    margin: 2em 0 0 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: flex-start;
}
.sns-link li {
    border-right: solid 1px #eee;
	text-align: center;
}
.sns-link li a {
    display: block;
    text-decoration: none;
    padding: 30px 0;
    color: #111;
    transition: all 0.3s;
    background: transparent;
}
.sns-link li a:hover {
    background: #fff;
}
.sns-link li p {
    font-size: 14px;
    font-weight: 500;
}
.sns-link li img {
    max-width: 70px;
    width: 80%;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
	border: none;
    vertical-align: middle;
}

.sns-link li:last-child {
    border-right: none;
}
.foot-p-mark{display: block; width:70px; height:70px; background-color:#FFFFFF; margin:0.5em;}
.foot-p-mark img{width:100%;}
.foot-p-mark-sp{display: none;}
/* ------------------  / 広教追加  ------------------ */
@media (max-width: 767px) { .xs-al-l, .xs-ta-l { text-align: left !important; }
	.foot-p-mark{display: none;}
	.foot-p-mark-sp{display: block;  width:100%; text-align: center; }
	.foot-p-mark-sp img{margin:0.5em auto; width: 100px; background-color:#FFFFFF; }
  .xs-al-r, .xs-ta-r { text-align: right !important; }
  .xs-al-c, .xs-ta-c { text-align: center !important; } }
.pos-r { position: relative; }

.light { font-weight: lighter; }

.font-meiryo { font-family: "Meiryo", "メイリオ", "Osaka"; }

.m0a { margin-left: auto !important; margin-right: auto !important; display: block; }

@media (max-width: 767px) { .xs-m0a { margin-left: auto !important; margin-right: auto !important; display: block; } }


.f10 { font-size: 10px !important; }

.f11 { font-size: 11px !important; }

.f12 { font-size: 12px !important; }

.f13 { font-size: 13px !important; }

.f14 { font-size: 14px !important; }

.f15 { font-size: 15px !important; }

.f16 { font-size: 16px !important; }

.f17 { font-size: 17px !important; }

.f18 { font-size: 18px !important; }

.f19 { font-size: 19px !important; }

.f20 { font-size: 20px !important; }

.f21 { font-size: 21px !important; }

.f22 { font-size: 22px !important; }

.f23 { font-size: 23px !important; }

.f24 { font-size: 24px !important; }

.f25 { font-size: 25px !important; }

.f26 { font-size: 26px !important; }

.f27 { font-size: 27px !important; }

.f28 { font-size: 28px !important; }

.f29 { font-size: 29px !important; }

.f30 { font-size: 30px !important; }

.f31 { font-size: 31px !important; }

.f32 { font-size: 32px !important; }

.f33 { font-size: 33px !important; }

.f34 { font-size: 34px !important; }

.f35 { font-size: 35px !important; }

.f36 { font-size: 36px !important; }

.f37 { font-size: 37px !important; }

.f38 { font-size: 38px !important; }

.f39 { font-size: 39px !important; }

.f40 { font-size: 40px !important; }


.m0 { margin: 0px !important; }

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

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

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

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

.op00 { opacity: 0; }

.m5 { margin: 5px !important; }

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

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

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

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

.op01 { opacity: 0.1; }

.m10 { margin: 10px !important; }

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

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

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

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

.op02 { opacity: 0.2; }

.m15 { margin: 15px !important; }

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

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

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

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

.op03 { opacity: 0.3; }

.m20 { margin: 20px !important; }

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

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

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

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

.op04 { opacity: 0.4; }

.m25 { margin: 25px !important; }

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

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

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

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

.op05 { opacity: 0.5; }

.m30 { margin: 30px !important; }

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

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

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

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

.op06 { opacity: 0.6; }

.m35 { margin: 35px !important; }

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

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

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

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

.op07 { opacity: 0.7; }

.m40 { margin: 40px !important; }

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

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

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

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

.op08 { opacity: 0.8; }

.m45 { margin: 45px !important; }

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

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

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

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

.op09 { opacity: 0.9; }

.m50 { margin: 50px !important; }

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

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

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

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

.op010 { opacity: 1; }

.p0 { padding: 0px !important; }

.p0 { padding: 0px !important; }

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

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

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

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

.br0 { border-radius: 0px !important; }

.p1 { padding: 2px !important; }

.p5 { padding: 5px !important; }

.pt2 { padding-top: 2px !important; }

.pr2 { padding-right: 2px !important; }

.pb2 { padding-bottom: 2px !important; }

.pl2 { padding-left: 2px !important; }

.br1 { border-radius: 1px !important; }

.p2 { padding: 4px !important; }

.p10 { padding: 10px !important; }

.pt4 { padding-top: 4px !important; }

.pr4 { padding-right: 4px !important; }

.pb4 { padding-bottom: 4px !important; }

.pl4 { padding-left: 4px !important; }

.br2 { border-radius: 2px !important; }

.p3 { padding: 6px !important; }

.p15 { padding: 15px !important; }

.pt6 { padding-top: 6px !important; }

.pr6 { padding-right: 6px !important; }

.pb6 { padding-bottom: 6px !important; }

.pl6 { padding-left: 6px !important; }

.br3 { border-radius: 3px !important; }

.p4 { padding: 8px !important; }

.p20 { padding: 20px !important; }

.pt8 { padding-top: 8px !important; }

.pr8 { padding-right: 8px !important; }

.pb8 { padding-bottom: 8px !important; }

.pl8 { padding-left: 8px !important; }

.br4 { border-radius: 4px !important; }

.p5 { padding: 10px !important; }

.p25 { padding: 25px !important; }

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

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

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

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

.br5 { border-radius: 5px !important; }

.p6 { padding: 12px !important; }

.p30 { padding: 30px !important; }

.pt12 { padding-top: 12px !important; }

.pr12 { padding-right: 12px !important; }

.pb12 { padding-bottom: 12px !important; }

.pl12 { padding-left: 12px !important; }

.br6 { border-radius: 6px !important; }

.p7 { padding: 14px !important; }

.p35 { padding: 35px !important; }

.pt14 { padding-top: 14px !important; }

.pr14 { padding-right: 14px !important; }

.pb14 { padding-bottom: 14px !important; }

.pl14 { padding-left: 14px !important; }

.br7 { border-radius: 7px !important; }

.p8 { padding: 16px !important; }

.p40 { padding: 40px !important; }

.pt16 { padding-top: 16px !important; }

.pr16 { padding-right: 16px !important; }

.pb16 { padding-bottom: 16px !important; }

.pl16 { padding-left: 16px !important; }

.br8 { border-radius: 8px !important; }

.p9 { padding: 18px !important; }

.p45 { padding: 45px !important; }

.pt18 { padding-top: 18px !important; }

.pr18 { padding-right: 18px !important; }

.pb18 { padding-bottom: 18px !important; }

.pl18 { padding-left: 18px !important; }

.br9 { border-radius: 9px !important; }

.p10 { padding: 20px !important; }

.p50 { padding: 50px !important; }

.pt20 { padding-top: 20px !important; }

.pr20 { padding-right: 20px !important; }

.pb20 { padding-bottom: 20px !important; }

.pl20 { padding-left: 20px !important; }

.br10 { border-radius: 10px !important; }

.lh10 { line-height: 1; }

.lh11 { line-height: 1.1; }

.lh12 { line-height: 1.2; }

.lh13 { line-height: 1.3; }

.lh14 { line-height: 1.4; }

.lh15 { line-height: 1.5; }

.lh16 { line-height: 1.6; }

.lh17 { line-height: 1.7; }

.lh18 { line-height: 1.8; }

.lh19 { line-height: 1.9; }


@media (min-width: 1200px) { .lg-f10 { font-size: 10px !important; }
  .lg-f11 { font-size: 11px !important; }
  .lg-f12 { font-size: 12px !important; }
  .lg-f13 { font-size: 13px !important; }
  .lg-f14 { font-size: 14px !important; }
  .lg-f15 { font-size: 15px !important; }
  .lg-f16 { font-size: 16px !important; }
  .lg-f17 { font-size: 17px !important; }
  .lg-f18 { font-size: 18px !important; }
  .lg-f19 { font-size: 19px !important; }
  .lg-f20 { font-size: 20px !important; }
  .lg-f21 { font-size: 21px !important; }
  .lg-f22 { font-size: 22px !important; }
  .lg-f23 { font-size: 23px !important; }
  .lg-f24 { font-size: 24px !important; }
  .lg-f25 { font-size: 25px !important; }
  .lg-f26 { font-size: 26px !important; }
  .lg-f27 { font-size: 27px !important; }
  .lg-f28 { font-size: 28px !important; }
  .lg-f29 { font-size: 29px !important; }
  .lg-f30 { font-size: 30px !important; }
  .lg-f31 { font-size: 31px !important; }
  .lg-f32 { font-size: 32px !important; }
  .lg-f33 { font-size: 33px !important; }
  .lg-f34 { font-size: 34px !important; }
  .lg-f35 { font-size: 35px !important; }
  .lg-f36 { font-size: 36px !important; }
  .lg-f37 { font-size: 37px !important; }
  .lg-f38 { font-size: 38px !important; }
  .lg-f39 { font-size: 39px !important; }
  .lg-f40 { font-size: 40px !important; } }
@media (min-width: 992px) { .md-f10 { font-size: 10px !important; }
  .md-f11 { font-size: 11px !important; }
  .md-f12 { font-size: 12px !important; }
  .md-f13 { font-size: 13px !important; }
  .md-f14 { font-size: 14px !important; }
  .md-f15 { font-size: 15px !important; }
  .md-f16 { font-size: 16px !important; }
  .md-f17 { font-size: 17px !important; }
  .md-f18 { font-size: 18px !important; }
  .md-f19 { font-size: 19px !important; }
  .md-f20 { font-size: 20px !important; }
  .md-f21 { font-size: 21px !important; }
  .md-f22 { font-size: 22px !important; }
  .md-f23 { font-size: 23px !important; }
  .md-f24 { font-size: 24px !important; }
  .md-f25 { font-size: 25px !important; }
  .md-f26 { font-size: 26px !important; }
  .md-f27 { font-size: 27px !important; }
  .md-f28 { font-size: 28px !important; }
  .md-f29 { font-size: 29px !important; }
  .md-f30 { font-size: 30px !important; }
  .md-f31 { font-size: 31px !important; }
  .md-f32 { font-size: 32px !important; }
  .md-f33 { font-size: 33px !important; }
  .md-f34 { font-size: 34px !important; }
  .md-f35 { font-size: 35px !important; }
  .md-f36 { font-size: 36px !important; }
  .md-f37 { font-size: 37px !important; }
  .md-f38 { font-size: 38px !important; }
  .md-f39 { font-size: 39px !important; }
  .md-f40 { font-size: 40px !important; } }
@media (min-width: 768px) { .sm-f10 { font-size: 10px !important; }
  .sm-f11 { font-size: 11px !important; }
  .sm-f12 { font-size: 12px !important; }
  .sm-f13 { font-size: 13px !important; }
  .sm-f14 { font-size: 14px !important; }
  .sm-f15 { font-size: 15px !important; }
  .sm-f16 { font-size: 16px !important; }
  .sm-f17 { font-size: 17px !important; }
  .sm-f18 { font-size: 18px !important; }
  .sm-f19 { font-size: 19px !important; }
  .sm-f20 { font-size: 20px !important; }
  .sm-f21 { font-size: 21px !important; }
  .sm-f22 { font-size: 22px !important; }
  .sm-f23 { font-size: 23px !important; }
  .sm-f24 { font-size: 24px !important; }
  .sm-f25 { font-size: 25px !important; }
  .sm-f26 { font-size: 26px !important; }
  .sm-f27 { font-size: 27px !important; }
  .sm-f28 { font-size: 28px !important; }
  .sm-f29 { font-size: 29px !important; }
  .sm-f30 { font-size: 30px !important; }
  .sm-f31 { font-size: 31px !important; }
  .sm-f32 { font-size: 32px !important; }
  .sm-f33 { font-size: 33px !important; }
  .sm-f34 { font-size: 34px !important; }
  .sm-f35 { font-size: 35px !important; }
  .sm-f36 { font-size: 36px !important; }
  .sm-f37 { font-size: 37px !important; }
  .sm-f38 { font-size: 38px !important; }
  .sm-f39 { font-size: 39px !important; }
  .sm-f40 { font-size: 40px !important; } }
@media (max-width: 767px) { .xs-f10 { font-size: 10px !important; }
  .xs-f11 { font-size: 11px !important; }
  .xs-f12 { font-size: 12px !important; }
  .xs-f13 { font-size: 13px !important; }
  .xs-f14 { font-size: 14px !important; }
  .xs-f15 { font-size: 15px !important; }
  .xs-f16 { font-size: 16px !important; }
  .xs-f17 { font-size: 17px !important; }
  .xs-f18 { font-size: 18px !important; }
  .xs-f19 { font-size: 19px !important; }
  .xs-f20 { font-size: 20px !important; }
  .xs-f21 { font-size: 21px !important; }
  .xs-f22 { font-size: 22px !important; }
  .xs-f23 { font-size: 23px !important; }
  .xs-f24 { font-size: 24px !important; }
  .xs-f25 { font-size: 25px !important; }
  .xs-f26 { font-size: 26px !important; }
  .xs-f27 { font-size: 27px !important; }
  .xs-f28 { font-size: 28px !important; }
  .xs-f29 { font-size: 29px !important; }
  .xs-f30 { font-size: 30px !important; }
  .xs-f31 { font-size: 31px !important; }
  .xs-f32 { font-size: 32px !important; }
  .xs-f33 { font-size: 33px !important; }
  .xs-f34 { font-size: 34px !important; }
  .xs-f35 { font-size: 35px !important; }
  .xs-f36 { font-size: 36px !important; }
  .xs-f37 { font-size: 37px !important; }
  .xs-f38 { font-size: 38px !important; }
  .xs-f39 { font-size: 39px !important; }
  .xs-f40 { font-size: 40px !important; }
  .xs-mt0 { margin-top: 0px !important; }
  .xs-mb0 { margin-bottom: 0px !important; }
  .xs-ml0 { margin-left: 0px !important; }
  .xs-mr0 { margin-right: 0px !important; }
  .xs-pt0 { padding-top: 0px !important; }
  .xs-pb0 { padding-bottom: 0px !important; }
  .xs-pl0 { padding-left: 0px !important; }
  .xs-pr0 { padding-right: 0px !important; }
  .xs-mt5 { margin-top: 5px !important; }
  .xs-mb5 { margin-bottom: 5px !important; }
  .xs-ml5 { margin-left: 5px !important; }
  .xs-mr5 { margin-right: 5px !important; }
  .xs-pt5 { padding-top: 5px !important; }
  .xs-pb5 { padding-bottom: 5px !important; }
  .xs-pl5 { padding-left: 5px !important; }
  .xs-pr5 { padding-right: 5px !important; }
  .xs-mt10 { margin-top: 10px !important; }
  .xs-mb10 { margin-bottom: 10px !important; }
  .xs-ml10 { margin-left: 10px !important; }
  .xs-mr10 { margin-right: 10px !important; }
  .xs-pt10 { padding-top: 10px !important; }
  .xs-pb10 { padding-bottom: 10px !important; }
  .xs-pl10 { padding-left: 10px !important; }
  .xs-pr10 { padding-right: 10px !important; }
  .xs-mt15 { margin-top: 15px !important; }
  .xs-mb15 { margin-bottom: 15px !important; }
  .xs-ml15 { margin-left: 15px !important; }
  .xs-mr15 { margin-right: 15px !important; }
  .xs-pt15 { padding-top: 15px !important; }
  .xs-pb15 { padding-bottom: 15px !important; }
  .xs-pl15 { padding-left: 15px !important; }
  .xs-pr15 { padding-right: 15px !important; }
  .xs-mt20 { margin-top: 20px !important; }
  .xs-mb20 { margin-bottom: 20px !important; }
  .xs-ml20 { margin-left: 20px !important; }
  .xs-mr20 { margin-right: 20px !important; }
  .xs-pt20 { padding-top: 20px !important; }
  .xs-pb20 { padding-bottom: 20px !important; }
  .xs-pl20 { padding-left: 20px !important; }
  .xs-pr20 { padding-right: 20px !important; }
  .xs-mt25 { margin-top: 25px !important; }
  .xs-mb25 { margin-bottom: 25px !important; }
  .xs-ml25 { margin-left: 25px !important; }
  .xs-mr25 { margin-right: 25px !important; }
  .xs-pt25 { padding-top: 25px !important; }
  .xs-pb25 { padding-bottom: 25px !important; }
  .xs-pl25 { padding-left: 25px !important; }
  .xs-pr25 { padding-right: 25px !important; }
  .xs-mt30 { margin-top: 30px !important; }
  .xs-mb30 { margin-bottom: 30px !important; }
  .xs-ml30 { margin-left: 30px !important; }
  .xs-mr30 { margin-right: 30px !important; }
  .xs-pt30 { padding-top: 30px !important; }
  .xs-pb30 { padding-bottom: 30px !important; }
  .xs-pl30 { padding-left: 30px !important; }
  .xs-pr30 { padding-right: 30px !important; }
  .xs-mt35 { margin-top: 35px !important; }
  .xs-mb35 { margin-bottom: 35px !important; }
  .xs-ml35 { margin-left: 35px !important; }
  .xs-mr35 { margin-right: 35px !important; }
  .xs-pt35 { padding-top: 35px !important; }
  .xs-pb35 { padding-bottom: 35px !important; }
  .xs-pl35 { padding-left: 35px !important; }
  .xs-pr35 { padding-right: 35px !important; }
  .xs-mt40 { margin-top: 40px !important; }
  .xs-mb40 { margin-bottom: 40px !important; }
  .xs-ml40 { margin-left: 40px !important; }
  .xs-mr40 { margin-right: 40px !important; }
  .xs-pt40 { padding-top: 40px !important; }
  .xs-pb40 { padding-bottom: 40px !important; }
  .xs-pl40 { padding-left: 40px !important; }
  .xs-pr40 { padding-right: 40px !important; }
  .xs-mt45 { margin-top: 45px !important; }
  .xs-mb45 { margin-bottom: 45px !important; }
  .xs-ml45 { margin-left: 45px !important; }
  .xs-mr45 { margin-right: 45px !important; }
  .xs-pt45 { padding-top: 45px !important; }
  .xs-pb45 { padding-bottom: 45px !important; }
  .xs-pl45 { padding-left: 45px !important; }
  .xs-pr45 { padding-right: 45px !important; }
  .xs-mt50 { margin-top: 50px !important; }
  .xs-mb50 { margin-bottom: 50px !important; }
  .xs-ml50 { margin-left: 50px !important; }
  .xs-mr50 { margin-right: 50px !important; }
  .xs-pt50 { padding-top: 50px !important; }
  .xs-pb50 { padding-bottom: 50px !important; }
  .xs-pl50 { padding-left: 50px !important; }
  .xs-pr50 { padding-right: 50px !important; } }
@media (max-width: 480px) { .xxs-f10 { font-size: 10px !important; }
  .xxs-f11 { font-size: 11px !important; }
  .xxs-f12 { font-size: 12px !important; }
  .xxs-f13 { font-size: 13px !important; }
  .xxs-f14 { font-size: 14px !important; }
  .xxs-f15 { font-size: 15px !important; }
  .xxs-f16 { font-size: 16px !important; }
  .xxs-f17 { font-size: 17px !important; }
  .xxs-f18 { font-size: 18px !important; }
  .xxs-f19 { font-size: 19px !important; }
  .xxs-f20 { font-size: 20px !important; }
  .xxs-f21 { font-size: 21px !important; }
  .xxs-f22 { font-size: 22px !important; }
  .xxs-f23 { font-size: 23px !important; }
  .xxs-f24 { font-size: 24px !important; }
  .xxs-f25 { font-size: 25px !important; }
  .xxs-f26 { font-size: 26px !important; }
  .xxs-f27 { font-size: 27px !important; }
  .xxs-f28 { font-size: 28px !important; }
  .xxs-f29 { font-size: 29px !important; }
  .xxs-f30 { font-size: 30px !important; }
  .xxs-f31 { font-size: 31px !important; }
  .xxs-f32 { font-size: 32px !important; }
  .xxs-f33 { font-size: 33px !important; }
  .xxs-f34 { font-size: 34px !important; }
  .xxs-f35 { font-size: 35px !important; }
  .xxs-f36 { font-size: 36px !important; }
  .xxs-f37 { font-size: 37px !important; }
  .xxs-f38 { font-size: 38px !important; }
  .xxs-f39 { font-size: 39px !important; }
  .xxs-f40 { font-size: 40px !important; } }

.trimwidth { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; }

/*
# clearfix

clearfixです

*/
.clearfix { min-height: 1px; }
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; font-size: 0.1em; line-height: 0; }

* html .clearfix { height: 1px; /*\*/ /*/ height: auto; overflow: hidden; /**/ }

.pagetop { position: fixed; right: 10px; bottom: 120px; z-index: 1100; }
.pagetop img { border: 2px solid #fff; border-radius: 5px; }

@media (max-width: 767px) { .pagetop { position: fixed; right: 10px; bottom: 30px; z-index: 1100; } }
@media print { /*.sitewidth{ 	width: $sitewidth; }*/
  .pagetop { display: none; visibility: hidden; } }
.yellow { color: #fff200; }

.red { color: #e80000; }

.pink { color: #ED0D55; }

.blue { color: #0000e8; }

.green { color: #335d34; }

.black { color: #3b3b3b; }

.black2 { color: #000000; }

.orange { color: #F26522; }

.white { color: #ffffff; }

.gray { color: #575757; }

.gray2 { color: #AAAAAA; }

input, select, textarea { border: 1px solid #ccc; border-radius: 3px; font-size: 16px; padding: 10px; }

input[type=text], select, textarea { background: #fff; outline: none; }
input[type=text]:focus, select:focus, textarea:focus { border: 1px solid #f6aaaa; background: #ffe9e9; box-shadow: 0 0 5px #f6aaaa; }

input[type=checkbox], input[type=radio] { width: 2em; height: 2em; position: relative; top: -5px; }
input[type=checkbox]:checked, input[type=radio]:checked { background: #f6aaaa; }

#err { font-size: 16px; padding: 10px 0; border: 1px solid red; color: red; text-align: center; border-radius: 3px; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); }

.errfield { font-size: 14px; padding: 5px 0; border: 1px solid red; color: red; text-align: center; border-radius: 3px; }

label { font-size: 16px; font-weight: normal; line-height: 2.0; cursor: pointer; }

form.formwrap { padding: 0 15%; }

@media (max-width: 991px) { form.formwrap { padding: 0 10%; } }
@media (max-width: 767px) { form.formwrap { padding: 0; } }
a { transition: all 0.3s ease; color: #00d; text-decoration: underline; }
a:hover { color: #00f; }
a:focus { color: #00f; }

/*
# w100

レスポンシブ向け画像用(width:100%)

```
<div style="width: 400px; height: 400px; border: 1px solid black;">
	<img class="w100" src="../img/1-1.png">
</div>
```
*/
.w100 { width: 100%; height: auto; }

/*
# mw100

レスポンシブ向け画像用(max-width:100%)

```
<div style="width: 400px; height: 400px; border: 1px solid black;">
	<img class="mw100" src="../img/1-1.png">
</div>
```
*/
.mw100 { max-width: 100%; height: auto; }

/*
# mw50

レスポンシブ向け画像用(max-width:50%)

```
<div style="width: 400px; height: 400px; border: 1px solid black;">
	<img class="mw50" src="../img/1-1.png">
</div>
```
*/
.mw50 { max-width: 50%; height: auto; margin-left: auto; margin-right: auto; display: block; }

.sp-none	{ display: none; }
.pc-none	{ display: block; }
/*
# col-*-5x

Bootstrapの5グリッド用

```
<div class="container">
	<div class="row">
		<div class="col-xs-5x">1</div>
		<div class="col-xs-5x">2</div>
		<div class="col-xs-5x">3</div>
		<div class="col-xs-5x">4</div>
		<div class="col-xs-5x">5</div>
	</div>
</div>
```
*/
.col-xs-5x { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }

.col-xs-5x { float: left; width: 20%; }

@media (min-width: 768px) { .col-sm-5x { float: left; width: 20%; } }
@media (min-width: 992px) { .col-md-5x { float: left; width: 20%; } }
@media (min-width: 1200px) { .col-lg-5x { float: left; width: 20%; } }
@media print { *, *:before, *:after { color: #000 !important; text-shadow: none !important; background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: ""; }
  abbr[title]:after { content: ""; }
  a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
  .navbar { display: none; }
  .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; }
  .label { border: 1px solid #000; }
  .table { border-collapse: collapse !important; }
  .table td, .table th { background-color: #fff !important; }
  .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; }
  .visible-print { display: block !important; }
  table.visible-print { display: table !important; }
  tr.visible-print { display: table-row !important; }
  th.visible-print, td.visible-print { display: table-cell !important; }
  .visible-print-block { display: block !important; } }
main { position: relative; z-index: 50; }

.h2 { border-top: 2px solid #0d6eac; background: #cfe9f9; font-size: 26px; font-weight: bold; text-align: center; padding: 20px 0 0 0; margin-bottom: 0; }
.h2 .container { background: url("../img/head-arrow.png") no-repeat left 15px top 0px; padding-bottom: 20px; border-bottom: 1px solid #0d6eac; }

@media (max-width: 480px) { .h2 { font-size: 22px; }
  .h2 .container { background: none; } }
#header { border-top: 2px solid #0d6eac; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 120px; background: rgba(255, 255, 255, 0.7); z-index: 100; }
#header .container { height: 120px; }
#header .nav-inset { padding-right: 170px; }
#header .logo { margin-top: 13px; text-decoration: none; display: block; max-width: 200px; }
#header .logo span { font-size: 12px; display: block; color: #000; }
#header .logo:hover { text-decoration: underline; }
#header .nav-hirokyou { position: absolute; display: block; right: 14%; top: 0; z-index: 10000; width: 12%; }
#header .nav-hirokyou img { border: 3px solid #fff; border-top: none; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); width: 100%; height: auto; }
#header .nav-facebook { position: absolute; right: 16%; bottom: 15px; text-align: right; width: 136px; height:29px; font-size: 12px; color: #3a5897; text-decoration: underline; z-index: 10000; }
#header .nav-facebook:hover { text-decoration: none; }
#header .nav-facebook img { margin-left: 5px; vertical-align: middle; width: 100%; }
#header .navsub { font-size: 12px; position: absolute; right: 13%; top: 0; margin-top: 30px; }
#header .navsub li { display: inline-block; }
#header .navsub li a { color: #000; display: block; margin-right: 15px; margin-top: -3px; }
#header .navsub li a:before { content: url("../img/subnavi-arrow.png"); margin-right: 5px; vertical-align: bottom; display: inline-block; position: relative; top: 4px; }
#header .navsub li a:hover { text-decoration: none; }
#header .nav-list { position: absolute; left: 0; bottom: 5px; width: 100%; padding-left: 0; }
#header .nav-list li { float: left; width: 13%; border-left: 1px solid #636464; text-align: center; }
#header .nav-list li.home { width: 50px; border-left: 0; }
#header .nav-list li a { display: block; padding: 10px 5px; font-size: 14px; color: #0a0a0a; font-weight: bold; text-decoration: none; background: transparent no-repeat bottom center; transition: all .3s; }
#header .nav-list li a:hover { color: #0d6eac; background: url("../img/bar.png") no-repeat bottom center; }
#header .nav-list li.active a { color: #0d6eac; background: url("../img/bar.png") no-repeat bottom center; }

/*20191224*/
#header .nav-iss { position: absolute; display: block; right: 0; top: 0; z-index: 10000; width: 12%; }
#header .nav-iss img { border: 3px solid #45478f; border-top: none; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); width: 100%; height: auto; }
#header .fl-facebook { display: inline-block; width: 136px; height:29px; font-size: 12px; color: #3a5897; }
#header .fl-facebook:hover { text-decoration: none; }
#header .fl-facebook img { vertical-align: middle; width: 100%; }
#header .function-link { text-align: right; width: auto; position: absolute; right: 28%; top: 0; margin-top: 15px; overflow: hidden; }
#header .function-link .fl-navsub { display: inline-block; font-size: 12px; }
#header .function-link .fl-navsub li { display: inline-block; }
#header .function-link .fl-navsub li a { color: #000; display: block; margin-right: 15px; margin-top: -3px; }
#header .function-link .fl-navsub li a:before { content: url("../img/subnavi-arrow.png"); margin-right: 5px; vertical-align: bottom; display: inline-block; position: relative; top: 4px; }
#header .function-link .fl-navsub li a:hover { text-decoration: none; }




@media (max-width: 991px) {
  #header .nav-list li { width: 16%; }
  #header .nav-hirokyou { right: 12%; width: 10%; }
  #header .nav-iss { width: 10%; }
}

.subheader { padding-top: 120px; position: relative; }
.subheader .bgline { background: url("../img/head-bg.png"); height: 72px; position: absolute; top: 120px; left: 0; right: 0; width: 100%; z-index: 1; }
.subheader .subtitle { display: inline-block; background: #fff; padding: 3px 15px; margin-left: 0; color: #737373; font-size: 12px; }
.subheader .subhead-inset { position: relative; z-index: 50; background: rgba(255, 255, 255, 0.7); padding: 0 50px 0 50px; height: 72px; }
.subheader .subhead-inset .h1 { font-size: 20px; font-weight: bold; margin: 0; padding-top: 15px; }
.subheader .pagelinklist { padding-left: 150px; overflow: hidden; margin-top: -27px; }
.subheader .pagelinklist li { float: left; list-style: none; margin-right: 3px; }
.subheader .pagelinklist li:last-child { margin-right: 0; }
.subheader .pagelinklist li a { font-size: 14px; color: #0d6eac; display: inline-block; padding: 3px; border: 1px solid transparent; border-radius: 5px; }
.subheader .pagelinklist li a:after { content: url("../img/pagelink-arrow.png"); vertical-align: top; display: inline-block; width: 15px; height: 7px; margin-left: 3px; }
.subheader .pagelinklist li a:hover { border: 1px solid #0d6eac; }

@media (max-width: 767px) { .subheader { padding-top: 0; position: relative; margin-bottom: -30px; }
  .subheader .bgline { display: none; }
  .subheader .container { background: url("../img/head-bg.png"); }
  .subheader .subtitle { display: inline-block; background: #fff; padding: 3px 15px; margin-left: 0; color: #737373; font-size: 12px; }
  .subheader .subhead-inset { text-align: center; }
  .subheader .pagelinklist { display: none; } }
.sp-header { padding: 15px 15px 0 15px; height: 65px; position: relative; }
.sp-header img.logo { width: 135px; height: auto; margin-top: 7px; }
.sp-header .nav-hirokyou { position: absolute; right: 115px; top: 15px; width: 44px; }
.sp-header .nav-hirokyou img	{ width: 100%; height: auto; }
.sp-header .nav-iss { position: absolute; right: 65px; top: 15px; width: 44px; }
.sp-header .nav-iss img	{ width: 100%; height: auto; }

.sp-navbtn { position: fixed; right: 10px; top: 10px; z-index: 10001; visibility: hidden; }
.sp-navbtn button { transition: all .4s; box-sizing: border-box; -webkit-appearance: none; appearance: none; background: transparent; outline: none; position: relative; top: 0; right: 0; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #888; z-index: 10001; }
.sp-navbtn button span { display: inline-block; transition: all .4s; box-sizing: border-box; position: absolute; left: 0; width: 30px; height: 6px; background: transparent; border-radius: 4px; }
.sp-navbtn button span:nth-of-type(2) { top: 9px; left: 9px; background: #888; }
.sp-navbtn button span:nth-of-type(3) { top: 21px; left: 9px; margin-top: 0; background: #888; }
.sp-navbtn button span:nth-of-type(4) { bottom: 9px; left: 9px; background: #888; }
.sp-navbtn button.active span:nth-of-type(2) { -webkit-transform: translateY(12px) rotate(-45deg); transform: translateY(12px) rotate(-45deg); }
.sp-navbtn button.active span:nth-of-type(3) { opacity: 0; }
.sp-navbtn button.active span:nth-of-type(4) { -webkit-transform: translateY(-12px) rotate(45deg); transform: translateY(-12px) rotate(45deg); }

.sp-menu { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; background: rgba(255, 255, 255, 0.95); z-index: 10000; }
.sp-menu nav ul { padding: 30px; }
.sp-menu nav ul li { width: 100%; border-bottom: 1px dotted #2c8fce; }
.sp-menu nav ul li:nth-child(even) { float: left; }
.sp-menu nav ul li:nth-child(odd) { float: right; }
.sp-menu nav ul li.splogo { width: 100%; }
.sp-menu nav ul li.splogo a { text-align: left; color: #2c8fce; }
.sp-menu nav ul li.splogo a img { width: 50%; height: auto; }
.sp-menu nav ul li a { position: relative; display: block; width: 100%; padding: 10px 10px; color: #000; text-decoration: none; text-align: center; }
.sp-menu nav ul li a:hover { background: rgba(255, 255, 255, 0.7); }

@supports (-webkit-backdrop-filter: blur(5px)) { .sp-menu { -webkit-backdrop-filter: brightness(1.2) blur(10px); background: rgba(255, 255, 255, 0.6); } }
@media (max-width: 767px) { .sp-navbtn { visibility: visible; opacity: 0.85; }
  .sp-menu nav ul { padding: 0 15px 15px 15px; }
  .sp-menu nav ul li a img { max-width: 100%; height: auto; } }
@media (min-width: 769px) { .sp-menu { visibility: hidden; } }
.home-slider { padding-left: 0; }
.home-slider img { width: 100%; height: auto; }

.home-slider-wrap { position: relative; padding-top: 120px; }
.home-slider-wrap .mainimage-msg { position: absolute; left: 50%; margin-left: -241px; top: 135px; max-width: 100%; height: auto; }
.home-slider-wrap .mainimage-pc { max-width: 100%; height: auto; margin: 0 auto; display: block; }
.home-slider-wrap .mainimage-sp { display: block; margin: 0 auto; }

@media (max-width: 767px) { .home-slider-wrap { position: relative; padding-top: 0; }
  .home-slider-wrap .mainimage-msg { position: absolute; top: 15px; left: 15px; right: 15px; width: 80%; height: auto; margin: 0 auto; max-width: 100%; }
  .home-slider-wrap .mainimage-main { min-height: 250px; background-size: cover; } }
.home-buyhere .hb-inset { border: 1px solid #e0e0e0; padding: 20px 30px; }

.home-directlink	{ overflow: hidden; }
.home-directlink a img	{ border: solid 1px #e0e0e0; width: 100%; }

.whiteborderbtn { border: 3px solid #fff; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5); }

.home-topics { background: #fff5f5; }
.home-topics .ht-inset { padding: 1em 2em; }
.home-topics ul { padding-left: 2em; overflow: auto; max-height: 425px; }
.home-topics ul li { margin-bottom: 1em; list-style: none; }
.home-topics ul li .ht-title { color: #de0000; font-weight: bold; font-size: 14px; }
.home-topics ul li .ht-content { color: #313030; font-size: 14px; }
.home-topics .ht-h2 { color: #de0000; font-size: 18px; font-weight: bold; margin-bottom: 1em; }

@media (max-width: 767px) { .home-topics .ht-inset { padding: 0.7em 0.7em; }
  .home-topics ul { padding-left: 0; overflow: auto; max-height: 325px; }
  .home-topics ul li { margin-bottom: 1em; list-style: none; }
  .home-topics ul li .ht-title { color: #de0000; font-weight: bold; font-size: 14px; }
  .home-topics ul li .ht-content { color: #313030; font-size: 14px; }
  .home-topics .ht-h2 { color: #de0000; font-size: 18px; font-weight: bold; margin-bottom: 1em; } }
.home-news { color: #313030; }
.home-news .hn-h2 { color: #313030; font-size: 18px; font-weight: bold; margin-bottom: 1em; }
.home-news ul { overflow: auto; max-height: 425px; }
.home-news ul li { margin-bottom: 1em; overflow: hidden; list-style: none; }
.home-news ul li .wn-date { width: 90px; float: left; font-size: 14px; }
.home-news ul li .wn-date.newmark:after { content: "NEW!"; color: #d00; font-weight: bold; display: block; }
.home-news ul li .wn-genre { float: left; color: #fff; font-size: 12px; padding: 1px 5px; width: 100px; text-align: center; margin-right: 15px; }
.home-news ul li .wn-genre.wng-cat2 { background: #f1a410; }
.home-news ul li .wn-genre.wng-cat1 { background: #e56c83; }
.home-news ul li .wn-genre.wng-cat3 { background: #70e53c; }
.home-news ul li .wn-genre.wng-cat4 { background: #38a7d0; }
.home-news ul li .wn-title { font-size: 14px; }
.home-news ul li .wn-content { font-size: 14px; padding-top: 3px; }
.home-news ul li .wn-content:before { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; font-size: 0.1em; line-height: 0; }
.home-news .hn-inset { background: #f9f9f9; border: 1px solid #2c8fce; padding: 1em 2em; }

@media (max-width: 767px) { .home-news ul { max-height: 325px; padding-left: 0; }
  .home-news .hn-inset { padding: 0.7em 0.7em; } }
@media (max-width: 480px) { .home-news { color: #313030; }
  .home-news .hn-h2 { color: #313030; font-size: 18px; font-weight: bold; margin-bottom: 1em; }
  .home-news ul { padding-left: 0; }
  .home-news ul li { overflow: hidden; }
  .home-news ul li .wn-date { width: 50%; float: left; margin-bottom: 0.5em; }
  .home-news ul li .wn-genre { width: 50%; float: right; margin-bottom: 0.5em; margin-right: 0; }
  .home-news ul li .wn-title { padding-left: 0; float: left; width: 100%; margin-bottom: 0.5em; }
	.home-news ul li .wn-content { float: none; width: 100%; padding-left: 1em; }
	.home-news ul li .wn-content + a { padding-left: 1em;}
}
.home-banner .hb-item { position: relative; margin-bottom: 15px; }
.home-banner .hb-content { position: absolute; bottom: 15px; left: 45px; font-size: 16px; width: 16em; }
.home-banner .hb-img img { border: 3px solid #bdbdbd; }

.pp-h3 { font-size: 18px; font-weight: bold; background: #fff; border: 2px solid #72afd6; padding: 13px 17px; border-radius: 40px; margin-bottom: 1em; line-height: 1.3; }

.pp-support{ width: 70%; border: solid 1px #ddd; background: #f5f5f5; font-size: 14px; margin-bottom: 20px; }
.pp-support tr { border-bottom: solid 1px #ddd; }
.pp-support tr:last-child { border-bottom: none; }
.pp-support th{ padding: 8px; width: 20%; }
.pp-support td{ padding: 8px 12px; line-height: 1.4em; background: #fff; }
@media(max-width:767px){
	.pp-support{ width: 100%; }
	.pp-support th,
	.pp-support td{ width: 100%; display: block; }
	.pp-support td{ padding: 8px 12px 8px 20px; }
}

.pp-indent { padding-left: 3em; }
.pp-indent p { padding-bottom: 1em; text-indent: 1em; font-size: 14px; line-height: 1.7; }
.pp-indent p.no-indent{ text-indent: 0; }

.pp-list { font-size: 14px; margin-bottom: 15px; padding-left: 10px; }
.pp-list li { padding-bottom: 5px; }

@media (max-width: 767px) { .pp-h3 { padding: 8px 17px; }
  .pp-indent { padding-left: 0.5em; }
  .pp-indent p,
	.pp-list { font-size: 13px; }
}
.policy-box { border: 2px solid #83b4d4; border-radius: 10px; padding: 15px; text-align: center; display: inline-block; margin-top: 30px; margin-bottom: 30px; }

.circle-line-v { position: absolute; bottom: 15px; border-bottom: 4px dotted #5096c3; height: 4px; width: 82%; z-index: 50; margin-left: 9%; margin-right: 9%; }

.p5c-wrap { max-width: 250px; margin: 0 auto; }

.policy5 { padding-left: 0; }
.policy5 li { list-style: none; position: relative; padding-left: 5px; padding-right: 5px; }
.policy5 li .circle { background: #83b4d4; position: relative; padding: 50%; border-radius: 50%; }
.policy5 li .circle_no { background: #fff; color: #83b4d4; font-size: 18px; font-weight: bold; height: 40px; width: 40px; line-height: 40px; position: absolute; top: 15px; text-align: center; left: 50%; margin-left: -20px; border-radius: 50%; }
.policy5 li .circlestr { text-align: center; width: 100%; top: 35%; left: 0; position: absolute; color: #fff; line-height: 1.4; font-size: 20px; }
.policy5 li .circle-line { border-right: 4px dotted #5096c3; width: 3px; height: 30px; margin: 0 auto; position: absolute; left: 50%; top: -15px; margin-left: -2px; z-index: 50; }
.policy5 li .circle-line.cl-center { height: 45px; top: -30px; }

@media (max-width: 991px) { .policy5 li .circle_no { top: 2px; }
  .policy5 li .circlestr { font-size: 14px; top: 40%; }
  .policy5 li .circle-line { top: -15px; height: 15px; }
  .policy5 li .circle-line.cl-center { height: 30px; top: -30px; } }
@media (max-width: 767px) { .policy5 li { margin-bottom: 15px; }
  .policy5 li .circle { max-width: 300px; }
  .policy5 li .circle_no { top: 15px; }
  .policy5 li .circlestr { font-size: 22px; top: 35%; } }
@media (max-width: 480px) { .policy5 li .circlestr { font-size: 18px; } }
.greeting-wrap { background: url("../img/greeting/mainimage.jpg") center center; background-size: cover; padding-bottom: 40.69%; position: relative; min-height: 600px; }
.greeting-wrap .gs-wrap { width: 100%; position: absolute; }

@media (max-width: 767px) { .greeting-wrap .gs-wrap { max-width: 100%; left: 0; } }
.greeting-sentence { margin-top: 12.5%; max-width: 700px; margin: 0 auto 0 auto; text-align: center; font-weight: bold; text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff; }

.greeting-sentence .greeting-msg { display: block; margin: 0 auto 50px auto; max-width: 700px; margin-top: 10%; }
.greeting-100{
	 display: block; margin: 0 auto 50px auto; margin-top: 10%;
	text-align:left; width: 80%; max-width: 690px; margin: 5em auto 0em; line-height: 200%; font-size: 115%; text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff;
}
@media (max-width: 767px) { .greeting-sentence { text-align: left; max-width: 100%; padding-left: 15px; padding-right: 15px; font-size: 115%; }
  .greeting-sentence .greeting-msg { max-width: 100%; } 
	.greeting-100{text-align: left; max-width: 100%; padding-left: 15px; padding-right: 15px; font-size: 16px; width: 95%; }
}
.greeting-president { text-align: right; max-width: 700px; margin: 0 auto 0 auto; margin-top: 10%; display: block; top: 80%; right: 0; font-weight: bold; text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff; }

@media (max-width: 767px) { .greeting-president { text-align: right; margin-right: 15px; font-size: 13px; } }
.policy-list { margin-top: 30px; }
.policy-list .pl-title { font-weight: normal; }
.policy-list .pl-title strong { color: #0d6eac; font-size: 18px; font-weight: bold; }
.policy-list .pl-title .pl-circle { display: inline-block; border-radius: 50%; width: 40px; height: 40px; background: #83b4d4; line-height: 40px; font-weight: bold; font-size: 16px; text-align: center; color: #fff; margin-right: 10px; }
.policy-list ol { padding-left: 5em; }
.policy-list ol li { font-size: 12px; }

@media (max-width: 1200px) { .policy-list .pl-title { position: relative; margin-bottom: 1em; padding-top: 0.65em; padding-left: 3em; line-height: 1.3; }
  .policy-list .pl-title .pl-circle { position: absolute; left: 0; top: 0; }
  .policy-list ol { padding-left: 2em; } }
@media (max-width: 767px) { .policy-list { margin-top: 0; }
  .policy-list .pl-title { margin: 10px; }
  .policy-list .pl-title .pl-circle { display: block; margin: -10px auto 10px auto; }
  .policy-list ol { padding-left: 2em; } }
@media (max-width: 480px) { .policy-list .pl-title .pl-circle { display: block; margin: 10px auto; } }
.service-col3 { border: 2px solid #0d6eac; padding: 20px 20px 40px 20px; position: relative; color: #000; background: #f6f6f6; margin-bottom: 15px;display: block; text-decoration: none;transition: all .3s;}
.service-col3:hover {opacity: 0.7;color: #000;text-decoration: none;}
.service-col3 .sc-title { font-size: 20px; text-align: center; font-weight: bold; line-height: 1.3; }
.service-col3 .sc-content { font-size: 14px; }
.service-col3 .sc-arrow { position: absolute; left: 50%; bottom: 10px; margin-left: -15px; }
.service-col3 hr { border: none; border-top: 2px solid #888; margin: 10px 0; }

.service-h3 { font-size: 20px; border: 1px solid #1875b0; padding: 10px 10px; text-align: center; display: block; margin: 0 auto; max-width: 370px; border-radius: 5px; color: #0d6eac; }

@media (max-width: 767px) { .service-h3 { border: none; border-bottom: 3px solid #1875b0; border-radius: 0; } }
.service-itemlist { padding-left: 0; list-style: none; }
.service-itemlist > li { font-size: 18px; margin-bottom: 20px; font-weight: bold; }
.service-itemlist > li > ul { padding-left: 1em; }
.service-itemlist > li > ul > li { background: url("../img/services/icon-circle.png") no-repeat top 2px left; list-style: none; font-size: 14px; font-weight: normal; padding-left: 1.5em; }

.service-execution { background: #fff; position: relative; padding: 30px 100px; overflow: hidden; line-height: 1.3; }
.service-execution .se-itemwrap { height: 150px; width: 50%; float: left; }
.service-execution .se-item { background: #f3974d; font-size: 20px; color: #fff; font-weight: bold; padding: 20px 15px; border-radius: 10px; height: 46%; margin: 0.5%; float: left; width: 49%; text-align: center; }
.service-execution .se-arrow-wrap { float: left; width: 25%; height: 150px; position: relative; }
.service-execution .se-arrow-wrap .se-arrow { position: absolute; left: 50%; margin-left: -35px; top: 50%; margin-top: -41px; }
.service-execution .se-item2 { background: #c0504d; font-size: 26px; color: #fff; font-weight: bold; padding: 60px 10px; height: 150px; border-radius: 10px; float: right; width: 25%; text-align: center; position: relative; }
.service-execution .se-item2 img { position: absolute; top: 20px; left: 50%; margin-left: -20px; }

@media (max-width: 768px) { .service-execution { padding: 30px 15px; }
  .service-execution .se-item { font-size: 16px; }
  .service-execution .se-item2 { font-size: 20px; padding-top: 80px; }
  .service-execution .se-item2 img { top: 40px; } }
@media (max-width: 480px) { .service-execution { position: relative; padding: 30px 10px 0 10px; overflow: hidden; line-height: 1.3; }
  .service-execution .se-itemwrap { width: 100%; float: none; height: auto; }
  .service-execution .se-item { font-size: 16px; padding: 20px 5px; float: none; width: 100%; }
  .service-execution .se-arrow-wrap { float: none; width: 100%; height: auto; }
  .service-execution .se-arrow-wrap .se-arrow { transform: rotate(90deg); margin: 0 auto; display: block; position: static; margin-top: 15px; padding: 0; }
  .service-execution .se-item2 { width: 100%; float: none; font-size: 16px; margin-top: 15px; position: relative; } }
.service-p { background: url("../img/services/icon-circle.png") no-repeat top 4px left; padding-left: 20px; margin-left: 1em; }

a.service-col3b:hover { opacity: 0.7; text-decoration: none; color: #333; }
a.service-col3b .sc-title { padding-right: 30px; }

.service-col3b { background: url("../img/services/bg.png"); border: 2px solid #0d6eac; border-radius: 5px; padding: 20px 20px 80px 20px; position: relative; margin-bottom: 15px; display: block; text-decoration: none; color: #333; }
.service-col3b .sc-title { color: #fff; text-align: center; background: #0d6eac; font-size: 24px; min-height: 60px; padding-top: 15px; position: absolute; left: 0; right: 0; bottom: 0; line-height: 1.3; }
.service-col3b .sc-content { font-size: 14px; margin-bottom: 15px; }
.service-col3b .sc-arrow { position: absolute; left: 50%; margin-left: -12px; top: -14px; }
.service-col3b .sc-arrow2 { position: absolute; right: 15px; bottom: 22px; }

@media (max-width: 767px) { .service-col3b .sc-title { font-size: 20px; }
  .service-col3b .sc-arrow2 { bottom: 22px; } }
.service-col3c { border: 2px solid #0d6eac; border-radius: 5px; padding: 0 0 55px 0; position: relative; margin-bottom: 20px; }
.service-col3c .sc-title { color: #fff; text-align: center; background: #0d6eac; font-size: 24px; height: 60px; padding-top: 22px; position: absolute; left: 0; right: 0; bottom: 0; }
.service-col3c .sc-arrow { position: absolute; left: 50%; margin-left: -12px; top: -14px; }

.service-col3d { background: url("../img/services/bg.png"); display: block; border: 2px solid #0d6eac; border-radius: 5px; padding: 20px 5px; position: relative; margin-bottom: 15px; display: block; text-decoration: none; color: #333; transition: all 0.3s; }
.service-col3d img { box-sizing: border-box; border: solid 2px #fff; }
.service-col3d h4 { margin-bottom: 0.7em; font-weight: bold; background: #196fa9 url('../img/icon-arrow.png') no-repeat 95% center; padding: 0.5em 0; line-height: 1.1em; border-radius: 50px; color: #fff; font-size: 20px; text-align:center; }

@media(max-width:991px){
	.service-col3d h4 { margin-bottom: 0.4em; padding: 0.3em 0; font-size: 16px; }
	.service-col3d p { font-size: 12px; }
}
@media(max-width:767px){
	.service-col3d { padding: 12px 0; margin: 0 0 10px 0; }
	.service-col3d img { display: block; margin-bottom: 10px; box-sizing: border-box; }
	.service-col3d p { font-size: 14px; }
	.service-col3d h4 { background-image: none; padding:7px 0; }
}

.service-strong { background: #ef6666; color: #fff; font-weight: bold; text-align: center; font-size: 16px; padding: 15px; border-radius: 5px; display: block; margin-left: 2em; }

@media (max-width: 767px) { .service-strong { margin-left: 0; font-size: 14px; padding: 15px 5px; } }
.service-booknum { border: 1px solid #adadad; border-radius: 5px; display: inline-block; vertical-align: top; margin-bottom: 15px; }
.service-booknum .inset { padding: 13px 17px; }
.service-booknum .inset strong { display: block; margin-bottom: 7px; color: #0d6eac; }
.service-booknum .inset p { font-size: 13px; }
.service-booknum .inset:first-child { border-bottom: 1px dashed #adadad; }

@media (max-width: 767px) { .service-booknum { display: block; margin: 0 auto 15px auto; width: 200px; } }
.outline-table tr th { width: 140px; }
.outline-table tr th, .outline-table tr td { padding: 10px; font-size: 14px; }
.outline-table a { color: #0d6eac; text-decoration: underline; }
.outline-table a:hover, .outline-table a:focus, .outline-table a:active { color: #0d6eac; text-decoration: none; }

@media (max-width: 767px) { .outline-table tr th, .outline-table tr td { display: block; padding: 0; }
  .outline-table tr th { width: 140px; padding-top: 15px; }
  .outline-table tr td { padding-left: 1em; }
  .outline-table a { text-align: right; display: block; }
  .outline-table a:hover, .outline-table a:focus, .outline-table a:active { color: #0d6eac; text-decoration: none; } }
.access-map hr { border: 0; border-top: 1px solid #0d6eac; margin: 10px 0; }
.access-map iframe { width: 100%; height: 400px; }
.access-map .am-usage { overflow: hidden; position: relative; font-size: 12px; margin-bottom: 15px; }
.access-map .am-usage .amu-ico { position: absolute; left: 0; top: 5px; }
.access-map .am-usage .amu-content { padding-left: 45px; }
.access-map .am-usage .amu-content span { display: block; }

.am-block-left { padding: 40px 70px 30px 100px; }

.am-block-right { padding: 40px 100px 30px 70px; }

@media (max-width: 991px) { .am-block-left { padding: 40px 15px 30px 40px; }
  .am-block-right { padding: 40px 40px 30px 15px; } }
@media (max-width: 767px) { .access-map iframe { height: 280px; }
  .access-map .am-usage { margin-top: 15px; }
  .am-block-left { padding: 15px; }
  .am-block-right { padding: 15px; } }
.about-wrap { padding: 50px; }

@media (max-width: 767px) { .about-wrap { padding: 0; padding-top: 30px; } }
.about-document { font-size: 16px; background: #0d6eac; padding: 5px 0; display: block; color: #fff; width: 80px; text-align: center; float: left; }

.about-document-p { padding-left: 100px; display: block; font-size: 12px; }

.about-indent { padding-left: 30px; padding-right: 30px; }

@media (max-width: 767px) { .about-indent { padding-left: 10px; padding-right: 10px; } }
.about-table { width: 100%; border-collapse: collapse; }
.about-table tr th, .about-table tr td { border: 1px solid #ddd; }
.about-table tr th { background: #d7e9f5; font-size: 18px; font-weight: bold; text-align: center; width: 100px; vertical-align: middle; }
.about-table tr td { font-size: 12px; padding: 10px 20px; }

@media (max-width: 767px) { .about-table tr th, .about-table tr td { border: 1px solid #ddd; }
  .about-table tr th { display: block; width: 100% !important; padding: 10px; font-size: 16px; }
  .about-table tr td { display: block; width: 100%; } }
.about-h3 { color: #000; font-size: 20px; font-weight: bold; padding-bottom: 0.5em; border-bottom: 1px solid #0d6eac; }

@media (max-width: 767px) { .about-h3 { font-size: 16px; } }
.about-p { font-size: 12px; }

.about-h4 { border: 1px solid #0d6eac; color: #0d6eac; font-size: 16px; font-weight: bold; padding: 10px; text-align: center; background: #fff; margin-bottom: 30px; }

.about-h4-2 { color: #0d6eac; font-size: 16px; margin-bottom: 7px; }

.about-h4-3 { color: #000; font-size: 14px; margin-bottom: 15px; border-top: 1px dotted #7b7b7b; text-align: center; }
.about-h4-3 span { display: inline-block; background: #ddd; padding: 5px 50px; }

.about-col3item { padding: 20px 30px; border-radius: 10px; margin-bottom: 15px; }
.about-col3item h5 { text-align: center; margin-bottom: 10px; font-weight: bold; }
.about-col3item p { text-align: left; }
.about-col3item a { border: 2px solid #d00; border-radius: 4px; text-align: center; display: block; text-decoration: underline; color: #d00; background: #fff; padding: 10px; }

@media (max-width: 991px) { .about-col3item { padding: 15px 15px; } }
@media (max-width: 767px) { .about-col3item { height: auto !important; margin-bottom: 10px; } }
.about-dl dt { margin-bottom: 2px; }
.about-dl dd { padding-left: 1em; margin-bottom: 7px; }

.about-link { border: 2px solid #d00; border-radius: 5px; text-decoration: underline; text-align: center; display: block; padding: 13px; background: #fff; color: #d00; width: 90%; margin: 0 auto; }
.about-link:hover, .about-link:focus, .about-link:active { color: #d00; opacity: 0.6; }
.about-link span { display: block; }

.about-link2 { background: #0d6eac; color: #fff; text-decoration: underline; display: block; text-align: center; padding: 25px 20px; font-weight: bold; font-size: 18px; border-radius: 10px; width: 80%; margin: 0 auto; position: relative; }
.about-link2 img { position: absolute; top: 15px; right: 30px; }
.about-link2:hover, .about-link2:focus, .about-link2:active { color: #fff; opacity: 0.6; }

@media (max-width: 767px) { .about-link { width: 100%; }
  .about-link2 { width: 100%; } }
.bg-recruitlist { background: #e3eaf4; margin-bottom: 30px; }

.recruit-img01 { background: url("../img/recruit/img01.jpg") center center; background-size: cover; width: 100%; height: 100%; }

.recruit-img02 { background: url("../img/recruit/img02.jpg") center center; background-size: cover; padding-top: 37.60683%; width: 100%; }

.recruit-img03 { background: url("../img/recruit/img03.jpg") center center; background-size: cover; width: 100%; height: 100%; }

.recruit-img04 { background: url("../img/recruit/img04.jpg") center center; background-size: cover; width: 100%; height: 100%; }

.recruit-list { position: relative; }
.recruit-list .rl-item { height: 250px; background: #0d6eac; padding-left: 0; padding-right: 0; }
.recruit-list .rl-item .rl-h3 { font-size: 28px; color: #fff; margin-bottom: 15px; margin-top: 15px; }
.recruit-list .rl-item .rl-h3sub { font-size: 18px; color: #fff; margin-bottom: 15px; }
.recruit-list .rl-more, .recruit-list .rl-close { position: absolute; width: 150px; text-align: center; left: 50%; margin-left: -75px; z-index: 100; bottom: 15px; text-decoration: none; }
.recruit-list .rl-more:hover, .recruit-list .rl-close:hover { opacity: 0.7; }
.recruit-list .rl-more img, .recruit-list .rl-close img { display: block; margin: 0 auto; }
.recruit-list .rl-more span, .recruit-list .rl-close span { margin: 0 auto; display: block; text-align: center; color: #fff; font-size: 18px; margin-top: 5px; }

.recruit-child { background: #fff; }
.recruit-child .rlc-ico { position: absolute; top: 0; left: 45px; }
.recruit-child .rl-qa { float: left; width: 50%; background: #fff; }
.recruit-child dl { background: #fff; overflow: hidden; }
.recruit-child dl dt { color: #0d6eac; font-size: 20px; margin: 45px 50px 15px 50px; }
.recruit-child dl dt span.rl-num { font-size: 30px; }
.recruit-child dl dd { margin: 0 50px 45px 112px; }

@media (max-width: 767px) { .recruit-list .rl-item { height: auto; }
  .recruit-list .rl-item .recruit-icon { margin: 0 auto; display: block; }
  .recruit-list .rl-item .rl-h3 { padding-left: 15px; padding-right: 15px; }
  .recruit-list .rl-item .rl-h3sub { padding-left: 15px; padding-right: 15px; padding-bottom: 70px; }
  .recruit-child { background: #fff; }
  .recruit-child .rlc-ico { position: absolute; top: 0; left: 45px; }
  .recruit-child .rl-qa { float: none; width: 100%; }
  .recruit-child dl dt { margin: 15px 15px 15px 15px; }
  .recruit-child dl dd { margin: 0 15px 0 35px; display: block; padding-bottom: 30px; } }
.recruit-news { color: #313030; }
.recruit-news .hn-h2 { color: #313030; font-size: 18px; font-weight: bold; margin-bottom: 1em; }
.recruit-news ul { overflow: auto; max-height: 325px; }
.recruit-news ul li { margin-bottom: 1em; overflow: hidden; list-style: none; border-bottom: 1px dashed #7b7b7b; padding-bottom: 15px; }
.recruit-news ul li .wn-date { width: 90px; float: left; font-size: 14px; }
.recruit-news ul li .wn-date.newmark:after { content: "NEW!"; color: #d00; font-weight: bold; display: block; }
.recruit-news ul li .wn-genre { float: left; color: #fff; font-size: 12px; padding: 1px 5px; width: 100px; text-align: center; margin-right: 15px; }
.recruit-news ul li .wn-genre.wng-netmoral { background: #f1a410; }
.recruit-news ul li .wn-genre.wng-topics { background: #e56c83; }
.recruit-news ul li .wn-genre.wng-media { background: #70e53c; }
.recruit-news ul li .wn-genre.wng-recruit { background: #38a7d0; }
.recruit-news ul li .wn-genre.wng-cat2 { background: #f1a410; }
.recruit-news ul li .wn-genre.wng-cat1 { background: #e56c83; }
.recruit-news ul li .wn-genre.wng-cat3 { background: #70e53c; }
.recruit-news ul li .wn-genre.wng-cat4 { background: #38a7d0; }
.recruit-news ul li .wn-title { font-size: 14px; }
.recruit-news ul li .wn-content { font-size: 14px; padding-top: 3px; }
.recruit-news ul li .wn-content:before { content: "."; display: block; clear: both; height: 0; visibility: hidden; overflow: hidden; font-size: 0.1em; line-height: 0; }
.recruit-news .hn-inset { padding: 1em 2em; }

@media (max-width: 767px) { .recruit-news { margin-top: 30px; }
  .recruit-news ul { padding-left: 0; } }
@media (max-width: 480px) { .recruit-news { color: #313030; margin-top: 15px; }
  .recruit-news .hn-h2 { color: #313030; font-size: 18px; font-weight: bold; margin-bottom: 1em; }
  .recruit-news ul { padding-left: 0; }
  .recruit-news ul li { overflow: hidden; }
  .recruit-news ul li .wn-date { width: 50%; float: left; margin-bottom: 0.5em; }
  .recruit-news ul li .wn-date.newmark:after { content: "NEW!"; color: #d00; font-weight: bold; }
  .recruit-news ul li .wn-genre { width: 50%; margin-right: 0; float: right; margin-bottom: 0.5em; }
  .recruit-news ul li .wn-title { padding-left: 0; float: left; width: 100%; margin-bottom: 0.5em; }
	.recruit-news ul li .wn-content { float: none; width: 100%; padding-left: 1em; }
	.recruit-news ul li .wn-content + a {padding-left: 1em;}
  .recruit-news .hn-inset { background: #f9f9f9; border: 1px solid #2c8fce; padding: 0.7em; }
}
.recruit-table-wrap { margin-left: 30px; margin-top: 30px; }

.rtw-content { background: #f4f4f4; border: 1px solid #73afd6; color: #0d6eac; padding: 10px; border-radius: 5px; font-weight: bold; margin-top: 15px; }

.sec-recruittable { background: #fafafc; }

.recruit-table tr th, .recruit-table tr td { padding: 5px; font-size: 14px; }
.recruit-table tr th { font-weight: normal; width: 100px; }

.recruit-piclist { list-style: none; }
.recruit-piclist li img { border: 3px solid #fff; }

@media (max-width: 767px) { .recruit-piclist { padding-left: 0; } }
@media (max-width: 767px) { .recruit-table-wrap { margin: 0; } }

/*  2016-11-24 movie block */
.iframe-content-wrap {
    width: 85%;
    margin: 0px auto;
}
.iframe-content-block {
  width: 33%;
  padding: 5px;
  float: left;
}
.iframe-content-ttl{
  font-weight: bold;
  font-size: smaller;
}

.iframe-content {
    position: relative;
    width: 100%;
    padding: 56.25% 0 0 0;
}
.iframe-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 767px) {
.iframe-content-block {
  width: 49%;
}
}

@media (max-width: 480px) {
.iframe-content-block {
  width: 95%;
}
}
/*  end  */

.inquiryblock { margin-top: 30px; border: 2px solid #0d6eac; margin-bottom: 50px; }
.inquiryblock .ib-title-wrap { display: block; height: 180px; }
.inquiryblock .ib-title { background: #0d6eac; text-align: center; color: #fff; font-weight: bold; height: 180px; width: 100%; display: block; padding: 70px 0; }
.inquiryblock .ib-contentwrap { padding: 20px 30px 20px 0; }
.inquiryblock .ibc-item { background: #fff; border-radius: 10px; padding: 20px 30px; display: block; line-height: 1.2; }

@media (max-width: 767px) { .inquiryblock { margin-top: 30px; border: 2px solid #0d6eac; margin-bottom: 50px; }
  .inquiryblock .ib-title-wrap { display: block; height: auto; }
  .inquiryblock .ib-title { height: auto; width: 100%; padding: 15px 0; }
  .inquiryblock .ib-contentwrap { padding: 15px 15px; }
  .inquiryblock .ibc-item { background: #fff; border-radius: 10px; padding: 15px 15px; display: block; color: #000; text-decoration: none; margin-bottom: 15px; } }
.grayback { background: #fafafc; }

.inquiry-contactbox { background: #f9f9f9; border: 2px solid #e0e0e0; padding: 25px 10px 10px 10px; margin-top: 50px; margin-bottom: 35px; }
.inquiry-contactbox p .ic-2 { font-size: 30px; }
.inquiry-contactbox p img { position: relative; top: -10px; }
.inquiry-contactbox hr { margin: 10px 0; border: none; border-top: 2px solid #e0e0e0; }

@media (max-width: 480px) { .inquiry-contactbox p .ic-1 { display: block; font-size: 20px; margin-bottom: 5px; }
  .inquiry-contactbox p .ic-2 { display: block; font-size: 18px; }
  .inquiry-contactbox p img { width: 30px; height: 30px; position: relative; top: 0px; } }
.inquiry-h3 { background: #d4d4d3; border-radius: 5px; padding: 10px; font-size: 18px; color: #424242; text-align: center; font-weight: bold; margin-top: 50px; margin-bottom: 30px; }

@media (max-width: 480px) { .inquiry-h3 { margin-top: 30px; margin-bottom: 30px; } }
.inquiry-indent { padding-left: 75px; padding-right: 75px; background: #fff; }

@media (max-width: 991px) { .inquiry-indent { padding-left: 25px; padding-right: 25px; } }
@media (max-width: 767px) { .inquiry-indent { padding-left: 15px; padding-right: 15px; } }
@media (max-width: 480px) { .inquiry-indent { padding-left: 0; padding-right: 0; } }
.inquiry-step { padding-left: 0; position: relative; margin-top: 50px; margin-bottom: 30px; }
.inquiry-step li { list-style: none; }
.inquiry-step li .is-col { font-size: 20px; font-weight: bold; color: #575757; border: 1px solid #c3c3c3; padding: 1em; position: relative; text-align: center; }
.inquiry-step li .is-col:after { content: url("../img/inquiry/arrow.png"); position: absolute; right: -25px; }
.inquiry-step li .is-col.active { background: #0d6eac; color: #fff; }
.inquiry-step li .is-col.active:after { content: url("../img/inquiry/arrow-active.png"); }
.inquiry-step li:last-child .is-col:after { content: none; }

@media (max-width: 767px) { .inquiry-step li .is-col { margin-bottom: 30px; text-align: center; font-size: 14px; }
  .inquiry-step li .is-col:after { top: 50%; margin-top: -9px; } }
.inquiry-table { margin-bottom: 30px; }
.inquiry-table > tbody > tr > th { background: #f7f7f7; padding: 8px 30px; font-weight: bold; width: 25%; }
.inquiry-table > tbody > tr > th label { font-size: 20px; }
.inquiry-table > tbody > tr > td { padding: 25px 25px; }
.inquiry-table > tbody > tr > td table { width: 100%; }
.inquiry-table > tbody > tr > td table tr th { width: 130px; }
.inquiry-table > tbody > tr > td table tr th label { font-size: 18px; }
.inquiry-table > tbody > tr > td table tr td { padding: 5px 5px; }
.inquiry-table > tbody > tr > th, .inquiry-table > tbody > tr > td { border-bottom: 2px solid #c0c0c0; }
.inquiry-table > tbody > tr:first-child > th, .inquiry-table > tbody > tr:first-child > td { border-top: 2px solid #c0c0c0; }
.inquiry-table .required { color: #f60013; }
.inquiry-table input[type=email], .inquiry-table input[type=text] { border: 2px solid #7b9bba; border-radius: 0; padding: 10px; width: 75%; }
.inquiry-table input[type=email]:focus, .inquiry-table input[type=email]:active, .inquiry-table input[type=text]:focus, .inquiry-table input[type=text]:active { background: #fff; box-shadow: none; }
.inquiry-table select { border-radius: 0; border: 2px solid #7b9bba; padding: 10px; width: 75%; max-width: 300px; }
.inquiry-table select:focus, .inquiry-table select:active { background: #fff; box-shadow: none; }
.inquiry-table textarea { border-radius: 0; border: 2px solid #7b9bba; width: 75%; display: block; height: 150px; margin-top: 10px; }

@media (max-width: 767px) { .inquiry-table { margin-bottom: 30px; }
  .inquiry-table > tbody > tr > th { display: block; width: 100%; background: #f7f7f7; padding: 8px 15px; font-weight: bold; }
  .inquiry-table > tbody > tr > th label { font-size: 20px; }
  .inquiry-table > tbody > tr > td { display: block; width: 100%; padding: 25px 15px; }
  .inquiry-table > tbody > tr > td table { width: 100%; }
  .inquiry-table > tbody > tr > td table tr th { display: block; }
  .inquiry-table > tbody > tr > td table tr th label { font-size: 18px; }
  .inquiry-table > tbody > tr > td table tr td { display: block; padding: 5px 5px; }
  .inquiry-table > tbody > tr:first-child > th, .inquiry-table > tbody > tr:first-child > td { border-top: none; }
  .inquiry-table input[type=email], .inquiry-table input[type=text] { width: 100%; }
  .inquiry-table select { width: 100%; }
  .inquiry-table textarea { width: 100%; } }
.inquiry-submit { border: none; font-size: 27px; color: #fff; font-weight: bold; text-align: center; max-width: 340px; width: 100%; display: block; margin: 0 auto; background: #4f75b0; padding: 1em; border-radius: 10px; transition: all .3s; }
.inquiry-submit:hover { opacity: 0.7; }

.errmsg { color: #d00; font-weight: bold; margin-top: 10px; border: 1px solid #d00; border-radius: 5px; padding: 5px 10px; display: inline-block; background: #ffecec; }

.inquiry-cancel { border: none; font-size: 27px; color: #333; font-weight: bold; text-align: center; max-width: 180px; width: 100%; display: block; margin: 0 auto; background: #efefef; padding: 1em; border-radius: 10px; transition: all .3s; position: absolute; left: 0; top: 0; }
.inquiry-cancel:hover { opacity: 0.7; }

@media (max-width: 991px) { .inquiry-cancel { max-width: 150px; font-size: 27px; } }
@media (max-width: 767px) { .inquiry-cancel { position: static; margin-top: 30px; max-width: 370px; width: 100%; } }
.footer .footer-inset { background: #0d6fad; color: #fff; padding-top: 20px; }
.footer .footer-inset .container { padding-bottom: 15px; }
.footer .footlogo { margin-bottom: 10px; }
.footer .nav-hirokyou { position: absolute; display: block; right: 0; bottom: 0; z-index: 900; width: 12%; line-height: 0; }
.footer .nav-hirokyou img { border: 3px solid #fff; border-bottom: none; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); width: 100%; height: auto; vertical-align: bottom; }
.footer address { font-size: 12px; }
.footer .pagetop { position: fixed; opacity: 0.7; transition: all .3s; right: 10px; bottom: 50px; }
.footer .pagetop:hover { opacity: 1.0; }
.footer .footmenu { position: absolute; left: 0; text-align: center; right: 0; top: 0; width: 100%; }
.footer .footmenu ul { margin: 0 auto; overflow: hidden; display: inline-block; }
.footer .footmenu ul li { font-size: 12px; display: inline-block; }
.footer .footmenu ul li a { display: block; padding: 1px 5px; color: #fff; text-decoration: none; }
.footer .footmenu ul li a:before { content: url("../img/footnav-arrow.png"); margin-right: 5px; }
.footer .footmenu ul li a:hover { text-decoration: underline; }
.footer .footmenu ul li.home a:before { content: url("../img/footnav-home.png"); position: relative; top: 4px; }
.footer .footsubmenu { position: absolute; right: 13%; top: 30px; }
.footer .footsubmenu ul { padding-left: 0; }
.footer .footsubmenu ul li { list-style: none; font-size: 12px; display: inline-block; }
.footer .footsubmenu ul li a { color: #fff; text-decoration: underline; display: block; }
.footer .footsubmenu ul li a:hover { text-decoration: none; }

@media (max-width: 768px) { .footer .footer-inset { background: #0d6fad; color: #fff; padding-top: 20px; }
  .footer .footer-inset .container { padding-bottom: 15px; }
  .footer .footlogo { margin-bottom: 10px; }
  .footer .nav-hirokyou { position: static; display: block; width: 40%; margin: 0 auto 15px auto; }
  .footer .nav-hirokyou img { border: 3px solid #fff; }
  .footer address { text-align: center; }
  .footer .footmenu { position: static; width: 100%; margin-top: 15px; }
  .footer .footmenu ul { padding-left: 0; display: block; text-align: center; }
  .footer .footmenu ul li { display: block; margin: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
  .footer .footmenu ul li a { margin: 0; padding: 5px; }
  .footer .footmenu ul li a:before { content: none; }
  .footer .footsubmenu { position: static; margin-bottom: 30px; }
  .footer .footsubmenu ul { text-align: center; padding-left: 0; }
  .footer .footsubmenu ul li { display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
  .footer .footsubmenu ul li a { margin: 0; padding: 5px; text-decoration: none; } }

/*sitemap*/
a.top-category	{ display: inline-block; font-size: 18px; border-bottom: solid 2px #fff; padding: 12px 30px; font-weight: bold; color: #000; text-decoration: none; transition: all 0.3s; position: relative; }
a.top-category:hover	{ border-bottom: solid 2px #035990; }
a.top-category:before	{ content: url('../img/head-arrow-min.png'); position: absolute; left: 10px; top: 10px; width: 8px; height: 18px; }

.sitemap-block	{ border-top: solid 1px #035990; padding: 20px 0; }
.sitemap-block h2	{ color: #777; font-size: 16px; margin-bottom: 15px; }
.sitemap-block ul	{ margin: 0 auto; padding: 0; list-style: none; overflow: hidden; }
.sitemap-block ul li	{ width: 25%; float: left; }
.sitemap-block ul li ul	{ padding: 15px 0 20px 40px; }
.sitemap-block ul li ul li	{ width: 100%; float: none; padding-bottom: 15px; font-size: 14px; }
.sitemap-block ul li ul li a	{ color: #555; display: block;  }
.sitemap-block ul li ul li a:hover	{ text-decoration: none; }

@media (min-width:768px) and (max-width:991px) {
	#header .nav-facebook { position: absolute; right: 40%; top: 20px;  }
	#header .nav-facebook img { margin-left: 5px; width: 90%; }
	a.top-category	{ font-size: 16px; }
	.sitemap-block ul li ul	{ padding: 15 0 20px 30px; }
}
@media (max-width: 767px){
	a.top-category	{ display: block; }
	.sitemap-block ul li	{ width: 100%; float: none; }
	.sp-none	{ display: block; }
	.pc-none	{ display: none; }
	
	/* ------------------- ■ 広教追加 25.1.29 ■ ----------------- */
	.sns-link {
        grid-template-columns: repeat(2, 1fr);
    }
	    .sns-link li a {
        padding: 15px 0;
    }
	    .sns-link li p {
        font-size: 14px;
    }
}

}


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