@charset "utf-8";

/* RESET*/
a,article,body,dd,div,dl,dt,em,form,footer,header,h1,h2,h3,h4,h5,h6,html,i,iframe,img,label,legend,li,nav,ol,p,section,main,span,table,tbody,tfoot,thead,time,tr,th,td,ul,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.6;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.6;text-align:left}article,footer,header,nav,section,main{display:block}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}
/* RESET/ */

html {
  font-size: 62.5%; /* -> 10px; */
}

body {
  margin: 0 auto;
  padding: 0;
  font-size: 1.5em; /* -> 14px; */
  line-height: 2.5em;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", 'A1ゴシック M', 'A1 Gothic M',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",YuGothic, , Arial, "メイリオ", Meiryo, sans-serif;;
  font-weight: 500;
  color: #333;
  -webkit-text-size-adjust: 100%;
  animation: fadeIn 1s ease 0s 1 normal;/*ページ移動アニメーション*/
  -webkit-animation: fadeIn 1s ease 0s 1 normal;
}

@keyframes fadeIn {/*ページ移動アニメーション*/
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {/*ページ移動アニメーション*/
    0% {opacity: 0}
    100% {opacity: 1}
}

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

/*  リンク */
a {
  outline:none;
  color:#0b4468;
  text-decoration: none;
  }

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

a:hover {
  color:#A299CA;
  filter: alpha(opacity=90);
  -moz-opacity:0.90;
  opacity:0.90;
}

*{-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:600px),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:600px){.sp_none{display:none !important;}}

img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    border: none;
    width /***/:auto;　/*IE8のみ適用*/
}

  .sbox {margin-bottom: 20px;}
  .container {padding: 0 30px;}

@media only screen and (max-width:600px) {
  .container {
    padding: 0 20px;
  }
}


/* CONTENTS */
  #main {
    position:relative;
    padding-top: 80px;
    text-align: center;
    display: flex;/*フッター下部固定用*/
    flex-direction: column;
    min-height: 100vh;
  }

  @media all and (-ms-high-contrast:none) {
      #main { display:block;}}/*IE対策*/

  .btn {
    width: 300px;
  }

#main p {
  word-break: break-all;
}

#container{max-width:980px;
margin:0 auto;
}

@media only screen and (max-width:600px) {
  #main {padding-top: 55px;}
  #container{width:100%;}
}

/* FOOTER */
#footer {
  margin: 0 auto;
  padding: 10px 0;
  width: 100%;
  background-image: linear-gradient(-20deg, #c9e5e5 0%, #efefef 100%);
 margin-top: auto;
}
@media all and (-ms-high-contrast:none) {
  #footer { display:block;}
  }/*IE対策*/

#copy { text-align:center;}
#copy img{
 width:30px;
  margin:5px 10px;}

/*TOPへ戻る*/
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 5px;
  bottom: -50px;
  background: #80c6ce;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '\f102';
  font-size: 2.5rem;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -20px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}