@charset "utf-8";


/*font 
----------------------------------------------- */
.tx_center{text-align:center;}
.tx_right{text-align:right;}
.weight100{font-weight:100:}
.weight300{font-weight:300;}
.weight400{font-weight:400;}
.weight500{font-weight:500;}
.weight600{font-weight:600;}
.weight700{font-weight:700;}
.weight900{font-weight:900;}

.font_35{font-size:35px;}
.font_30{font-size:30px;}
.font_28{font-size:28px;}
.font_27{font-size:27px;}
.font_26{font-size:26px;}
.font_25{font-size:25px;}
.font_22{font-size:22px;}
.font_20{font-size:20px;}
.font_19{font-size:19px;}
.font_18{font-size:18px;}
.font_17{font-size:17px;}
.font_16{font-size:16px;}
.font_15{font-size:15px;}
.font_13{font-size:13px;}

.tc_col_orange{color:#D65503;}
.tc_col_blue{color:#04275E;}

.tx_indent{text-indent:1em;}

.slash {
  position: relative;
  display: inline-block;
  padding: 0 25px;
}
.slash:before{
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 23px;
  height: 2px;
  background-color: black;
  -webkit-transform: rotate(65deg);
  transform: rotate(65deg);
  left:0;
}
.slash:after{
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 23px;
  height: 2px;
  background-color: black;
  -webkit-transform: rotate(-65deg);
  transform: rotate(-65deg);
  right: 0;
}
/*----------------------------------------------------
	スマホ ： iPadより小さい（767px）
----------------------------------------------------*/
@media screen and (max-width:767px) {

.font_35{font-size:22px;}
.font_30{font-size:22px;}
.font_28{font-size:18px;}
.font_27{font-size:18px;}
.font_26{font-size:18px;}
.font_25{font-size:18px;}
.font_22{font-size:16px;}
.font_20{font-size:16px;}
.font_19{font-size:15px;}
.font_18{font-size:15px;}
.font_17{font-size:14px;}
.font_16{font-size:14px;}
.font_15{font-size:14px;}

}

/*flex 
----------------------------------------------- */

.flex {
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -o-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -js-display: flex;
}
.flex-be {
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.flex-ce {
  -webkit-justify-content: center;
  justify-content: center;
}


/*position
----------------------------------------------- */
.p-a{position:absolute;}
.p-r{position:relative;}

/*display
----------------------------------------------- */
.disp_b{display:block;}

/*balloon
----------------------------------------------- */
.normal_balloon_right{position: relative; padding: 0.5em 2em;color:#FFF; background-color: #04275E;display: inline-block;}
.normal_balloon_right::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -11px;
  top: 12px;
  border-left: 15px solid #04275E;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.large_balloon_orange_bottom{position: relative; padding: 0.5em 0;color:#FFF; background-color: #D65503;display: inline-block;margin:0 auto 1.5em auto;width:100%;}
.large_balloon_orange_bottom::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 0;
  right:0;
  margin:auto;
  bottom: -15px;
  border-top: 15px solid #D65503;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}

/*balloon
----------------------------------------------- */
.normal_border_orange{border:solid 3px #D65503;padding:0.5em 2em;border-radius:8px;background-color: #FFF;}

/*button
----------------------------------------------- */
.btn a:hover,
.bt a:hover {text-decoration: none; -ms-filter: "alpha(opacity=70)";filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}

/*arrow
----------------------------------------------- */

.arrow_down {
    position: relative;
}
.arrow_down::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left:0;
  margin:auto;
  width: 10px;
  height: 10px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: translateX(-50%) rotate(135deg);
}