@charset "utf-8";
/*!--kuukangrp.css--*/
/*!---追加-----*/
#wrapper     { margin: 0; padding: 0; width: 100%; height: 100%; position: relative; }
body         { font-family: sans-serif; line-height: 1.5; height: 100%; }
header       { position: relative; width: 100%; height:; background: #262c35; }
header .logo { margin: 0 auto; padding: 10px; max-width: 1000px; height: auto; text-align: left; }
img          { max-width: 100%; height: auto; }

body#top            { background-image: url(../img/892328028.jpg); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-color: #012144; background-size: cover; }
body#top .container { background: none; }

/* ヘッダ NAVI */
ul.menu                { /*float: right;*/ }
ul.menu li             { }
ul.menu li.active a    { color: #fff; text-decoration: none; }
ul.menu li a:link      { color: #fff; text-decoration: none; }
ul.menu li a:visited   { color: #fff; text-decoration: none; }
ul.menu li a:active    { color: #fff; text-decoration: none; }
ul.menu li a:hover     { color: #ccc; background: #111; text-decoration: none; }
.navbar-toggle         { background-color: #000; border: none; }
.icon-bar              { background-color: none; }

.sr-only       { color: #ccc; position: relative; font-weight: bold; font-size: 1.2em; width: auto; height: 50px; padding: .25em .25em; margin: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.navbar-toggle { position: absolute; right: 0; top: 0px; }
#navi-menu     { background: #000; }

@media screen and (max-width: 768px) {
 #navi-menu ul.menu li { border-bottom: 1px solid #333; }
}

@media screen and (min-width: 1000px) {
  #navi-menu .region { margin: 0 auto; max-width: 1000px; }
}

/* footer */
#footer                   { width: 100%; height: auto; color: #fff; background: #1a1a1a; position: fixed; bottom: 0; }
#footer #newsTicker       { width: 100%; background: #262c35; }
#footer #newsTicker .news { margin: auto; padding: 10px; max-width: 1000px; color: #fff; background: url(../img/title-news.png) no-repeat 10px; position: relative; }

.news ul { margin: 10px auto; padding-left: 123px; list-style: outside none none; }
.news ul li span           { display: table-cell; }
.news ul li span.news-date { padding-right: 25px; }
.news ul li span.news-text { padding-right: 80px; }
.news .link-news-list      { position: absolute; top: 20px; right: 10px; }
.news .link-news-list a img:hover { opacity: .7; }

#footer .copyright       { margin: auto; max-width: 1000px; padding: 15px 10px; text-align: right; font-size: 80%; color: #ccc; }

@media screen and (max-width: 767px) {
    #footer .container          { padding-top: 0; }
    div#comFooter               { padding: 15px; }
    div#comFooter li.footAdress { font-size: 1rem; }
    #footer .copyright          { margin: 0 15px; padding: 1em; text-align: center; }
    #newsTicker                 { display: none; }
}

/* ページトップへ戻る */
#pageTop      { display: none; position: fixed; right: 30px; bottom: 120px; z-index: 9999; width: 45px; height: 45px;
 font-size: 16px; text-align: center; line-height: 50px; text-decoration: none;
 cursor: pointer; transition: background 0.25s linear; border-radius: 4px; background: #000; opacity: 0.4; zoom: 1; }
@media screen and (max-width: 767px) {
 #pageTop { bottom: 60px; }
}

#pageTop span { color: #fff; }
.glyphicon-scroll-up:before { content: "\e260"; }

.main      { margin: 0 auto; padding: 10px; max-width: 1000px; }
.container { padding-bottom: 120px; }
/* */
.autoplay { display: flex; flex-direction: column; }
.autoplay div { text-align: center; }
.autoplay div a img       { transition: .5s all; }
.autoplay div a img:hover { transform: scale(1.1,1.1); transition: .5s all; }


h1 { margin: 1em auto; padding-bottom: 1em; border-bottom: 3px solid #000; font-weight: bold; font-size: 1.5em; }
h1 span { font-size: 75%; }
h1 span:before { content: '　'; }

.mb20 { margin-bottom: 20px; }
.mb40 { margin-bottom: 40px; }
.mb65 { margin-bottom: 65px; }
.mb70 { margin-bottom: 70px; }

/* TOP LOGO Slider Slick */
#group_lnk .slick-slider { margin-top: 200px; }
#group_lnk .autoplay button { display: none!important; }


/* NEWS ニュース */
#news_list ul                   { list-style: none none; }
#news_list ul li                { padding: 1em 0; font-size: 1.1em; }
#news_list ul li span           { display: table-cell; }
#news_list ul li span.news-date { padding-right: 23px; }

/* PHILOSOPHY 経営理念 */
#philosophy p { font-family: serif; }

/* ACCESS 所在地 */
#access  { }
.add_grp              { margin-bottom: 1em; }
.add_grp .address     { float: left; width: 60%; padding-right: 1em; }
.add_grp .address h2  { font-weight: bold; font-size: 1.3em; }
.add_grp .address h3  { font-weight: normal; font-size: 1.1em; }
.add_grp .address p   { margin-bottom: .25em; }
.add_grp .gmap        { float: right; width: 40%; text-align: right; }
.add_grp .gmap iframe { max-width: 100%; }

/* CONTACT お問い合わせ */
.contact-form                 { border-top: 1px dotted #ccc; }
.contact-form h2              { font-weight: bold; font-size: 1.25em; }
.contact-form .red_txt        { color: #a94442; }
.contact-form form            { margin: 1em auto; width: 50%; }
.contact-form .table td input { resize: vertical; width: 100%; }
.contact-form textarea        { resize: vertical; width: 100%; }

.form-group.alcenter          { text-align: center; }
.form-group span.require      { margin-left: .5em; padding: 2px; font-weight: normal; font-size: 85%; color: #fff; background: #00bedd; border-radius: 2px; }
.form-group input.btn         { width: 100px; border: none; }
.form-group .btn-primary      { background: #00bedd; }
.form-group .btn-primary.back { background: #7d8086; }

.form-group .table > thead > tr > th,
.form-group .table > tbody > tr > th,
.form-group .table > tfoot > tr > th,
.form-group .table > thead > tr > td,
.form-group .table > tbody > tr > td,
.form-group .table > tfoot > tr > td { border: none; }

.form-group .table th             { padding: 0 0 5px 0; display: block; }
.form-group .table span.red       { display: inline-block; color: #fff; }
.form-group .table span.red:after { content: '必須'; padding: 2px; font-size: 85%; color: #fff; background: #00bedd; border-radius: 2px; }
.form-group .table td             { padding: 0; display: block; }
.form-group .table td input       { margin-bottom: 15px; padding: 6px 12px; font-weight: normal; border: solid 1px #ccc; border-radius: 2px; }
.form-group .table td textarea    { padding: 6px 12px; font-weight: normal; border: solid 1px #ccc; border-radius: 2px; }

.form-group .table.confirm td     { padding-bottom: 1em; font-size: 120%; color: #999; }
.form-group .button_box input     { margin: 0 2px; display: inline-block; }

@media screen and (max-width: 767px) {
.contact-form form  { margin: 1em auto; width: 90%; }

}