@charset "UTF-8";
-------------------------------*/
.clear{clear: both;}
.clearfloat{clear: both; height: 0; font-size: 1px; line-height: 0;}
.clearfix{zoom: 1;}
.clearfix:after{content: ""; display: block; clear: both;}
*:first-child+html .clearfix {zoom: 1; } /* IE7 */

/*  /margin/padding
-------------------------------------------------------------*/
.m0{margin:0;}
.mT0{margin-top:0 !important;}
.mB0{margin-bottom:0 !important;}
.mR0{margin-right:0 !important;}
.mL0{margin-left:0 !important;}
.mT5{margin-top:5px  !important;}
.mB5{margin-bottom:5px !important;}
.mR5{margin-right:5px !important;}
.mL5{margin-left:5px !important;}
.mT10{margin-top:10px  !important;}
.mB10{margin-bottom:10px !important;}
.mR10{margin-right:10px !important;}
.mL10{margin-left:10px !important;}
.mT20{margin-top:20px !important;}
.mB20{margin-bottom:20px !important;}
.mR20{margin-right:20px !important;}
.mL20{margin-left:20px !important;}
.mT30{margin-top:30px !important;}
.mB30{margin-bottom:30px !important;}
.mR30{margin-right:30px !important;}
.mL30{margin-left:30px !important;}
.mT40{margin-top:40px !important;}
.mB40{margin-bottom:40px !important;}
.mR40{margin-right:40px !important;}
.mL40{margin-left:40px !important;}
.mT50{margin-top:50px !important;}
.mB50{margin-bottom:50px !important;}
.mR50{margin-right:50px !important;}
.mL50{margin-left:50px !important;}
.mT60{margin-top:60px !important;}
.mB60{margin-bottom:60px !important;}
.mR60{margin-right:60px !important;}
.mL60{margin-left:60px !important;}
.mB100{margin-bottom:100px !important;}
.mB150{margin-bottom:150px !important;}
/*------------------------------*/
.p0{padding:0 !important;}
.pT0{padding-top:0 !important;}
.pB0{padding-bottom:0 !important;}
.pR0{padding-right:0 !important;}
.pL0{padding-left:0 !important;}
.pT10{padding-top:10px !important;}
.pB10{padding-bottom:10px !important;}
.pR10{padding-right:10px !important;}
.pL10{padding-left:10px !important;}
.pT20{padding-top:20px !important;}
.pB20{padding-bottom:20px !important;}
.pR20{padding-right:20px !important;}
.pL20{padding-left:20px !important;}
.pT30{padding-top:30px !important;}
.pB30{padding-bottom:30px !important;}
.pR30{padding-right:30px !important;}
.pL30{padding-left:30px !important;}
.pT40{padding-top:40px !important;}
.pB40{padding-bottom:40px !important;}
.pR40{padding-right:40px !important;}
.pL40{padding-left:40px !important;}
.pT50{padding-top:50px !important;}
.pB50{padding-bottom:50px !important;}
.pR50{padding-right:50px !important;}
.pL50{padding-left:50px !important;}
.pT60{padding-top:60px !important;}
.pB60{padding-bottom:60px !important;}
.pR60{padding-right:60px !important;}
.pL60{padding-left:60px !important;}
.v_bottom{ vertical-align:bottom;}
/*------------------------------*/

.fs-icon--arrowBottom:before {
  content: "\e90b";
  display: inline-block;
  position: relative;
  top: 0.2em;
  transform: rotate(-90deg);
  font-weight: bold;
  margin-left: 0.5em;
  font-size: 150%;
}

/*------------------------------*/
.ctg_lp {
  width: 100%;
  margin: 0 auto;
}
.ctg_lp * { 
  margin: 0;
  padding: 0; 
}
.ctg_lp h2,
.ctg_lp h3,
.ctg_lp h4,
.ctg_lp h5 {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.ctg_lp sup {
  font-size: 50%;
  vertical-align: top;
  position: relative;
  top: 0.5em;
}
.ctg_lp .pc_only { /* PCの時だけ非表示 */ display: none; }
.ctg_lp .sp_only { /* SPの時だけ表示 */ display: block; }
.ctg_lp {font-size: 1.2rem; line-height: 1.5;}
.ctg_lp p {font-size: 1.2rem; line-height: 1.5; margin: 0; padding: 0 10px;}
.ctg_lp .txC {text-align: center;}
.ctg_lp .txR {text-align: right;}
.ctg_lp .t-red {color: #b30101;}
.ctg_lp .t-green {color: #006c31;}
.ctg_lp .t-blue {color: #0000ff;}
.ctg_lp .t-orange {color: #ff0000;}
.ctg_lp .t-brown {color: #b75f09;}
.ctg_lp .bold {font-weight: bold;}
.ctg_lp .fs200 {font-size: 200%! important;}
.ctg_lp .fs120 {font-size: 120%! important;}
.ctg_lp .fs130 {font-size: 130%! important;}
.ctg_lp .fs150 {font-size: 150%! important;}
.ctg_lp .fs50 {font-size: 50%! important;}
.ctg_lp .fs_small {font-size: 70%! important;}
.ctg_lp .text-indent {text-indent: 1em;}
.ctg_lp .fL {float: left; margin: 0 1% 10px 0;}
.ctg_lp .fR {float: right; margin: 0 0 10px 1%;}
.ctg_lp a {
  text-decoration: underline;
  color: #3790e8;
}

.ctg_lp h2 {
  /*
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  */
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  font-size: 2.2rem;
  text-align: center;
  margin: 30px 0;
}
.ctg_lp h3 {
  font-size: 2.0rem;
  margin: 50px 0 30px;
  padding: 0 30px;
  text-align: center;
  /* position: relative;
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);*/
}
/*
.ctg_lp h3:before,
.ctg_lp h3:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 28px;
  height: 2px;
  background-color: #111111;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.ctg_lp h3:before{left: -30px;}
.ctg_lp h3:after {right: -30px;}
*/


@media screen and (min-width: 768px) {
  /* PCサイズの時 */
  .ctg_lp {
    max-width: 928px;
  }
  .ctg_lp .pc_only { /* PCの時だけ表示 */ display: block; }
  .ctg_lp .sp_only { /* SPの時だけ非表示 */ display: none; }
  .ctg_lp {font-size: 1.4rem;}
  .ctg_lp p {font-size: 1.4rem;}
  .ctg_lp h2 {
    font-size: 2.2rem;
  }
  .ctg_lp h3 {
    font-size: 2.0rem;
    padding: 0 45px;
  }
  .ctg_lp h3:before,
  .ctg_lp h3:after {
    width: 44px;
    height: 2px;
  }
}