@charset 'UTF-8';
/*
いじくったらafter_add.scssに追記してください
*/
/* === reset-css ================================================= */
/* 
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
{font-size: 100%; 

    margin: 0; padding: 0; vertical-align: baseline; border: 0; outline: 0; 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
{font-size: 100%; 

    margin: 0; padding: 0; vertical-align: baseline; background: transparent;
}

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

/* change colours to suit your needs */
mark
{font-weight: bold; font-style: italic; color: #000; 
    background-color: #ff9;
}

del
{
    text-decoration: line-through;
}

abbr[title],
dfn[title]
{cursor: help; 

    border-bottom: 1px dotted;
}

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

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

input,
select
{
    vertical-align: middle;
}

/* === color ===================================================== */
.yellow
{
    color: #fff200;
}

.red
{
    color: #e80000;
}

.pink
{
    color: #ed0d55;
}

.blue
{
    color: #0000e8;
}

.green
{
    color: #335d34;
}

.black
{
    color: #3b3b3b;
}

.black2
{
    color: black;
}

.orange
{
    color: #f26522;
}

.white
{
    color: white;
}

.gray
{
    color: #575757;
}

.gray2
{
    color: #aaa;
}

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

.imgtop
{margin: 0; 

    vertical-align: bottom;
}

.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;
}

.trimwidth
{overflow: hidden; 

    white-space: nowrap;         text-overflow: ellipsis; -webkit-text-overflow: ellipsis;      -o-text-overflow: ellipsis;
}

.clearfix:after
{font-size: .1em; line-height: 0; display: block; visibility: hidden; clear: both; overflow: hidden; height: 0; 

    content: '.';
}

.clearfix
{
    min-height: 1px;
}

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

.fl-l
{
    float: left;
}

.fl-r
{
    float: right;
}

.al-l
{
    text-align: left;
}

.al-r
{
    text-align: right;
}

.al-c
{
    text-align: center;
}

.pos-r
{
    position: relative;
}

/*font*/
.bold
{
    font-weight: bold;
}

.nobold
{
    font-weight: normal;
}

.tdu
{
    text-decoration: underline;
}

.tdn
{
    text-decoration: none;
}

.ta-r
{
    text-align: right;
}

.ta-c
{
    text-align: center;
}

.ta-l
{
    text-align: left;
}

.di-b
{
    display: block;
}

.light
{
    font-weight: lighter;
}

.f10
{
    font-size: 10px;
}

.f11
{
    font-size: 11px;
}

.f12
{
    font-size: 12px;
}

.f13
{
    font-size: 13px;
}

.f14
{
    font-size: 14px;
}

.f15
{
    font-size: 15px;
}

.f16
{
    font-size: 16px;
}

.f17
{
    font-size: 17px;
}

.f18
{
    font-size: 18px;
}

.f19
{
    font-size: 19px;
}

.f20
{
    font-size: 20px;
}

.f21
{
    font-size: 21px;
}

.f22
{
    font-size: 22px;
}

.f23
{
    font-size: 23px;
}

.f24
{
    font-size: 24px;
}

.f25
{
    font-size: 25px;
}

.f26
{
    font-size: 26px;
}

.f27
{
    font-size: 27px;
}

.f28
{
    font-size: 28px;
}

.f29
{
    font-size: 29px;
}

.f30
{
    font-size: 30px;
}

.f31
{
    font-size: 31px;
}

.f32
{
    font-size: 32px;
}

.m0
{
    margin: 0;
}

.mt0
{
    margin-top: 0;
}

.mr0
{
    margin-right: 0;
}

.mb0
{
    margin-bottom: 0;
}

.ml0
{
    margin-left: 0;
}

.op00
{
    opacity: 0;
}

.m5
{
    margin: 5px;
}

.mt5
{
    margin-top: 5px;
}

.mr5
{
    margin-right: 5px;
}

.mb5
{
    margin-bottom: 5px;
}

.ml5
{
    margin-left: 5px;
}

.op01
{
    opacity: .1;
}

.m10
{
    margin: 10px;
}

.mt10
{
    margin-top: 10px;
}

.mr10
{
    margin-right: 10px;
}

.mb10
{
    margin-bottom: 10px;
}

.ml10
{
    margin-left: 10px;
}

.op02
{
    opacity: .2;
}

.m15
{
    margin: 15px;
}

.mt15
{
    margin-top: 15px;
}

.mr15
{
    margin-right: 15px;
}

.mb15
{
    margin-bottom: 15px;
}

.ml15
{
    margin-left: 15px;
}

.op03
{
    opacity: .3;
}

.m20
{
    margin: 20px;
}

.mt20
{
    margin-top: 20px;
}

.mr20
{
    margin-right: 20px;
}

.mb20
{
    margin-bottom: 20px;
}

.ml20
{
    margin-left: 20px;
}

.op04
{
    opacity: .4;
}

.m25
{
    margin: 25px;
}

.mt25
{
    margin-top: 25px;
}

.mr25
{
    margin-right: 25px;
}

.mb25
{
    margin-bottom: 25px;
}

.ml25
{
    margin-left: 25px;
}

.op05
{
    opacity: .5;
}

.m30
{
    margin: 30px;
}

.mt30
{
    margin-top: 30px;
}

.mr30
{
    margin-right: 30px;
}

.mb30
{
    margin-bottom: 30px;
}

.ml30
{
    margin-left: 30px;
}

.op06
{
    opacity: .6;
}

.m35
{
    margin: 35px;
}

.mt35
{
    margin-top: 35px;
}

.mr35
{
    margin-right: 35px;
}

.mb35
{
    margin-bottom: 35px;
}

.ml35
{
    margin-left: 35px;
}

.op07
{
    opacity: .7;
}

.m40
{
    margin: 40px;
}

.mt40
{
    margin-top: 40px;
}

.mr40
{
    margin-right: 40px;
}

.mb40
{
    margin-bottom: 40px;
}

.ml40
{
    margin-left: 40px;
}

.op08
{
    opacity: .8;
}

.m45
{
    margin: 45px;
}

.mt45
{
    margin-top: 45px;
}

.mr45
{
    margin-right: 45px;
}

.mb45
{
    margin-bottom: 45px;
}

.ml45
{
    margin-left: 45px;
}

.op09
{
    opacity: .9;
}

.m50
{
    margin: 50px;
}

.mt50
{
    margin-top: 50px;
}

.mr50
{
    margin-right: 50px;
}

.mb50
{
    margin-bottom: 50px;
}

.ml50
{
    margin-left: 50px;
}

.op010
{
    opacity: 1;
}

.p0
{
    padding: 0;
}

.p0
{
    padding: 0;
}

.pt0
{
    padding-top: 0;
}

.pr0
{
    padding-right: 0;
}

.pb0
{
    padding-bottom: 0;
}

.pl0
{
    padding-left: 0;
}

.br0
{
    border-radius: 0;
}

.p1
{
    padding: 2px;
}

.p5
{
    padding: 5px;
}

.pt2
{
    padding-top: 2px;
}

.pr2
{
    padding-right: 2px;
}

.pb2
{
    padding-bottom: 2px;
}

.pl2
{
    padding-left: 2px;
}

.br1
{
    border-radius: 1px;
}

.p2
{
    padding: 4px;
}

.p10
{
    padding: 10px;
}

.pt4
{
    padding-top: 4px;
}

.pr4
{
    padding-right: 4px;
}

.pb4
{
    padding-bottom: 4px;
}

.pl4
{
    padding-left: 4px;
}

.br2
{
    border-radius: 2px;
}

.p3
{
    padding: 6px;
}

.p15
{
    padding: 15px;
}

.pt6
{
    padding-top: 6px;
}

.pr6
{
    padding-right: 6px;
}

.pb6
{
    padding-bottom: 6px;
}

.pl6
{
    padding-left: 6px;
}

.br3
{
    border-radius: 3px;
}

.p4
{
    padding: 8px;
}

.p20
{
    padding: 20px;
}

.pt8
{
    padding-top: 8px;
}

.pr8
{
    padding-right: 8px;
}

.pb8
{
    padding-bottom: 8px;
}

.pl8
{
    padding-left: 8px;
}

.br4
{
    border-radius: 4px;
}

.p5
{
    padding: 10px;
}

.p25
{
    padding: 25px;
}

.pt10
{
    padding-top: 10px;
}

.pr10
{
    padding-right: 10px;
}

.pb10
{
    padding-bottom: 10px;
}

.pl10
{
    padding-left: 10px;
}

.br5
{
    border-radius: 5px;
}

.p6
{
    padding: 12px;
}

.p30
{
    padding: 30px;
}

.pt12
{
    padding-top: 12px;
}

.pr12
{
    padding-right: 12px;
}

.pb12
{
    padding-bottom: 12px;
}

.pl12
{
    padding-left: 12px;
}

.br6
{
    border-radius: 6px;
}

.p7
{
    padding: 14px;
}

.p35
{
    padding: 35px;
}

.pt14
{
    padding-top: 14px;
}

.pr14
{
    padding-right: 14px;
}

.pb14
{
    padding-bottom: 14px;
}

.pl14
{
    padding-left: 14px;
}

.br7
{
    border-radius: 7px;
}

.p8
{
    padding: 16px;
}

.p40
{
    padding: 40px;
}

.pt16
{
    padding-top: 16px;
}

.pr16
{
    padding-right: 16px;
}

.pb16
{
    padding-bottom: 16px;
}

.pl16
{
    padding-left: 16px;
}

.br8
{
    border-radius: 8px;
}

.p9
{
    padding: 18px;
}

.p45
{
    padding: 45px;
}

.pt18
{
    padding-top: 18px;
}

.pr18
{
    padding-right: 18px;
}

.pb18
{
    padding-bottom: 18px;
}

.pl18
{
    padding-left: 18px;
}

.br9
{
    border-radius: 9px;
}

.p10
{
    padding: 20px;
}

.p50
{
    padding: 50px;
}

.pt20
{
    padding-top: 20px;
}

.pr20
{
    padding-right: 20px;
}

.pb20
{
    padding-bottom: 20px;
}

.pl20
{
    padding-left: 20px;
}

.br10
{
    border-radius: 10px;
}

.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;
}

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

.sitecolor
{
    color: #e94b18;
}

html,
body
{
    font-size: 16px;
}

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

p
{
    line-height: 1.4;
}

h1,
h2,
h3,
h4,
h5
{
    line-height: 1.0;
}

ul,
ol
{
    padding-left: 2em;
}

h1
{
    font-size: 1.8em; margin-top: 1em; margin-bottom: 1em; padding: .3em .3em .3em .5em; border-left: 15px solid #e94b18;
}

h2
{
    font-size: 1.5em; line-height: 1.0; margin-top: 1em; margin-bottom: 1em; padding: .3em .3em .3em .5em; border-left: 8px solid #e94b18;
}

h3
{
    font-size: 1.3em; line-height: 1.0; margin-top: 1em; margin-bottom: 1em; padding: .3em .3em .3em .5em; border-left: 5px solid #e94b18;
}

.contents p
{
    line-height: 1.4; margin-bottom: 1em;
}
.contents .img-flr
{
    float: right; width: 33%; margin-bottom: 1em; margin-left: 1em;
}
.contents .img-fll
{
    float: left; width: 33%; margin-right: 1em; margin-bottom: 1em;
}

.headerwrap
{
    border-top: 3px solid #e94b18;
}

.subimg
{position: relative; 

    background-size: 100%;
}
.subimg img
{
    width: 100%; height: auto;
}
.subimg .container
{
    position: relative;
}
.subimg h1
{position: absolute; top: -3em; left: 1em; width: 100%; 
    margin-top: 0; background: white; background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
}

.h_title
{
    font-size: 24px;
}

.navbar
{z-index: 10; 

    min-height: initial; margin-bottom: 0; box-shadow: 0 2px 5px rgba(0, 0, 0, .6);
}

.navbar-default
{padding: 3px 0; 

    color: #f0f0f0; border: none; border-radius: 0; background: #e94b18; background: #e94b18; background: linear-gradient(to bottom, #e94b18 0%, #c43f14 100%);
}
.navbar-default .navbar-toggle
{
    background: #fff;
}
.navbar-default .navbar-nav > li
{
    margin-left: 3px; border-radius: 4px;
}
.navbar-default .navbar-nav > li.active a
{color: #fff; 
    background: #e9663c !important;
}
.navbar-default .navbar-nav > li.active a:hover
{
    color: #fff;
}
.navbar-default .navbar-nav > li > a
{font-size: 16px; box-sizing: border-box; 
    padding: 5px 15px; color: #fff; border-radius: 4px;
}
.navbar-default .navbar-nav > li > a .fa
{min-width: 16px; 
    margin-right: 5px;
}
.navbar-default .navbar-nav > li > a:hover
{color: #fff; 
    background: #e9663c;
}
.navbar-default .navbar-nav > li:first-child
{
    border-left: 0;
}

.top_slider
{
    box-shadow: 0 2px 5px rgba(0, 0, 0, .6);
}

.top_topics
{padding: 30px 0; 

    border-top: 1px solid #e94b18; border-bottom: 1px solid #e94b18; background: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, .6);
}
.top_topics .tp-header
{
    font-size: 24px; font-weight: bold; margin-bottom: 10px; border-bottom: 1px solid #e94b18;
}
.top_topics ul
{
    padding: 0;
}
.top_topics ul > li
{margin-bottom: 1em; padding: 0 2em; 

    list-style: none;
}
.top_topics ul > li .tp-date
{font-weight: bold; 

    color: #e94b18;
}
.top_topics ul > li .tp-title
{
    color: #888;
}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]
{
    width: 100% !important; max-width: 500px !important; margin: 0 auto !important;
}
.fb_iframe_widget div,
.fb_iframe_widget span div,
.fb_iframe_widget iframe[style] div
{
    margin: 0 auto !important;
}

.w100
{width: 100%; 
    max-width: 100%;
}

.flexheight
{
    height: 100%;
}

.flexheight:before
{display: inline-block; height: 100%; 

    content: ''; vertical-align: middle;
}

.top_column3
{padding: 15px 0; 

    text-align: center; background: #fff; box-shadow: 0 3px 5px rgba(0, 0, 0, .6);
}
.top_column3 .tc-item
{display: block; padding: 10px; text-decoration: none; color: #e94b18; border: 2px solid #e94b18; 
    border-radius: 10px;
}
.top_column3 .tc-item p
{
    font-size: 1em; margin-top: .5em; padding: .5em 1em; text-align: left;
}
.top_column3 .tc-item:active:hover
{
    text-decoration: none; opacity: .8; box-shadow: 0 2px 5px rgba(0, 0, 0, .4) inset;
}
.top_column3 .tc-item:hover
{
    box-shadow: 0 2px 5px rgba(0, 0, 0, .4);
}
.top_column3 .icon
{
    font-size: 96px; color: #e94b18;
}
.top_column3 .title
{
    font-size: 1.5em; font-weight: bold; margin-top: 5px; color: #e94b18;
}

.subpage-title
{
    position: relative;
}
.subpage-title h1
{position: relative; top: -3em; width: 100%; 
    margin-top: 0; margin-bottom: -3em; background: white; background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
}

.dropdown-menu > li > a .fa
{
    margin-right: 5px;
}

.logo
{
    margin-top: 10px;
}

.temp_logo
{
    font-size: 12px; width: 100%; height: auto; margin-top: 30px; text-align: center;
}
.temp_logo img
{
    width: 100%; height: auto;
}

.outline_table
{width: 95%; margin: 0 auto 50px auto; 

    border: 2px solid #ddd; border-radius: 5px;
}
.outline_table table
{
    width: 100%; border-collapse: collapse; border: 1px solid #ddd;
}
.outline_table table th,
.outline_table table td
{
    padding: .5em .7em; border: 1px solid #ddd;
}
.outline_table table th
{font-weight: normal; width: 25%; text-align: center; 

    background: #f0f0f0;
}
.outline_table table td .president
{
    position: relative; color: black;
}
.outline_table table td .president .presidentbox
{line-height: 0; position: absolute; z-index: 10; left: 100%; 

    display: none; padding: .5em; border-radius: 50%; background: #e94b18;
}
.outline_table table td .president .presidentbox img
{
    width: 100px; height: auto; border-radius: 50%;
}
.outline_table table td .president:hover,
.outline_table table td .president.hover
{
    transition: all .3s ease-in-out; text-decoration: none;
}
.outline_table table td .president:hover .presidentbox,
.outline_table table td .president.hover .presidentbox
{
    display: block; transition: all .3s ease-in-out;
}

.outline_gmap
{width: 95%; margin: 0 auto 50px auto; 

    border-radius: 5px;
}
.outline_gmap iframe
{
    width: 100%; height: 400px;
}

@media (max-width: 767px)
{
    body,
    html
    {
        font-size: 14px;
    }
    .logo
    {
        margin: 0 0 0 15px; padding: .3em .6em; border-radius: 5px; background: #fff;
    }
    .temp_logo
    {
        font-size: 12px; margin-top: 30px; text-align: center;
    }
    .temp_logo img
    {
        width: 400px; height: auto;
    }
    .w100
    {
        padding: 15px 0;
    }
    .subimg h1
    {
        position: static;
    }
    .gmap
    {width: 100%; 

        border-radius: 5px;
    }
    .gmap iframe
    {
        height: 300px;
    }
    .outline_table
    {
        width: 100%;
    }
    .contents .img-flr
    {
        float: none; width: 100%; margin: 0;
    }
    .contents .img-fll
    {
        float: none; width: 100%; margin: 0;
    }
}
.footerwrap
{font-size: 14px; 

    width: 100%; margin-top: 1em; padding: 10px 0; border-top: 1px solid #e94b18; border-bottom: 3px solid #e94b18;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover
{color: #fff; 
    background: #e9663c;
}

@media (max-width: 767px)
{
    .logo
    {
        float: left;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li a
    {
        color: #fff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li a:hover
    {
        color: #fff;
    }
    .subpage-title
    {
        position: relative;
    }
    .subpage-title h1
    {position: static; top: 0; width: 100%; 
        margin-top: 0;        margin-top: .5em; margin-bottom: 1em; background: white; background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);
    }
}
.fbwrap
{width: 100%; max-width: 500px; 
    margin: 0 auto;
}

.footer
{
    padding: 0 10px;
}

.copyright
{font-size: 10px; font-weight: normal; 

    text-align: center;
}

address
{
    font-style: normal; padding: 10px; color: #e94b18; border-radius: 5px; background: #fff;
}
address ul
{
    padding: 0;
}
address ul li
{display: inline-block; margin-left: 2em; 

    list-style: none;
}
address ul li:first-child
{
    margin-left: 0;
}

.footlogo
{
    width: 100%; height: auto;
}

.footcaption
{font-size: 16px; font-weight: bold; 

    padding: .2em 0; color: #fff;
}

.footnav
{padding: 1em 0; 

    background: #e9663c;
}
.footnav ul
{
    padding: 0; text-align: left;
}
.footnav ul li
{
    list-style: none;
}
.footnav ul li a
{display: inline-block; padding: 5px 10px; 

    color: #fff;
}
.footnav i.fa
{
    margin-right: 5px;
}

.row
{
    margin: 0 auto;
}

.container
{
    margin: 0 auto;
}

.profile_ryo
{
    color: #3b3b3b;
}
.profile_ryo:hover
{text-decoration: none; 

    color: #3b3b3b;
}

.baloon_ryo img
{border: 3px solid #e94b18; 
    border-radius: 50%; box-shadow: 0 2px 6px rgba(0, 0, 0, .6);
}

.baloon_ryo_wrap
{
    position: absolute; z-index: 1000; padding: 10px;
}

/* === 追加修正 ================================================== */
