@charset "utf-8";
/* CSS Document */

/*
YUI 3.18.1 (build f7e7bcb)
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

@font-face {
    font-family: 'LigatureSymbols';
    src: url('font/LigatureSymbols-2.11.eot');
    src: url('font/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
         url('font/LigatureSymbols-2.11.woff') format('woff'),
         url('font/LigatureSymbols-2.11.ttf') format('truetype'),
         url('font/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
    font-weight: normal;
    font-style: normal;
}

.lsf {
  font-family: 'LigatureSymbols';
  font-weight:normal !important;
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
  padding-right:4px;
  display:inline-block;
}
.lsf-icon:before {
  content:attr(title);
  margin-right:0.3em;
  font-size:130%;
  font-family: 'LigatureSymbols';
  -webkit-text-rendering: optimizeLegibility;
  -moz-text-rendering: optimizeLegibility;
  -ms-text-rendering: optimizeLegibility;
  -o-text-rendering: optimizeLegibility;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-font-feature-settings: "liga" 1, "dlig" 1;
  -moz-font-feature-settings: "liga=1, dlig=1";
  -ms-font-feature-settings: "liga" 1, "dlig" 1;
  -o-font-feature-settings: "liga" 1, "dlig" 1;
  font-feature-settings: "liga" 1, "dlig" 1;
}
/*webフォントアイコン*/

/*テキスト装飾*/
.bold {font-weight:bold;}
.txt10{font-size:10px;}
.txt12{font-size:12px;}
.txt14{font-size:14px;}
.txt15{font-size:15px;}
.txt16{font-size:16px;}
.txt18{font-size:18px;}
.txt21{font-size:21px;}
.txt24{font-size:24px;}
.txt28{font-size:28px;}
.txt31{font-size:31px;}
.white{color:#fff;}
.black{color:#501905;}
.red{color:#f00000;}
.green{color:#288c46;}
.blue{color:#005de8;}
.bg_y{background-color:#FAFA7D; padding:5px;}
.bg_gy{background-color:#dedede; padding:5px;}
.under_line{text-decoration:underline;}
.line_through{text-decoration:line-through;}
/*テキスト装飾*/

/*本体*/

body {margin: 0px auto;padding: 0px;font-family: Lucida Grande,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;font-size: 15px;text-align: center;color: #501905;}
img {border:0;vertical-align: bottom;width: 100%;}

/*ヘッダー*/
header{width: 100%;margin: 0 auto;padding: 20px 0 0;background: #f8f8f8;text-align: center;}
h1{width: 100%;max-width: 300px;margin: 0 auto 30px;}

/*本文*/
article{width: 100%;margin: 0 auto;padding: 0;}
section{width: 100%;margin: 0 auto;padding: 0;}
article section h2{width: 100%;margin: 0 auto;background:url(../images/catch.jpg) no-repeat center/cover;}
article section h2 p{width: 100%;max-width: 1200px;margin: 0 auto;padding: 10% 0;font-size: 22px;font-weight: bold;color: #fff;}
article section div.innr{width: 96%;max-width: 1200px;margin: 50px auto 0;padding: o 2%;}
article section div.innr p{font-size: 16px;font-weight: normal;line-height: 1.8em;text-align: left;}
article section div.innr h4{margin: 50px auto 30px;padding: 2%;font-size: 20px;font-weight: bold;color: #fff;background: #1003be;text-align: left;}
article section div.innr img{width: 100%;max-width: 560px;}
article section div.innr p.wi{width: 100%;max-width: 560px;margin: 20px auto 0;}
article section div.innr h5{margin: 30px auto 20px;padding: 0;font-size: 180%;font-weight: bold;text-align: left;}
article section div.innr h6{margin: 30px auto 20px;padding: 0;font-size: 140%;font-weight: bold;text-align: left;}

/*index*/
dl.top {width: 100%;margin: 0 auto 100px;padding: 0;text-align: center;}
dl.top dd h3{padding: 0 0 5px;font-size: 20px;text-align: left;font-weight: bold; border-bottom: 4px double #666;}
dl.top dd p{margin: 20px auto 0;text-align: left;}

@media screen and (min-width:641px) {
  dl.top dt{width: 70%;margin: 0 auto;}
  dl.top dd{width: 66%;margin: 2% auto 0;padding: 2%;border: 6px double #333}
}

@media screen and (max-width:640px) {
  dl.top dt{width: 90%;margin: 0 auto;}
  dl.top dd{width: 88%;margin: 2% auto 0;padding: 2%;border: 6px double #333}
}

/*serv*/
dl.serv{width: 100%;margin: 0 auto 100px;padding: 0;text-align: center;}
dl.serv dd p{text-align: left;}

@media screen and (min-width:641px) {
  dl.serv{padding: 0 0 30px; overflow: hidden;border-bottom: 2px dotted #666;}
  dl.serv dt{width: 58%;}
  dl.serv dd{width: 40%;}
  .servleft{float: left;}
  .servright{float: right;}
}

@media screen and (max-width:640px) { 
  dl.serv{padding: 0 0 10px; overflow: hidden;border-bottom: 2px dotted #666;}
  dl.serv dt{margin: 0 auto 30px;text-align: center;}
  dl.serv dt img{width: 96%;}
  dl.serv dd{width: 96%;margin: 0 auto;}
}

/*代表挨拶*/
article section div.innr p.di{width: 96%;}
article section div.innr p.ry{width: 96%;margin: 40px auto;font-size: 120%;text-align: right;}
article section div.innr p.ry span{font-size: 140%;}

/*表組*/
table{width: 90%;margin:50px auto 0;background:#fff;border-bottom:1px solid #666;text-align: left;}
tr{border-top: 1px solid #666;}
th{width: 26%;padding: 2%;background:#eee;}
td{width: 66%;padding: 2%;}

/*footer*/
footer{width: 100%;margin: 50px auto 0;padding: 20px 0; background: #012155;}
footer p{width: 100%;max-width: 1200px;margin: 0 auto;padding: 0;font-size: 14px;font-weight: bold;color: #fff;}


/*拾ってきたCSS*/

/* 共通項目 */
* {
  box-sizing: border-box;
}

a:hover {
  opacity: 0.8;
}

p {
  line-height: 1.7;
}

ul {
  list-style: none;
}

/* ベースレイアウト */
.container {
  margin: 40px auto;
  position: relative;
  width: 1200px;
}

@media screen and (max-width: 640px) {
  .container {
    margin: 0 auto 40px auto;
    width: 90%;
  }
}

/* グローバルメニュー */
.global-nav {
  margin: 0;
  position: relative;
}

.global-nav .nav-list {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
}

.global-nav .nav-list .nav-item {
  flex: 1;
}

.global-nav .nav-list .nav-item a {
  border-right: 1px solid #ccc;
  color: #333;
  display: block;
  padding: 0.6em 0.4em;
  text-align: center;
  text-decoration: none;
}

.global-nav .nav-list .nav-item:last-child a {
  border-right: none;
}

/* サブナビゲーション */
@media screen and (min-width: 641px) {
  .nav-list {
    position: relative;
  }

  .nav-item_sub {
    background: #ccc;
    left: 0;
    margin: 0 calc(50% - 50vw);
    opacity: 0;
    position: absolute;
    top: 40px;
    transition: all 0.2s ease;
    visibility: hidden;
    width: 100vw;
  }

  .nav-item_sub .inner {
    display: flex;
    margin: 0 auto;
    width: 1200px;
  }

  .nav-item_sub .inner ul {
    margin: 20px 20px 20px;
  }

  .global-nav .nav-list .nav-item_sub a {
    text-align: left;
  }

  .nav-item:hover .nav-item_sub {
    opacity: 1;
    visibility: visible;
  }
}

/* SP時：ハンバーガーメニューボタン */
.global-nav-icon {
  display: none;
}

@media screen and (max-width: 641px) {
  .global-nav-header {
    height: 50px;
  }

  .global-nav .nav-list {
    background: rgba(0, 0, 0, 0.8);
    display: none;
    left: 50%;
    padding: 10px;
    position: absolute;
    transform: translate(-50%, 0%);
    width: 100%;
  }

  .global-nav .nav-list .nav-item a {
    border-bottom: 1px solid #ccc;
    border-right: none;
    color: #fff;
    padding: 1rem 1rem;
    text-align: left;
  }

  .global-nav .nav-list .nav-item:last-child a {
    border-bottom: none;
  }

  .global-nav-icon {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-size: 28px;
    position: absolute;
    right: 5px;
    top: 15px;
    z-index: 2;
  }
}

@media screen and (max-width: 640px) {
  .nav-item_sub {
    display: none;
  }

  .global-nav {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
  }

  .nav-list {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}