@charset "utf-8";

/* -----------------------------------------------
 * style.css
 * LastUpdate : 18/01/28
----------------------------------------------- */

@import url('https://fonts.googleapis.com/css?family=Hind:400,700');
/* RESET
----------------------------------------------------------------------------------------------------*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,caption,canvas,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,form,footer,header,hgroup,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,main,small,span,strike,strong,sub,summary,sup,tt,table,tbody,tfoot,thead,time,tr,th,td,u,ul,var,video{font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;vertical-align:baseline;white-space:normal;margin:0;padding:0;border:0;outline:0;background:transparent;line-height:1.5;text-align:left}textarea{font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;background:transparent;line-height:1.5;text-align:left}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}table{border-collapse:collapse;border-spacing:0}

/* ----------------------------------------------

 * 設定をしなおす

---------------------------------------------- */
body {
  margin: 0 auto;
  padding: 0;
  font-size: 16px;
  font-family: 'system-ui', '-apple-system',"游ゴシック Medium", "Yu Gothic Medium","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  /*font-weight: 500;*/
  color: #202d3e;
  -webkit-text-size-adjust: 100%;
  /*font-feature-settings : "pkna";*/
}

@media only screen and ( max-width : 480px ) {
  body {
    font-size: 13px;
    background-size: 100% auto;
  }
}

table {
  margin : 0;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}

img {
  vertical-align: bottom;
  border: none;
}
.taC {
  text-align: center;
}
.taR {
  text-align: right;
}


/* ----------------------------------------------

 * アンカータグの設定

---------------------------------------------- */
a {
  outline:none;
  color: #333;
}

a:hover {
  text-decoration: none;
}


a,a:hover,a:hover img {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  text-decoration: none;
}

a:hover {
  filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;
}

.clr{zoom:1;display:inline-table}.clr:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;line-height:0}* html .clr{height:1%;display:inline-table;display:block;height:1%}.clr{display:block}


*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*behavior:url(/scripts/boxsizing.htc)}.container{margin:0 auto}.clr:after,.col:after,.container:after,.group:after,.row:after{content:"";display:table;clear:both}.row{padding-bottom:0}.col{display:block;float:left;width:100%}@media (min-width:681px),print{.gutters .col{margin-left:2%}.gutters .col:first-child{margin-left:0}.gutters .colR:first-child{margin-right:0}.sp{display:none}}@media(max-width:680px){.sp_none{display:none !important;}}@media(min-width:480px){.sp_s{display:none}}@media print,screen and (min-width:681px){.span_1{width:8.33333333333%}.span_2{width:16.6666666667%}.span_3{width:25%}.span_4{width:33.3333333333%}.span_5{width:41.6666666667%}.span_6{width:50%}.span_7{width:58.3333333333%}.span_8{width:66.6666666667%}.span_9{width:75%}.span_10{width:83.3333333333%}.span_11{width:91.6666666667%}.span_12{width:100%}.gutters .span_1{width:6.5%}.gutters .span_2{width:15%}.gutters .span_3{width:23.5%}.gutters .span_4{width:32%}.gutters .span_5{width:40.5%}.gutters .span_6{width:49%}.gutters .span_7{width:57.5%}.gutters .span_8{width:66%}.gutters .span_9{width:74.5%}.gutters .span_10{width:83%}.gutters .span_11{width:91.5%}.gutters .span_12{width:100%}}


/* -----------------------------------------------
 * base.css
----------------------------------------------- */

* {box-sizing:border-box;}
main {display: block;}
img {
    max-width: 100%;
    height: auto;
    width /***/:auto;　/*IE8のみ適用*/
}
#base {position: relative;}

section,.container {
  position: relative;
}
@media only screen and ( max-width : 680px ) {
  .box {
    margin-bottom: 30px;
  }
  .sbox {
    margin-bottom: 20px;
  }
  .main_inner {
    padding: 0 20px;
  }
  .sp_box {
    margin-bottom: 20px;
  }
  .sp_inner {
    padding: 0 20px;
  }
  section {
    padding: 20px 0;
  }
  .container {
    padding: 0 20px;
  }
  .br_pc {
    display: none;
  }
}


@media print, screen and ( min-width : 681px ) {
  .box {
    margin-bottom: 60px;
  }
  .sbox {
    margin-bottom: 30px;
  }
  .container {
    width: 1000px;
    margin: 0 auto;
  }
  #base {
  }
  .posL {
    float: left;
  }
  .posR {
    float: right;
  }
  .br_sp {
    display: none;
  }
  section {
    padding: 60px 0;
  }
  .main_inner {
   max-width: 1000px;
   margin: 0 auto; 
  }
}
section:last-child {
  margin-bottom: 0;
}

/* ---------------------------------------------------------------------------------------------

　   HEADER

--------------------------------------------------------------------------------------------- */
nav {
  background: #93272c;
}
nav ul {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  -js-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
nav a {
  color: #fff;
  display: block;
  text-align: center;
  position: relative;
}
.top_back img {
  position: absolute;
  top: 50%;
}
#h_logo {
  text-align: center;
}
#h_logo img{max-width: 230px;}
@media only screen and ( max-width : 680px ) {
  nav ul {
  }
  nav ul li {
    width: 50%;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
  }
  nav ul li:nth-child(2n) {
    border-right: none;
  }
  nav ul li a {
    padding: 10px;
  }
  #h_logo {
    padding: 20px 0;
  }
  #h_logo img {
    width: 120px;
  }
  .top_back img {
    width: 15px;
    left: 10px;
    margin-top: -5.85px;
  }
}
@media only screen and ( max-width : 320px ) {
}

@media print, screen and ( min-width : 681px ) {
  nav ul {
    height: 78px;
    overflow: hidden;
  }
  nav ul li {
    width: 20%;
  }
  nav ul li:first-child {
    margin-right: auto;
    width: 40%;
  }
  nav li a {
    padding: 0 20px;
    line-height: 76px;
    border: 1px solid #93272c;
  }
  nav a:hover {
    background: #71191d;
    border: 1px solid #71191d;
  }
  nav li.active a {
    background: #fff;
    color: #93272c;
    border: 1px solid #93272c;
  }
  nav li:first-child a {
    padding: 18px 20px 18px 80px;
    line-height: 20px;
  }
  .top_back img {
    left: 20px;
    margin-top: -16px;
  }
  #h_logo {
    padding: 40px 0;
  }
  .top_back span {
    display: block;
  }
  .top_back span span {
    font-size: 14px;
  }
}




/* ---------------------------------------------------------------------------------------------

　   FOOTER

--------------------------------------------------------------------------------------------- */
#footer {
  color: #fff;
}
.copy {
  text-align: center;
  background: #897a69;
}
.f_nav {
  background: #93272c;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  -js-display: flex;
  display: flex;
}
.f_nav a {
  color: #fff;
}
.f_sub_nav {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  -js-display: flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
}
.f_sub_nav a {
  color: #0015b4;
}
@media only screen and ( max-width : 680px ) {
  #footer {
  }
  .f_sub_nav {
    padding: 10px 0;
  }
  .f_sub_nav li {
    position: relative;
  }
  .f_sub_nav li:after {
    content: "|";
    margin: 0 10px;
    color: #ccc;
  }
  .f_sub_nav li:first-child {
    width: 100%;
    text-align: center;
  }
  .f_sub_nav li:first-child:after,.f_sub_nav li:last-child:after {
    content: none;
  }
  .copy {
    padding: 10px;
  }
}

@media only screen and ( max-width : 480px ) {
}

@media print, screen and ( min-width : 681px ) {
  .copy {
    padding: 15px;
  }
  .f_sub_nav {
    padding: 20px 0;
  }
  .f_sub_nav li {
    margin: 0 30px;
  }
  #footer {
  }
}

/* ---------------------------------------------------------------------------------------------

　   CONTENTS

--------------------------------------------------------------------------------------------- */
#main p {
  word-break: break-all;
}
section p,section li {line-height: 1.8em;}

.btn {
  display: block;
  background: #93272c;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  position: relative;
  border: 3px solid #93272c;

}
.btn span {
  display: block;
  font-size: 0.6em;
  margin: 0 auto;
  text-align: center;
}
.btn:hover {
  background: #fff;
  color: #93272c;
}
.btn:after {
  content: "\f105";
  font-family: "FontAwesome";
  position: absolute;
  right: 1em;
  top: 50%;
  margin-top: -0.5em;
  line-height: 1em;
  font-weight: normal;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.btn:hover:after {
  right: 0.8em;
}
.btn02 {
  background: #93272c;
  border: 3px solid ##93272c;
}
.btn02:hover {
  color: #93272c;
}

@media only screen and ( max-width : 680px ) {
  .btn {
    padding: 6px;
    font-size: 18px;
  }
}

@media only screen and ( max-width : 480px ) {
}

@media print, screen and ( min-width : 681px ) {
  .btn {
    font-size: 24px;
    padding: 10px;
    max-width: 360px;
  }
}

/* ---------------------------------------------------------------------------------------------

　   PAGE TOP

--------------------------------------------------------------------------------------------- */
#pageTop {
  position: fixed;
  bottom: 10%;
  right: 0;
  z-index: 999;
}
#pageTop a {
  display: block;
  background: #71191d;
  background-size: 100%;
  text-decoration: none;
  text-align: center;
  color: #fff;
  border: 4px solid #71191d;
}
#pageTop a i {
  line-height: 1em;
  vertical-align: top;
}

@media only screen and ( max-width : 680px ) {
  #pageTop a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 30px;
  }
  #pageTop a i {
    line-height: 50px;
  }
}


@media print, screen and ( min-width : 681px ) {
  #pageTop a {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 40px;
  }
  #pageTop a i {
    line-height: 60px;
  }
}

/* ---------------------------------------------------------------------------------------------

　  hr

--------------------------------------------------------------------------------------------- */


hr {
  border-top: 1px dotted #93272c;
  /*border-bottom: 2px dotted #fff;*/
  margin-bottom: 50px;
}