@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    サイト共通 細かい要素の装飾定義               */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

.ForPc,
.ForSp,
.ForOverBp2,
.ForOverBp3,
.ForUnderBp2,
.ForUnderBp3{
  display: none!important;
}
body.PcView         .ForPc{
  display: block!important;
}
body.SpView         .ForSp{
  display: block!important;
}
body.rsbp-over-bp2  .ForOverBp2{
  display: block!important;
}
body.rsbp-over-bp3  .ForOverBp3{
  display: block!important;
}
body.rsbp-under-bp2 .ForUnderBp2{
  display: block!important;
}
body.rsbp-under-bp3 .ForUnderBp3{
  display: block!important;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   images                                         */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
img{
  max-width: 100%;
  color: #ede8df;
}
.rsbp-under-bp2 img{
  width: 100%;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   link                                           */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* anchor
--------------------------------------------------- */
a{
  color: #4d4d4d;
  text-decoration: none;
  transition: 0.3s ease 0s;
}
a:before{
  transition: 0.3s ease 0s;
}
a:link {
  color: #4d4d4d;
  text-decoration: none;
}
a:visited {
  color: #4d4d4d;
  text-decoration: none;
}
a:active{
  color: #4d4d4d;
  text-decoration: none;
}
a:hover {
  color: #4d4d4d;
  text-decoration: underline;
}
a:before,
a:after{
  transition: 0.3s ease 0s;
}

/* image link
--------------------------------------------------- */
a img{
  transition: 0.3s ease 0s;
}
a:hover img{
  opacity: 0.75;
}








/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Text and Heading                               */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
.Heading{
  font-size: 105%;
  line-height: 1.3;
}
.Heading:first-child{
  margin-top: 0;
}


/* HeadingのType管理開始2018082
それ以前から存在するHeadingに対して、意図せぬ命令が当たらないように
.Headingと.TypeXを一緒につかうとこから始め、各所に活用していく */


.Heading.Type1{
  border-bottom: 2px solid #000;
  padding-bottom: 3px;
}






/* DefaultText
--------------------------------------------------- */
.DefaultText{
  font-size: 95%;
  text-align: justify;
  text-justify: auto;
  margin: 0 0 1em;
}
.rsbp-under-bp2 .DefaultText{
  font-size: 100%;
}

/* Caption
--------------------------------------------------- */
.CaptionText{
  font-size: 70%;
}
table .CaptionText,
li    .CaptionText{
  font-size: 80%;
}

/* SponsorText
--------------------------------------------------- */
.SponsorText{
  margin: 15px;
  font-size: 75%;
}
    .SponsorText a{
      text-decoration: underline;
      font-weight: bold;
      color: #2361ad;
    }
    .SponsorText a:hover{
      color: #143e6f;
    }

/* - - rsbp - - */
/* under-bp2 */
.rsbp-under-bp2 .SponsorText{
  font-size: 55%;
  line-height: 1.25;
  background: #f0f0f0;
  padding: 10px;
  border-radius: 5px;
  color: #777;
  text-align: left;
}
    .rsbp-under-bp2 .SponsorText a{
      display: block;
    }



/* UpdateNotes
--------------------------------------------------- */
.UpdateNotes{
  margin: 1em;
  font-size: 75%;
  color: #777;
  text-align: left;
}




/* Message
--------------------------------------------------- */
.Message{
  margin: 50px 0;
  text-align: center;
  font-size: 75%;
}
/* MessageBox
--------------------------------------------------- */
.MessageBox{
  padding: 25px 25px 75px;
  margin: 1em auto;
  width: 75%;
  text-align: center;
  background: rgba(255,255,255,0.5);
  border: 2px solid #ddd;
  border-radius: 10px;
  position: relative;
}
.MainContentsArea .MessageBox{
  width: 100%;
}
    .MessageBox .Heading{
      margin: 0 0 1em;
      line-height: 1.75;
      font-size: 125%;
    }
    .MessageBox .Heading .Label:first-child{
      margin-top: 50px;
      display: block;
    }
    .MessageBox .Heading .Icon{
      color: rgba(30,180,210,1);
    }
    .MessageBox .Heading .Icon::before{
      font-size: 175%;
    }
    .MessageBox .DefaultText{
      text-align: center;
      line-height: 2;
      margin: 0;
    }
                /* + + + + + レスポンシブ + + + + +  */

                    /* bp2より広いディスプレイ用 */
                    html.rsbp-over-bp2 .MessageBox .Heading {
                    }

                    /* bp2より狭いディスプレイ用 */
                    html.rsbp-under-bp2 .MessageBox {
                      width: 100%;
                      padding: 20px;
                    }
                    html.rsbp-under-bp2 .MessageBox .Heading {
                      font-size: 112.5%;
                    }
                    html.rsbp-under-bp2 .MessageBox .Heading .Icon{
                    }
                    html.rsbp-under-bp2 .MessageBox .Heading .Label:first-child{
                      margin-top: 20px;
                    }
                    html.rsbp-under-bp2 .MessageBox .Button {
                      width: 100%;
                      margin: 1em 0;
                    }
    /* options */
    .MessageBox.Error{
      padding: 25px;
      border-color: #f00;
    }
    .MessageBox.Error,
    .MessageBox.Error *{
      color: #000;
    }
    .MessageBox.Error .Heading .Icon::before{
      color: #f00;
    }




/* font
--------------------------------------------------- */

/* basic */
.fontSansSerif{
  font-family: "Verdana", "Hiragino Kaku Gothic ProN", "Meiryo", "Arial", "Century Gothic", sans-serif;
}
.fontGoogle{
  font-family: 'Noto Sans JP','Noto Sans Japanese','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,"游ゴシック", "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.fontSerif{
  font-family: "Times New Roman", "Hiragino Mincho ProN", "HiraMinProN-W3", "MS PMincho", serif;
}
.fontMonospace{
  font-family: "Osaka-mono", "MS Gothic", monospace;
}
.fontNumber{
  font-family: "Arial";
}
.Fontello{
  font-family: "fontello";
}



/* FontSize
--------------------------------------------------- */
.FontSizeXLarge,
.DefaultText.FontSizeXLarge{
  font-size: 225%;
}
.FontSizeLarge,
.DefaultText.FontSizeLarge{
  font-size: 150%;
}
.FontSizeLarger,
.DefaultText.FontSizeLarger{
  font-size: 115%;
}
.FontSizeNormal,
.DefaultText.FontSizeNormal{
  font-size: 100%;
}
.FontSizeSmaller,
.DefaultText.FontSizeSmaller{
  font-size: 87.5%;
}
.FontSizeSmall,
.DefaultText.FontSizeSmall{
  font-size: 75%;
}
.FontSizeXSmall,
.DefaultText.FontSizeXSmall{
  font-size: 62.5%;
}
/* FontWeight
--------------------------------------------------- */
.FontWeightNormal{
  font-weight: normal;
}
.Bold,
.FontWeightBold{
  font-weight: bold;
}

/* TextAlign
--------------------------------------------------- */
.AlignCenter { text-align: center; }
.AlignLeft   { text-align: left;   }
.AlignRight  { text-align: right;  }
.AlignJustify{ text-align: justify;}

/* TextOverFlowNone
--------------------------------------------------- */
.TextOverFlowNone{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* NoWrap
--------------------------------------------------- */
.NoWrap{
  white-space: nowrap;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   List Setting [Common]                          */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ul,ol */
ul,ol{}
  .MainContentsArea li{
    font-size: 87.5%;
  }
  /* under-bp2 */
  .rsbp-under-bp2 .MainContentsArea li{
    font-size: 100%;
  }
  .MainContentsArea table li{
    font-size: 100%;
  }
  .MainContentsArea .DefaultText li{
    font-size: 100%;
  }
/* dl */
dl{}
.MainContentsArea dl{
  font-size: 87.5%;
}
    dl dt{}
    
/* LinkList */
.LinkList{
  list-style: none;
  margin: 0;
}
    .LinkList li{
    }
    .SideBarArea .LinkList li{
      font-size: 87.5%;
    }
    /* under-bp2 */
    .rsbp-under-bp2 .SideBarArea .LinkList li{
      font-size: 100%;
    }
        .ContentsDivision .LinkList li a{
          left: 0;
          display: block;
          padding: 0.25em 0.5em 0.25em 1.1em;
          position: relative;
        }
        .LinkList li a:before{
          content: "\f138";
          font-family: "fontello";
          font-size: 87.5%;
          position: absolute;
          top: 0.4em;
          left: 0;
        }
        .LinkList li.PDF a:before{
          content: none;
        }
        .LinkList li a:hover{
          left: 5px;
          text-decoration: none;
        }
/* SecondList */
ul .SecondList{
  margin: 0.25em 0 0.25em 1em;
  list-style: none;
}
    .ContentsDivision ul .SecondList li{
      font-size: 95%;
    }
/* TextList */
.TextList{
  margin-left: 1.25em;
  margin-bottom: 0.5em;
}
.TextList:last-child{
  margin-bottom: 0;
}
    .TextList li{
      margin-bottom: 0.5em;
      font-size: 95%;
    }
    .TextList li:last-child{
      margin-bottom: 0;
    }


/* ItemList */
.ItemList{}

/* ThumbnailList */
.ThumbnailList{
  list-style: none;
}

/* FlexList
--------------------------------------------------- */
.FlexList{
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}




/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Table Setting [Common]                         */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
.ContentsDivision table{}
    .ContentsDivision table th,
    .ContentsDivision table td{
      font-size: 90%;
      padding: 0.25em 0.5em;
    }
    /* under-bp2 */
    .rsbp-under-bp2 .ContentsDivision table th,
    .rsbp-under-bp2 .ContentsDivision table td{
      font-size: 100%;
    }
    .ContentsDivision li table th,
    .ContentsDivision li table td{
      font-size: 100%;
    }

/* DefaultTable */
.DefaultTable{
  margin: 0 auto;
  width: 100%;
}
    .DefaultTable caption{
    }
    .DefaultTable thead{
    
    }
        .DefaultTable thead th{
        }
    .DefaultTable tbody{
    }
        .DefaultTable tbody th,
        .DefaultTable tbody td{
          border-bottom: 1px dotted #4d4d4d;
        }
        .DefaultTable tbody th{
          background: #eee;
          width: 20%;
          min-width: 100px;
          max-width: 35%;
          font-weight: normal;
        }
        .DefaultTable tbody td{
        }
    .DefaultTable tfoot{
    }


/* SpAnalyzeTable */

/* - - rsbp - - */
/* under-bp3 */
.rsbp-under-bp3 .SpAnalyzeTable{
}
    .rsbp-under-bp3 .SpAnalyzeTable th,
    .rsbp-under-bp3 .SpAnalyzeTable td{
      display: block;
      width    : 100%;
      max-width: 100%;
      min-width: 0;
    }
    .rsbp-under-bp3 .SpAnalyzeTable.DefaultTable tbody tr:first-child th{
      border-top: 1px dotted #4d4d4d;
    }


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   GoPageTop                                      */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* GoPageTop
--------------------------------------------------- */
.GoPageTop{
  position: absolute;
  right: 10px;  bottom: 0px;
}
    .GoPageTop p{
    }

/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   PageJump                                       */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* PageJump
--------------------------------------------------- */
.PageJumpBox {
}
    .PageJumpBox p{
      font-size: 75%;
      line-height: 1.1;
    }
        .PageJumpBox p span{
          float: left;
          display: block;
          margin: 0 2px;
          text-align: center;
        }
            .PageJumpBox p span a,
            .PageJumpBox p span .Active{
              display: block;
              border: none;
              float: none;
              margin: 0;
              border: 1px solid #4d4d4d;
              line-height: 1.75rem;
              width: 2.25em;
            }
            .PageJumpBox p span a{
              color: #4d4d4d;
              text-decoration: none;
              box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2);
            }
            .PageJumpBox p span a:hover{
              border: 1px solid #4d4d4d;
              background: #ddd;
              -webkit-transition: background-color linear .3s;
              -moz-transition: background-color linear .3s;
              -ms-transition: background-color linear .3s;
              transition: background-color linear .3s;
            }
            .PageJumpBox p span .Active{
              color: #fff;
              background: #4d4d4d;
              border: 1px solid #4d4d4d;
              box-shadow: none;
            }

/* - - rsbp - - */
/* SpView */
        .SpView .PageJumpBox p span{
          margin: 1px 0.5em;
        }


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Button 等                                      */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

.Button{
  text-align: center;
}
    .Button a:hover{
      text-decoration: none;
    }
    .Button input[type="submit"],
    .Button input[type="button"]{
      border: 0;
      cursor: pointer;
      transition: 0.3s ease 0s;
      box-shadow: rgba(0,0,0,0.1);
    }


.Button.Back{
}
    .Button.Back a{
      border: #ccc 4px solid;
      padding: 0.85em 3em 0.95em;
      background-color: #fff;
      font-size: 87.5%;
    }
    .Button.Back a:before{
      content: "\e80a";
      font-family: "fontello";
      margin-right: 1em;
    }
    .Button.Back a:hover:before{
      margin-right: 1.5em;
    }




.ColorButton{
}
    .ColorButton a,
    .ColorButton input[type="submit"],
    .ColorButton input[type="button"]{
      display: inline-block;
      color: #fff!important;
      font-weight: 500;
      background-color: #f0841a;
      box-shadow: rgba(0,0,0,0.1);
    }
    .rsbp-over-bp2 .ColorButton a,
    .rsbp-over-bp2 .ColorButton a,
    .rsbp-over-bp2 .ColorButton input[type="submit"],
    .rsbp-over-bp2 .ColorButton input[type="button"]{
      padding: 0.85em 3em 0.95em;
      font-size: 87.5%;
    }
    .rsbp-under-bp2 .ColorButton a,
    .rsbp-under-bp2 .ColorButton input[type="submit"],
    .rsbp-under-bp2 .ColorButton input[type="button"]{
      padding: 0.85em 1em 0.95em;
      font-size: 87.5%;
    }


.ColorButton.Black{
}
    .ColorButton.Black a{
      background-color: #1F1F1F;
      color: #fff;
    }




.Button.File{
}
    .Button.File a{
      display: inline-block;
      font-weight: 500;
      background-color: #fff;
      box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
      border: 3px solid #e8e8e8;
    }
    .Button.File a:hover{
      border-color: #444;
    }
    .rsbp-over-bp2 .Button.File a,
    .rsbp-over-bp2 .Button.File input[type="submit"],
    .rsbp-over-bp2 .Button.File input[type="button"]{
      padding: 0.85em 3em 0.95em;
      font-size: 87.5%;
    }
    .rsbp-under-bp2 .Button.File a,
    .rsbp-under-bp2 .Button.File input[type="submit"],
    .rsbp-under-bp2 .Button.File input[type="button"]{
      padding: 0.85em 1em 0.95em;
      font-size: 65%;
    }





/* ButtonBox
--------------------------------------------------- */
.SpView .SpDefaultButton{
  text-align: center;
}
    .SpView .SpDefaultButton a{
      position: relative;
      display: inline-block;
      margin: 0 auto;
      border-radius: 5px;
      border: 1px solid #fff;
      box-shadow: 0 1px 2px 0 #ccc;
      background-color   : #dedede;
      text-decoration: none;
      font-size: 90%;
    }

/* ButtonBox
--------------------------------------------------- */
.ButtonBox{
  margin: 15px 0;
}
.LayoutBlock .ButtonBox{
  margin: 0;
}
.ButtonArea{
  margin: 15px 0;
  text-align: center;
}
    .ButtonBox p{
      text-align: center;
    }
        .ButtonBox p span{
          margin: 0 5px;
        }
            .ButtonBox p span input{
              cursor: pointer;
              color: #000;
            }

/* - - rsbp - - */
/* under-bp2 */
.rsbp-under-bp2 .ButtonBox{
}
    .rsbp-under-bp2 .ButtonBox a{
      text-align: center;
    }
        .rsbp-under-bp2 .ButtonBox a img{
          margin-right: auto;
          margin-left: auto;
          height: 1.75em;
          line-height: 2;
          width: auto;
        }
/* under-bp3 */
        .rsbp-under-bp3 .ButtonBox a img{
        }








.MainContentsArea .FileIcon a[href^="http://"],
.MainContentsArea .FileIcon a[href^="https://"],
.MainContentsArea .FileIcon a[href*=".pdf"],
.MainContentsArea .FileIcon a[href*=".PDF"],
.MainContentsArea .FileIcon a[href$=".docx"],
.MainContentsArea .FileIcon a[href$=".docm"],
.MainContentsArea .FileIcon a[href$=".dotx"],
.MainContentsArea .FileIcon a[href$=".dotm"],
.MainContentsArea .FileIcon a[href$=".xlsx"],
.MainContentsArea .FileIcon a[href$=".xlsm"],
.MainContentsArea .FileIcon a[href$=".xltx"],
.MainContentsArea .FileIcon a[href$=".xltm"],
.MainContentsArea .FileIcon a[href$=".xlsb"],
.MainContentsArea .FileIcon a[href$=".xlam"],
.MainContentsArea .FileIcon a.TelLink,
.MainContentsArea .FileIcon a[href^="mailto:"]{
  padding-left: 2em;
}
.MainContentsArea .FileIcon a[href^="http://"]:before,
.MainContentsArea .FileIcon a[href^="https://"]:before,
.MainContentsArea .FileIcon a[href*=".pdf"]:before,
.MainContentsArea .FileIcon a[href*=".PDF"]:before,
.MainContentsArea .FileIcon a[href$=".docx"]:before,
.MainContentsArea .FileIcon a[href$=".docm"]:before,
.MainContentsArea .FileIcon a[href$=".dotx"]:before,
.MainContentsArea .FileIcon a[href$=".dotm"]:before,
.MainContentsArea .FileIcon a[href$=".xlsx"]:before,
.MainContentsArea .FileIcon a[href$=".xlsm"]:before,
.MainContentsArea .FileIcon a[href$=".xltx"]:before,
.MainContentsArea .FileIcon a[href$=".xltm"]:before,
.MainContentsArea .FileIcon a[href$=".xlsb"]:before,
.MainContentsArea .FileIcon a[href$=".xlam"]:before,
.MainContentsArea .FileIcon a.TelLink:before,
.MainContentsArea .FileIcon a[href^="mailto:"]:before{
  display: inline-block;
  font-family: "fontello";
  vertical-align: middle;
  color: #fff;
  width: 1.25em;
  height: 1.25em;
  border-radius: 100%;
  padding: 0.35em;
  text-align: center;
  line-height: 1.25;
}
.MainContentsArea .FileIcon a[href^="http://"]:before,
.MainContentsArea .FileIcon a[href^="https://"]:before{
  background-color: #158BBA;
}
.MainContentsArea .FileIcon a[href*=".pdf"]:before,
.MainContentsArea .FileIcon a[href*=".PDF"]:before{
  content: "\f1c1";
  background-color: #b33131;
}
.MainContentsArea .FileIcon a[href$=".docx"]:before,
.MainContentsArea .FileIcon a[href$=".docm"]:before,
.MainContentsArea .FileIcon a[href$=".dotx"]:before,
.MainContentsArea .FileIcon a[href$=".dotm"]:before{
  background-color: #2A5490;
}
.MainContentsArea .FileIcon a[href$=".xlsx"]:before,
.MainContentsArea .FileIcon a[href$=".xlsm"]:before,
.MainContentsArea .FileIcon a[href$=".xltx"]:before,
.MainContentsArea .FileIcon a[href$=".xltm"]:before,
.MainContentsArea .FileIcon a[href$=".xlsb"]:before,
.MainContentsArea .FileIcon a[href$=".xlam"]:before{
  background-color: #207347;
}
.MainContentsArea .FileIcon a[href^="tel"]{
  background-color: #3ea88a;
}
.MainContentsArea .FileIcon a[href^="tel"]:before{
}
.MainContentsArea .FileIcon a[href^="tel:0120"]:before{
}
.MainContentsArea .FileIcon a[href^="mailto:"]:before{
  background-color: #549f33;
}





/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   PageNavigation                                 */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* PageNavigation
--------------------------------------------------- */
.PageNavigationBlock{
  width: 970px;
  width: 1180px;
  margin: 0 auto;
  min-height: 25px;
  position: relative;
  z-index: 1;
}
    .PageNavigation {
      position: absolute;
      top: 178px;
    }
    .rsbp-lowheight .PageNavigation {
      top: 138px;
    }
        .PageNavigation p{
          font-size: 75%;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 1180px;
        }
/* - - rsbp - - */
/* under-bp2 */
.rsbp-under-bp2 .PageNavigationBlock{
  display: none;
}
    .rsbp-under-bp2 .PageNavigationBlock .PageNavigation {
      position: static;
    }
        .rsbp-under-bp2 .PageNavigationBlock .PageNavigation p{
          font-size: 55%;
          width: 100%;
        }


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Option Class [Common]                          */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Item
--------------------------------------------------- */
.LeftItem{
  float: left;
}
.RightItem{
  float: right;
}
.rsbp-under-bp2 .LeftItem,
.rsbp-under-bp2 .RightItem{
  float: none;
}


/* Float
--------------------------------------------------- */
.FloatLeft { float: left;  }
.FloatRight{ float: right; }
.FloatNone { float: none;  }

/* Clear
--------------------------------------------------- */
.ClearBoth { clear: both; }
.ClearLeft { clear: left; }
.ClearRight{ clear: right;}
.ClearNone { clear: none; }



/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Decoration Class [Common]                      */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Photo
--------------------------------------------------- */
.Photo{
  padding: 2px;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
  -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Form Setting [Common]                          */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ReadOnly */
.ReadOnly{
  background-color: transparent!important;
  border: 0px none!important;
  vertical-align: middle;
  padding: 0;
}
.InputErrorMessage{
  border: 2px solid #ff0000;
  margin: 1em 0 1em 0;
  padding: 0.8em 0.8em 0.8em 0.8em;
  color: #ff0000;
  font-size: 12px;
}

input[type="text"],
textarea {
  padding: 0.25em 0.5em;
  vertical-align: middle;
  border: 1px solid #9e8c7b;
}
input[type="button"],
.FormButton a{
  background: #f0841a;
  color :#fff;
  padding: 0.2em 1rem;
  font-size: 95%;
  border: 1px solid rgba(255,255,255,0.75);
  box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.15);
  cursor: pointer;
  letter-spacing: 1px;
}
/* - - rsbp - - */
/* under-bp2 */
.rsbp-under-bp2 input[type="button"],
.rsbp-under-bp2 .FormButton a{
  font-size: 100%;
  font-weight: bold;
}
input[type="button"]:hover,
.FormButton a:hover{
  background: #e37100;
}
.ButtonBlock input{
  background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#a9a9a9));
  margin: 0 0.2em 0 0.2em;
  padding: 0.3em 1em 0.3em 1em;
  min-width: 120px;
  cursor: pointer;
}
.InputList{
  list-style: none;
}
.RadioButton{
  padding-right: 10px;
}

input[name=address],
input[name=companyname],
input[name=company_name],
input[name=department_name]{ width: 90%; }
input[name=name],
input[name=tantoname]{ width: 20em; }
input[name=phonetic]{ width: 20em; }
input[name=zip1],
input[name=postno1]{ width: 3em; margin-bottom: 3px; }
input[name=zip2],
input[name=postno2]{ width: 4em; margin-bottom: 3px; }

input[name=tel1],
input[name=phone1],
input[name=fax1]{
  width: 5em;
  margin-right: 0.25em;
}
input[name=tel2],
input[name=phone2],
input[name=fax2]{
  width: 5em;
  margin: 0 0.25em 0 0.25em;
}

input[name=tel3],
input[name=phone3],
input[name=fax3]{
	width: 5em;
  margin-left: 0.25em;
}

input[name=email],
input[name=replyemail]{ width: 80%; }
input[name=retypeemail]{ width: 80%; }
input[name=oldmail]{ width: 80%; }
input[name=mail]{ width: 80%; }
input[name=remail]{ width: 80%; }
input[name=url]{ width: 95%; }
input[name=subject]{ width: 90%; }
input[name=title]{ width: 90%; }
textarea{
  width: 97%;
  height: 10em;
}



/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}




/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Default Box Style                             */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ImageBox
--------------------------------------------------- */
.ImageBox{
}
    .ImageBox p{
      margin: 0 0 10px;
    }
        .ImageBox p span{
          display: block;
          text-align: center;
          margin: 0;
          padding: 0;
        }
        .ImageBox p span.Image{
        }
            .ImageBox p span.Image img{
            }
        .ImageBox p span.Caption{
          font-size: 75%;
          line-height: 1.25;
        }

/* IntroductionBox
--------------------------------------------------- */
.IntroductionBox{
  margin: 0 auto;
}
.DefaultBlock .IntroductionBox{
  padding: 0;
}

/* TextBox
--------------------------------------------------- */
.IntroductionBox .ChargeTextBox{
  float: right;
  width: 15em;
  padding-bottom: 5px;
}
    .IntroductionBox .ChargeTextBox .CautionText{
      font-size: 75%;
      line-height: 1.2em;
      color: #990000;
    }




/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Other Setting                                  */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Scrollable 横スクロール
---------------------------------------------------*/
.rsbp-over-bp2 .ScrollableAttentionText{
  display: none;
}
.ScrollableAttentionText{
  font-size: 75%;
  background: #505050;
  background-size: 1.25em;
  color: #fff;
  padding: 0.25em .5em;
  border-radius: 1em;
  margin-bottom: .5em;
  text-align: center;
}
.ScrollableAttentionText:before{
  content: "";
  background: url(../img/common/icon/ico-crosshair-cursor.png) no-repeat center center;
  background-size: contain;
  display: inline-block;
  width : 1.1em;
  height: 1.1em;
  margin-right: 0.25em;
  vertical-align: middle;
  margin-right: 0.25em;
}

.rsbp-under-bp2 .Scrollable {
  overflow: auto;
  position: relative;
}
    /* ここはスクロール対象の最大幅を入れる*/
    .rsbp-under-bp2 .Scrollable > table,
    .rsbp-under-bp2 .Scrollable > div,
    .rsbp-under-bp2 .Scrollable > p{
      width: auto;
      min-width: 600px;
    }
    .rsbp-under-bp2 .Scrollable th{
      white-space: nowrap;
    }
    .rsbp-under-bp2 .Scrollable::-webkit-scrollbar{
      height: 1em;
      margin-top: 5px;
    }





/* GoogleMap
--------------------------------------------------- */
#ContentsDivision iframe[src*="maps.google.co.jp"],
#ContentsDivision iframe[src*=".google.com/maps"],
#ContentsDivision .gmaps,
#ContentsDivision #MyMap_canvas,
#ContentsDivision #map_Canvas{
  width: 100%;
}
/* - - rsbp - - */
/* under-bp2 */
.rsbp-under-bp2 #ContentsDivision iframe[src*="maps.google.co.jp"],
.rsbp-under-bp2 #ContentsDivision iframe[src*=".google.com/maps"],
.rsbp-under-bp2 #ContentsDivision .gmaps,
.rsbp-under-bp2 #ContentsDivision #MyMap_canvas,
.rsbp-under-bp2 #ContentsDivision #map_Canvas,
.SpView.rsbp-under-bp2 #ContentsDivision iframe[src*="maps.google.co.jp"],
.SpView.rsbp-under-bp2 #ContentsDivision #MyMap_canvas,
.SpView.rsbp-under-bp2 #ContentsDivision #map_Canvas{
  width: 100%!important;
  max-height: 42vw;
}
/* under-bp3 */
.rsbp-under-bp3 #ContentsDivision iframe[src*="maps.google.co.jp"],
.rsbp-under-bp3 #ContentsDivision iframe[src*=".google.com/maps"],
.rsbp-under-bp3 #ContentsDivision .gmaps,
.rsbp-under-bp3 #ContentsDivision #MyMap_canvas,
.rsbp-under-bp3 #ContentsDivision #map_Canvas,
.SpView.rsbp-under-bp3 #ContentsDivision iframe[src*="maps.google.co.jp"],
.SpView.rsbp-under-bp3 #ContentsDivision #MyMap_canvas,
.SpView.rsbp-under-bp3 #ContentsDivision #map_Canvas{
  height: 67vw!important;
  max-height:100%;
}

/* YouTube
--------------------------------------------------- */
#ContentsDivision iframe[src*="youtube"]{
}
/* - - rsbp - - */
/* under-bp2 */
.rsbp-under-bp2 #ContentsDivision iframe[src*="youtube"]{
  width: 100%;
  height: 35vw;
}
/* under-bp3 */
.rsbp-under-bp3 #ContentsDivision iframe[src*="youtube"]{
  height: 45vw;
}





/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Column Setting                                 */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ColumnGroup
--------------------------------------------------- */
.ColumnGroup{

}
    /* - - column common - -  */
    .ColumnGroup > .Column{
      width: 100%;
      margin: 0 auto 2em;
    }
    .ColumnGroup > .Column > .inner{
      padding: 10px;
    }
    
    /* 要素数をクラス名に持たせて自動配置 ※ulにクラス名をつけて使用  */
    /* ColumnGroup（数字）elements が横並び数                         */
    /* FixedNumber をつけた場合は数を固定。それ以外は幅に応じて変化   */
    
    /* - - two columns - - */
    body                             .ColumnGroup4elements >             .Column:nth-child(1n),
    body                             .ColumnGroup3elements >             .Column:nth-child(1n),
    body.rsbp-over-bp3               .ColumnGroup2elements >             .Column:nth-child(1n),
    body:not([class*="rsbp"])        .ColumnGroup2elements >             .Column:nth-child(1n),
    body[class*="rsbp"]              .ColumnGroup2elements.FixedNumber > .Column:nth-child(1n) {
      width: 50%;
      float: left;
      margin-bottom: 0;
    }
    
    
    /* - - three columns - - */
    body                             .ColumnGroup6elements >             .Column:nth-child(1n),
    body                             .ColumnGroup5elements >             .Column:nth-child(1n),
    body.rsbp-over-bp3               .ColumnGroup4elements >             .Column:nth-child(1n),
    body.rsbp-over-bp3               .ColumnGroup3elements >             .Column:nth-child(1n),
    body:not([class*="rsbp"])        .ColumnGroup3elements >             .Column:nth-child(1n),
    body[class*="rsbp"]              .ColumnGroup3elements.FixedNumber > .Column:nth-child(1n) {
      width: 33.3%;
      float: left;
      margin-bottom: 0;
    }

    /* - - four columns - - */
    body.rsbp-over-bp3               .ColumnGroup6elements >             .Column:nth-child(1n),
    body.rsbp-over-bp3               .ColumnGroup5elements >             .Column:nth-child(1n),
    body.rsbp-over-bp2               .ColumnGroup4elements >             .Column:nth-child(1n),
    body:not([class*="rsbp"])        .ColumnGroup4elements >             .Column:nth-child(1n),
    body[class*="rsbp"]              .ColumnGroup4elements.FixedNumber > .Column:nth-child(1n) {
      width: 25%;
      float: left;
      margin-bottom: 0;
    }
    
    /* - - five columns - - */
    body.rsbp-over-bp2               .ColumnGroup6elements >             .Column:nth-child(1n),
    body.rsbp-over-bp2               .ColumnGroup5elements >             .Column:nth-child(1n),
    body:not([class*="rsbp"])        .ColumnGroup5elements >             .Column:nth-child(1n),
    body[class*="rsbp"]              .ColumnGroup5elements.FixedNumber > .Column:nth-child(1n) {
      width: 20%;
      float: left;
      margin-bottom: 0;
    }
    
    /* - - six columns - - */
    body.rsbp-over-bp1               .ColumnGroup6elements >             .Column:nth-child(1n),
    body:not([class*="rsbp"])        .ColumnGroup6elements >             .Column:nth-child(1n),
    body[class*="rsbp"]              .ColumnGroup6elements.FixedNumber > .Column:nth-child(1n) {
      width: 16.6%;
      float: left;
      margin-bottom: 0;
    }