* Bootstrap v3.3.5 (http://getbootstrap.com)
* Copyright 2011-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html {
    font-family:sans-serif;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%
}
body {
    margin:0
}
a {
    background-color:transparent
}
a:active,a:hover {
    outline:0
}
h1 {
    margin:.67em 0;
    font-size:2em
}
img {
    border:0
}
hr {
    height:0;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
button,input {
    margin:0;
    font:inherit;
    color:inherit
}
button {
    overflow:visible
}
button {
    text-transform:none
}
button {
    -webkit-appearance:button;
    cursor:pointer
}
button::-moz-focus-inner,input::-moz-focus-inner {
    padding:0;
    border:0
}
input {
    line-height:normal
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print {
    *,:after,:before {
        color:#000!important;
        text-shadow:none!important;
        background:0 0!important;
        -webkit-box-shadow:none!important;
        box-shadow:none!important
    }
    a,a:visited {
        text-decoration:underline
    }
    a[href]:after {
        content:" (" attr(href) ")"
    }
    img {
        page-break-inside:avoid
    }
    img {
        max-width:100%!important
    }
    p {
        orphans:3;
        widows:3
    }
}
@font-face {
    font-family:'Glyphicons Halflings';
    src:url(https://syokunin-network.com/ktkcss/fonts/glyphicons-halflings-regular.eot);
    src:url(https://syokunin-network.com/ktkcss/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(https://syokunin-network.com/ktkcss/fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(https://syokunin-network.com/ktkcss/fonts/glyphicons-halflings-regular.woff) format('woff'),url(https://syokunin-network.com/ktkcss/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(https://syokunin-network.com/ktkcss/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}
.glyphicon {
    position:relative;
    top:1px;
    display:inline-block;
    font-family:'Glyphicons Halflings';
    font-style:normal;
    font-weight:400;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.glyphicon-pencil:before {
    content:"\270f"
}
.glyphicon-search:before {
    content:"\e003"
}
* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
:after,:before {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
html {
    font-size:10px;
    -webkit-tap-highlight-color:transparent
}
body {
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-family:-apple-system,BlinkMacSystemFont,"Hiragino sans","Hiragino Kaku Gothic Pro W6",Meiryo,sans-serif;
    font-size:14px;
    line-height:1.65;
    color:#1b1b1b;
    background-color:#fff
}
button,input {
    font-family:inherit;
    font-size:inherit;
    line-height:inherit
}
a {
    color:#1558d6;
    text-decoration:none
}
a:focus,a:hover {
    color:#0645ad;
    text-decoration:underline
}
a:focus {
    outline:thin dotted;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}
img {
    vertical-align:middle
}
.img-responsive {
    display:block;
    max-width:100%;
    height:auto
}
hr {
    margin-top:20px;
    margin-bottom:20px;
    border:0;
    border-top:1px solid #eee
}
.h5,h1 {
    font-family:inherit;
    font-weight:400;
    line-height:1.5;
    color:inherit
}
h1 {
    margin-top:20px;
    margin-bottom:10px
}
.h5 {
    margin-top:10px;
    margin-bottom:10px
}
h1 {
    font-size:36px
}
.h5 {
    font-size:16px
}
p {
    margin:0 0 10px
}
.text-right {
    text-align:right
}
.text-center {
    text-align:center
}
ul {
    margin-top:0;
    margin-bottom:10px
}
.container {
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto
}
@media (min-width:768px) {
    .container {
        width:750px
    }
}
@media (min-width:992px) {
    .container {
        width:970px
    }
}
@media (min-width:1200px) {
    .container {
        width:1170px
    }
}
.row {
    margin-right:-15px;
    margin-left:-15px
}
.col-md-12,.col-md-4,.col-md-8 {
    position:relative;
    min-height:1px;
    padding-right:15px;
    padding-left:15px
}
@media (min-width:992px) {
    .col-md-12,.col-md-4,.col-md-8 {
        float:left
    }
    .col-md-12 {
        width:100%
    }
    .col-md-8 {
        width:66.66666667%
    }
    .col-md-4 {
        width:33.33333333%
    }
}
.form-control {
    display:block;
    width:100%;
    height:34px;
    padding:6px 12px;
    font-size:14px;
    line-height:1.42857143;
    color:#555;
    background-color:#fff;
    background-image:none;
    border:1px solid #ccc;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}
.form-control:focus {
    border-color:#66afe9;
    outline:0;
    -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.form-control::-moz-placeholder {
    color:#999;
    opacity:1
}
.form-control:-ms-input-placeholder {
    color:#999
}
.form-control::-webkit-input-placeholder {
    color:#999
}
.form-group-sm .form-control {
    height:30px;
    padding:5px 10px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}
.btn {
    display:inline-block;
    padding:6px 12px;
    margin-bottom:0;
    font-size:14px;
    font-weight:400;
    line-height:1.42857143;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    cursor:pointer;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    background-image:none;
    border:1px solid transparent;
    border-radius:4px
}
.btn:active:focus,.btn:focus {
    outline:thin dotted;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px
}
.btn:focus,.btn:hover {
    color:#333;
    text-decoration:none
}
.btn:active {
    background-image:none;
    outline:0;
    -webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow:inset 0 3px 5px rgba(0,0,0,.125)
}
.btn-primary {
    color:#fff;
    background-color:#337ab7;
    border-color:#2e6da4
}
.btn-primary:focus {
    color:#fff;
    background-color:#286090;
    border-color:#122b40
}
.btn-primary:hover {
    color:#fff;
    background-color:#286090;
    border-color:#204d74
}
.btn-primary:active {
    color:#fff;
    background-color:#286090;
    border-color:#204d74
}
.btn-primary:active:focus,.btn-primary:active:hover {
    color:#fff;
    background-color:#204d74;
    border-color:#122b40
}
.btn-primary:active {
    background-image:none
}
.btn-xs {
    padding:1px 5px;
    font-size:12px;
    line-height:1.5;
    border-radius:3px
}
.input-group {
    position:relative;
    display:table;
    border-collapse:separate
}
.input-group .form-control {
    position:relative;
    z-index:2;
    float:left;
    width:100%;
    margin-bottom:0
}
.input-group .form-control,.input-group-btn {
    display:table-cell
}
.input-group-btn {
    width:1%;
    white-space:nowrap;
    vertical-align:middle
}
.input-group .form-control:first-child {
    border-top-right-radius:0;
    border-bottom-right-radius:0
}
.input-group-btn:last-child>.btn {
    border-top-left-radius:0;
    border-bottom-left-radius:0
}
.input-group-btn {
    position:relative;
    font-size:0;
    white-space:nowrap
}
.input-group-btn>.btn {
    position:relative
}
.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover {
    z-index:2
}
.input-group-btn:last-child>.btn {
    z-index:2;
    margin-left:-1px
}
.breadcrumb {
    padding:8px 15px;
    margin-bottom:20px;
    list-style:none;
    background-color:#f5f5f5;
    border-radius:4px
}
.breadcrumb>li {
    display:inline-block
}
.breadcrumb>li+li:before {
    padding:0 5px;
    color:#ccc;
    content:"/\00a0"
}
.breadcrumb>.active {
    color:#777
}
.pagination {
    display:inline-block;
    padding-left:0;
    margin:20px 0;
    border-radius:4px
}
.pagination>li {
    display:inline
}
.pagination>li>a,.pagination>li>span {
    position:relative;
    float:left;
    padding:6px 12px;
    margin-left:-1px;
    line-height:1.42857143;
    color:#337ab7;
    text-decoration:none;
    background-color:#fff;
    border:1px solid #ddd
}
.pagination>li:first-child>span {
    margin-left:0;
    border-top-left-radius:4px;
    border-bottom-left-radius:4px
}
.pagination>li:last-child>a {
    border-top-right-radius:4px;
    border-bottom-right-radius:4px
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
    z-index:3;
    color:#23527c;
    background-color:#eee;
    border-color:#ddd
}
.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
    z-index:2;
    color:#fff;
    cursor:default;
    background-color:#337ab7;
    border-color:#337ab7
}
.container:after,.container:before,.row:after,.row:before {
    display:table;
    content:" "
}
.container:after,.row:after {
    clear:both
}
.wrap-text {
    overflow-wrap:break-word;
    max-width:100%
}
body {
    margin-top:10px;
    background-color:#efefef
}
.container {
    background-color:#fff;
    border-radius:0px
}

.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9  {
    position:relative;
    min-height:1px;
    padding-right:15px;
    padding-left:15px
}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9  {
    float:left
}
.col-xs-12  {
    width:100%
}
.col-xs-11  {
    width:91.66666667%
}
.col-xs-10  {
    width:83.33333333%
}
.col-xs-9  {
    width:75%
}
.col-xs-8  {
    width:66.66666667%
}
.col-xs-7  {
    width:58.33333333%
}
.col-xs-6  {
    width:50%
}
.col-xs-5  {
    width:41.66666667%
}
.col-xs-4  {
    width:33.33333333%
}
.col-xs-3  {
    width:25%
}
.col-xs-2  {
    width:16.66666667%
}
.col-xs-1  {
    width:8.33333333%
}
.col-xs-push-12  {
    left:100%
}
.col-xs-push-11  {
    left:91.66666667%
}
.col-xs-push-10  {
    left:83.33333333%
}
.col-xs-push-9  {
    left:75%
}
.col-xs-push-8  {
    left:66.66666667%
}
.col-xs-push-7  {
    left:58.33333333%
}
.col-xs-push-6  {
    left:50%
}
.col-xs-push-5  {
    left:41.66666667%
}
.col-xs-push-4  {
    left:33.33333333%
}
.col-xs-push-3  {
    left:25%
}
.col-xs-push-2  {
    left:16.66666667%
}
.col-xs-push-1  {
    left:8.33333333%
}
.col-xs-push-0  {
    left:auto
}
@media (min-width:768px)  {
    .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9  {
        float:left
    }
    .col-sm-12  {
        width:100%
    }
    .col-sm-11  {
        width:91.66666667%
    }
    .col-sm-10  {
        width:83.33333333%
    }
    .col-sm-9  {
        width:75%
    }
    .col-sm-8  {
        width:66.66666667%
    }
    .col-sm-7  {
        width:58.33333333%
    }
    .col-sm-6  {
        width:50%
    }
    .col-sm-5  {
        width:41.66666667%
    }
    .col-sm-4  {
        width:33.33333333%
    }
    .col-sm-3  {
        width:25%
    }
    .col-sm-2  {
        width:16.66666667%
    }
    .col-sm-1  {
        width:8.33333333%
    }
    .col-sm-push-12  {
        left:100%
    }
    .col-sm-push-11  {
        left:91.66666667%
    }
    .col-sm-push-10  {
        left:83.33333333%
    }
    .col-sm-push-9  {
        left:75%
    }
    .col-sm-push-8  {
        left:66.66666667%
    }
    .col-sm-push-7  {
        left:58.33333333%
    }
    .col-sm-push-6  {
        left:50%
    }
    .col-sm-push-5  {
        left:41.66666667%
    }
    .col-sm-push-4  {
        left:33.33333333%
    }
    .col-sm-push-3  {
        left:25%
    }
    .col-sm-push-2  {
        left:16.66666667%
    }
    .col-sm-push-1  {
        left:8.33333333%
    }
    .col-sm-push-0  {
        left:auto
    }
}
@media (min-width:992px)  {
    .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9  {
        float:left
    }
    .col-md-12  {
        width:100%
    }
    .col-md-11  {
        width:91.66666667%
    }
    .col-md-10  {
        width:83.33333333%
    }
    .col-md-9  {
        width:75%
    }
    .col-md-8  {
        width:66.66666667%
    }
    .col-md-7  {
        width:58.33333333%
    }
    .col-md-6  {
        width:50%
    }
    .col-md-5  {
        width:41.66666667%
    }
    .col-md-4  {
        width:33.33333333%
    }
    .col-md-3  {
        width:25%
    }
    .col-md-2  {
        width:16.66666667%
    }
    .col-md-1  {
        width:8.33333333%
    }
    .col-md-push-12  {
        left:100%
    }
    .col-md-push-11  {
        left:91.66666667%
    }
    .col-md-push-10  {
        left:83.33333333%
    }
    .col-md-push-9  {
        left:75%
    }
    .col-md-push-8  {
        left:66.66666667%
    }
    .col-md-push-7  {
        left:58.33333333%
    }
    .col-md-push-6  {
        left:50%
    }
    .col-md-push-5  {
        left:41.66666667%
    }
    .col-md-push-4  {
        left:33.33333333%
    }
    .col-md-push-3  {
        left:25%
    }
    .col-md-push-2  {
        left:16.66666667%
    }
    .col-md-push-1  {
        left:8.33333333%
    }
    .col-md-push-0  {
        left:auto
    }
}
.btn-custom  {
    background-color: #618FB7 ;
    color: white;
}
body  {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    color: #0f1111;
    /* 真っ黒より少し薄いほうが目に優しい */
    letter-spacing: 0.01em;
    /* 少し広げて読みやすく */
}
img-responsive  {
    max-width: 100%;
    height: auto;
}

*/
.keyword  {
    display: inline-block;
    border: 1px solid #ffffff ;
    /* 青の枠 */
    border-radius: 5px;
    /* 角丸 */
    padding: 1px 1px;
    /* 高さを抑えるためパディング縮小 */
    margin-right: 2px;
    font-size: 12px;
    /* フォントサイズ12px */
    line-height: 1.2;
    /* 高さを抑える */
}
/* safety336t.jpg が拡大されるのを防ぐためのカスタムスタイル */
.col-md-4 img  {
    max-width: 336px;
    /* 画像の本来の幅を指定 */
    width: auto;
    /* 親要素の幅ではなく、max-widthに従うようにする */
    height: auto;
    /* 縦横比を維持 */
}
/*検索ユーザー補助　ボタン対策*/
.sr-only  {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* =======================
   全体ブロック（上コンテンツ＋フッター）
======================= */

/* デフォルト（全画面幅） */
.site-wrapper,
.main-content,
.footer {
    width: 100%;
    box-sizing: border-box;
}

/* .container 内の文字やリンク用の余白 */
.container {
    width: 100%;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
    box-sizing: border-box;
}

/* PCのみ中央寄せ（1200px以上） */
@media (min-width: 1200px) {
  .container {
      max-width: 1170px;  /* PC最大幅 */
      padding-left: 15px;  /* 文字が端にぶつからない余白 */
      padding-right: 15px;
      margin-left: auto;
      margin-right: auto;
  }
}

/* フッターの背景色と文字色 */

.footer > .container {
	background: #41495a;
    padding-left: 0;
    padding-right: 0;
}

.footer .row {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}


/* カラム背景や文字色調整（必要に応じて） */
.footer .col-md-4 {
    background: transparent;
    color: white;
}