@charset "UTF-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/*body*/
html,body{height:100%;position:relative}
body{background:#f6f6f6 center;overflow-x:hidden;}

/* タイプ */
body,h1,h2,h3,h4,h5,h6{
  line-height:150%;
  font-family: 'Noto Sans JP','ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'Meiryo UI',YuGothic,'Yu Gothic','Yu Gothic UI',sans-serif;
  font-weight: 300;
  padding:0;margin:0;
  box-sixing:border-box}


.f11{font-size:11px !important}
.f12{font-size:12px !important}
.f13{font-size:13px !important}
.f16{font-size:16px !important}
.f20{font-size:20px !important}
.f24{font-size:24px !important}
.f30{font-size:30px !important}
.f40{font-size:40px !important}
.f50{font-size:50px !important}

.lh200{line-height:2em !important}
.lh170{line-height:1.7em !important}
.lh150{line-height:1.5em !important}
.lh140{line-height:1.4em !important}
.lh130{line-height:1.3em !important}
.lh120{line-height:1.2em !important}
.lh110{line-height:1.1em !important}

.fc-black{color:black !important}
.fc-dark{color:#333 !important}
.fc-darkgray{color:#666 !important}
.fc-gray{color:#999 !important}
.fc-rightgray{color:#999 !important}
.fc-white{color:white !important}

span.icon{
font-family:icomoon;/* ウェブフォント */
font-size:16px;
vertical-align:-3px;
text-align:center;
width:24px;
display:inline-block;
}

/*margin*/
.mb{margin-bottom:40px !important}
.mb20px{margin-bottom:20px !important}
.mt{margin-top:40px !important}
.mt20px{margin-top:20px !important}

/*padding*/
.pb{padding-bottom:40px !important}
.pb20px{padding-bottom:20px !important}
.pt{padding-top:40px !important}
.pt20px{padding-top:20px !important}

/*padding*/
.fr{float:right !important;}
.fl{float:left !important;}

/*width*/
.w25{width:25% !important}
.w50{width:50% !important}
.w100{width:100% !important}

/*text-align*/
.tac{text-align:center !important}
.tar{text-align:right !important}
.tal{text-align:left !important}

.box-siz-bb{box-sizing:border-box !important}

.acatchcopy {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  position: relative;
  padding: 8px;
  margin-left: 8px;
  vertical-aline: middle;
  color: #555555;
  width: 98%;
  border: 1px solid #DADDDC;
  border-radius: 1px;
  background-color: #FBFBFB;
}
.acatchcopy::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -8px;
  top: 8px;
  border-right: 8px solid #DADDDC;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
.acatchcopy::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -7px;
  top: 8px;
  border-right: 8px solid #FBFBFB;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}