@charset "UTF-8";
.loc_menu_unfix {
    height: 50px;width: 100vw;
    border: 1px solid #CCC;
}
.loc_sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 0;z-index: 1000;
}
.author-box {
border: 1px solid #ccc;border-radius: 4px;margin: 1em 0;line-height: 1.4;position: relative;padding: 2%;
border-top-color: rgb(204, 204, 204);border-right-color: rgb(204, 204, 204);border-bottom-color: rgb(204, 204, 204);border-left-color: rgb(204, 204, 204);
}
.link-box {
border: 1px solid #ccc;border-radius: 4px;margin: 1em 0;line-height: 1.4;position: relative;padding: 2%;height:140px;
border-top-color: rgb(204, 204, 204);border-right-color: rgb(204, 204, 204);border-bottom-color: rgb(204, 204, 204);border-left-color: rgb(204, 204, 204);
}
.right-side{
padding: 0 0 0 15px!important;border-left: 15px solid #f1f1f1;
}
.sitename{height:24px!important;}
.H1 {padding: .25em 0 .25em .5em;border-left: 6px solid #5472cd;border-bottom: 2px solid #5472cd;margin-top: 0px!important;margin-bottom: 30px;background-color: #205da5;color: #FFF}
.H2 { border-bottom: solid 3px #cce4ff; position: relative;}
.H2:after { position: absolute; content: " "; display: block; border-bottom: solid 3px #5472cd; bottom: -3px; width: 70%;}
.H3 {padding: .25em 0 .25em .5em;border-left: 5px solid #5472cd;}
.float_L{float:left;}
.center{text-align:center;}
.right{text-align:right;}
.fontb {font-weight: bold;}
.bgc-FFF{background-color: #FFF;}

.fs10{font-size:10pt;}
.fs11{font-size:11pt;}
.fs12{font-size:12pt;}
.fs14{font-size:14pt;}
.fs16{font-size:16pt;}
.fs18{font-size:18pt;}
.fs20{font-size:20pt;}
.small{font-size:1.6rem!important;}
.xsmall{font-size:1.4rem!important;}
.xxsmall{font-size:1.2rem!important;}

.m0{margin: 0rem!important; }
.m10{margin: 1rem!important; }
.m20{margin: 2rem!important; }
.mt0{margin-top: 0rem!important; }
.mt10{margin-top: 1rem!important; }
.mt20{margin-top: 2rem!important; }
.mt25{margin-top: 2.5rem!important; }
.mt40{margin-top: 4rem!important; }
.mt60{margin-top: 6rem!important; }
.mb0{margin-bottom: 0rem!important; }
.mb5{margin-bottom: 5rem!important; }
.mb10{margin-bottom: 1rem!important; }
.mb20{margin-bottom: 2rem!important; }
.mb40{margin-bottom: 4rem!important; }
.ml0{margin-left: 0rem!important; }
.ml10{margin-left: 1rem!important; }
.ml20{margin-left: 2rem!important; }
.mr0{margin-right: 0rem!important; }
.mr10{margin-right: 1rem!important; }
.mr20{margin-right: 2rem!important; }

.pd0{padding: 0rem!important; }
.pd10{padding: 1rem!important; }
.pd20{padding: 2rem!important; }
.pt0{padding-top: 0rem!important; }
.pt10{padding-top: 1rem!important; }
.pt20{padding-top: 2rem!important; }
.pb0{padding-bottom: 0rem!important; }
.pb10{padding-bottom: 1rem!important; }
.pb20{padding-bottom: 2rem!important; }
.pl0{padding-left: 0rem!important; }
.pl10{padding-left: 1rem!important; }
.pl20{padding-left: 2rem!important; }
.pr0{padding-right: 0rem!important; }
.pr5{padding-right: 5rem!important; }
.pr10{padding-right: 1rem!important; }
.pr20{padding-right: 2rem!important; }

.noline{text-decoration: none;}

.tbox {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #cccccc;
    border-radius: 8px;
}
.tbox .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    font-weight: bold;
}
.tbox p {
    margin: 0; 
    padding: 0;
}


/* 全体の設定
-----------------------------------*/
html {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;font-size: 62.5%;}
body {color: #000;font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;background:#fff;font-size: 1.8rem;font-weight: 400;line-height:2;margin:0;padding:0;background-color: #FFF;}

/* グリッド
-----------------------------------*/
.container {margin: 0 auto;max-width: 1200px;padding: 0 2.0rem;position: relative;}

/* ブロックを縦に表示 */
.row {display: flex;flex-direction: column;padding: 0;width: 100%;}
.col {display: block;flex: 1 1 auto;margin-left: 0;max-width: 100%;width: 100%;}

/* 768px以上の表示 */
@media ( min-width : 768px ) {
.row {display: flex;flex-direction: row;padding: 0;}
.col {margin-left: 3%;}
.col:first-child {margin-left: 0;}

.row .col.span-1 {flex: 0 0 4.66666666667%;max-width: 4.66666666667%;}
.row .col.span-2 {flex: 0 0 13.3333333333%;max-width: 13.3333333333%;}
.row .col.span-3 {flex: 0 0 22%;max-width: 22%;}
.row .col.span-4 {flex: 0 0 30.6666666667%;max-width: 30.6666666667%;}
.row .col.span-5 {flex: 0 0 39.3333333333%;max-width: 39.3333333333%;}
.row .col.span-6 {flex: 0 0 48%;max-width: 48%;}
.row .col.span-7 {flex: 0 0 56.6666666667%;max-width: 56.6666666667%;}
.row .col.span-8 {flex: 0 0 65.3333333333%;max-width: 65.3333333333%;}
.row .col.span-9 {flex: 0 0 74.0%;max-width: 74.0%;}
.row .col.span-10 {flex: 0 0 82.6666666667%;max-width: 82.6666666667%;}
.row .col.span-11 {flex: 0 0 91.3333333333%;max-width: 91.3333333333%;}
.row .col.span-12 {flex: 0 0 100%;max-width: 100%;}

/* オフセット */
.row .col.offset-1 {margin-left: 8.66666666667%;}
.row .col.offset-2 {margin-left: 17.3333333333%;}
.row .col.offset-3 {margin-left: 26%;}
.row .col.offset-4 {margin-left: 34.6666666667%;}
.row .col.offset-5 {margin-left: 43.333333333%;}
.row .col.offset-6 {margin-left: 52%;}
.row .col.offset-7 {margin-left: 60.6666666667%;}
.row .col.offset-8 {margin-left: 69.3333333333%;}
.row .col.offset-9 {margin-left: 78.0%;}
.row .col.offset-10 {margin-left: 86.6666666667%;}
.row .col.offset-11 {margin-left: 95.3333333333%;}
}


/* 見出し
-----------------------------------*/
h1, h2, h3, h4, h5, h6 {margin-top: 20px;margin-bottom: 3rem;font-weight: 550;letter-spacing: 0.1em;}
h1 { font-size: 2.4rem; line-height: 1.3;letter-spacing: -.1rem;}
h2 { font-size: 2.0rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 1.8rem; line-height: 1.2;letter-spacing: -.1rem; }

p {margin-top: 0; }


/* リンク
-----------------------------------*/
a {color: #1EAEDB; }
a:hover {color: #0FA0CE; }


/* ボタン
-----------------------------------*/
.button,button,input[type="submit"],input[type="reset"],input[type="button"] {
display: inline-block;height: 38px;padding: 0 30px;margin-right: 5px;color: #555;text-align: center;font-size: 16px;font-weight: 600;line-height: 38px;
letter-spacing: .1rem;text-transform: none;text-decoration: none;white-space: nowrap;background-color: transparent;border: 1px solid #bbb;border-radius: 0;cursor: pointer;box-sizing: border-box; 
}
.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:focus,button:focus,input[type="submit"]:focus,
input[type="reset"]:focus,input[type="button"]:focus {
    background-color: #0B4199;
    border-color: #0B4199;
    color: #FFF!important;
    text-decoration: none;
}

/* リスト
-----------------------------------*/
ul {list-style: disc inside; }
ol {list-style: decimal inside; }
ol, ul {padding-left: 0;margin-top: 0; }
ul ul,ul ol,ol ol,ol ul {margin: 1.5rem 0 1.5rem 3rem;font-size: 90%; }
li {margin-bottom: 1rem; }

/* コード
-----------------------------------*/
code {padding: .2rem .5rem;margin: 0 .2rem;white-space: nowrap;background: #F1F1F1;}
pre > code {display: block;padding: 1rem 1.5rem;white-space: pre; 
}


/* テーブル
-----------------------------------*/
table {border-collapse: collapse; }
th {padding: 12px 15px;text-align: center;border: 1px solid #E1E1E1; }
td {padding: 12px 15px;text-align: left;border: 1px solid #E1E1E1; }

/* スペース
-----------------------------------*/
button,
.button {margin-bottom: 1rem; }
input,textarea,select,fieldset {margin-bottom: 1.5rem; }
pre,blockquote,dl,figure,table,p,ul,ol,form {margin-bottom: 3rem; }


/* 全幅
-----------------------------------*/
.full-width {width: 100%;box-sizing: border-box; }
.max-full-width {max-width: 100%;box-sizing: border-box; }
.pull-right {float: right; }
.pull-left {float: left; }


/* 罫線
-----------------------------------*/
hr {margin-top: 3rem;margin-bottom: 3.5rem;border-width: 0;border-top: 1px solid #E1E1E1;}

/* Style
-----------------------------------*/
img {max-width:100%;height: auto;}
a {color: #333;}
a:hover {color: #999;}
a img:hover {opacity: 0.8;}
.blueback {background-color: #004080;color: #fff;padding: 1rem;}
.underline {border-bottom: 3px solid #004080;padding-bottom: 0.5rem;}
.center {text-align: center;}

/*ヘッダー
-------------------------------------*/
.head {display: flex;flex-direction: row;padding: 1rem 0 0 0;
  }
.head h1 {padding: 1rem 0;}
.telbox {margin-left: auto;font-size: 3.0rem;padding: 1rem 0 0 0;}
.menu {background-color: #004080;}
nav ul {display: flex;flex-direction: row;justify-content: space-around;list-style: none;margin-bottom: 0;}
nav li {flex: 1 0 auto;margin-bottom: 0;}
nav li a {text-decoration: none;text-align: center;color: #fff;}
nav a:hover {background-color: #2143a9;color: #fff;}
nav a {padding: 1rem 1rem;display: block;}

@media screen and (min-width: 768px){
/* PC時はMENUボタンを非表示 */
#open,#close {display: none !important;}
#navi {display: block !important;}
}
@media screen and (max-width: 1200px){
.link-box{height: auto!important;}
.author-box{height: auto!important;}
}

@media screen and (max-width: 768px){
.sitename {font-size:2.1rem;width:85%;margin-bottom:0px!important;}
.head{margin-bottom:0px!important;}
.float_L{float: none;}

.head {flex-direction: column;text-align: left;margin-bottom: 20px;}
.telbox {margin-left: 0;text-align: center;}
.head #open,#close{position: absolute;top: 20px;right: 12px;}
nav ul {flex-direction: column;}
nav li {padding-top: 0;border-bottom: 1px solid #ccc;margin-bottom: 0;}
/* スマホ時はMENUボタンを表示 */
#open {display: block;background: url(../img/common/button.png);background-repeat: no-repeat;background-size: contain;width: 50px;height: 50px;border: none;position: absolute;top: 20px;right: 12px;}
#close{display: block;background: url(../img/common/button2.png);background-repeat: no-repeat;background-size: contain;width: 50px;height: 50px;border: none;position: absolute;top: 20px;right: 12px;}
/* スマホ時はメニューを非表示 */
#navi {display: none;}
pre {display: none;}

}

/*メイン画像
-------------------------------------*/
.mainimg img {width: 100vw;}

/*メインコンテンツ
-------------------------------------*/
main {padding: 2rem 0 5rem 0;background-color: #F1F1F1;}

/*新着情報
-------------------------------------*/
.news h2 {background-color: #004080;color: #fff;padding: 1rem;}
.news li {list-style-type: none;border-bottom: 1px solid #ccc;padding: 0.5rem 0;}

/*フッター
-------------------------------------*/
footer {background-color: #004080;color: #fff;}
footer h5 {border-bottom: 2px solid #fff;}

/*コピーライト
-------------------------------------*/
.copyright {text-align: center;padding: 1rem 0;background-color: #004080;color:#FFF;}
.copyright a {color: #FFF;text-decoration: none;display: inline-block;}

/*ページトップへ戻るボタン
-------------------------------------*/
#pagetop {position: fixed;bottom: 50px;right: 15px;}
#pagetop a {background: #004080;color: #fff;width: 50px;padding: 10px 5px;text-align: center;}
#pagetop a:hover {background: #2143a9;}

/*パンくずリスト
-----------------------------------*/
.breadcrumb {margin: 0 0 1em 0;padding: 0;}
.breadcrumb li {list-style-type: none;}
.point li {list-style-type: disc!important;}
.breadcrumb li a {display: inline-block;color: #959fa5;}