@charset "UTF-8";
.page-list { text-align: center; }

.page-list a { color: #221815; }

.page-list li { display: inline-block; border: #000 1px solid; padding: 6px 11px; margin-bottom: 10px; }

.page-list .active a { color: #fff; }

.page-list li.active { display: inline-block; border: #000 1px solid; padding: 6px 10px; background: #000; }

.page-list li.fast, .page-list li.last { background-color: #fff; border: #000 1px solid; }

@media screen and (min-width: 768px) { 	/* header -------------------------------------*/
  #header { border-bottom: 1px solid #e1e1e1; padding-bottom: 10px; }
  #header .h-logo { position: relative; bottom: -15px; }
  .side-fix .fix-list { display: block; }
  /*----------------------------------------- h2 画像 ------------------------------------------*/
  .cc-ttl-Box-01 { height: 210px; }
  .cc-ttl-01 { color: #000000; font-size: 26px; line-height: 1.5; letter-spacing: 0.2em; position: relative; }
  .cc-ttl-01::before { content: ""; border-bottom: 2px solid #b39047; width: 72px; position: absolute; top: -20px; left: 0; right: 0; margin-left: auto; margin-right: auto; }
  /*----------------------------------------- パンくずリスト ------------------------------------------*/
  .seo_bread_list { width: 1100px; margin-left: auto; margin-right: auto; color: #808080; font-size: 14px; line-height: 1.8; padding-left: 45px; }
  .seo_bread_list a span { color: #808080; text-decoration: underline; }
  .seo_bread_list li { float: left; margin-right: 5px; }
  .seo_bread_list li span { padding-right: 5px; }
  .seo_bread_list li:after { content: "＞"; }
  .seo_bread_list li:last-child:after { content: none; }
  .seo_bread_list li:last-child:after { content: none; }
  /*----------------------------------------- 主に　h3 画像 ------------------------------------------*/
  .main-ttl { margin-bottom: 40px; }
  .cc-ttl-02 { width: 1100px; margin-left: auto; margin-right: auto; color: #000; font-size: 22px; font-weight: bold; padding: .3em 1em .2em 45px; border-bottom: 1px solid #000; margin-bottom: 60px; }
  /*----------------------------------------- エンドバナー ------------------------------------------*/
  #end-bnr { margin-top: 120px; background-color: #efeee7; background-image: url(../images/index/o-con-bg-01.jpg), url(../images/index/o-con-bg-01.jpg); background-repeat: repeat-x,repeat-x; background-position: 0 bottom,0 top; width: 1200px; margin: 120px auto; }
  #end-bnr .Box { width: 1100px; margin-left: auto; margin-right: auto; }
  #end-bnr .color-Box { text-align: center; position: relative; padding-bottom: 64px; background-position: 0 bottom; background-repeat: repeat-x; }
  #end-bnr .ttl { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500; color: #00b28e; font-size: 20px; line-height: 1; letter-spacing: 2px; margin-bottom: 16px; }
  #end-bnr .ttl-02 { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500; color: #000000; font-size: 42px; letter-spacing: 3px; line-height: 1; margin-bottom: 16px; }
  #end-bnr .txt { color: #383331; font-size: 12px; font-weight: 400; line-height: 1.65; margin-bottom: 24px; }
  #end-bnr .deco { position: absolute; left: 11px; bottom: 20px; }
  #end-bnr .tel { margin-bottom: 16px; }
  #end-bnr .txt-Box-02 { color: #393332; font-size: 12px; margin-bottom: 32px; }
  #end-bnr .link-list { width: 635px; margin-left: auto; margin-right: auto; position: relative; z-index: 100; }
  /* contents-pager -------------------------------------*/
  .nav-border { width: 1100px; margin: 0 auto; border-top: 1px dotted #000; border-bottom: 1px dotted #000; padding: 30px 0 50px; margin-bottom: 60px; }
  .contents-pager { width: 1100px; margin-left: auto; margin-right: auto; margin-top: 15px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; color: #666666; font-size: 14px; font-weight: 400; line-height: 25.778px; padding-bottom: 15px; }
  .contents-pager .list-Back { background-color: #000; width: 188px; text-align: center; }
  .contents-pager .list-Back a { color: #fff; display: block; padding: 3px 0; }
  .contents-pager .list-Back a::after { content: url(../images/common/btn-icon-w.png); margin-left: 2em; }
  .contents-pager ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
  .contents-pager ul li { padding-right: 1.5em; }
  .contents-pager ul li :before { content: "\ff1C \a0"; color: #333333; }
  .contents-pager ul li:nth-child(2) { padding-left: 1.5em; text-align: right; background-image: url(../images/common/contents-pager-deco.jpg); background-repeat: no-repeat; background-position: left 3px; position: relative; }
  .contents-pager ul li:nth-child(2) :before { content: "|"; color: #333333; position: absolute; left: -0.2em; }
  .contents-pager ul li:nth-child(2) :after { content: "\a0 \FF1E"; color: #333333; }
  /*.contents-pager .list-back :after { content: "\a0 \FF1E"; color: #333333; }*/
  .top-bd { margin-top: 32px; padding-top: 20px; background-image: url(../images/common/pager.jpg); background-repeat: repeat-x; background-position: 0 top; }
  .bottom-bd { border-bottom: 1px solid #333333; padding-bottom: 16px; }
  /* pdf -------------------------------------*/
  .cc-pdf { text-align: right; margin-top: 56px; }
  /* form-list  -------------------------------------*/
  .form-list { font-size: 14px; font-weight: 500; color: #191919; line-height: 1.8; margin-bottom: 32px; }
  .form-list li { padding-left: 1em; text-indent: -1em; margin-bottom: 3px; }
  .form-list .attention-color { color: #eb6100; }
  .form-Box .required-color { color: #eb6100; }
  .form-Box table tr th, .form-Box table tr td { border: 1px solid #4d4d4d; }
  .form-Box th, .form-Box td { padding-top: 20px; padding-bottom: 20px; text-align: left; }
  .form-Box th { width: 290px; background-color: #e6e6e7; padding-left: 24px; vertical-align: top; }
  .form-Box td { width: 510px; padding-left: 30px; padding-right: 30px; }
  .from-btn-01 { margin-top: 24px; text-align: center; }
  .from-btn-02 { margin-top: 24px; width: 690px; margin-left: auto; margin-right: auto; text-align: center; }
  .cc-w-Box { width: 1100px; margin-left: auto; margin-right: auto; }
  .serchcategory { width: 1100px; margin: 0 auto; }
  .serchcategory span { padding: 5px 10px; color: #ffffff; font-size: 16px; font-weight: bold; text-align: center; background-color: #deaf5e; display: inline-block; padding-left: 1.5em; padding-right: 1.5em; margin-bottom: 12px; }
  .serchcategory .icon02 { background-color: #276494; }
  .serchcategory .icon03 { background-color: #f29a67; }
  .serchcategory .icon04 { background-color: #a0c666; }
  .serchcategory .icon05 { background-color: #f28c00; }
  .serchcategory .icon06 { background-color: #00ab84; }
  .serchcategory .icon07 { background-color: #675c47; } }
@media screen and (max-width: 767px) { .cc-ttl-Box-01 { display: none; }
  .seo_bread_list { padding: 18% 3% 0; margin-bottom: 3%; }
  .seo_bread_list li { float: left; }
  .seo_bread_list li:after { content: "＞"; }
  .seo_bread_list li:last-child:after { content: none; }
  .sp-more { margin-top: 8%; width: 82.07%; margin-left: auto; margin-right: auto; background-color: #000; text-align: center; }
  .sp-more a { color: #fff; }
  /*----------------------------------------- 主に　h3 画像 ------------------------------------------*/
  .cc-ttl-02 { width: 90%; margin-left: auto; margin-right: auto;
  	color: #000; font-size: 2.2rem; font-weight: 700; margin-bottom: 6%; padding: .3em 0.5em;
  	line-height: 1.65; border-bottom: 1px solid #000; text-align: center;}
  /*----------------------------------------- エンドバナー ------------------------------------------*/
  #end-bnr { margin-top: 14%; padding-top: 12%; background-color: #efeee7; background-image: url(../images/index/o-con-bg-01.jpg), url(../images/index/o-con-bg-01.jpg); background-repeat: repeat-x,repeat-x; background-position: 0 bottom,0 top; background-size: 4%,4%; }
  #end-bnr .Box { width: 100%; margin-left: auto; margin-right: auto; }
  #end-bnr .color-Box { text-align: center; position: relative; padding-bottom: 12%; padding-left: 5%; padding-right: 5%; background-position: 0 bottom; background-repeat: repeat-x; }
  #end-bnr .ttl { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500; color: #00b28e; font-size: 1.4rem; line-height: 1; letter-spacing: 2px; margin-bottom: 16px; }
  #end-bnr .ttl-02 { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-weight: 500; color: #000000; font-size: 2.3rem; letter-spacing: 3px; line-height: 1; margin-bottom: 16px; }
  #end-bnr .txt { color: #383331; font-size: 1.2rem; font-weight: 400; line-height: 1.8; text-align: left; margin-bottom: 5%; }
  #end-bnr .deco { position: absolute; left: 11px; bottom: 20px; display: none; }
  #end-bnr .tel { margin-bottom: 16px; }
  #end-bnr .txt-Box-02 { color: #393332; font-size: 12px; text-align: left; line-height: 1.8; margin-bottom: 6%; }
  #end-bnr .link-list { width: 100%; margin-left: auto; margin-right: auto; position: relative; z-index: 100; }
  #end-bnr .link-list li { margin-bottom: 3%; }
  #end-bnr .link-list li:last-child { margin-bottom: 0; }
  #end-bnr .btn-deco:after { right: -4px; }
  /* contents-pager -------------------------------------*/
  .nav-border { border-top: 1px dotted #000; border-bottom: 1px dotted #000; padding: 30px 0 50px; }
  .contents-pager { width: 90%; margin-left: auto; margin-right: auto; margin-top: 5%; margin-bottom: 3%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; color: #666666; font-size: 1.4rem; font-weight: 400; line-height: 25.778px; padding-bottom: 10px; }
  .contents-pager .list-Back { background-color: #000; text-align: center; }
  .contents-pager .list-Back a { color: #fff; display: block; padding: 3px 10px; }
  .contents-pager .list-Back a::after { content: url(../images/common/btn-icon-w.png); margin-left: 1em; }
  .contents-pager ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
  .contents-pager ul li { padding-right: 1.5em; }
  .contents-pager ul li :before { content: "\ff1C \a0"; color: #333333; }
  .contents-pager ul li:nth-child(2) { padding-left: 1.5em; text-align: right; background-image: url(../images/common/contents-pager-deco.jpg); background-repeat: no-repeat; background-position: left 3px; position: relative; }
  .contents-pager ul li:nth-child(2) :before { content: "|"; color: #333333; position: absolute; left: -0.2em; }
  .contents-pager ul li:nth-child(2) :after { content: "\a0 \FF1E"; color: #333333; }
  /*.contents-pager .list-back :after { content: "\a0 \FF1E"; color: #333333; }*/
  /* pdf -------------------------------------*/
  .cc-pdf { text-align: right; margin-top: 8%; }
  .form-list { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 1.4rem; font-weight: 500; color: #191919; line-height: 1.8; margin-bottom: 5%; }
  .form-list li { padding-left: 1em; text-indent: -1em; margin-bottom: 3px; }
  .form-list .attention-color { color: #f10000; }
  .cc-sp-mb-01 { margin-bottom: 5%; }
  .form-list { font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; font-size: 14px; font-weight: 500; color: #191919; line-height: 1.8; margin-bottom: 32px; }
  .form-list li { padding-left: 1em; text-indent: -1em; margin-bottom: 3px; }
  .form-list .attention-color { color: #f10000; }
  .form-Box .required-color { color: #f10000; }
  .form-Box table { border: 1px solid #dcdddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  .form-Box th, .form-Box td { padding-top: 4%; padding-bottom: 4%; text-align: left; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
  .form-Box th { width: 100%; background-color: #dcdddd; padding-left: 5%; }
  .form-Box td { width: 100%; padding-left: 5%; padding-right: 5%; font-size: 16px; }
  .form-Box td .mb-list li { text-indent: -1.3em; padding-left: 1.3em; }
  .from-btn-01 { margin-top: 24px; text-align: center; }
  .from-btn-02 { margin-top: 24px; width: 100%; margin-left: auto; margin-right: auto; text-align: center; }
  .cc-w-Box { padding: 0 3%; } }
@media screen and (max-width: 321px) { .cc-ttl-02 { font-size: 1.6rem; }
  #end-bnr .ttl-02 { font-size: 2rem; }
  #end-bnr .txt-Box-02 { font-size: 1.1rem; }
  #end-bnr .btn-deco:after { display: none; } }