@charset "Shift_JIS";
.insert{
   margin: 0px auto;
   width: 1180px !important;
}
.insert::after{
   clear: both;
   display: table;
   content: "";
}

.font_large{
font-size:120%;
}

@media screen and (max-width:1024px){
   .insert{
   margin: 0px auto;
   width: 100% !important;
}
}
.large4{
  font-size: 110%;
}
#btt,#btt *{
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}
#btt{
   position: fixed;
   bottom: 0;
   right: 0;
   width: 100px;
}
#btt a{
   color: #fff;
   text-align: center;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   padding: 18px 0px 10px 0px;
   width: 100%;
   height: 50px;
   display: block;
   border-top: 0.5px solid transparent;
  background: rgba(0, 110, 60, 0.85);
   text-shadow: 1px 1px 2px rgba(0, 80, 0, 0.65);
   font-size: 12pt;
   letter-spacing: 0.2em;
   cursor: pointer;
   user-select: none;
   -webkit-transition: background .6s;
   transition: background .6s;
   position: relative;
   font-family : Arial;
    font-weight: normal;
   z-index: 20;
}
#btt a:hover{
   background: rgba(220,0,10,0.65);
    text-shadow: 1px 1px 2px rgba(180, 0, 0, 0.65);
   transition: 0.6s;
}
footer{
   font: inherit;
   margin-top: 0px;
   padding: 0px;
   border: 0px currentColor;
   border-image: none;
   vertical-align: baseline;
   font-size-adjust: inherit;
   font-stretch: inherit;
}
footer{
   border-top: 1px solid rgba(255, 255,255,0.50);
}
footer{
   display: block;
}
footer{
    font-size: 14px;
  background-color: rgba(60, 140, 80, 1.0);  
   padding: 20px 0px 40px;
     text-shadow: 1px 1px 2px rgba(0, 0, 255, 0.45);
   position: relative;
   z-index: 1;
     background-image: url(../img/writebg.gif);
   background-repeat: repeat-x;
   background-position: center top;
}
@media screen and (max-width: 1024px) {
footer{
 background-image: url(../img/writebg.gif);
   background-repeat: repeat-x;
   background-position: center top;
}
}

footer p{
   font-size: 11pt;
   text-shadow: 1px 1px 2px rgba(0, 0, 255, 0.65);
   font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","メイリオ","EE EゴシチE","Osaka";
}
footer #footer_logo .mark{
   margin: 4px 0px 0px 10px;
   float: left;
}
footer #footer_logo p{
   text-align: left;
   line-height: 22px;
   padding-left: 0px;
   float: left;
   display: block;
}
footer #foot_menu{
   text-align: right;
   float: right;
}
footer #foot_menu .atom{
    color: rgb(255, 255, 255) ;
   margin: 0px 0px 0px 10px;
   padding: 8px 15px;
   text-align: center;
   font-size: 14px;
   float: right;
   display: block;
   background-repeat: no-repeat;
    background:rgba(0, 110, 60, 0.85);
   text-shadow: 1px 1px 2px rgba(0, 0, 255, 0.65);
   border:solid 1px rgba(255, 255, 255,0.7);
   font-family: Arial;
   border-radius: 5px;
   position : relative;
   right: 0px;
    transition: 0.6s;
}
footer #foot_menu a:hover.atom{
   color: rgb(255, 255, 255) ;
  background: rgba(220,0,10,0.65);
}
footer #foot_menu nav{
   clear: both;
}
footer #foot_menu ul{
   margin: 0px 0px 10px 25px;
}
footer #foot_menu li{
   padding-left: 05px;
   display: inline;
   white-space: nowrap;
   font-size: 12px;
}
footer #foot_menu li.empty{
   display: none;
}
footer #copyright{
   text-align: right;
   clear: both;
   float: right;
   display: block;
   font-size: 14px;
   font-family: Arial;
   margin: 0px 0px 20px 0px;
}
.is-top#btt{
   width: 100%;
}
.is-top#btt a{
     background:rgba(0, 110, 60, 0.95);
   border-top-color: rgba(255, 255, 255,0.55);
   transition: 0.8s;
}
.is-top#btt a:hover{
   background:rgba(0, 100, 40, 0.95);
}
.mark{
   overflow: hidden;
   display: inline-block;
   position: relative;
}
.mark img{
   width: 60px;
   height: auto;
   position: relative;
}
#btt span.for-top{
   display: none;
   font-family: Arial;
   font-size: 14px;
   text-shadow: 1px 1px 2px rgba(0, 0, 255, 0.55);
}
.character{
   color: #ffffff;
}
.footer_logo.mark{
   width: 66px;
   height: 52px;
}
.footer_logo.mark img{
   left: 0px;
   top: 0px;
}
.footer_name{
   font-size: 110%;
}
@media screen and (min-width:1024px){
   footer{
    border-top: 1px solid #fff;
}
}

@media screen and (max-width:880px){
   footer{
   padding: 0px 0px 40px 0px;
}
footer p{
   font-size: 13px;
}
footer #footer_logo{
   margin: 20px 0px 0px 20px;
}
    footer #foot_menu{
   float: none;
}
footer #foot_menu .atom{
   margin: 0px 0px 0px 0px;
   padding: 10px;
   font-size: 12px;
   float: none;
   display: block;
   border-top: none;
   border-right: none;
   border-left: none;
   border-bottom: 1px solid rgba(255, 255, 255,0.6);
   right: 0px;
   border-radius: 0px;
}
footer #foot_menu ul{
   background: rgb(0, 160, 90);
   margin: 0px 0px 10px;
   overflow: hidden;
   border-bottom-color: rgb(200, 200, 200);
   border-bottom-width: 1px;
   border-bottom-style: solid;
}
footer #copyright{
   float: none;
   text-align:right;
   font-size: 13px;
   margin: 0px 10px 20px 0px;
}
.is-top#btt a{
   border-top-color: rgb(255, 255, 255);
}
}

@media screen and (max-width:780px){
   footer #footer_logo{
   margin: 16px 0px 0px 20px;
}
footer #foot_menu .atom{
   margin: 0px 0px 0px 0px;
   padding: 10px;
   font-size: 14px;
}
}
@media screen and (max-width:680px){
   footer #footer_logo p{
   text-align: center;
   line-height: 22px;
   padding-left: 0px;
   float:  none;
   display: block;
}
footer #footer_logo{
     text-align: center;
   margin: 20px 0px 20px 0px;
}
footer #footer_logo .mark{
   display:none;
}
footer #foot_menu{
   float: none;
}
footer #foot_menu .atom{
   margin: 0px 0px 0px 0px;
   padding: 12px;
   font-size: 14px;
}
footer #copyright{
    display:none;
}
}

@media screen and (max-width:480px){
   footer #footer_logo{
   margin: 20px 0px 20px 0px;
}
.br_02::before {
content: "\A" ;
white-space: pre ;
}
}

