@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Hind+Guntur:600,700");
@keyframes TimerFlash1 {
  50% {
    -webkit-box-shadow: 0px 0px 15px 5px #164977;
    -moz-box-shadow: 0px 0px 15px 5px #164977;
    -ms-box-shadow: 0px 0px 15px 5px #164977;
    box-shadow: 0px 0px 15px 5px #164977;
  }
}

@keyframes TimerFlash2 {
  50% {
    opacity: 0.5;
  }
}

/*----------font-size-----------*/
.f_size_06 {
  font-size: 0.6em;
}

.f_size_07 {
  font-size: 0.7em;
}

.f_size_08 {
  font-size: 0.8em;
}

@media screen and (max-width: 767px) {
  .f_size_08 {
    font-size: 1.2em;
  }
}

.f_size_09 {
  font-size: 0.9em;
}

.f_size_10 {
  font-size: 1em;
}

.f_size_11 {
  font-size: 1.1em;
}

.f_size_12 {
  font-size: 1.2em;
}

@media screen and (max-width: 767px) {
  .f_size_12 {
    font-size: 1.6em;
  }
}

.f_size_13 {
  font-size: 1.3em;
}

.f_size_14 {
  font-size: 1.4em;
}

@media screen and (max-width: 767px) {
  .f_size_14 {
    font-size: 2em;
  }
}

.f_size_15 {
  font-size: 1.5em;
}

.f_size_16 {
  font-size: 1.6em;
}

.f_size_17 {
  font-size: 1.7em;
}

.f_size_18 {
  font-size: 1.7em;
}

.f_size_19 {
  font-size: 1.9em;
}

.f_size_20 {
  font-size: 2em;
}

.f_size_22 {
  font-size: 2.2em;
}

.f_size_24 {
  font-size: 2.4em;
}

.fw_nomal {
  font-weight: normal;
}

.fw_bold {
  font-weight: bold;
}

.l_space_003 {
  letter-spacing: 0.03em;
}

.l_space_005 {
  letter-spacing: 0.05em;
}

.l_space_007 {
  letter-spacing: 0.07em;
}

.l_space_015 {
  letter-spacing: 0.15em;
}

/*----------line-height-----------*/
.l_height_15 {
  line-height: 1.5em;
}

.l_height_18 {
  line-height: 1.8em;
}

.l_height_20 {
  line-height: 2em;
}

.l_height_22 {
  line-height: 2.2em;
}

.l_height_25 {
  line-height: 2.5em;
}

.l_height_30 {
  line-height: 3em;
}

.l_height_35 {
  line-height: 3.5em;
}

/*------------color---------------*/
.c_white {
  color: #FFFFFF;
}

.c_gray {
  color: #3A3A3A;
}

.c_yellow {
  color: #F9E500;
}

.c_pink {
  color: #E6436E;
}

.c_green {
  color: #00B6AC;
}

.c_orange {
  color: #EE6620;
}

.c_ice-blue {
  color: #5D8CE0;
}

.c_violet {
  color: #694592;
}

.catch_blue {
  color: #0095D3;
}

/*------------padding--------------*/
.p_10 {
  padding: 1em;
}

.p_15 {
  padding: 1.5em;
}

.p_20 {
  padding: 2em;
}

.p_25 {
  padding: 2.5em;
}

/*--------padding-bottom------------*/
.pb_05 {
  padding-bottom: 0.5em;
}

.pb_10 {
  padding-bottom: 1em;
}

.pb_15 {
  padding-bottom: 1.5em;
}

.pb_20 {
  padding-bottom: 2em;
}

.pb_25 {
  padding-bottom: 2.5em;
}

.pb_30 {
  padding-bottom: 3em;
}

.pb_40 {
  padding-bottom: 4em;
}

/*-----------margin-bottom----------*/
.mb_05 {
  margin-bottom: 0.5em;
}

.mb_10 {
  margin-bottom: 1em;
}

.mb_15 {
  margin-bottom: 1.5em;
}

.mb_20 {
  margin-bottom: 2em;
}

.mb_25 {
  margin-bottom: 2.5em;
}

.mb_30 {
  margin-bottom: 3em;
}

.mb_40 {
  margin-bottom: 4em;
}

.mb_50 {
  margin-bottom: 5em;
}

.mb_60 {
  margin-bottom: 6em;
}

.mb_70 {
  margin-bottom: 7em;
}

.mb_80 {
  margin-bottom: 8em;
}

/*-----------margin-right--------*/
.mr_20 {
  margin-right: 2em;
}

.mr_10 {
  margin-right: 1em;
}

.mt_20 {
  margin-top: 2em;
}

.mt_30 {
  margin-top: 3em;
}

.mt_40 {
  margin-top: 4em;
}

.mt_50 {
  margin-top: 5em;
}

.mt_60 {
  margin-top: 6em;
}

.mt_70 {
  margin-top: 7em;
}

/*-----------ta-----------*/
.nega_mt_20 {
  margin-top: -2em;
}

.ta_left {
  text-align: left;
}

.ta_right {
  text-align: right;
}

.ta_center {
  text-align: center;
}

/*--------------------------------------------*/
.left {
  float: left;
}

.right {
  float: right;
}

/*--------------------------------------------*/
@media screen and (max-width: 767px) {
  .pcOnly {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .spOnly {
    display: none;
  }
}

#main {
  margin: 0 auto;
  width: 100%;
}

@media screen and (max-width: 767px) {
  #main {
    font-size: 85%;
  }
}

.site-header {
  background: #fff;
  display: flex;
  position: fixed;
  justify-content: space-between;
  width: 100%;
  height: 56px;
  top: 0;
  z-index: 100000;
}

@media screen and (max-width: 767px) {
  .site-header {
    position: static;
    height: auto;
    display: block;
    text-align: center;
  }
}

.site-logo {
  padding: 1em;
}

@media screen and (max-width: 767px) {
  .site-logo {
    padding: .5em;
  }
}

@media screen and (max-width: 767px) {
  #gnav {
    width: 100%;
    background: #ffffff;
    position: fixed;
    bottom: 0;
    z-index: 999999;
  }
}

.gnav_menu {
  display: flex;
}

@media screen and (max-width: 767px) {
  .gnav_menu {
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 767px) {
  .gnav_menu_item {
    width: 25%;
    text-align: center;
  }
}

.gnav_menu_item a {
  padding: 1.5em 2em;
  display: inline-block;
  font-size: 0.75em;
  font-family: 'Hind Guntur', sans-serif;
  font-weight: bold;
  letter-spacing: 0.2em;
  text-decoration: none;
  color: #6F6F6F;
  border-top: solid 5px #ffffff;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}

.gnav_menu_item a:hover {
  color: #0095D3;
  border-top: solid 5px #0095D3;
}

@media screen and (max-width: 767px) {
  .gnav_menu_item a {
    padding: 1em 0.75em 0.6em;
    width: 100%;
    border-top: none;
  }
  .gnav_menu_item a:hover {
    border-top: none;
  }
}

@media screen and (max-width: 767px) {
  .gnav_menu_entry {
    width: 50%;
  }
}

.gnav_menu_entry a {
  text-decoration: none;
  color: #ffffff;
  background: #0095D3;
  border-top: solid 5px #0095D3;
}

.gnav_menu_entry a:hover {
  color: #ffffff;
  background: #45c5fa;
  border-top: solid 5px #45c5fa;
}

@media screen and (max-width: 767px) {
  .gnav_menu_entry a {
    border-top: none;
  }
  .gnav_menu_entry a:hover {
    border-top: none;
  }
}

.gnav_menu_entry:hover {
  background-color: #75C5F1;
}

#head_catch {
  width: 100%;
  max-height: 463px;
  margin-top: 59px;
  margin-bottom: 4em;
  background-color: #92CEE8;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.4, transparent), color-stop(0.4, #ffffff), to(#ffffff)), -webkit-gradient(linear, 0 0, 100% 0, color-stop(0.4, transparent), color-stop(0.4, #ffffff), to(#ffffff));
  -webkit-background-size: 4px 4px;
}

@media screen and (max-width: 767px) {
  #head_catch {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
  }
}

.head_image {
  max-height: 463px;
  width: auto;
  text-align: right;
}

.head_copy {
  padding: 1.5em 2em;
  font-size: 1.6em;
  line-height: 190%;
  color: #0095D3;
  position: absolute;
  top: 25%;
  left: 8%;
  border: solid 4px #0095D3;
  background-color: #fff;
  opacity: 0.8;
}

@media screen and (max-width: 767px) {
  .head_copy {
    margin: auto;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    opacity: 0.9;
  }
}

#main {
  margin: 0 auto;
  width: 100%;
}

.message_title {
  max-width: 850px;
  margin: 0 auto -9em;
  position: relative;
}

@media screen and (max-width: 767px) {
  .message_title {
    padding: 2em 2em 0;
    margin: 0 auto;
    text-align: center;
    line-height: 180%;
    background: #F7F8F8;
  }
}

@media screen and (max-width: 767px) {
  .message_wrap .message_img {
    float: none;
    text-align: center;
  }
}

.section_img {
  position: relative;
}

@media screen and (max-width: 767px) {
  .name {
    position: absolute;
    top: 10em;
    left: 3em;
    font-size: 0.9em;
    line-height: 180%;
    color: #0095D3;
    font-family: 'Hind Guntur', sans-serif;
    font-weight: bold;
    letter-spacing: 0.2em;
  }
}

.section_titile_blue {
  padding: 1.8em 1em;
  margin-top: -5em;
  width: 100%;
  max-width: 400px;
  text-align: center;
  color: #fff;
  font-family: 'Hind Guntur', sans-serif;
  font-weight: 600;
  letter-spacing: 0.15em;
  line-height: 220%;
  background-color: #0095D3;
  position: absolute;
  bottom: 4em;
  right: 0;
}

@media screen and (max-width: 767px) {
  .section_titile_blue {
    margin: 0 auto;
    width: 100%;
    position: static;
  }
}

.section_titile_blue_matsui {
  padding: 1em;
  max-width: 360px;
  font-size: 24px;
  font-size: 1.5rem;
}

@media screen and (max-width: 767px) {
  .section_titile_blue_matsui {
    padding: 0.5em 1em 0.3em;
  }
}

.section_titile_blue_matsui .eng {
  margin-bottom: -10px;
  display: block;
}

@media screen and (max-width: 767px) {
  .section_titile_blue_matsui .eng {
    margin-bottom: -1em;
  }
}

.section_titile_blue_matsui .title {
  margin-right: 1em;
  display: inline-block;
  font-size: .5em;
}

.section_titile_blue_matsui .m_name {
  font-size: .7em;
}

.back_l_gray {
  margin: 0 auto;
  padding: 2em 2em 1em 2em;
  background: #F7F8F8;
}

.image {
  width: 47%;
}

@media screen and (max-width: 767px) {
  .image {
    width: 100%;
  }
}

.container_800 {
  margin: 0 auto;
  max-width: 850px;
}

@media screen and (max-width: 767px) {
  .container_800 {
    max-width: 100%;
  }
}

.wrap {
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .back_l_gray {
    margin: 0 auto;
    padding: 2em 2em 1em 2em;
    background: #F7F8F8;
  }
}

.text_2c {
  width: 47%;
  max-width: 100%;
  height: auto;
  font-size: 0.9em;
  letter-spacing: 0.03em;
  line-height: 200%;
}

@media screen and (max-width: 767px) {
  .text_2c {
    width: 100%;
  }
}

#about {
  margin: 0 auto;
  padding: 11em 0 0;
  max-width: 850px;
}

@media screen and (max-width: 767px) {
  #about {
    padding: 9em 0 0;
    max-width: 100%;
  }
}

.about_title {
  max-width: 850px;
  margin: -13em auto 4em;
}

@media screen and (max-width: 767px) {
  .about_title {
    margin: -8.5em auto 4em;
  }
}

.section_titile_blue_flame {
  padding: 1.8em;
  margin: 0 auto;
  width: 400px;
  max-width: 80%;
  text-align: center;
  color: #0095D3;
  font-family: 'Hind Guntur', sans-serif;
  letter-spacing: 0.05em;
  line-height: 200%;
  border: solid 4px #0095D3;
}

@media screen and (max-width: 767px) {
  .section_titile_blue_flame {
    border: solid 2px #0095D3;
    position: relative;
    top: 15px;
  }
}

.left_line {
  padding: 1em 1.5em;
  background-color: #ffffff;
  border-left: solid #0095D3 4px;
}

.under_line {
  padding-bottom: 0.5em;
  border-bottom: solid #0095D3 1px;
}

.wrap_about {
  padding: 6em;
  margin-bottom: 9em;
  background: #F7F8F8;
}

@media screen and (max-width: 767px) {
  .wrap_about {
    padding: 2em;
    margin-bottom: 3em;
  }
}

.wrap_member {
  padding: 6em;
  background: #F7F8F8;
}

@media screen and (max-width: 767px) {
  .wrap_member {
    padding: 2em 1em;
    background: #F7F8F8;
  }
}

.text_1c {
  height: auto;
  font-size: 0.9em;
  letter-spacing: 0.03em;
  line-height: 200%;
}

.about_titile_blue {
  padding: 1.8em;
  margin-bottom: 2em;
  width: 50%;
  height: 120px;
  color: #fff;
  font-family: 'Hind Guntur', sans-serif;
  letter-spacing: 0.05em;
  line-height: 200%;
  background-color: #0095D3;
}

#member {
  margin: 0 auto;
  padding: 2em 0 0;
  width: 100%;
}

@media screen and (max-width: 767px) {
  #member {
    padding: 9em 0 0;
  }
}

.member_box {
  margin: 0 auto;
  width: 100%;
  max-width: 434px;
  overflow: hidden;
}

.member_box:after {
  content: "";
  display: block;
  clear: both;
}

.member_name_wrap {
  font-weight: bold;
  font-size: 18px;
  font-size: 1.125rem;
}

@media screen and (max-width: 767px) {
  .member_name_wrap {
    text-align: center;
  }
}

.member_name_wrap .joined, .member_name_wrap .title {
  margin-right: 10px;
  display: inline-block;
  font-size: .75em;
}

.member_name_wrap .joined {
  display: block;
}

@media screen and (max-width: 767px) {
  .member_name_wrap .joined {
    display: inline;
  }
}

@media screen and (max-width: 767px) {
  .member_name_wrap .member_name {
    display: block;
  }
}

.hidden_show {
  padding: 4em;
  margin: 0 auto;
  max-width: 850px;
  background-color: #ffffff;
  max-width: 850px;
}

@media screen and (max-width: 767px) {
  .hidden_show {
    padding: 1em;
    max-width: 100%;
  }
}

/*-------------------メンバー表示------------------------*/
/*ボタン装飾*/
@media screen and (max-width: 767px) {
  .label1 {
    text-align: center;
  }
}

.label1 a {
  padding: 1.5em 6em;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  background-color: #0095d3;
  border-radius: 3px;
}

.label1 a:hover {
  opacity: 0.7;
}

.interview_subhead {
  margin-bottom: 2em;
  color: #0095D3;
  line-height: 1.5;
  font-size: 28px;
  font-size: 1.75rem;
}

@media screen and (max-width: 767px) {
  .interview_subhead {
    margin-bottom: 1em;
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.interview_title {
  max-width: 850px;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 767px) {
  .interview_title {
    margin-bottom: 0;
  }
}

.interview_flame {
  padding: 1.8em;
  width: 400px;
  text-align: center;
  color: #fff;
  font-family: 'Hind Guntur', sans-serif;
  line-height: 220%;
  background-color: #595757;
  position: absolute;
  bottom: 0;
  right: 0;
}

@media screen and (max-width: 767px) {
  .interview_flame {
    width: 100%;
    position: static;
  }
}

.interview_flame .roman {
  letter-spacing: .2em;
  font-size: .75em;
  display: block;
}

.interview_flame .title {
  margin-right: 10px;
  display: inline-block;
  font-size: .75em;
}

.interview_flame .flame_name {
  letter-spacing: .2em;
}

.balloon1-left {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 2em;
  font-size: 0.9em;
  line-height: 200%;
  min-width: 120px;
  max-width: 70%;
  background: #FFF;
  border: solid 3px #0095D3;
  border-radius: 10px;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .balloon1-left {
    padding: 1.5em;
    width: 100%;
    max-width: 100%;
  }
}

.balloon1-left:before {
  content: "";
  position: absolute;
  top: 20%;
  left: -24px;
  margin-top: -12px;
  border: 12px solid transparent;
  border-right: 12px solid #FFF;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .balloon1-left:before {
    content: "";
    position: absolute;
    top: -20px;
    left: calc(50% - 16px);
    border: 16px solid transparent;
    border-bottom: 16px solid #FFF;
    z-index: 2;
  }
}

.balloon1-left:after {
  content: "";
  position: absolute;
  top: 20%;
  left: -30px;
  margin-top: -14px;
  border: 14px solid transparent;
  border-right: 14px solid #0095D3;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .balloon1-left:after {
    content: "";
    position: absolute;
    top: -26px;
    left: calc(50% - 20px);
    border: 20px solid transparent;
    border-bottom: 20px solid #0095D3;
    z-index: 1;
  }
}

.balloon1-left p {
  margin: 0;
  padding: 0;
}

.diary_title {
  padding: 1.2em;
  margin-bottom: 2.5em;
  width: 100%;
  text-align: center;
  line-height: 180%;
  color: #fff;
  background: #595757;
}

.balloon2-left {
  position: relative;
  display: inline-block;
  margin: 0 0 2em;
  padding: 1.5em 1.7em 1.7em;
  font-size: 0.9em;
  line-height: 200%;
  min-width: 120px;
  max-width: 85%;
  background: #D0EAF8;
  border-radius: 10px;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .balloon2-left {
    padding: 1.5em;
    min-width: 120px;
    width: 100%;
    max-width: 100%;
  }
}

.balloon2-left:before {
  content: "";
  position: absolute;
  top: 15%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #D0EAF8;
}

@media screen and (max-width: 767px) {
  .balloon2-left:before {
    content: "";
    position: absolute;
    top: -15px;
    left: 40px;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom: 15px solid #D0EAF8;
  }
}

.balloon2-left p {
  margin: 0;
  padding: 0;
}

.balloon3-left {
  position: relative;
  display: inline-block;
  margin: 0 0 2em;
  padding: 1.5em 1.7em 1.7em;
  font-size: 0.9em;
  line-height: 200%;
  min-width: 120px;
  max-width: 85%;
  background: #E0E2E5;
  border-radius: 10px;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .balloon3-left {
    padding: 1.5em;
    width: 100%;
    max-width: 100%;
  }
}

.balloon3-left:before {
  content: "";
  position: absolute;
  top: 15%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #E0E2E5;
}

@media screen and (max-width: 767px) {
  .balloon3-left:before {
    content: none;
    position: absolute;
    top: -15px;
    left: 40px;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom: 15px solid #E0E2E5;
  }
}

.balloon3-left p {
  margin: 0;
  padding: 0;
}

.text_fukidasi {
  width: 55%;
  height: auto;
  font-size: 0.9em;
  line-height: 200%;
}

@media screen and (max-width: 767px) {
  .text_fukidasi {
    width: 100%;
    font-size: 1em;
  }
}

.image_fukidasi {
  width: 40%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .image_fukidasi {
    width: 100%;
    margin-bottom: 1em;
  }
}

.circle {
  margin-bottom: -25px;
  width: 80px;
  height: 80px;
  color: #fff;
  border-radius: 50%;
  background: #595757;
  text-align: center;
  line-height: 80px;
}

@media screen and (max-width: 767px) {
  .circle {
    margin-bottom: -20px;
    position: relative;
    z-index: 100;
  }
}

.schedule {
  display: block;
  clear: both;
}

.schedule h3 {
  font-size: 20px;
  font-size: 1.25rem;
}

@media screen and (max-width: 767px) {
  .schedule h3 {
    margin-top: .1em;
    margin-bottom: .5em;
    text-align: center;
  }
}

#other_button {
  margin-top: 3em;
}

@media screen and (max-width: 767px) {
  #other_button {
    display: none;
  }
}

.other_button {
  display: flex;
  justify-content: center;
}

.other_button li {
  padding: 0 10px;
  width: 33%;
}

@media screen and (max-width: 767px) {
  .other_button li {
    margin-bottom: 10px;
    width: 100%;
  }
}

.other_button a {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #ffffff;
  text-decoration: none;
  background: #0095d3;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
}

.other_button a:hover {
  opacity: .75;
}

.other_button .other_img {
  width: 40%;
  overflow: hidden;
}

.other_button .other_img img {
  width: 150px;
  height: auto;
  max-width: none;
}

.other_button .other_name {
  width: 60%;
  padding: 1em;
  text-align: left;
  font-size: 20px;
  font-size: 1.25rem;
}

.other_button .other_name span {
  margin-bottom: .3em;
  display: block;
  font-size: .5em;
}

#benefit {
  margin: 0 auto;
  padding: 11em 0 0;
  max-width: 850px;
}

@media screen and (max-width: 767px) {
  #benefit {
    padding: 9em 0 0;
    text-align: center;
  }
}

.benefit_grid, .gallery_grid {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  /*
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
	grid-auto-rows: 1fr;
	grid-gap: 2em;
*/
}

.benefit_grid .benefit_children, .benefit_grid .gallery_children, .gallery_grid .benefit_children, .gallery_grid .gallery_children {
  padding: 0 5px;
  width: 33%;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .benefit_grid .benefit_children, .benefit_grid .gallery_children, .gallery_grid .benefit_children, .gallery_grid .gallery_children {
    padding: 0 0.5em;
    width: 50%;
  }
}

.benefit_grid .benefit_children p, .benefit_grid .gallery_children p, .gallery_grid .benefit_children p, .gallery_grid .gallery_children p {
  line-height: 1.5;
  font-size: 12px;
  font-size: 0.75rem;
}

.gallery_grid {
  text-align: center;
}

#gallery {
  margin: 0 auto;
  padding: 11em 0 0;
  width: 100%;
}

@media screen and (max-width: 767px) {
  #gallery {
    padding: 9em 0 0;
    text-align: center;
  }
}

#entry {
  margin: 0 auto;
  padding: 11em 0 0;
  width: 100%;
}

@media screen and (max-width: 767px) {
  #entry {
    padding: 9em 0 0;
  }
}

.entry_button {
  margin-top: 5em;
  text-align: center;
}

.entry_button a {
  padding: 1em;
  min-width: 70%;
  display: inline-block;
  text-decoration: none;
  color: #ffffff;
  background: #0095d3;
  border: 1px solid #0095d3;
  line-height: 1.5;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  font-size: 22px;
  font-size: 1.375rem;
  box-shadow: 0 3px 0 0 #00628b;
  position: relative;
  top: 0;
}

.entry_button a:hover {
  color: #0095d3;
  background: #ffffff;
  box-shadow: 0 1px 0 0 #00628b;
  top: 2px;
}

@media screen and (max-width: 767px) {
  .entry_button a {
    width: 100%;
    font-size: 18px;
    font-size: 1.125rem;
  }
}

.l_gray_title {
  margin: 0 auto;
  padding: 11em 0 0;
  max-width: 850px;
}

.wrap_benefit {
  padding: 6em 2em 4em;
  background: #F7F8F8;
}

@media screen and (max-width: 767px) {
  .wrap_benefit {
    padding: 1em;
  }
}

.wrap_gallery {
  width: 100%;
  margin: 0 auto;
  padding: 6em;
  background: #F7F8F8;
}

@media screen and (max-width: 767px) {
  .wrap_gallery {
    padding: 1em;
  }
}

.wrap_recruit {
  padding: 6em 4em 4em;
  background: #F7F8F8;
}

@media screen and (max-width: 767px) {
  .wrap_recruit {
    padding: 2em;
  }
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

table tr {
  border-bottom: solid 1px #cccccc;
}

table tr:last-child {
  border-bottom: none;
}

table th {
  width: 20%;
  padding: 1.5em 1em 1.5em 0;
  text-align: left;
}

@media screen and (max-width: 767px) {
  table th {
    padding: 1em;
    width: 25%;
  }
}

table td {
  width: 80%;
  padding: 1.5em 0;
  text-align: left;
}

@media screen and (max-width: 767px) {
  table td {
    padding: 1em;
    width: 70%;
  }
}

.site-footer {
  background: #333;
  padding: 80px 0;
}

@media screen and (max-width: 767px) {
  .site-footer {
    padding: 2em 0;
  }
}

.copyright {
  color: #fff;
  font-size: 12px;
  text-align: center;
}

#page_top {
  width: 60px;
  height: 60px;
  position: fixed;
  right: 1.5em;
  bottom: 1.5em;
  background: #0095D3;
  opacity: 1;
  border-radius: 50%;
}

@media screen and (max-width: 767px) {
  #page_top {
    display: none;
    /*
		width: 40px;
		height: 40px;
		bottom: 5px;
		right: 5px;
*/
  }
}

#page_top a {
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  #page_top a {
    width: 40px;
    height: 40px;
    text-decoration: none;
  }
}

#page_top a:hover {
  opacity: 0.3;
}

#page_top a::before {
  font-family: FontAwesome;
  content: '\f102';
  font-size: 30px;
  color: #fff;
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  text-align: center;
}

@media screen and (max-width: 767px) {
  #page_top a::before {
    font-size: 20px;
    width: 20px;
    height: 20px;
  }
}

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

html {
  font-size: 62.5%;
  line-height: 1.5;
  font-family: -apple-system, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "メイリオ", meiryo, sans-serif;
}

body {
  color: #444444;
  letter-spacing: -0.001em;
  -webkit-text-size-adjust: 100%;
}

#modal-open img {
  height: inherit;
}

img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}

.center {
  text-align: center;
}

.po-r {
  position: relative;
}

iframe {
  max-width: 100%;
}

.iframe {
  margin-bottom: 30px;
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

@media screen and (max-width: 767px) {
  .iframe {
    margin-bottom: 5%;
  }
}

.iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

a {
  line-height: 1.3em;
  color: #ffe00d;
}

a:hover {
  text-decoration: none;
}

a img {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

a img:hover {
  opacity: 0.7;
}

.fc-red {
  color: #ff3e1e;
}

section {
  width: 100%;
}

section p {
  margin-bottom: 30px;
  line-height: 1.8;
  font-size: 16px;
  font-size: 1rem;
}

@media screen and (max-width: 767px) {
  section p {
    margin-bottom: 5%;
  }
}

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
/*要素のフォントサイズやマージン・パディングをリセットしています*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/*行の高さをフォントサイズと同じにしています*/
body {
  line-height: 1;
}

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
ul, ol {
  list-style: none;
}

/*引用符の表示が出ないようにしています*/
blockquote, q {
  quotes: none;
}

/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/*テキストに打ち消し線が付くようにしています*/
del {
  text-decoration: line-through;
}

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
  vertical-align: middle;
}

img {
  vertical-align: bottom;
  font-size: 0;
  line-height: 0;
}

@font-face {
  font-family: 'fontello';
  src: url("../font/fontello.eot?74850834");
  src: url("../font/fontello.eot?74850834#iefix") format("embedded-opentype"), url("../font/fontello.woff2?74850834") format("woff2"), url("../font/fontello.woff?74850834") format("woff"), url("../font/fontello.ttf?74850834") format("truetype"), url("../font/fontello.svg?74850834#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?74850834#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-angle-right:before {
  content: '\e800';
}

/* '' */
.icon-menu:before {
  content: '\e801';
}

/* '' */
.icon-ok-squared:before {
  content: '\e802';
}

/* '' */
.icon-doc-text:before {
  content: '\e803';
}

/* '' */
.icon-play-circled:before {
  content: '\e804';
}

/* '' */
.icon-right-hand:before {
  content: '\e805';
}

/* '' */
.icon-angle-left:before {
  content: '\e806';
}

/* '' */
.icon-angle-up:before {
  content: '\e807';
}

/* '' */
.icon-angle-down:before {
  content: '\e808';
}

/* '' */
.icon-home:before {
  content: '\e809';
}

/* '' */
.icon-left-hand:before {
  content: '\e80a';
}

/* '' */
.icon-th:before {
  content: '\e80b';
}

/* '' */
.icon-th-list:before {
  content: '\e80c';
}

/* '' */
.icon-mail:before {
  content: '\e80d';
}

/* '' */
.icon-mail-alt:before {
  content: '\e80e';
}

/* '' */
.icon-signal:before {
  content: '\e80f';
}

/* '' */
.icon-desktop:before {
  content: '\e810';
}

/* '' */
.icon-mobile:before {
  content: '\e811';
}

/* '' */
.icon-link-ext:before {
  content: '\e812';
}

/* '' */
.icon-lock:before {
  content: '\e813';
}

/* '' */
.icon-lock-open-alt:before {
  content: '\e814';
}

/* '' */
.icon-tag:before {
  content: '\e815';
}

/* '' */
.icon-tags:before {
  content: '\e816';
}

/* '' */
.icon-help-circled:before {
  content: '\e817';
}

/* '' */
.icon-info-circled:before {
  content: '\e818';
}

/* '' */
.icon-users:before {
  content: '\e819';
}

/* '' */
.icon-comment:before {
  content: '\e81a';
}

/* '' */
.icon-chat:before {
  content: '\e81b';
}

/* '' */
.icon-cog:before {
  content: '\e81c';
}

/* '' */
.icon-rss:before {
  content: '\e81d';
}

/* '' */
.icon-phone:before {
  content: '\e81e';
}

/* '' */
.icon-phone-squared:before {
  content: '\e81f';
}

/* '' */
.icon-minus-circled:before {
  content: '\e820';
}

/* '' */
.icon-ok-circled:before {
  content: '\e821';
}

/* '' */
.icon-ok:before {
  content: '\e822';
}

/* '' */
.icon-ok-circled2:before {
  content: '\e823';
}

/* '' */
.icon-cancel:before {
  content: '\e824';
}

/* '' */
.icon-cancel-circled:before {
  content: '\e825';
}

/* '' */
.icon-cancel-circled2:before {
  content: '\e826';
}

/* '' */
.icon-plus:before {
  content: '\e827';
}

/* '' */
.icon-plus-circled:before {
  content: '\e828';
}

/* '' */
.icon-minus:before {
  content: '\e829';
}

/* '' */
.icon-link:before {
  content: '\e82a';
}

/* '' */
.icon-pin:before {
  content: '\e82b';
}

/* '' */
.icon-bookmark:before {
  content: '\e82c';
}

/* '' */
.icon-download:before {
  content: '\e82d';
}

/* '' */
.icon-upload:before {
  content: '\e82e';
}

/* '' */
.icon-user:before {
  content: '\e82f';
}

/* '' */
.icon-th-large:before {
  content: '\e830';
}

/* '' */
.icon-attention-circled:before {
  content: '\e831';
}

/* '' */
.icon-attention:before {
  content: '\e832';
}

/* '' */
.icon-cog-alt:before {
  content: '\e833';
}

/* '' */
.icon-wrench:before {
  content: '\e834';
}

/* '' */
.icon-basket:before {
  content: '\e835';
}

/* '' */
.icon-calendar:before {
  content: '\e836';
}

/* '' */
.icon-zoom-in:before {
  content: '\e837';
}

/* '' */
.icon-zoom-out:before {
  content: '\e838';
}

/* '' */
.icon-down-dir:before {
  content: '\e839';
}

/* '' */
.icon-up-dir:before {
  content: '\e83a';
}

/* '' */
.icon-left-dir:before {
  content: '\e83b';
}

/* '' */
.icon-right-dir:before {
  content: '\e83c';
}

/* '' */
.icon-down-open:before {
  content: '\e83d';
}

/* '' */
.icon-left-open:before {
  content: '\e83e';
}

/* '' */
.icon-right-open:before {
  content: '\e83f';
}

/* '' */
.icon-up-open:before {
  content: '\e840';
}

/* '' */
.icon-up-hand:before {
  content: '\e841';
}

/* '' */
.icon-down-hand:before {
  content: '\e842';
}

/* '' */
.icon-globe:before {
  content: '\e843';
}

/* '' */
.icon-check:before {
  content: '\e844';
}

/* '' */
.icon-user-woman:before {
  content: '\e845';
}

/* '' */
.icon-search:before {
  content: '\e846';
}

/* '' */
.icon-up-big:before {
  content: '\e847';
}

/* '' */
.icon-right-big:before {
  content: '\e848';
}

/* '' */
.icon-down-big:before {
  content: '\e849';
}

/* '' */
.icon-left-big:before {
  content: '\e84a';
}

/* '' */
.icon-chart-bar:before {
  content: '\e84b';
}

/* '' */
.icon-star:before {
  content: '\e84c';
}

/* '' */
.icon-star-empty:before {
  content: '\e84d';
}

/* '' */
.icon-glass:before {
  content: '\e84e';
}

/* '' */
.icon-music:before {
  content: '\e84f';
}

/* '' */
.icon-heart:before {
  content: '\e850';
}

/* '' */
.icon-heart-empty:before {
  content: '\e851';
}

/* '' */
.icon-star-half:before {
  content: '\e852';
}

/* '' */
.icon-eye-off:before {
  content: '\e853';
}

/* '' */
.icon-eye:before {
  content: '\e854';
}

/* '' */
.icon-lock-open:before {
  content: '\e855';
}

/* '' */
.icon-attach:before {
  content: '\e856';
}

/* '' */
.icon-camera-alt:before {
  content: '\e857';
}

/* '' */
.icon-camera:before {
  content: '\e858';
}

/* '' */
.icon-videocam:before {
  content: '\e859';
}

/* '' */
.icon-video:before {
  content: '\e85a';
}

/* '' */
.icon-picture:before {
  content: '\e85b';
}

/* '' */
.icon-flag:before {
  content: '\e85c';
}

/* '' */
.icon-thumbs-up:before {
  content: '\e85d';
}

/* '' */
.icon-thumbs-down:before {
  content: '\e85e';
}

/* '' */
.icon-download-cloud:before {
  content: '\e85f';
}

/* '' */
.icon-forward:before {
  content: '\e860';
}

/* '' */
.icon-bell:before {
  content: '\e861';
}

/* '' */
.icon-retweet:before {
  content: '\e862';
}

/* '' */
.icon-print:before {
  content: '\e863';
}

/* '' */
.icon-edit:before {
  content: '\e864';
}

/* '' */
.icon-pencil:before {
  content: '\e865';
}

/* '' */
.icon-export:before {
  content: '\e866';
}

/* '' */
.icon-location:before {
  content: '\e867';
}

/* '' */
.icon-trash-empty:before {
  content: '\e868';
}

/* '' */
.icon-doc:before {
  content: '\e869';
}

/* '' */
.icon-folder-open:before {
  content: '\e86a';
}

/* '' */
.icon-folder:before {
  content: '\e86b';
}

/* '' */
.icon-logout:before {
  content: '\e86c';
}

/* '' */
.icon-login:before {
  content: '\e86d';
}

/* '' */
.icon-volume-off:before {
  content: '\e86e';
}

/* '' */
.icon-volume-down:before {
  content: '\e86f';
}

/* '' */
.icon-volume-up:before {
  content: '\e870';
}

/* '' */
.icon-clock:before {
  content: '\e871';
}

/* '' */
.icon-headphones:before {
  content: '\e872';
}

/* '' */
.icon-block:before {
  content: '\e873';
}

/* '' */
.icon-resize-full:before {
  content: '\e874';
}

/* '' */
.icon-resize-small:before {
  content: '\e875';
}

/* '' */
.icon-resize-vertical:before {
  content: '\e876';
}

/* '' */
.icon-resize-horizontal:before {
  content: '\e877';
}

/* '' */
.icon-down-circled2:before {
  content: '\e878';
}

/* '' */
.icon-up-circled2:before {
  content: '\e879';
}

/* '' */
.icon-cw:before {
  content: '\e87a';
}

/* '' */
.icon-ccw:before {
  content: '\e87b';
}

/* '' */
.icon-arrows-cw:before {
  content: '\e87c';
}

/* '' */
.icon-shuffle:before {
  content: '\e87d';
}

/* '' */
.icon-play:before {
  content: '\e87e';
}

/* '' */
.icon-play-circled2:before {
  content: '\e87f';
}

/* '' */
.icon-pause:before {
  content: '\e880';
}

/* '' */
.icon-to-end:before {
  content: '\e881';
}

/* '' */
.icon-stop:before {
  content: '\e882';
}

/* '' */
.icon-to-end-alt:before {
  content: '\e883';
}

/* '' */
.icon-to-start:before {
  content: '\e884';
}

/* '' */
.icon-flight:before {
  content: '\e885';
}

/* '' */
.icon-umbrella:before {
  content: '\e886';
}

/* '' */
.icon-flash:before {
  content: '\e887';
}

/* '' */
.icon-cloud:before {
  content: '\e888';
}

/* '' */
.icon-inbox:before {
  content: '\e889';
}

/* '' */
.icon-award:before {
  content: '\e88a';
}

/* '' */
.icon-target:before {
  content: '\e88b';
}

/* '' */
.icon-eject:before {
  content: '\e88c';
}

/* '' */
.icon-fast-bw:before {
  content: '\e88d';
}

/* '' */
.icon-fast-fw:before {
  content: '\e88e';
}

/* '' */
.icon-to-start-alt:before {
  content: '\e88f';
}

/* '' */
.icon-leaf:before {
  content: '\e890';
}

/* '' */
.icon-scissors:before {
  content: '\e891';
}

/* '' */
.icon-briefcase:before {
  content: '\e892';
}

/* '' */
.icon-off:before {
  content: '\e893';
}

/* '' */
.icon-tint:before {
  content: '\e894';
}

/* '' */
.icon-adjust:before {
  content: '\e895';
}

/* '' */
.icon-book:before {
  content: '\e896';
}

/* '' */
.icon-credit-card:before {
  content: '\e897';
}

/* '' */
.icon-megaphone:before {
  content: '\e898';
}

/* '' */
.icon-move:before {
  content: '\f047';
}

/* '' */
.icon-bookmark-empty:before {
  content: '\f097';
}

/* '' */
.icon-twitter:before {
  content: '\f099';
}

/* '' */
.icon-facebook:before {
  content: '\f09a';
}

/* '' */
.icon-left-circled:before {
  content: '\f0a8';
}

/* '' */
.icon-right-circled:before {
  content: '\f0a9';
}

/* '' */
.icon-up-circled:before {
  content: '\f0aa';
}

/* '' */
.icon-down-circled:before {
  content: '\f0ab';
}

/* '' */
.icon-filter:before {
  content: '\f0b0';
}

/* '' */
.icon-resize-full-alt:before {
  content: '\f0b2';
}

/* '' */
.icon-beaker:before {
  content: '\f0c3';
}

/* '' */
.icon-docs:before {
  content: '\f0c5';
}

/* '' */
.icon-table:before {
  content: '\f0ce';
}

/* '' */
.icon-magic:before {
  content: '\f0d0';
}

/* '' */
.icon-gplus-squared:before {
  content: '\f0d4';
}

/* '' */
.icon-sort:before {
  content: '\f0dc';
}

/* '' */
.icon-sort-down:before {
  content: '\f0dd';
}

/* '' */
.icon-sort-up:before {
  content: '\f0de';
}

/* '' */
.icon-comment-empty:before {
  content: '\f0e5';
}

/* '' */
.icon-chat-empty:before {
  content: '\f0e6';
}

/* '' */
.icon-paste:before {
  content: '\f0ea';
}

/* '' */
.icon-lightbulb:before {
  content: '\f0eb';
}

/* '' */
.icon-exchange:before {
  content: '\f0ec';
}

/* '' */
.icon-upload-cloud:before {
  content: '\f0ee';
}

/* '' */
.icon-user-md:before {
  content: '\f0f0';
}

/* '' */
.icon-stethoscope:before {
  content: '\f0f1';
}

/* '' */
.icon-suitcase:before {
  content: '\f0f2';
}

/* '' */
.icon-bell-alt:before {
  content: '\f0f3';
}

/* '' */
.icon-coffee:before {
  content: '\f0f4';
}

/* '' */
.icon-food:before {
  content: '\f0f5';
}

/* '' */
.icon-ambulance:before {
  content: '\f0f9';
}

/* '' */
.icon-medkit:before {
  content: '\f0fa';
}

/* '' */
.icon-fighter-jet:before {
  content: '\f0fb';
}

/* '' */
.icon-plus-squared:before {
  content: '\f0fe';
}

/* '' */
.icon-angle-double-left:before {
  content: '\f100';
}

/* '' */
.icon-angle-double-right:before {
  content: '\f101';
}

/* '' */
.icon-angle-double-up:before {
  content: '\f102';
}

/* '' */
.icon-angle-double-down:before {
  content: '\f103';
}

/* '' */
.icon-laptop:before {
  content: '\f109';
}

/* '' */
.icon-tablet:before {
  content: '\f10a';
}

/* '' */
.icon-quote-left:before {
  content: '\f10d';
}

/* '' */
.icon-quote-right:before {
  content: '\f10e';
}

/* '' */
.icon-reply:before {
  content: '\f112';
}

/* '' */
.icon-folder-empty:before {
  content: '\f114';
}

/* '' */
.icon-folder-open-empty:before {
  content: '\f115';
}

/* '' */
.icon-flag-empty:before {
  content: '\f11d';
}

/* '' */
.icon-flag-checkered:before {
  content: '\f11e';
}

/* '' */
.icon-code:before {
  content: '\f121';
}

/* '' */
.icon-reply-all:before {
  content: '\f122';
}

/* '' */
.icon-star-half-alt:before {
  content: '\f123';
}

/* '' */
.icon-direction:before {
  content: '\f124';
}

/* '' */
.icon-crop:before {
  content: '\f125';
}

/* '' */
.icon-unlink:before {
  content: '\f127';
}

/* '' */
.icon-help:before {
  content: '\f128';
}

/* '' */
.icon-info:before {
  content: '\f129';
}

/* '' */
.icon-attention-alt:before {
  content: '\f12a';
}

/* '' */
.icon-mic:before {
  content: '\f130';
}

/* '' */
.icon-mute:before {
  content: '\f131';
}

/* '' */
.icon-calendar-empty:before {
  content: '\f133';
}

/* '' */
.icon-extinguisher:before {
  content: '\f134';
}

/* '' */
.icon-rocket:before {
  content: '\f135';
}

/* '' */
.icon-angle-circled-left:before {
  content: '\f137';
}

/* '' */
.icon-angle-circled-right:before {
  content: '\f138';
}

/* '' */
.icon-angle-circled-up:before {
  content: '\f139';
}

/* '' */
.icon-angle-circled-down:before {
  content: '\f13a';
}

/* '' */
.icon-ellipsis:before {
  content: '\f141';
}

/* '' */
.icon-ellipsis-vert:before {
  content: '\f142';
}

/* '' */
.icon-rss-squared:before {
  content: '\f143';
}

/* '' */
.icon-minus-squared:before {
  content: '\f146';
}

/* '' */
.icon-minus-squared-alt:before {
  content: '\f147';
}

/* '' */
.icon-level-up:before {
  content: '\f148';
}

/* '' */
.icon-level-down:before {
  content: '\f149';
}

/* '' */
.icon-pencil-squared:before {
  content: '\f14b';
}

/* '' */
.icon-link-ext-alt:before {
  content: '\f14c';
}

/* '' */
.icon-export-alt:before {
  content: '\f14d';
}

/* '' */
.icon-compass:before {
  content: '\f14e';
}

/* '' */
.icon-expand:before {
  content: '\f150';
}

/* '' */
.icon-collapse:before {
  content: '\f151';
}

/* '' */
.icon-expand-right:before {
  content: '\f152';
}

/* '' */
.icon-doc-inv:before {
  content: '\f15b';
}

/* '' */
.icon-doc-text-inv:before {
  content: '\f15c';
}

/* '' */
.icon-thumbs-up-alt:before {
  content: '\f164';
}

/* '' */
.icon-thumbs-down-alt:before {
  content: '\f165';
}

/* '' */
.icon-youtube:before {
  content: '\f167';
}

/* '' */
.icon-dropbox:before {
  content: '\f16b';
}

/* '' */
.icon-adn:before {
  content: '\f170';
}

/* '' */
.icon-down:before {
  content: '\f175';
}

/* '' */
.icon-up:before {
  content: '\f176';
}

/* '' */
.icon-left:before {
  content: '\f177';
}

/* '' */
.icon-right:before {
  content: '\f178';
}

/* '' */
.icon-android:before {
  content: '\f17b';
}

/* '' */
.icon-female:before {
  content: '\f182';
}

/* '' */
.icon-male:before {
  content: '\f183';
}

/* '' */
.icon-sun:before {
  content: '\f185';
}

/* '' */
.icon-moon:before {
  content: '\f186';
}

/* '' */
.icon-box:before {
  content: '\f187';
}

/* '' */
.icon-right-circled2:before {
  content: '\f18e';
}

/* '' */
.icon-left-circled2:before {
  content: '\f190';
}

/* '' */
.icon-collapse-left:before {
  content: '\f191';
}

/* '' */
.icon-wheelchair:before {
  content: '\f193';
}

/* '' */
.icon-plus-squared-alt:before {
  content: '\f196';
}

/* '' */
.icon-space-shuttle:before {
  content: '\f197';
}

/* '' */
.icon-mail-squared:before {
  content: '\f199';
}

/* '' */
.icon-wordpress:before {
  content: '\f19a';
}

/* '' */
.icon-bank:before {
  content: '\f19c';
}

/* '' */
.icon-graduation-cap:before {
  content: '\f19d';
}

/* '' */
.icon-fax:before {
  content: '\f1ac';
}

/* '' */
.icon-building-filled:before {
  content: '\f1ad';
}

/* '' */
.icon-child:before {
  content: '\f1ae';
}

/* '' */
.icon-paw:before {
  content: '\f1b0';
}

/* '' */
.icon-file-pdf:before {
  content: '\f1c1';
}

/* '' */
.icon-file-word:before {
  content: '\f1c2';
}

/* '' */
.icon-file-excel:before {
  content: '\f1c3';
}

/* '' */
.icon-file-powerpoint:before {
  content: '\f1c4';
}

/* '' */
.icon-file-image:before {
  content: '\f1c5';
}

/* '' */
.icon-file-archive:before {
  content: '\f1c6';
}

/* '' */
.icon-file-audio:before {
  content: '\f1c7';
}

/* '' */
.icon-file-code:before {
  content: '\f1c9';
}

/* '' */
.icon-paper-plane:before {
  content: '\f1d8';
}

/* '' */
.icon-paper-plane-empty:before {
  content: '\f1d9';
}

/* '' */
.icon-history:before {
  content: '\f1da';
}

/* '' */
.icon-sliders:before {
  content: '\f1de';
}

/* '' */
.icon-share:before {
  content: '\f1e0';
}

/* '' */
.icon-share-squared:before {
  content: '\f1e1';
}

/* '' */
.icon-wifi:before {
  content: '\f1eb';
}

/* '' */
.icon-cc-visa:before {
  content: '\f1f0';
}

/* '' */
.icon-cc-mastercard:before {
  content: '\f1f1';
}

/* '' */
.icon-cc-discover:before {
  content: '\f1f2';
}

/* '' */
.icon-cc-amex:before {
  content: '\f1f3';
}

/* '' */
.icon-cc-paypal:before {
  content: '\f1f4';
}

/* '' */
.icon-cc-stripe:before {
  content: '\f1f5';
}

/* '' */
.icon-bell-off:before {
  content: '\f1f6';
}

/* '' */
.icon-bell-off-empty:before {
  content: '\f1f7';
}

/* '' */
.icon-trash:before {
  content: '\f1f8';
}

/* '' */
.icon-copyright:before {
  content: '\f1f9';
}

/* '' */
.icon-brush:before {
  content: '\f1fc';
}

/* '' */
.icon-birthday:before {
  content: '\f1fd';
}

/* '' */
.icon-chart-area:before {
  content: '\f1fe';
}

/* '' */
.icon-chart-pie:before {
  content: '\f200';
}

/* '' */
.icon-chart-line:before {
  content: '\f201';
}

/* '' */
.icon-toggle-off:before {
  content: '\f204';
}

/* '' */
.icon-toggle-on:before {
  content: '\f205';
}

/* '' */
.icon-cart-plus:before {
  content: '\f217';
}

/* '' */
.icon-cart-arrow-down:before {
  content: '\f218';
}

/* '' */
.icon-diamond:before {
  content: '\f219';
}

/* '' */
.icon-user-secret:before {
  content: '\f21b';
}

/* '' */
.icon-street-view:before {
  content: '\f21d';
}

/* '' */
.icon-heartbeat:before {
  content: '\f21e';
}

/* '' */
.icon-facebook-official:before {
  content: '\f230';
}

/* '' */
.icon-whatsapp:before {
  content: '\f232';
}

/* '' */
.icon-user-plus:before {
  content: '\f234';
}

/* '' */
.icon-user-times:before {
  content: '\f235';
}

/* '' */
.icon-bed:before {
  content: '\f236';
}

/* '' */
.icon-hand-grab-o:before {
  content: '\f255';
}

/* '' */
.icon-hand-paper-o:before {
  content: '\f256';
}

/* '' */
.icon-hand-scissors-o:before {
  content: '\f257';
}

/* '' */
.icon-hand-lizard-o:before {
  content: '\f258';
}

/* '' */
.icon-hand-spock-o:before {
  content: '\f259';
}

/* '' */
.icon-hand-pointer-o:before {
  content: '\f25a';
}

/* '' */
.icon-hand-peace-o:before {
  content: '\f25b';
}

/* '' */
.icon-chrome:before {
  content: '\f268';
}

/* '' */
.icon-firefox:before {
  content: '\f269';
}

/* '' */
.icon-opera:before {
  content: '\f26a';
}

/* '' */
.icon-internet-explorer:before {
  content: '\f26b';
}

/* '' */
.icon-television:before {
  content: '\f26c';
}

/* '' */
.icon-calendar-plus-o:before {
  content: '\f271';
}

/* '' */
.icon-calendar-minus-o:before {
  content: '\f272';
}

/* '' */
.icon-calendar-times-o:before {
  content: '\f273';
}

/* '' */
.icon-calendar-check-o:before {
  content: '\f274';
}

/* '' */
.icon-commenting:before {
  content: '\f27a';
}

/* '' */
.icon-commenting-o:before {
  content: '\f27b';
}

/* '' */
.icon-volume-control-phone:before {
  content: '\f2a0';
}

/* '' */
.icon-twitter-squared:before {
  content: '\f304';
}

/* '' */
.icon-facebook-squared:before {
  content: '\f308';
}

/* '' */
/*
■フォントサイズ
@include font-size(16);

※実際のフォントサイズとほぼ同じになる計算。ミックスインにより、pxとremで展開される。
※rem：一番親に設定されているフォントサイズを元にしている。今回は<html>を親に設定。
　<html>のフォントサイズを変更すれば、すべてのフォントサイズが連動する。

---------------------------------------------------------

■クリアフィックス
@include clearfix();

※フロートの解除に使用する。親要素に対してインクルードする。

---------------------------------------------------------

■ボックスシャドウ
@include box-shadow(0px 0px 5px 0px rgba(0,0,0,0.1));

※ベンダープレフィックス付きのボックスシャドウミックスイン。
※()内は通常のボックスシャドウCSSと同じ

---------------------------------------------------------

■要素の縦センター
@include vertical-align();

※要素を中央に配置するが、要素の左上が基準となるため、要素の長さの半分を上にズラす必要あり。

---------------------------------------------------------

■トランスフォーム
@include transform(scale(3.0));

※ベンダープレフィックス付き
※()内にトランスフォームの内容が入る

---------------------------------------------------------

■グラデーション
@include gradient($gradation_end,$mainColor,horizontal);
@include gradient(#ffffff,#000000,vertical);
@include gradient(#ff0000,#00ff00,radial);

※ベンダープレフィックス付きグラデーション
※第一引数と第二引数で色を設定すればOK
※3つ目の引数を設定しない場合は円形になる

---------------------------------------------------------

■ボタンが沈むアニメーション
button {
	@include anime(0.2);
	@include btn_step1(#ff0000,5);
	&:hover {
		@include btn_step2(#aa0000,5);
}

※btn_step1をボタンの要素に、btn_step2をホバーに設定する。
※アニメーションさせる場合は anime(秒数) もインクルードすること。
※btn_step●()の引数にはカラーコードと、ボタンのシャドウの厚みを入れる

---------------------------------------------------------

■アンチエイリアス
@include smooth();

※アップルのサイトで使われていたりするあれ。フォントにアンチエイリアスがかかってキレイになるが、細くなるので注意。

---------------------------------------------------------

■アニメーション
@include anime(0.2);

※アニメーションをONにする
※()内は秒数が入る

---------------------------------------------------------

■角丸
@include borad(100);

※ボックスを角丸にする。ベンダープレフィックス付き
※単位はpx

---------------------------------------------------------

■左だけ角丸
@include borad-left(100);

■右だけ角丸
@include borad-right(100);

※複数の並んだボタンの両サイドを丸くするときに使用

---------------------------------------------------------

■iPhoneのボタンの初期スタイルをオフにする
@include iPhone();

※フォームの送信ボタンをCSSで作るときに使用

---------------------------------------------------------

■部分的なリセット用
@include reset();

※読み込む順番に注意。最後の方で読み込むとすべてリセットされてしまう。


*/