@charset "utf-8";

/*Reset Style*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {border: 0 none;font-size: 100%;font-style: normal;font-weight: normal;margin: 0;padding: 0;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html {overflow-y: scroll;}
blockquote, q {quotes: none;}
blockquote::before, lockquote::after, q::before, q::after {content: none;}
input, textarea {margin: 0;padding: 0;}
ol, ul {list-style: outside none none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th {text-align: center;}
a:focus {outline: medium none;}

.clearfix::after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;}
.both {clear: both;}

* {margin: 0;padding: 0;}
img {border: 0 none;vertical-align: bottom;}
html, body {font-family: YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif'; font-size: 14px; background: url(../images/paper-bg.jpg)repeat-y center; background-size: contain; background-color: #6a4d19;}


a {color: #6a4d19;text-decoration: none;}
a:link {color: #6a4d19;text-decoration: none;}
a:visited {color: #6a4d19;}
a:hover {color: #6a4d19;text-decoration: underline;}
a:active {color: #6a4d19;}

body > h1 {height: 30px;}

.inner { width: 90%; margin: 0 auto; }

.pink {color: #6a4d19;}

/*index
---------------------------------------------------------------------------------*/
h1 p{background: #6a4d19; color: white;font-size: 11px;text-align: center;padding: 2px;}

header { background: #fff;}

#enter img .index_bg { position:relative;}

#enter .set .att { width: 85%; margin: 7px auto 0; text-align: center; }
#enter .set .att p {font-size: 2.3vw; font-weight: bold;}

.set { margin: -93% auto 10.5%;}

ul.enter-btn { margin: 7% auto 0;}
ul.enter-btn li {display: inline-block; width: 48%;margin: 0 2% 0 0;}
ul.enter-btn li:last-child { margin-right: 0;}
ul.enter-btn li img { width: 100%;}

ul.rec-link { margin: 15% auto 0; }
ul.rec-link li { margin: 0 auto 5%;}
ul.rec-link li:last-child { margin: 0 auto;}
ul.rec-link li img { width: 100%; }

ul.h-link { text-align: center; margin: 6% auto 0; }
ul.h-link li { display: inline-block; margin-right: 2%; width: 20%;}
ul.h-link li:last-child { margin-right: 0;}
ul.h-link li img {width: 100%;}

.csr { background: #fff; box-shadow: 0 0 8px rgb(202, 202, 202); padding: 5px 0; margin: 30px auto 0; text-align: center; }
.csr a { margin: 0 auto; color: #000; text-decoration: none;}


footer p { background: #6a4d19; color: white; font-size: 10px; text-align: center; padding: 3px;}


main { width:90%; margin: 11% auto 10%; padding-bottom: 0; font-size: 3.2vw; color: #3f3018; }
main .index-txt { margin-bottom: 15%;}
main .index-txt-sec-top { margin-bottom: 30px; text-align: center;}
main .index-txt-sec-top p {font-weight: bold!important;}
main .index-txt-sec { margin-bottom: 30px;}
main .index-txt-sec:last-child { margin-bottom: 0;}
main .index-txt-sec .ttl { border-left: 5px solid #3f3018; margin-bottom: 10px; padding: 0 0 0 10px; font-size: 3.8vw; line-height: 1; font-weight: bold;}
main .index-txt-sec p { text-align: justify;font-weight: bold;}


main .index-access { margin-bottom: 15%;}
main .index-access .main-ttl { background:#000; color: #fff; text-align: center; font-size: 3.8vw; margin: 0 auto 10%; padding: 1% 0;}
main .index-access .ttl { border-left: 8px solid #000; border-bottom: 1px solid #000; margin: 0 auto 5%; padding: 0px 2%; font-size: 3.8vw; }

main .index-access-sec { margin: 0 auto 7%;}
main .index-access-sec li { margin-bottom: 2%;}


main .index-map { margin-bottom: 15%;}
main .index-map .main-ttl { background:#000; color: #fff; text-align: center; font-size: 3.8vw; margin: 0 auto 30px; padding: 5px 0;}
main .index-map .ttl { border-left: 8px solid #000; border-bottom: 1px solid #000; margin: 0 auto 20px; padding: 0px 10px; font-size: 3.8vw; }

main .index-map-att { margin-bottom: 30px;}
main .index-map-sec { margin-bottom: 30px;}



/* second
--------------------------------------------------------------------*/
body#sub_body { width: 100%; padding-bottom: 5%; font-size: 16px;}
html, body#sub_body header { background: none;}

#header-main { text-align: center;}
#header-main #header-logo02 {width: 50%;padding: 8% 0;margin: 0 auto;}
#header-main #header-logo02 img { width: 90%;}

/* opinion
--------------------------------------------------------------------*/
#opinion {background: #fff;margin: 0 auto;font-size: 3.5vw;}
#opinion .opinion-txt {margin: 0 auto 8%;}
#opinion .opinion-txt .opinion-ttl {border-left: solid 10px #000000; border-bottom: solid 1px #000000; padding: 0 0 5px 15px; margin: 25px 0 30px; font-size: 4vw;}
#opinion .opinion-txt p { line-height: 1.8; color:#000000; }

#opinion .opinion { border-width: 1px; border-color: #000000; border-style: solid; border-radius: 10px; box-shadow: 0px 3px 2px 0px rgba(14, 5, 10, 0.25); padding: 5%; margin-bottom: 10%; }

#opinion form .form-body dl {box-sizing: border-box;width: 100%;border-bottom: solid 1px #cccccc; padding: 5% 0;}
#opinion form .form-body fieldset:first-child dl { padding-top: 0;}
#opinion form .form-body fieldset:last-child dl { border-bottom: none;}
#opinion form .form-body dl dt { display:block; color:#000000; margin-bottom: 1%;}
#opinion form .form-body dl dd {display: block; }
#opinion form .form-body dl dd input {padding: 2%;width: 100%;}
#opinion form .form-body dl dd textarea {width: 100%;height: 8em;padding: 2%;box-sizing: border-box;}
#opinion form #btn-submit {margin: 10% auto 0;text-align: center;}

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

.ta-c input{
    display: inline-block;
    padding: .25em 2.5em;
    border: 1px solid #666666;
    border-radius: 5px;
    background: #c0bebe;
    background: -moz-linear-gradient(top, #ffffff 0%, #c0bebe 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#c0bebe 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#c0bebe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c0bebe',GradientType=0 );
    line-height: 100%;
    letter-spacing: 2px;
    font-size: 18px;
    color: #333333;
  }

  .opinion-att { margin: 0 5%;}

/* trainer
--------------------------------------------------------------------*/
#trainer {background: #fff;border-radius: 30px;box-shadow: 0 0 10px rgba(0,0,0,0.2);padding: 5% 6% 10%;margin: 0 auto;font-size: 3.5vw;}
#trainer .trainer-txt {margin: 0 auto 8%;}
#trainer .trainer-txt .trainer-ttl {border-bottom: dotted 3px #b9a67b;padding-bottom: 4%;margin-bottom: 6%;text-align: center;}
#trainer .trainer-txt .trainer-ttl img {width: 90%;}
#trainer .trainer-txt p { line-height: 1.8; color:#814a02; }
#trainer .trainer-body {border: solid 1px #b9a67b;}
#trainer .trainer-body dl {box-sizing: border-box;width: 100%;border-bottom: solid 1px #b9a67b;color:#814a02;display: table;}
#trainer .trainer-body dl:last-child { border-bottom: none;}
#trainer .trainer-body dl dt {display: table-cell;background: #f5ebd9;/* color: #fff; */padding: 2% 2%;text-align: center;width: 30%;vertical-align: middle;}
#trainer .trainer-body dl dd {display: table-cell;padding: 6% 4%; }
#trainer .trainer-body dl dd input {padding: 2%;width: 100%;}
#trainer .trainer-body dl dd textarea {width: 100%;height: 8em;padding: 2%;box-sizing: border-box;}
#trainer .trainer-body #btn-submit {margin: 10% auto 0;text-align: center;}
#trainer p.att {color:#814a02; margin:2% 0 0;}