@charset "UTF-8";
/*-----------------------------------------------
--layout
-----------------------------------------------*/
.l_1 {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.l_1.l_side {
  max-width: calc(960px + 10%);
  padding-right: 5%;
  padding-left: 5%;
}

.l_1.l_side_25 {
  max-width: calc(960px + 10%);
  padding-right: 2.5%;
  padding-left: 2.5%;
}

/*-----------------------------------------------
--color
-----------------------------------------------*/
/*-----------------------------------------------
--段落用（レスポンシブ）
-----------------------------------------------*/
.pc {
  display: block;
}

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

.sp {
  display: none;
}

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

img {
  width: 100%;
}

/*-----------------------------------------------
--ホバーアクション（透過）
-----------------------------------------------*/
a {
  display: block;
}

a:hover {
  opacity: 0.8;
}

/*-----------------------------------------------
--画面ローディング
-----------------------------------------------*/
body {
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*-----------------------------------------------
--フロート
-----------------------------------------------*/
.left {
  float: left;
}

.right {
  float: right;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

/* Hides from IE Mac \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* End Hack */
/*-----------------------------------------------
--Flex
-----------------------------------------------*/
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

@media screen and (max-width: 767px) {
  .flex {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}

body {
  line-height: 1.6;
  font-size: 16px;
  font-size: 1rem;
  word-wrap: break-word;
  overflow-wrap: break-word;
  /*折り返しを綺麗にする*/
  font-weight: normal;
  font-family: Avenir, Verdana, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Roboto, Meiryo, sans-serif;
  text-rendering: optimizeLegibility;
  /*アンチエイリアスなどフォント見やすくする*/
  color: #444;
  text-align: justify;
  /*均等に配置する*/
}

/*----游ゴシック__fontfamily---*/
/*body {
	font-family:Avenir, Verdana, Arial, "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Roboto, Meiryo, sans-serif;
	font-weight: 500;
}*/
a, a:link, a:active, a:visited {
  text-decoration: underline;
  outline: none;
}

a:hover, a:active {
  outline: 0;
}

a, a:visited, a:focus, a:active {
  color: #21759b;
}

a:hover {
  color: #21759b;
}

/*-----------------------------------------------
 --fontfamily
-----------------------------------------------*/
.serif {
  font-family: 'Times New Roman', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', '小塚明朝 ProN', 'メイリオ', Meiryo, serif;
}

/*-----------------------------------------------
 --fontweight
-----------------------------------------------*/
.fw700 {
  font-weight: 700;
}

.fw600 {
  font-weight: 600;
}

.fw500 {
  font-weight: 500;
}

.fw400 {
  font-weight: 400;
}

.fw300 {
  font-weight: 300;
}

/*-----------------------------------------------
 --letterspacing centering
-----------------------------------------------*/
.lt1 {
  letter-spacing: .1em;
  text-indent: .1em;
}

.lt2 {
  letter-spacing: .2em;
  text-indent: .2em;
}

.lt3 {
  letter-spacing: .3em;
  text-indent: .3em;
}

/*-----------------------------------------------
 --fontsize
-----------------------------------------------*/
.fz_36 {
  font-size: 36px;
}

@media screen and (max-width: 767px) {
  .fz_36 {
    font-size: 30px;
  }
}

@media screen and (max-width: 600px) {
  .fz_36 {
    font-size: 24px;
  }
}

.fz_30 {
  font-size: 30px;
}

@media screen and (max-width: 767px) {
  .fz_30 {
    font-size: 24px;
  }
}

@media screen and (max-width: 600px) {
  .fz_30 {
    font-size: 20px;
  }
}

.fz_28 {
  font-size: 27px;
}

@media screen and (max-width: 767px) {
  .fz_28 {
    font-size: 23px;
  }
}

@media screen and (max-width: 600px) {
  .fz_28 {
    font-size: 19px;
  }
}

.fz_24 {
  font-size: 24px;
}

@media screen and (max-width: 767px) {
  .fz_24 {
    font-size: 20px;
  }
}

@media screen and (max-width: 600px) {
  .fz_24 {
    font-size: 16px;
  }
}

.fz_20 {
  font-size: 20px;
}

@media screen and (max-width: 767px) {
  .fz_20 {
    font-size: 18px;
  }
}

@media screen and (max-width: 600px) {
  .fz_20 {
    font-size: 15px;
  }
}

.fz_18 {
  font-size: 18px;
}

@media screen and (max-width: 767px) {
  .fz_18 {
    font-size: 16px;
  }
}

@media screen and (max-width: 600px) {
  .fz_18 {
    font-size: 14px;
  }
}

.fz_16 {
  font-size: 16px;
}

@media screen and (max-width: 767px) {
  .fz_16 {
    font-size: 14px;
  }
}

.fz_15 {
  font-size: 15px;
}

@media screen and (max-width: 767px) {
  .fz_15 {
    font-size: 14px;
  }
}

.fz_14 {
  font-size: 14px;
}

@media screen and (max-width: 767px) {
  .fz_14 {
    font-size: 13px;
  }
}

.fz_13 {
  font-size: 13px;
}

@media screen and (max-width: 600px) {
  .fz_13 {
    font-size: 12px;
  }
}

.fz_12 {
  font-size: 12px;
}

@media screen and (max-width: 600px) {
  .fz_12 {
    font-size: 10px;
  }
}

/*-----------------------------------------------
--header
-----------------------------------------------*/
/*-----------------------------------------------
--layout
-----------------------------------------------*/
.l_1 {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.l_1.l_side {
  max-width: calc(960px + 10%);
  padding-right: 5%;
  padding-left: 5%;
}

.l_1.l_side_25 {
  max-width: calc(960px + 10%);
  padding-right: 2.5%;
  padding-left: 2.5%;
}

/*-----------------------------------------------
--color
-----------------------------------------------*/
/*-----------------------------------------------
--段落用（レスポンシブ）
-----------------------------------------------*/
.pc {
  display: block;
}

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

.sp {
  display: none;
}

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

img {
  width: 100%;
}

/*-----------------------------------------------
--ホバーアクション（透過）
-----------------------------------------------*/
a {
  display: block;
}

a:hover {
  opacity: 0.8;
}

/*-----------------------------------------------
--画面ローディング
-----------------------------------------------*/
body {
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*-----------------------------------------------
--フロート
-----------------------------------------------*/
.left {
  float: left;
}

.right {
  float: right;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

/* Hides from IE Mac \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* End Hack */
/*-----------------------------------------------
--Flex
-----------------------------------------------*/
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

@media screen and (max-width: 767px) {
  .flex {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}

/*-----------------------------------------------
 --header
-----------------------------------------------*/
/*-----------------------------------------------
--page
-----------------------------------------------*/
/*-----------------------------------------------
--layout
-----------------------------------------------*/
.l_1 {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.l_1.l_side {
  max-width: calc(960px + 10%);
  padding-right: 5%;
  padding-left: 5%;
}

.l_1.l_side_25 {
  max-width: calc(960px + 10%);
  padding-right: 2.5%;
  padding-left: 2.5%;
}

/*-----------------------------------------------
--color
-----------------------------------------------*/
/*-----------------------------------------------
--段落用（レスポンシブ）
-----------------------------------------------*/
.pc {
  display: block;
}

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

.sp {
  display: none;
}

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

img {
  width: 100%;
}

/*-----------------------------------------------
--ホバーアクション（透過）
-----------------------------------------------*/
a {
  display: block;
}

a:hover {
  opacity: 0.8;
}

/*-----------------------------------------------
--画面ローディング
-----------------------------------------------*/
body {
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*-----------------------------------------------
--フロート
-----------------------------------------------*/
.left {
  float: left;
}

.right {
  float: right;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

/* Hides from IE Mac \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* End Hack */
/*-----------------------------------------------
--Flex
-----------------------------------------------*/
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

@media screen and (max-width: 767px) {
  .flex {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}

/*--------
--common parts
-----------------------------------------------*/
#site_description {
  display: none;
}

#page_headline {
  display: none;
}

/*--------
--TOP
-----------------------------------------------*/
.relifelp .cv {
  padding: 80px 0;
  max-width: 720px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .relifelp .cv {
    padding: 40px 5%;
  }
}

.relifelp .nav ul {
  background: #de8d97;
}

.relifelp .nav ul li {
  border-right: 2px dashed #fff;
  width: 25%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  padding: 15px 0;
  background: #de8d97;
}

.relifelp .nav ul li:last-of-type {
  border-right: none;
}

.relifelp .nav ul li a {
  color: #fff;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .relifelp .nav ul li {
    width: 25%;
    border-bottom: 2px dashed #fff;
    padding: 10px 0;
    font-size: 18px;
  }
  .relifelp .nav ul li:nth-of-type(2) {
    border-right: none;
  }
}

.relifelp .cont_01 {
  background: #fef1f3;
  padding: 2.5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.relifelp .cont_01 li {
  background: -webkit-gradient(linear, left top, right top, from(#faeceb), to(#edc7cc));
  background: linear-gradient(90deg, #faeceb, #edc7cc);
  padding: 2.5% 2.5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 40px;
}

.relifelp .cont_01 li:nth-of-type(3), .relifelp .cont_01 li:nth-of-type(4) {
  padding: 2.5%;
}

.relifelp .cont_01 li .c_l {
  width: 60%;
}

@media screen and (max-width: 767px) {
  .relifelp .cont_01 li .c_l {
    width: 100%;
    margin-bottom: 20px;
  }
}

.relifelp .cont_01 li .c_r {
  width: 37%;
}

@media screen and (max-width: 767px) {
  .relifelp .cont_01 li .c_r {
    width: 70%;
    margin: 0 auto;
  }
}

.relifelp .cont_01 li p {
  margin-bottom: 20px;
  line-height: 1.6;
}

.relifelp .cont_01 li span {
  color: #fe0000;
}

.relifelp .cont_01 li h3 {
  margin-bottom: 20px;
  border-bottom: none;
}

.relifelp .cont_02 h2 {
  background: #de8d97;
  padding: 60px 0;
}

@media screen and (max-width: 767px) {
  .relifelp .cont_02 h2 {
    padding: 20px 0;
  }
}

.relifelp .cont_02 h2 img {
  max-width: 450px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .relifelp .cont_02 h2 img {
    max-width: 95%;
  }
}

.relifelp .cont_02 ul {
  padding: 80px 0 0px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .relifelp .cont_02 ul {
    padding: 60px 2.5% 20px;
  }
}

.relifelp .cont_02 li {
  width: 24%;
}

@media screen and (max-width: 767px) {
  .relifelp .cont_02 li {
    width: 48%;
    margin-bottom: 20px;
  }
}

.relifelp .cont_02 li img {
  margin-bottom: 20px;
  max-height: 172px;
}

.relifelp .cont_02 li span {
  background: #de8d97;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  margin-right: 5px;
}

.relifelp .cont_02 li small {
  margin-top: 15px;
}

.relifelp .cont_03 .cont_03_in {
  border: 10px solid #de8d97;
  padding: 5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.relifelp .cont_03 .cont_03_in h2 {
  margin: 20px auto 40px;
  text-align: center;
  border-bottom: none;
}

.relifelp .cont_03 .cont_03_in h2 img {
  max-width: 480px;
  width: 95%;
}

.relifelp .cont_03 .cont_03_in dt {
  background: url(../img/q.png) no-repeat left center;
  padding-left: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-size: 50px;
  color: #de8d97;
  font-weight: bold;
  min-height: 60px;
  padding-top: 20px;
  margin-bottom: 20px;
}

.relifelp .cont_03 .cont_03_in .sum {
  color: #de8d97;
  margin-bottom: 10px;
}

.relifelp .cont_03 .cont_03_in dd {
  background: url(../img/a.png) no-repeat left top;
  padding-left: 60px;
  padding-top: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-size: 50px;
  border-bottom: #de8d97 3px dotted;
  margin-bottom: 40px;
  padding-bottom: 20px;
}

.relifelp .cont_03 .cont_03_in dd:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.relifelp .cont_04 {
  padding: 5% 0 0;
  position: relative;
}

.relifelp .cont_04 h2 {
  background: #de8d97;
  padding: 40px 0;
  margin-bottom: 5%;
}

@media screen and (max-width: 767px) {
  .relifelp .cont_04 h2 {
    padding: 20px 0;
  }
}

.relifelp .cont_04 h2 img {
  max-width: 166px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .relifelp .cont_04 h2 img {
    max-width: 40%;
  }
}

.relifelp .cont_04 ul {
  padding: 50px 2.5% 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .relifelp .cont_04 ul {
    padding: 40px 2.5% 0px;
  }
}

.relifelp .cont_04 li {
  margin-bottom: 30px;
  width: 30%;
  line-height: 1.2;
}

@media screen and (max-width: 767px) {
  .relifelp .cont_04 li {
    width: 47%;
    height: 200px;
  }
}

.relifelp .cont_06 {
  padding: 5% 0 0;
  position: relative;
}

.relifelp .cont_06 h2 {
  background: #de8d97;
  padding: 40px 0;
  margin-bottom: 5%;
}

.relifelp .cont_06 h2 img {
  max-width: 278px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .relifelp .cont_06 h2 img {
    max-width: 50%;
  }
}

.relifelp .cont_06 ul {
  padding: 50px 2.5% 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .relifelp .cont_06 ul {
    padding: 40px 2.5% 0px;
  }
}

.relifelp .cont_06 li {
  margin-bottom: 20px;
  border: 5px solid #de8d97;
  border-radius: 5px;
  padding: 20px;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.relifelp .cont_06 h3 {
  color: #de8d97;
  border-bottom: dashed 1px #de8d97;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.relifelp .cont_07 {
  background: #de8d97;
  padding: 5% 0;
}

.relifelp .cont_07 .cont_07_01 {
  padding: 5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.relifelp .cont_07 .cont_07_01 .ttl {
  color: #fff;
  text-align: center;
  margin: 40px auto;
}

.relifelp .cont_07 .cont_07_01 .ttl2 {
  color: #fff603;
  text-align: left;
  margin: 40px auto;
}

.relifelp .cont_07 .cont_07_01 .explain {
  position: relative;
  background: #f1d8db;
  border-radius: 10px;
  padding: 5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 40px;
}

.relifelp .cont_07 .cont_07_01 .explain .add {
  position: absolute;
  bottom: -10%;
  right: 0;
  width: 10%;
}

.relifelp .cont_07 .cont_07_01 .explain .add2 {
  position: absolute;
  bottom: -10%;
  right: 0;
  width: 40%;
}

.relifelp .cont_07 .cont_07_01 .explain .add3 {
  position: absolute;
  bottom: -10%;
  right: 0;
  width: 13%;
}

.relifelp .cont_07 .shime {
  margin: 40px auto;
  color: #fff;
}

.relifelp .cont_07 .shime span {
  text-decoration: underline;
}

.relifelp .cont_08 {
  padding-bottom: 5%;
}

.relifelp .cont_08 h2 {
  background: #de8d97;
  padding: 40px 0;
  margin-bottom: 5%;
}

.relifelp .cont_08 h2 img {
  max-width: 833px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .relifelp .cont_08 h2 img {
    max-width: 95%;
    margin: 0 auto;
  }
}

.relifelp .cont_08 .l_1 {
  padding: 2.5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.relifelp .cont_08 .list_01 {
  padding: 2.5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #f5f5f5;
  border-radius: 3px;
}

.relifelp .cont_08 .list_01 p {
  margin-bottom: 20px;
}

.relifelp .cont_08 .list_01 .last {
  text-align: center;
}

.relifelp .cont_12 .when {
  background: #de8d97;
  color: #fff;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
}

.relifelp .cont_12 .name {
  color: #de8d97;
  border-bottom: dashed 1px #de8d97;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.relifelp .cont_12 li {
  width: 32%;
}

@media screen and (max-width: 959px) {
  .relifelp .cont_12 li {
    width: 48%;
  }
}

@media screen and (max-width: 600px) {
  .relifelp .cont_12 li {
    width: 100%;
  }
}

.relifelp .cont_12 p {
  line-height: 1.6;
}

.clear_er {
  display: block !important;
}

/*-----------------------------------------------
--footer
-----------------------------------------------*/
/*-----------------------------------------------
--layout
-----------------------------------------------*/
.l_1 {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.l_1.l_side {
  max-width: calc(960px + 10%);
  padding-right: 5%;
  padding-left: 5%;
}

.l_1.l_side_25 {
  max-width: calc(960px + 10%);
  padding-right: 2.5%;
  padding-left: 2.5%;
}

/*-----------------------------------------------
--color
-----------------------------------------------*/
/*-----------------------------------------------
--段落用（レスポンシブ）
-----------------------------------------------*/
.pc {
  display: block;
}

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

.sp {
  display: none;
}

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

img {
  width: 100%;
}

/*-----------------------------------------------
--ホバーアクション（透過）
-----------------------------------------------*/
a {
  display: block;
}

a:hover {
  opacity: 0.8;
}

/*-----------------------------------------------
--画面ローディング
-----------------------------------------------*/
body {
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*-----------------------------------------------
--フロート
-----------------------------------------------*/
.left {
  float: left;
}

.right {
  float: right;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

/* Hides from IE Mac \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* End Hack */
/*-----------------------------------------------
--Flex
-----------------------------------------------*/
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

@media screen and (max-width: 767px) {
  .flex {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}

/*-----------------------------------------------
 --footer
-----------------------------------------------*/

/*# sourceMappingURL=maps/style.css.map */