@charset "utf-8";
/*
Theme Name: 北海道社会福祉事業団
Theme URI:
Description:
Version: 1.0
*/

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import
url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,800);
@import 'https://fonts.googleapis.com/css?family=Anton';

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


audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}



audio:not([controls]) {
    display: none;
    height: 0;
}


[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 16px; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
    font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic", YuGothic,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    color:#777;
    margin:0;
    padding:0;
    overflow-x: hidden;
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    /* font-family: sans-serif; */
    margin:0;
    padding:0;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */

div {
	margin:0;
	padding:0;
}

body {
    margin: 0;
    background: #fff;
    padding:0;
    position: relative;
    overflow:hidden;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover,
a:focus {
    outline: 0;
	color:#3CF;
}
a:visited {
   color : #00a0e9;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
    font-family: 'Noto Sans Japanese', serif;
}


h1 {
    font-size: 2em;
    margin: 0.67em 0 5px 0;
    overflow: hidden;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE 6/7.
 */

/*p,*/
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/*
 * Addresses `quotes` property not supported in Safari 4.
 */

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

small {
    font-size: 75%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    /* margin: 1em 0; */
    margin:0;
    padding:0;
}

dd {
     margin:0;
    padding:0;
}

/*
 * Addresses paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
     margin:0;
    padding:0;
}

/*
 * Corrects list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */ /* 2 */
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*
footer.phpへ移動
.tabler table{
  table-layout:fixed;
}
.tabler table tr:first-child td{
  text-align:center;
}
.tabler table th,
.tabler table td{
  border:1px solid #fff;
  padding:0.2em;
}*/
a {
	color:#333;
}
a img:hover {
	color:#333 !important;
	text-decoration:none !important;
	opacity:0.7;
}
a:hover {
   text-decoration: none;
}

li {
	list-style:none;
}


img.centered {
   display: block;
   margin-left: auto;
   margin-right: auto;
   }

img.alignright {
   padding: 4px;
   margin: 0 0 2px 7px;
   display: inline;
   }

img.alignleft {
   padding: 4px;
   margin: 0 7px 2px 0;
   display: inline;
   }

.alignright {
   float: right;
   }

.alignleft {
   float: left
   }
/* editor */

/*
p {
    display: block;
    margin: 1em 0;
}
*/

p {
    margin: 0 0 10px;
}
strong { font-weight: bold; }
em { font-style: italic; }
blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}

/* img */

.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; display:inline; }
.alignleft { float: left; display:inline;}

img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}

/* clearfix start*/
.clearfix:after {
content:'.';
display:block;
clear:both;
height:0;
visibility:hidden;
}
.clearfix {
min-height: 1px;
}
*html .clearfix {
height: 1px;
height: auto;
overflow: hidden;
}
/* clearfix end*/
.clear {
    content: "";
    display: block;
    clear: both;
    height:60px;
}



/* ==========================================================================
   　customize
   ========================================================================== */

    #outer_content {
       position: relative;
       margin:0;
       padding:0;
    }
    #outer_textsize_convert {
       position: relative;
    }

    #textsize_convert {
       background: url(images/textsize_cv_bg.png) no-repeat 0 0;
       width:290px;
       height:110px;
       position: absolute;
       top:0;
       right:0;
       z-index:1000;
       display:block;
    }
                                                @media(max-width:800px){/*360,400,540,700,800,1220*/
                                                  #textsize_convert {
                                                     display:none;
                                                  }
                                                }
    #textsize_convert figcaption {
      display:block;
       text-align: center;
       width:100%;
       font-size:0.8rem;
       color:#FFF;
       margin-left:25px;
       margin-top:5px;
       margin-bottom:20px;
    }
    #textsize_bt {
       width:30%;
       margin:-20px 0 0 140px;
    }
    #textsize_bt li {
       display:inline-block;
    }

    #textsize_bt li a {
       display:inline-block;
       margin:2px;
       border-radius:6px;
       border:2px solid #DDD;
       padding:2px 4px;
       color:#CCC;
       background:#CCC;
    }
    #textsize_bt li a {
       color:#AAA;
       display:block;
    }

    #textsize_bt li a:hover {
       background: #f6fbfd;
    }

   #textsize_bt li:first-child {
     font-size:0.8rem;
  }

   #textsize_bt li:last-child {
       font-size:1.1rem;
    }
    #textsize_bt li a.size_active {
       background:#85d3ff;
       color:#0073aa;
       text-decoration: none;
    }

    #outer_nav {
       /*position:absolute;/**/
       /*width:1200px;/**/
       /*height:100px;/**/
       max-width:1200px;
       /*margin-left:-600px;/**/
       /*left:50%;/**/
      /* min-height:140px;/**/
       position:relative;
       z-index: 7;
       margin:auto;
    }
    #outer_nav #menu_btn{
      display:none;
    }
                                      @media(max-width:360px){/*360,400,540,700,800,1220*/
                                        #outer_nav{
                                          padding:0 10px;
                                        }
                                      }
    .is_front_page {
       top:550px;/**/
    }

   .is_inner_page {
       top:350px;
    }

    .is_inner_page_facility {
        /*top:380px;/**/
    }



    #outer_nav nav ul {
      width:100%;
      background:url(images/nav_bg.png) no-repeat 50% 100%;
      /*padding-left:15px;/**/
      text-align: center;
      margin-bottom: 10px;
      font-family: 'Noto Sans Japanese', serif;
    }
                                                    @media(max-width:1220px){/*360,400,540,700,1220*/
                                                      #outer_nav nav ul {
                                                        background-image:none;
                                                      }
                                                    }

    #outer_nav nav ul li {
       background:url(images/menu_bg2.png) no-repeat 50% 0%;
       background-size:contain;
       display:inline-block;
       /*width:190px;/**/
       width:16%;
       /*height:90px;/**/
       text-align: center;
       margin:0;
       padding:0;
       line-height:1;
       /*line-height:83px;/**/
    }

    .home_br{
      display:none;
    }
                                                          @media(max-width:930px){/*360,400,540,700,1220*/
                                                            #outer_nav nav ul li {
                                                               width:32%;
                                                            }
                                                          }
                                                          @media(max-width:500px){/*360,400,540,700,1220*/
                                                            #outer_nav nav ul li {
                                                               width:49%;
                                                            }
                                                          }

    #outer_nav nav ul li a {
      background-image:url(images/menu_bg_arrow.png);
      background-position:10% center;
      background-repeat:no-repeat;
       color:#426fae;
       display:block;
       padding:16% 0;
       /*background-color:red;/**/
    }
                                                              @media(max-width:1200px){/*360,400,540,700,1220*/
                                                                #outer_nav nav ul li a {
                                                                  background-image:none;
                                                                }
                                                              }
                                                              @media(max-width:360px){/*360,400,540,700,1220*/
                                                                #outer_nav nav ul li {
                                                                   display:none;
                                                                }
                                                                #green{
                                                                  display:none;
                                                                }
                                                                #outer_nav #menu_btn {
                                                                   display:block;
                                                                   text-align:center;
                                                                   padding:10px;
                                                                   border-radius:5px;
                                                                   background-color:#03a9f4;
                                                                   background-image:none;
                                                                   width:100%;
                                                                   color:#fff;
                                                                   margin-top:10px;
                                                                }
                                                                #outer_nav nav ul li a {
                                                                  background-image:none;
                                                                }
                                                              }
    #outer_nav nav ul li a:hover {
		color:#0C0;
    }

/*
    #outer_nav nav ul li a:before {
       content : "> ";
    }
*/

/*
    #sub_nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width:50%;
      margin:8px auto;
    }

    #sub_nav li {
       background:#85d3ff;
       padding:5px 10px;
       text-align: center;
       width:calc(33% - 10px);
       border-radius:6px;
    }
    #sub_nav li + #sub_nav li {
       margin-left:10px;
    }

    #sub_nav li a {
       color:#FFF;
    }
    #sub_nav li a:hover {
       color:#0073aa;
    }
    #sub_nav li a:before {
       content:"> ";
    }
*/
img{
  max-width:100%;
}
/*******************************
 フロントページ関連
*******************************/
#teazer_content {
   /*height:500px;/**/
   /*width:100%;/**/
   /*margin-bottom: 80px;/**/
}
                                                    @media(max-width:1200px){/*360,400,540,700,800,1220*/
                                                      /*#teazer_content {
                                                         padding:0 20px;
                                                      }/**/
                                                      #flower{
                                                        display:none;
                                                      }/**/
                                                    }

#teazer_content h1 {
   text-align: center;
   z-index:5;
   /*position: absolute;/**/
   position:relative;
   /*top:267px;/**/
   /*left:50%;
   width:100%;/**/
   /*margin-left:-50%;/**/
   margin:auto;
   margin-top:280px;
   margin-bottom:30px;
   color:#76a5ff;
   font-size:1.5em;
    letter-spacing: .2em;
   text-shadow:2px 2px 0 #FFF;
}
                                          @media(max-width:800px){/*360,400,540,700,800,1220*/
                                            #teazer_content h1 {
                                              text-align:left;
                                              margin:auto;
                                              margin-top:280px;
                                              margin-bottom:30px;
                                              color:#76a5ff;
                                              font-size:1em;
                                              padding:10px;
                                            }
                                          }

#teazer_content h1 .enlarge {
   font-size:1.3em;
}

#teazer_btn{
   /*position: absolute;/**/
   position:relative;
   width:30%;
   margin:30px auto;
   /*top:400px;/**/
   /*left:50%;
   margin-left:-15%;/**/
    font-family: 'Noto Sans Japanese', serif;
   z-index:6;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
}
                                        @media(max-width:1220px){/*360,400,540,700,1220*/
                                          #teazer_btn{
                                            width:40%;
                                          }
                                        }
                                        @media(max-width:700px){/*1220*/
                                          #teazer_btn{
                                            width:50%;
                                          }
                                        }
                                        @media(max-width:540px){/*1220*/
                                          #teazer_btn{
                                            width:100%;
                                          }
                                        }
                                        @media(max-width:400px){/*1220*/
                                          #teazer_btn{
                                            width:80%;
                                          }
                                        }
                                        @media(max-width:360px){/*1220*/
                                          #teazer_btn{
                                            width:100%;
                                          }
                                        }
#teazer_btn li {
   /*width:103px;/**/
   text-align: center;
   -webkit-box:1;/*---Android---*/
   -ms-flexbox:1;/*---IE---*/
   -webkit-flex:1;/*---safari---*/
   flex:1;
   padding:2%;
   box-sizing:border-box;
}
#teazer_btn li img{
  max-width:100%;
}
#teazer_btn li a {
    display:block;
   color:#76a5ff;
}
#teazer_btn li a:first-child {
    /*margin-bottom: 5px;/**/
}
#teazer_btn li a:hover {
   color:#0073aa;
}

@-webkit-keyframes cloudmove {
	from {background-position: 0 0;}
      to {background-position: 4878px 0;}
}

@keyframes cloudmove {
	from {background-position: 0 0;}
      to {background-position: 4878px 0;}
}

@-webkit-keyframes greenmove {
	from {background-position: 0 0;}
      to {background-position: 2222px 0;}
}

@keyframes greenmove {
	from {background-position: 0 0;}
      to {background-position: 2222px 0;}
}

@-webkit-keyframes citymove {
	from {background-position: 0 0;}
      to {background-position: 2183px 0;}
}

@keyframes citymove {
	from {background-position: 0 0;}
      to {background-position: 2183px 0;}
}

@-webkit-keyframes baloonmove {
	from {top:0px;}
     50% {top:70px;}
      to {top:0px;}
}

@keyframes baloonmove {
	from {top:0px;}
     50% {top:70px;}
      to {top:0px;}
}

@-webkit-keyframes baloonmove2 {
	from {top:20px;}
     50% {top:50px;}
      to {top:20px;}
}

@keyframes baloonmove2 {
	from {top:20px;}
     50% {top:50px;}
      to {top:20px;}
}

@-webkit-keyframes cardrive {
	from {top:728px;}
     50% {top:728.6px;}
      to {top:728px;}
}

@keyframes cardrive {
	from {top:728px;}
     50% {top:728.6px;}
      to {top:728px;}
}

@-webkit-keyframes cardrive2 {
	from {right:350px;}
     50% {right:300px;}
      to {right:350px;}
}

@keyframes cardrive2 {
	from {right:350px;}
     50% {right:300px;}
      to {right:350px;}
}

#cloud {
     position:absolute;
     top:0;
     left:0;
	width:100%;
	height:703px;
	background:url(images/cloudfig.jpg) repeat-x;
	-webkit-animation: cloudmove 480s linear infinite;
	animation: cloudmove 480s linear infinite;
      z-index: 1;
}

#green {
	width:100%;
	height:231px;
	background:url(images/green.jpg) repeat-x;
	-webkit-animation: greenmove 80s linear infinite;
	animation: greenmove 80s linear infinite;
     position:absolute;
     top:540px;
     left:0;
     z-index:2;
}

#logo {
   /*width:350px;/**/
   height:225px;
   position:absolute;
   top:0px;
   left:2%;
   z-index:3;
   -webkit-animation: baloonmove 6s ease-in-out infinite;
   animation: baloonmove 6s ease-in-out infinite;
}
@media(max-width:400px){/*360,400,540,700,800,1220*/
  #logo {
     width:70%;/**/
  }
}

#flower {
   position:absolute;
   width:100%;
   height:384px;
   top:420px;
   background:
        url(images/bg_gra.png) repeat-x 50% 100%,
        url(images/flower.png) no-repeat 150% 0;
   z-index:5;
}

#front_first_section.content_section {
   position:relative;
   background: url(images/map_content_bg.jpg) no-repeat 50% 0%;
   width:100%;
   background-size:cover;
   margin-bottom: 0px;
   background-attachment: fixed;
   padding:50px 0;
}
                                              @media(max-width:800px){/*360,400,540,700,800,1220*/
                                                #front_first_section.content_section{
                                                    padding: 50px 20px;
                                                }
                                              }
                                              @media(max-width:400px){/*360,400,540,700,800,1220*/
                                                #front_first_section.content_section{
                                                    padding: 50px 10px;
                                                }
                                              }

#front_first_section.content_section .container {
    background-color: rgba(255, 255, 255, 0.7);
}

#front_first_section.content_section.front-page .container {
    background-color: transparent;
}




.content_section {
   padding:20px 0 50px 0;
}
                                  @media(max-width:800px){/*360,400,540,700,800,1220*/
                                    .content_section.panel-pat{
                                       padding:20px 20px 50px 20px;
                                    }
                                  }
                                  @media(max-width:400px){/*360,400,540,700,800,1220*/
                                    .content_section.panel-pat{
                                       padding:20px 10px 50px 10px;
                                    }
                                  }


.content_section h1 {
  background:url(images/h1_bg.png) no-repeat 0% 50%;
  /*height:95px;/**/
  /*line-height: 95px;/**/
  padding:30px;
  padding-top:50px;
  padding-left:40px;
  padding-right:0;
  margin-bottom: 22px;
  font-size:1.5rem;
  letter-spacing: 2px;
  color:#1981d1;
  font-weight:bolder;
  text-shadow:2px 2px 0 #FFF,-2px -2px 0 #FFF,-2px 0px 0 #FFF,0px -2px 0 #FFF;
}
.content_section h1>a.glyphicon {
margin-left:10px;
}

.content_section.facility_accessmap h1 {
    background-image: none;
}
                                      @media(max-width:450px){/*360,400,540,700,800,1220*/
                                        .content_section h1 {
                                            font-size:1.1rem;
                                            padding:15px;
                                        }
                                      }
/*.content_section h2 {
   background:url(images/h2_bg2.png) no-repeat 0% 50%;
   height:40px;
   line-height:45px;
   padding-left:50px;
   color:#2577d4;
}/**/
.content_section h2 {
   background:url(images/h2_bg3.png) no-repeat left center;
   color:#2577d4;
   border-top:3px solid #00a0e9;
   line-height:1.2;
   padding:5px;
   padding-left:50px;
}
.small_font {
   font-size:1rem;
   padding-left:20px;
}


#front_map_comment {
   padding:20px 15px;
   color:#333;
    font-size: 14px;
}

.map_fig {
   margin:0 auto;
   width:calc(100% - 30px);
   height:auto;
   display:block;
}

.todatail_bt {
   background:url(images/todetail_bt.png) no-repeat 0 50%;
   width:195px;
   height:55px;
   display:block;
   color:#FFF;
   padding-top:25px;
   padding-left:60px;
   font-size:16px;
}
a.todatail_bt {
    color: #fff;
}
a.todatail_bt:visited {
    color: #fff;
}
.todatail_bt:hover {
   opacity:0.7;
   color:#FFF;
}

/* front-page :　中ほどのスライダ用　*/
#slider_content_wrap {
   width:100%;
   height:auto;
   overflow:hidden;
}

#slider_content {
	width:150%;
      margin: 30px 0 30px -25%;
      padding:0;
}
#movecontent ul li {
   list-style: none;
}
#movecontent ul li img {
   width:100%;
   height:auto;
}

#movecontent {
   margin: 0 auto;
   padding:0;
}
.fa-chevron-circle-left,.fa-chevron-circle-right {
   color:#FFFFFF;
}

.fa-chevron-circle-left {
   margin-left:33%;
}

.fa-chevron-circle-right {
   margin-right:32%;
}

#slidefig01 {
   background:url(images/slidefig01.png) no-repeat 50% 50%;
   background-size: cover;
}
#slidefig02 {
   background:url(images/slidefig02.png) no-repeat 50% 50%;
   background-size: cover;
}
#slidefig03{
   background:url(images/slidefig03.png) no-repeat 50% 50%;
   background-size: cover;
}
#slidefig04 {
   background:url(images/slidefig04.png) no-repeat 50% 50%;
   background-size: cover;
}
#slidefig05 {
   background:url(images/slidefig05.png) no-repeat 50% 50%;
   background-size: cover;
}

/*
.to_recruit img {
    width:80%;
    height:auto;
    display: block;
    margin:0 auto;
}
*/


#front_greeting_content {
   background:url(images/greeting_content_bg.jpg) no-repeat 50% 0;
   background-size:cover;
   margin-bottom: 0;
}
                                        @media(max-width:800px){/*360,400,540,700,800,1220*/
                                          #front_greeting_content{
                                              padding: 0 20px;
                                          }
                                        }
                                        @media(max-width:400px){/*360,400,540,700,800,1220*/
                                          #front_greeting_content{
                                              padding: 0 10px;
                                          }
                                        }
#greeting_content {
   background:#FFF;
   -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.3);
   box-shadow: 3px 3px 6px rgba(0,0,0,0.3);
   padding:30px;
   margin-top:20px;
   line-height:1.8rem;
   margin-bottom:50px;
}
#greeting_content p{
   margin-bottom:2em;
}
                                              @media(max-width:600px){/*360,400,540,700,800,1220*/
                                                #greeting_content {
                                                   padding:15px;
                                                }
                                              }
.president_fig {
   margin-right:0;
   margin-left:auto;
   margin-top:20px;
text-align: center;
}
.president_fig p {
   text-align: center;
   margin:0;
   padding:0;
   font-size:1.2em;
   font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


#from_campany_content {
   background:url(images/from_campany_content_bg2.png) no-repeat 50% 0 , url(images/from_campany_content_bg.jpg) no-repeat 50% 0;
   background-size:cover;
   background-attachment: fixed;
   margin-bottom: 0;
   padding-bottom:0;
}

#from_campany_banners {
   background:rgba(255,255,255,0.3);
   width:100%;
   margin:15px 0 0 0;
}

#from_campany_banners ul {
   padding-top:20px;
   padding-bottom: 20px;
}

#from_campany_banners ul li a img {
   width:calc(100% - 10px);
   height:auto;
}

#front_google_map {
   margin:0 !important;
   padding:0 !important;
}

iframe {
   padding:0 !important;
   margin:0 !important;
   vertical-align: bottom;
}
#from_campany_content_left {
   background:url(images/from_campany_content_bg3.png) no-repeat 100% 50%;
   background-size:90% 100%;
}
#from_campany_content_left_content {
   margin-left:auto;
   margin-right:0;
   min-height:400px;
   color:#352a64;
/*   text-shadow:1px 1px 0 #FFF;*/
   width:62%;
   padding-top:70px;
   padding-right:13%;
}
.telnum_link {
   display:block;
   margin:10px 0 0 0px;
}
#from_campany_content_left_content h4 {
   font-size:1.3em;
   margin:10px 0 0 15%;
}

#front_information {
/*    background:url(images/front_information_bg.png);*/
    padding: 60px 0;
    /*min-height: 1000px;/**/
}
                                          @media(max-width:800px){/*360,400,540,700,800,1220*/
                                            #front_information {
                                                padding: 60px 20px;
                                            }
                                          }
                                          @media(max-width:400px){/*360,400,540,700,800,1220*/
                                            #front_information {
                                                padding: 60px 10px;
                                            }
                                          }
#cat_links_div {
   padding-left:80px;
}

#cat_links_div h3 {
   background:url(images/h3_bg.png) no-repeat 0 50%;
   padding-left:35px;
   line-height:35px;
   color:#00a0e9;
   margin-top:30px;
}

.cat_tag {
   width:220px;/**/
   text-align: center;
   color:#FFF;
   padding:0px 4px;
   display:inline-block;
   font-size:0.9rem;
   border-radius:200px;
   /*margin:0 15px;/**/
   margin:0px;
}

#cat_links {
   margin: 20px 0 20px 10px;
   padding: 0 4%;
}
#cat_links li {
   margin:6px auto 22px;
   width:100%;
}
#cat_links li:hover {
   background-color: #efefef;
}
#cat_links li a {
   color:#2577d4;
}
#cat_links li a:before {
   content:"> ";
}
@media(max-width:768px){/*bootstrap.css 上書き*/
  .container {
     max-width:100%;
  }
}
                                  @media(max-width:767px){/*360,400,540,700,800,1220*/
                                    #cat_links {
                                       margin: 10px 0 10px 5px;
                                       padding: 0 4%;
                                    }
                                    #cat_links li {
                                       display:inline-block;
                                       width:auto;
                                    }
                                  }
#info_articles {
   padding-left:30px;
}
                                @media(max-width:767px){/*360,400,540,700,800,1220*/
                                  #info_articles {
                                     padding-left:10px;
                                  }
                                }
#info_articles p{
   padding:15px;
}
#to_postlist {
   width:101px;
   height:26px;
   margin-left:auto;
   margin-right:0;
   display: block;
   margin-top:-50px;
   margin-bottom:30px;
}

#info_articles li {
/*   line-height:40px;*/
/*   height:40px;*/
  margin-bottom: .5em;
  overflow:hidden;
  border-bottom: 1px dotted #ddd;
}
#info_articles li p{
  display:block;
}
                                    @media(max-width:767px){/*360,400,540,700,800,1220*/
                                      /*#info_articles li p{
                                        text-align:right;
                                      }/**/
                                    }

#info_articles li span {
   line-height:24px;
   height:24px;
   display:inline-block;
}
#info_articles li span.news_date {
  margin-right:1em;
}

.cat_tag1 {
   background:#00a0e9;
}
.cat_tag3 {
   background:#ff9966;
}
.cat_tag4 {
   background:#ffbbf0;
}
.cat_tag5 {
   background:#e597ff;
}
.cat_tag6 {
   background:#9d69ff;
}
.cat_tag7 {
   background:#5275ff;
}
.cat_tag8,
..cat_tag_c_nakashibetu {
   background:#33e78c;
}
.cat_tag9 {
   background:#6dc700;
}
.cat_tag10 {
   background:#ebc500;
}
.cat_tag11 {
   background:#eb6d00;
}
.cat_tag12 {
   background:#eb3600;
}
.cat_tag13 {
   background:#49a4d7;
}
.cat_tag18 {
   background:#2d6324;
}
.cat_tag19 {
   background:#9d69ff;
}
.cat_tag62 {/*求人*/
   background:#57d4be;
}
.cat_tag57 {/*施設レポート*/
   background:#57d4be;
}
.cat_tag58 {/*お知らせ*/
   background:#57d4be;
}

.to_for_staff {
   display:block;
   width:220px;
   padding-left:25px;
   background:url(images/a_mark.png) no-repeat 0 50%;
   line-height:25px;
   color:#00a0e9;
   margin-left:40px;
}

.to_for_educationgoods {
   display:block;
   padding-left:25px;
   background:url(images/a_mark.png) no-repeat 0 50%;
   line-height:25px;
   color:#00a0e9;
   margin-left:40px;
   float:right;
}


.to_top_bt {
   width: 32px;
   height:37px;
   margin-left:auto;
   margin-right:0;
   display:block;
   margin-top:50px;
}

.city {
    padding: 50px 0 180px;
    background: #79aaed url(images/footer_bg.jpg) repeat-x 50% 100%;
}
/*
#city {
   position: absolute;
   top:0;
   left:0;
   width:100%;
   height:778px;
   background:url(images/footer_bg.jpg) repeat-x;
   -webkit-animation: citymove 80s linear infinite;
   animation: citymove 80s linear infinite;

}
*/

/*
#car {
   position: absolute;
   right:350px;
   width:102px;
   height:46px;
   z-index:10;
   -webkit-animation: cardrive 200ms ease-in-out infinite,cardrive2 10s ease-in-out infinite;
   animation: cardrive 200ms ease-in-out infinite,cardrive2 10s ease-in-out infinite;
}
*/

/*#logo2 {

   width:350px;
   height:260px;
   position:absolute;
   top: 30px;
   left:15%;
   z-index:7;
*/
/*
   -webkit-animation: baloonmove2 6s ease-in-out infinite;
   animation: baloonmove2 6s ease-in-out infinite;
*/
}

#logo2 img {
   width:100%;
   height:auto;
}

/*******************************
 フッター関連
*******************************/
footer {
   width:100%;
   margin:0;
   position:relative;
}
footer a{
  display:inline-block;
}
.city {
  padding: 50px 0 180px;
  background: #79aaed url(images/footer_bg.jpg) repeat-x 50% 100%;
}
                                  @media(max-width:800px){/*360,400,540,700,800,1220*/
                                    .city{
                                       padding:20px;
                                    }
                                  }
                                  @media(max-width:400px){/*360,400,540,700,800,1220*/
                                    .city{
                                       padding:10px;
                                    }
                                    footer figure img{
                                       width:80%;
                                    }
                                  }
#footer_content {
    margin-top: 50px;
   color:#fff;
}
                                      @media(max-width:1200px){/*360,400,540,700,800,1220*/
                                        #footer_content {
                                            margin-bottom: 200px;
                                        }
                                      }

.footer-menu .sub-menu {
   display:block !important;
}

.footer-menu li {
   float:left;
   width:19%;
}
.footer-menu li:nth-child(2) {
   width:24%;
}
                                        @media(max-width:1200px){/*360,400,540,700,800,1220*/
                                          .footer-menu li {
                                             float:none;
                                             width:auto;
                                          }
                                          .footer-menu li>a{
                                            line-height:2;
                                          }
                                          .footer-menu li:nth-child(2) {
                                             width:auto;
                                          }
                                        }
.footer-menu li a {
   color:#fff;
   font-size:1.0rem;
   font-weight:bold;
}

.footer-menu li a:hover {
    color:#efefef;
}

.footer-menu li a:before {
   content : "● ";
}

.footer-menu li .sub-menu li {
  padding: 3px 0;
  display:block;
  list-style-type: disc;
  margin-left:20px;
  width:calc(100% - 20px);
}

                                        @media(max-width:1200px){/*360,400,540,700,800,1220*/
                                          .footer-menu li .sub-menu li{
                                            width:auto;
                                            display:inline-block;
                                          }
                                        }

.footer-menu li .sub-menu li a {
   color:#fff;
   font-size:0.8rem;
   font-weight:normal;
   display:block;
}

.footer-menu li .sub-menu li a:before {
   content:"> ";
}

.footer-menu li .sub-menu li a:hover {
    color:#fff;
    background-color: rgba(34, 89, 172, 0.8);
}

address {
   color:#FFF;
   font-size:0.8em;
    font-style: normal;
   text-align: center;
/*
   z-index:3;
   position:absolute;
*/
   width:100%;
/*       top:778px;*/
   background:#2577d4;
   padding:4px 0;
}

address a,
address a:hover,
address a:visited {
    color:#fff;text-decoration:none;
}

address a:active,
address a:focus {
    color:#fff;outline: 0;
}

.footer_company_info {
    display: block;
    margin: 30px auto;
    max-width: 400px;
    color:#fff;
}

/*******************************
 インナーページ用
*******************************/
#teazer_content2 {
   /*height:450px;/**/
   height:250px;
   width:100%;
   margin-bottom:80px;
}
#cloud2 {
     position:absolute;
     top:0;
     left:0;
	width:100%;
	height:430px;/**/
	background:url(images/cloudfig.jpg) repeat-x;
	-webkit-animation: cloudmove 480s linear infinite;
	animation: cloudmove 480s linear infinite;
      z-index: 1;
}
#teazer_content2 h1 {
   text-align: center;
   z-index:5;
   position: absolute;
   top:160px;
   left:50%;
   width:100%;
   margin-left:-50%;
   color:#76a5ff;
   font-size:1.8em;
   text-shadow:3px 3px 2px #FFF;
   font-weight:bolder;
   letter-spacing: 0.3em;
}

.inner_page_section {
   margin-bottom: 50px;
   padding:50px 20px 50px 20px;
   background:url(images/front_information_bg.png);
   -webkit-box-shadow:0px 3px 9px rgba(0,0,0,0.2);
   box-shadow:0px 3px 9px rgba(0,0,0,0.2);
}
                                                    @media(max-width:500px){/*360,400,540,700,800,1220*/
                                                      .inner_page_section {
                                                         margin-bottom: 20px;
                                                         padding:20px 5px 20px 5px;
                                                      }
                                                    }
                                                    @media(max-width:360px){/*360,400,540,700,800,1220*/
                                                      .inner_page_section {
                                                         margin-top: 30px;
                                                      }
                                                    }
/*.inner_page_section h2 {
   background:url(images/h2_bg2.png) no-repeat 0% 50% !important;
   height:40px;
   line-height:45px;
   padding-left:50px;
   color:#2577d4;
}/**/
.inner_page_section h2 {
   background:url(images/h2_bg3.png) no-repeat left center;
   /*height:40px;/**/
   /*line-height:45px;/**/
   padding:4px;
   line-height:1.2;
   padding-left:50px;
   color:#2577d4;
   border-top:3px solid #00a0e9;
}
.article_date {
   width:200px;
   text-align:right;
   font-size:0.8em;
   float:right;
   padding-right:10px;
}
.a_post_content {
   padding:0 50px;
   margin-bottom:50px;
}

#next {
   margin-top:50px;
}

.caption {
   margin:30px;
   padding:30px;
   border:1px dotted #CCC;
   background:#FFF;
}
                                  @media(max-width:991px){/*360,400,540,700,800,1220*/
                                    .caption {
                                       margin:0px;
                                       padding:15px;
                                    }
                                  }
.caption2 {
   margin:30px;
   padding:30px;
   border:1px dotted #CCC;
   background:#FFF;
   text-align: left;
   font-size:1.2rem;
   line-height:2em;
   background-color:#eef7f7;
}
                                    @media(max-width:991px){/*360,400,540,700,800,1220*/
                                      .caption2 {
                                         margin:0px;
                                      }
                                    }
                                    @media(max-width:767px){/*360,400,540,700,800,1220*/
                                      .caption2 {
                                         padding:15px;
                                         line-height:1.6;
                                      }
                                    }
.caption3 {
   margin:30px;
   padding:30px;
   display:block;
}
                              @media(max-width:450px){/*360,400,540,700,800,1220*/
                                .caption3 {
                                   margin:10px;
                                   padding:10px;
                                }
                              }
.caption4 {
   margin:10px;
   padding:10px;
   display:block;
}

.caption5 {
   margin:20px;
   padding:20px;
   display:block;
   line-height:1.8em;
}
                                @media(max-width:450px){/*360,400,540,700,800,1220*/
                                  .caption5 {
                                     margin:5px;
                                     padding:5px;
                                     display:block;
                                     line-height:1.6;
                                  }
                                }
.inner_page_section .row {
   margin-bottom:80px;
}

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

.history_div {
   padding:20px;
}

.history_date {
/*   text-align: right;*/
   font-weight:bold;
   padding-right:20px;
   line-height:1.6em;
   font-size:1.1rem;
   white-space:nowrap;/**/
}
.history_content {
   line-height:1.6em;
   font-size:1.0rem;
   min-height:3.0em;
   margin-bottom:20px;
}
.history_date:before {
   display:block;
   clear:both;
}

.inner_page_section h3 {
   background:url(images/h3_bg.png) no-repeat 0 50%;
   padding-left:35px;
   /*line-height:35px;/**/
   line-height:1.4;
   color:#00a0e9;
   margin-top:30px;
}
.inner_page_section h3 span{
   display:inline-block;
}

.inner_page_section h3 a {
   color:#2259ac;
}

.inner_page_section h3 a:hover {
   opacity: 0.7;
}

.a_facility_content {
   padding:20px;
   background:#FFF;
   clear:both;
   margin-bottom:20px;
}
                                  @media(max-width:1200px){/*360,400,540,700,800,1220*/
                                    .a_facility_content {
                                       padding:5px;
                                    }
                                  }
.a_facility_content:after {
   content: " ";
   clear:both;
   display:block;
}
.a_facility_content div:nth-child(2n-1) img {
   width:96%;
   display: block;
   height:auto;
   -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.2);
   box-shadow: 3px 3px 6px rgba(0,0,0,0.2);
   border:3px solid #FFF;
}
.a_facility_content div:nth-child(2n) {
   padding:0 15px;
}
.a_facility_content div:nth-child(2n-1){
   content: " ";
   clear:both;
   display:block;
}


.to_facility {
   display:inline-block;
   padding-left:25px;
   background:url(images/a_mark.png) no-repeat 0 50%;
   line-height:25px;
   color:#00a0e9;
   margin-top:10px;
}


#joho_list li {
   background:url(images/pdf_img.png) no-repeat 0 50%;
   background-size:36px 36px;
   padding-left:40px;
   margin-bottom:20px;
   min-height:36px;
}
.joho_list li {
   background:url(images/pdf_img.png) no-repeat 0 50%;
   background-size:36px 36px;
   padding-left:40px;
   margin-bottom:20px;
   min-height:36px;
}


.google_map {
   margin-bottom:30px;
}

.link_lists li {
   /*line-height:40px;/**/
   line-height:1.4;
   background:url(images/link_mark.png) no-repeat 0 50%;
   padding:20px;
   padding-left : 50px;
   padding-right:10px;
   /*height:40px;/**/
   margin-bottom:10px;
}

.link_lists li a:hover {
   opacity:0.7;
}

.calendar_iframe {
   border:none;
   overflow: hidden;
   min-height:600px;
   -webkit-box-shadow:4px 3px 1px rgba(0,0,0,0.1);
   box-shadow:4px 3px 1px rgba(0,0,0,0.1);
}

.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    background-color: #81c2ff;
    -webkit-box-shadow: 3px 0 0 rgba(0,0,0,0.2);
    box-shadow: 3px 0 0 rgba(0,0,0,0.2);
    margin-right:10px;
    color:#FFF;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #2259ac;
    background:#FFF;
    border: 1px solid #FFF;
    border-bottom-color: transparent;
    cursor: default;
    padding: 10px 120px;
    font-weight:bold;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #599bf5;
    color:#FFF;
}

#facility_eyecatch {
   width:100%;
   height:600px;
   margin:0 0 80px 0;
   padding:0;
   text-indent:-9999px;
}

.facility_subtitle {
   font-size:0.7em;
   line-height:1.2em !important;
   height:1.2em !important;
   margin-top:40px;
   display:none;
}
.facility_title {
   font-size:1.5em;
}

.facility_title_body {
   margin-bottom:15px !important;
}
.inner_content {
   color:#1981d1;
   line-height:1.8em;
}

.inner_comment {
   padding:20px 10%;
}
                                    @media(max-width:450px){/*360,400,540,700,800,1220*/
                                      .inner_comment {
                                         padding:10px 15px;
                                      }
                                    }
.inner_conntent_small {
   font-size:0.8em;
   padding:0 5%;
   line-height:1.6em;
}

#facility_images {
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
}
#facility_images li {
   border:3px #FFF solid;
   -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.2);
   box-shadow: 3px 3px 6px rgba(0,0,0,0.2);
   margin-bottom:20px;
}
#facility_images li img {
   width:100%;
   height:auto;
   display:block;
}
#facility_images li:nth-child(1) {
   width:100%;
}
#facility_images li:nth-child(2),#facility_images li:nth-child(3),#facility_images li:nth-child(4) {
   width:30%;
   margin-left:1.5%;
   margin-right:1.5%;
}
.catpot_content:before {
   content:" ";
   display: block;
   clear:both;
}

#main_posts div {
   padding:10px;
}

.index_type03,
h3.index_type03 {
   line-height:35px;
   padding-left:20px;
   height:50px;
   color:#FFF;
   background:url(images/index_type03.png) no-repeat 0 50%;
}


.facility_accessmap {
   background: url(images/access_map_bg.jpg) 50% 50%;
   background-attachment: fixed;
   margin:40px auto 50px auto;
   padding:50px 0;
}

.address_comment {
    background: url(images/address_comment_bg.png) 50% 50%;
    padding:30px;
    color:#1981d1;
    font-size:1.2em;
    height: 328px;
}
                                    @media(max-width:450px){/*360,400,540,700,800,1220*/
                                      .address_comment {
                                          background: url(images/address_comment_bg.png) 50% 50%;
                                          padding:10px;
                                          color:#1981d1;
                                          font-size:1.2em;
                                          height: auto;
                                      }
                                    }

.address_comment h4 {
   margin-bottom:0px;
   margin-top:0px;
}

.access_map_body {
   margin-bottom:50px;
}

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

.access_map_outer2 {
  background:#FFF;
  -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.1);
  box-shadow: 3px 3px 6px rgba(0,0,0,0.1);
  padding:30px;
  margin-bottom:30px !important;
}

#front_first_section p {
   padding-left:10%;
   padding-right:10%;
}
                                        @media(max-width:450px){/*360,400,540,700,800,1220*/
                                          #front_first_section p {
                                             padding-left:10px;
                                             padding-right:10px;
                                          }
                                        }
#front_first_section h3 {
   padding-left:5%;
   padding-right:5%;
}

                                  @media(max-width:450px){/*360,400,540,700,800,1220*/
                                    .shorter{
                                      height:1em;
                                      overflow:hidden;
                                      line-height:1;
                                      color:transparent;
                                    }
                                    .shorter:before{
                                      content : "”短縮表示”";
                                      display:inline-block;
                                      background-color:yellow;
                                      margin-right:10px;
                                    }
                                    .shorter:first-line{
                                      color:#000;
                                    }
                                    .longer:before{
                                      content : "”全文表示”";
                                      display:inline-block;
                                      background-color:cyan;
                                      margin-right:10px;
                                    }
                                  }


#front_first_section h4 {
   margin-left:10%;
   margin-right:10%;
   border-bottom:1px #2259ac solid;
}

#hisrtory_dl {
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   line-height:2.0em;
    max-width: 960px;
    margin: 0 auto;
}
#hisrtory_dl dt {
   width:18%;
   line-height:1.8em;
   padding-right:2%;
}
#hisrtory_dl dd {
   width:80%;
   line-height:1.8em;
   margin-bottom:10px;
}

.published_lists {
   max-height: 408px;
   overflow-y: auto;
    padding: 0 2%;
}


.caldisplay ul li .depspan,.caldisplay ul li .depspan2 {
   background:#FFF;
}
.caldisplay ul li .depspan:first-child {
   background:#ccffcc;
}

.enlarge {
   font-size:1.5em;
}

.to_anotherpage {
   display:block;
   padding-left:25px;
   background:url(images/a_mark.png) no-repeat 0 50%;
   line-height:25px;
   color:#00a0e9;
}

.sepline_type01 {
  border: 0;
  height: 1px;
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  margin-top:60px;
  margin-bottom:60px;
}

                                    @media(max-width:767px){/*360,400,540,700,800,1220*/
                                      #nyusatsu_shisetsu_list{
                                         width:100%;
                                      }
                                      #nyusatsu_shisetsu_list li{
                                         display:inline-block;
                                         margin-right:1em;
                                      }
                                    }
#n_auth_list {
   margin-left:5%;
    padding-right: 2%;
}
#n_auth_list li {
   line-height:1.7em;
    margin-bottom: 22px;
}
#n_auth_list li:before {
   content : " > ";
}
#n_auth_list li:visited {
    color: #333;
}
#n_auth_list li:nth-of-type(1),
#n_auth_list li:nth-of-type(2),
#n_auth_list li:nth-of-type(3),
#n_auth_list li:nth-of-type(4),
#n_auth_list li:nth-of-type(5),
#n_auth_list li:nth-of-type(6),
#n_auth_list li:nth-of-type(7),
#n_auth_list li:nth-of-type(8),
#n_auth_list li:nth-of-type(9) {
    display: none;
}
#n_auth_list2 {
   margin-top:30px;
}
#n_auth_list2 li {
   background:url(images/link_mark02.png) no-repeat 0 50%;
   padding-left:40px;
   line-height:40px;
   margin-bottom:20px;
}
#movie_content {
   margin:30px auto;
   max-width:560px;/**/
   display:block;
}
#kitei_list {
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin:0 5%;
}
#kitei_list li {
   -webkit-box-flex: 1;
   -ms-flex-positive: 1;
   flex-grow: 1;
   width:calc(50% - 40px);
   background:url(images/link_mark02.png) no-repeat 0 50%;
   background-size:20px;
   back
   padding:5px;
   padding-left:40px;
   /*line-height:40px;/**/
   margin-bottom:20px;
}
                                                @media(max-width:630px){/*360,400,540,700,800,1220*/
                                                  #kitei_list li {
                                                     width:auto;
                                                  }
                                                }
.movie_div{
  margin-bottom:10px;
}
.movie_div iframe {
   -webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.2);
   box-shadow: 3px 3px 6px rgba(0,0,0,0.2);
   border:4px solid #FFF
}
h3 small{
  display:inline-block;
  line-height:1.4;
}
.staff_info {
   padding:50px;
   -webkit-box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
   box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
   background:#FFF;
   border-radius:20px;
}
.staff_info img:not(.alignright) {
   width:90%;
   margin:0 10% 10px 0;
   height:auto;
   border:3px solid #FFF;
   -webkit-box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
   box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
}
@media(max-width:500px){/*360,400,540,700,800,1220*/
  .staff_info {
     padding:15px;
     -webkit-box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
     box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
     background:#FFF;
     border-radius:20px;
  }
}

#oshigoto_table {
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   flex-direction: row;
}
#oshigoto_table li {
   display:-webkit-box;
   display:-ms-flexbox;
   display:flex;
   -webkit-box-orient:vertical;
   -webkit-box-direction:normal;
   -ms-flex-direction:column;
   flex-direction:column;
}
#oshigoto_table li span {
   height:5.0em;

}
#oshigoto_table li:nth-child(2) span {
   line-height:5.0em;
   border-bottom:1px dotted #CCC;
   text-align: center;
}
#oshigoto_table li:nth-child(1)  {
   width:20%;
   text-align: right;
   padding-right:30px;
}

#oshigoto_table li:nth-child(2)  {
   width:76%;
   text-align: center;
}

#oshigoto_table li:nth-child(1) span {
   line-height:8.5em;
}

.staff_info_figs img {
   width:60%;
   height:auto;
   display:block;
   margin: 0 auto 10px auto;
    border:3px solid #FFF;
   -webkit-box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
   box-shadow: 3px 3px 0 rgba(0,0,0,0.1);
}
.staff_info_figs p {
   width:60%;
   height:auto;
   display:block;
   margin: 0 auto 30px auto;
}

.question_answer div {
   margin:0 5% 50px 5%;
}


#to_postlist {
    width: 101px;
    height: 26px;
    margin-left: auto;
    margin-right: 0;
    display: block;
    margin-top: 20px;
    margin-bottom: 30px;
}

li.hidden {
    display: none;
}

/*.flex {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}/**/
.flex{
  display:-webkit-box;/*---Android---*/
  display:-ms-flexbox;/*---IE---*/
  display:-webkit-flex;/*---safari---*/
  display:flex;

  -ms-flex-wrap:wrap;/*---IE---*/
  -webkit-flex-wrap:wrap;/*---safari---*/
  flex-wrap:wrap;

  -webkit-box-pack:justify;/*---Android---*/
  -ms-flex-pack:justify;/*---IE---*/
  -webkit-justify-content:space-between;/*---safari---*/
  justify-content:space-between;
}

ul.flex.effort li:first-child {
    margin-right: 2%;
    display: inline-block;
}
/*********************************
 mw_wp_form 用
*********************************/
.form_body {
   margin:0 5%;
}
.form_body label {
   text-align: right;
   padding-right:40px;
}

.hissu {
   color:#FFF;
   padding:4px 8px;
   background: #F00;
   font-size:0.6em;
   font-weight: normal;
   border:1px solid #FFF;
   margin-right:10px;
   border-radius: 6px;
   -webkit-box-shadow: 3px 3px 0 rgba(0,0,0,0.3);
   box-shadow: 3px 3px 0 rgba(0,0,0,0.3);
}

.form_body .form-group {
   min-height:40px;
}

.mw_wp_form_confirm .form-group {
   border-bottom:1px dotted #DDD;
}

.mw_wp_form_input .to_send {
   display:none;
}
.form_bts {
   margin-top:30px;
}

.form_bts input[type='submit'] {
   padding:6px 12px;
   border-radius:6px;
   color:#FFF;
   font-weight:bold;
}
.form_bts .to_confirm {
   background:#6666ff;
}

.form_bts .go_back {
   background:#ff9999;
}

.form_bts .to_send {
   background:#66cc00;
}

.smapho_br {
   display:none;
}


/*------*/
.ttl-blue {
    color: #00a0e9;
}

.f14 {
    font-size: 14px;
    font-size: 100%;/**/
}

#recrut_info,
.panel-pat {
    padding: 45px 0;
    background: url(images/front_information_bg.png) 50% 50%;
}
                                    @media(max-width:800px){/*360,400,540,700,800,1220*/
                                      #recrut_info{
                                          padding: 45px 20px;
                                      }
                                    }
                                    @media(max-width:400px){/*360,400,540,700,800,1220*/
                                      #recrut_info{
                                          padding: 45px 10px;
                                      }
                                    }
.block-area {
    margin-bottom: 100px;
}

/*--採用情報--*/
ul.in_menu li {
    width: 24%;
    box-sizing: border-box;
    background-color: #eee;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 15px;
}

ul.in_menu li a {
    display: block;
    text-align: center;
    padding: 30px 15px;

}

ul.in_menu {
    margin-bottom: 40px;

}

.news_box,
.recruit_box,
.recruit_w_box {
    margin-bottom: 30px;

}

.recruit_box .img_box {
    text-align: center;

}

/*.flex>.recruit_box,
.flex>.news_box {
    width: 48%;

}/**/

.recruit.flex>div{
  width:59%;
  margin-bottom:20px;
}
.recruit.flex>div:first-child{
  width:39%;
  text-align:center;
}
                                        @media(max-width:820px){/*360,400,540,700,800,1220*/
                                          .recruit.flex>div{
                                            width:100%;
                                          }
                                          .recruit.flex>div:first-child{
                                            width:100%;
                                          }
                                        }

.news_box ul {
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border: 2px solid #2577d4;
    background-color: #efefef;
    padding: 15px;
    padding-bottom: 0;
    min-height: 200px;
}

.news_box li {
    margin-bottom: 12px;
    padding-bottom: 2px;
    border-bottom: 1px dashed #2577d4;

}

.news_box h3 {
    color: #eee;
    margin: 0;
    padding: 5px;
    padding-left: 15px;
    background-image: none;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    background-color: #2577d4;

}

.news_box dt,
.news_box dd {
    display: inline-block;

}

.news_box dt {
    font-weight: normal;

}

.news_box dd {
    font-weight: bold;
    font-size: 86%;

}

.news_box dd+dd {
    margin-left: 8px;
    margin-right: 8px;

}

.recruit_w_box>h2 {
    width: 100%;

}

.recruit_w_box>div {
    width: 48%;

}