@charset "UTF-8";
/* ===================================================================
CSS information
 file name  :  sub.css
 style info :  中ページ用cssの定義
=================================================================== */
/* table base */
/****************************************************************/
table {
  width: 100%; }

th, td {
  text-align: left;
  font-weight: normal;
  padding: 10px;
  line-height: 1.6;
  border: 1px solid #eeeeee; }

@media only screen and (max-width: 690px) {
  th, td {
    padding: 8px; }
  .table_wrap {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; }
  .table_wrap table {
    width: 640px; } }

/* table 01 */
/****************************************************************/
table.tab01 {
  table-layout: fixed; }

table.tab01 th,
table.tab01 td {
  text-align: center; }

table.tab01 th {
  background-color: #FA5688;
  color: #ffffff;
  width: 20%; }

table.tab01 th.th_sub {
  background-color: #999999; }

table.tab01 th.txt_left,
table.tab01 td.txt_left {
  text-align: left; }

/* table 02 */
/****************************************************************/
table.tab02 {
  table-layout: fixed; }

table.tab02 tr:nth-child(2n) {
  background-color: #f5f5f5; }

/* table 03 */
/****************************************************************/
table.tab03 {
  table-layout: fixed; }

table.tab03 tr:nth-child(2n) {
  background-color: #f5f5f5; }

table.tab03 tr:nth-child(2n) th {
  background-color: #FA5688; }

table.tab03 th {
  background-color: #FA5688;
  color: #ffffff; }

/* table 04 */
/****************************************************************/
table.tab04 {
  table-layout: fixed; }

table.tab04 th,
table.tab04 td {
  text-align: center; }

table.tab04 th {
  background-color: #FA5688;
  color: #ffffff; }

table.tab04 thead th:nth-child(2n) {
  background-color: #FA5688; }

table.tab04 tbody td:nth-child(2n) {
  background-color: #f5f5f5; }

/* table 05 */
/****************************************************************/
table.tab05 {
  table-layout: fixed; }

table.tab05 th {
  background-color: #FA5688;
  color: #ffffff;
  width: 20%; }

@media only screen and (max-width: 690px) {
  table.tab05 th,
  table.tab05 td {
    display: block;
    width: 100%;
    border-top: none;
    text-align: left; }
  table.tab05 th {
    border: none; } }

/* table 06 */
/****************************************************************/
table.tab06 {
  table-layout: fixed; }

table.tab06 th,
table.tab06 td {
  text-align: center; }

table.tab06 th {
  background-color: #FA5688;
  color: #ffffff; }

@media only screen and (max-width: 690px) {
  table.tab06 thead {
    display: none; }
  table.tab06 tbody td {
    display: block;
    padding: 0 0 10px 0; }
  table.tab06 tbody td:before {
    background-color: #FA5688;
    color: #ffffff;
    display: block;
    padding: 5px;
    margin-bottom: 10px; }
  table.tab06 tbody td:nth-of-type(1):before {
    content: "表見出し1"; }
  table.tab06 tbody td:nth-of-type(2):before {
    content: "表見出し2"; }
  table.tab06 tbody td:nth-of-type(3):before {
    content: "表見出し3"; }
  table.tab06 tbody td:nth-of-type(4):before {
    content: "表見出し4"; }
  table.tab06 tbody td:nth-of-type(5):before {
    content: "表見出し5"; }
  table.tab06 tbody td:nth-of-type(6):before {
    content: "表見出し6"; }
  table.tab06 tbody td:nth-of-type(7):before {
    content: "表見出し7"; } }

/* table 07 */
/****************************************************************/
table.tab07 th,
table.tab07 td {
  border: none; }

table.tab07 thead {
  border-bottom: 2px solid #FA5688; }

table.tab07 thead th {
  color: #FA5688;
  text-align: center;
  font-weight: bold;
  padding: 8px 16px;
  font-size: 16px; }

table.tab07 tbody td {
  padding: 16px; }

table.tab07 thead th:not(:last-child),
table.tab07 tbody th,
table.tab07 tbody td:not(:last-child) {
  border-right: 1px solid #CCCCCC; }

table.tab07 tbody tr:not(:last-child) th,
table.tab07 tbody tr:not(:last-child) td {
  border-bottom: 1px solid #CCCCCC; }

@media only screen and (max-width: 690px) {
  table.tab07 thead th {
    padding: 8px;
    font-size: 15px; } }

/* table 08 */
/****************************************************************/
table.tab08 th,
table.tab08 td {
  border: none;
  vertical-align: top; }

table.tab08 tbody tr:not(:last-child) th,
table.tab08 tbody tr:not(:last-child) td {
  border-bottom: 1px solid #CCCCCC; }

table.tab08 th {
  color: #FA5688;
  font-weight: bold;
  position: relative; }

table.tab08 th::after {
  content: "";
  width: 2px;
  height: 20px;
  background-color: #CCCCCC;
  position: absolute;
  top: 16px;
  right: 0; }

table.tab08 td {
  padding-left: 40px; }

@media only screen and (max-width: 690px) {
  table.tab08 th,
  table.tab08 td {
    width: 100%;
    display: block; }
  table.tab08 tbody th,
  table.tab08 tbody tr:not(:last-child) th {
    border-bottom: none;
    padding: 16px 0 0 0;
    font-size: 15px; }
  table.tab08 tbody tr:not(:last-child) td {
    border-bottom: 1px solid #CCCCCC; }
  table.tab08 tbody td {
    padding-bottom: 16px; }
  table.tab08 th {
    color: #FA5688;
    font-weight: bold;
    position: relative; }
  table.tab08 th::after {
    display: none; }
  table.tab08 td {
    padding-left: 0; } }

/****************************************************************/
/* media */
/****************************************************************/
.media .media_in {
  float: left;
  width: 23.2%;
  margin-right: 2.4%; }
  @media only screen and (max-width: 979px) {
    .media .media_in {
      width: auto;
      margin-right: .8%; }
      .media .media_in:last-child {
        margin-right: .8%; } }
  @media only screen and (max-width: 690px) {
    .media .media_in {
      margin: 0 16px; } }
  .media .media_in:last-child {
    margin-right: 0; }
  .media .media_in .catelist {
    text-align: right; }
    .media .media_in .catelist a {
      font-size: 10px;
      padding: 3px 8px;
      background-color: #FA5688;
      color: #ffffff;
      display: inline-block; }
  .media .media_in::after {
    content: "";
    display: table;
    clear: both; }
  .media .media_in .media_img {
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    overflow: hidden;
    position: relative; }
    .media .media_in .media_img img {
      position: absolute;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      left: 50%;
      top: 50%;
      -webkit-transform: translate3d(-50%, -50%, 0);
      transform: translate3d(-50%, -50%, 0); }
  .media .media_in .media_txt {
    margin-top: -15px;
    position: relative;
    z-index: 10; }
    .media .media_in .media_txt time {
      margin-bottom: 5px; }
    .media .media_in .media_txt .title06 {
      line-height: 1.6; }

.media::after {
  content: "";
  display: table;
  clear: both; }

/*div[class*="col_bg"] > .inner .media_txt{
	padding: 5%;
}*/
.grid_media_section {
  width: 100%;
  overflow: hidden; }

.grid_media_title {
  float: left;
  width: 25%;
  display: table;
  background-color: #999999;
  color: #ffffff;
  font-size: 2.4rem; }

.grid_media_title_in {
  display: table-cell;
  vertical-align: middle;
  text-align: center; }

.grid_media_con {
  float: right;
  width: 75%;
  background-color: #f9f9f9; }
  .grid_media_con .slick-list {
    width: 100%; }

.grid_media {
  border-left: 1px solid #ffffff;
  padding-bottom: 20px;
  background-color: #f9f9f9;
  width: 33.3333333%; }
  .grid_media .imgliq {
    height: 240px; }

.grid_media_txt {
  position: relative;
  z-index: 2;
  margin-top: -20px;
  padding: 0 16px; }
  .grid_media_txt .catelist a {
    float: right;
    display: block;
    padding: 8px 16px;
    font-size: 1.2rem;
    color: #ffffff;
    line-height: 1;
    background-color: #555555; }
    .grid_media_txt .catelist a:hover {
      text-decoration: none; }
  .grid_media_txt time {
    clear: right; }

.grid_media_section .slick-dots {
  bottom: 0; }

.grid_media_section .slick-dotted.slick-slider {
  margin-bottom: 0;
  padding-bottom: 30px; }

.grid_media_section .slick-dots li {
  height: 10px;
  margin: 0 4px;
  width: 10px; }
  .grid_media_section .slick-dots li button {
    height: 10px;
    width: 10px; }
    .grid_media_section .slick-dots li button::before {
      line-height: 10px;
      height: 10px; }

.grid_media_section .slick-prev,
.grid_media_section .slick-next {
  top: 95%;
  left: -60px; }
  [dir="rtl"] .grid_media_section .slick-prev, [dir="rtl"]
  .grid_media_section .slick-next {
    left: auto;
    right: -60px; }

.grid_media_section .slick-next {
  left: -30px; }
  [dir="rtl"] .grid_media_section .slick-next {
    left: -30px; }

@media only screen and (max-width: 690px) {
  .grid_media_title {
    float: none;
    width: 100%;
    display: block; }
  .grid_media_title_in {
    display: block;
    padding: 10px; }
  .grid_media_con {
    float: none;
    width: 100%; }
  .grid_media {
    border-left: none;
    padding-bottom: 20px;
    width: 100%; }
    .grid_media .imgliq {
      height: 180px; }
  .grid_media_section .slick-prev,
  .grid_media_section .slick-next {
    top: 95%;
    left: 10px; }
    [dir="rtl"] .grid_media_section .slick-prev, [dir="rtl"]
    .grid_media_section .slick-next {
      left: auto;
      right: 10px; }
  .grid_media_section .slick-next {
    left: 35px;
    right: 0; }
    [dir="rtl"] .grid_media_section .slick-next {
      left: 35px;
      right: 0; }
  .grid_media_section .slick-prev::before,
  .grid_media_section .slick-next::before {
    color: #000000; } }

/*-----------------------------------------------------------------*/
/*　flow 01 */
/*-----------------------------------------------------------------*/
.flow_ver01 {
  margin-bottom: 40px;
  display: table;
  width: 100%; }
  .flow_ver01 .flow_item {
    display: table-cell;
    vertical-align: middle;
    width: 30%;
    min-width: 200px;
    max-width: 400px;
    text-align: center;
    padding: 4% 2%;
    background-color: #EBF0F7;
    font-size: 12px;
    position: relative; }
    .flow_ver01 .flow_item .finum {
      margin-bottom: 30px;
      position: relative;
      letter-spacing: .1em;
      font-weight: bold;
      color: #FA5688; }
      .flow_ver01 .flow_item .finum::after {
        content: "";
        width: 16px;
        height: 2px;
        background-color: #FA5688;
        position: absolute;
        bottom: -15px;
        left: calc(50% - 8px); }
    .flow_ver01 .flow_item .finumtxt {
      font-size: 22px;
      font-weight: bold; }
    .flow_ver01 .flow_item::after {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 20px 12px 0 12px;
      border-color: #FFC732 transparent transparent transparent;
      position: absolute;
      bottom: -30px;
      left: calc(50% - 12px); }
  .flow_ver01 .flow_txt {
    display: table-cell;
    vertical-align: middle;
    background-color: #f5f5f5;
    padding: 4% 3%; }

@media only screen and (max-width: 691px) {
  .flow_ver01 {
    position: relative; }
    .flow_ver01 .flow_item {
      display: block;
      width: 100%;
      max-width: 100%;
      text-align: left;
      padding: 2% 10px; }
      .flow_ver01 .flow_item .finum {
        margin-bottom: 0;
        margin-right: 5px;
        display: inline-block;
        font-size: 10px;
        padding: 2px 6px;
        background-color: rgba(255, 255, 255, 0.5); }
        .flow_ver01 .flow_item .finum::after {
          display: none; }
      .flow_ver01 .flow_item .finumtxt {
        font-size: 20px;
        display: inline-block;
        vertical-align: middle; }
      .flow_ver01 .flow_item::after {
        display: none; }
    .flow_ver01 .flow_txt {
      display: block;
      width: 100%;
      padding: 5% 15px; }
    .flow_ver01::after {
      content: "";
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 20px 12px 0 12px;
      border-color: #FA5688 transparent transparent transparent;
      position: absolute;
      bottom: -30px;
      left: calc(50% - 12px); } }

.flow_ver01.last .flow_item::after,
.flow_ver01.last::after {
  display: none; }

/*-----------------------------------------------------------------*/
/*　flow 02 */
/*-----------------------------------------------------------------*/
.flow_ver02 {
  width: 100%; }

.flow_ver02_in .title {
  font-size: 3.2rem;
  margin-bottom: 30px;
  font-weight: normal;
  text-align: center; }

.flow_txt_arr {
  float: left;
  width: calc(33.33333% - 20px); }
  .flow_txt_arr .txt {
    background-color: #fa5688;
    color: #ffffff;
    text-align: center;
    padding: 1.95rem 6%;
    line-height: 1.5;
    position: relative; }

.flow_txt_arr:not(:last-child) {
  margin-right: 30px; }
  .flow_txt_arr:not(:last-child) .txt::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3rem 0 3rem 25px;
    border-color: transparent transparent transparent #fa5688;
    position: absolute;
    top: calc(50% - 3rem);
    left: 100%; }

.flow_txt_arr .detail {
  padding: 16px 7% 24px;
  background-color: #f9f9f9; }

@media only screen and (max-width: 979px) {
  .flow_txt_arr {
    width: calc(33.33333% - 18px); }
  .flow_txt_arr:not(:last-child) {
    margin-right: 27px; }
    .flow_txt_arr:not(:last-child) .txt::after {
      border-width: 2.5rem 0 2.5rem 20px;
      top: calc(50% - 2.5rem); }
  .flow_txt_arr .txt {
    padding: 1.45rem 6%; } }

@media only screen and (max-width: 690px) {
  .flow_ver02 {
    padding: 30px 0 5px; }
  .flow_ver02_in .title {
    font-size: 2.8rem;
    margin-bottom: 20px; }
  .flow_txt_arr {
    float: none;
    width: 100%;
    padding: 0;
    margin-bottom: 40px;
    position: relative; }
  .flow_txt_arr:not(:last-child) .txt::after {
    display: none; }
  .flow_txt_arr:not(:last-child)::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 10px 0 10px;
    border-color: #fa5688 transparent transparent transparent;
    top: calc(100% + 20px - 7px);
    left: calc(50% - 5px); } }

/* col4 */
.flow_ver02.fv_col4 .flow_txt_arr {
  width: calc(25% - 15px); }
  .flow_ver02.fv_col4 .flow_txt_arr .txt {
    padding: 1em 6%; }

.flow_txt_arr:not(:last-child) {
  margin-right: 20px; }
  .flow_txt_arr:not(:last-child) .txt::after {
    border-width: 2rem 0 2rem 16px;
    top: calc(50% - 2rem);
    left: 100%; }

.flow_txt_arr .detail {
  padding: 16px 7% 24px;
  background-color: #f9f9f9; }

@media only screen and (max-width: 690px) {
  .flow_ver02.fv_col4 .flow_txt_arr {
    width: 100%; } }

/*-----------------------------------------------------------------*/
/* 一日の流れ スケジュール */
/*-----------------------------------------------------------------*/
.schedule_main {
  position: relative; }

.schedule_main_img img {
  border-radius: 50%; }

.schedule_main_intro {
  position: absolute;
  top: 50px;
  right: 0;
  width: 35%;
  padding-right: 5%; }

.schedule_line {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start; }

.schedule_line.top {
  padding-top: 80px; }

.schedule_line::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 4px);
  background-color: #dddddd;
  width: 8px;
  height: 100%;
  z-index: -1; }

.leftside {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1; }

.rightside {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3; }

.schedule_line_time {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
  margin-right: 40px;
  margin-left: 40px;
  width: 100px; }

.schedule_line_time .item {
  color: #ffffff;
  background-color: #282F3A;
  line-height: 80px;
  font-size: 2.4rem;
  letter-spacing: -.01em;
  text-align: center; }

.schedule_line_txt {
  border: 2px solid #eeeeee;
  width: calc(100% - 80px - 40%);
  position: relative;
  display: block; }

.schedule_line_txt_in {
  padding: 24px 24px 16px; }

.schedule_line_txt.leftside::after,
.schedule_line_txt.rightside::before {
  content: "";
  width: 4px;
  height: calc(100% + 4px);
  background-color: #cc0000;
  position: absolute;
  top: -2px; }

.schedule_line_txt.leftside::after {
  right: -2px; }

.schedule_line_txt.rightside::before {
  left: -2px; }

.schedule_line_txt dl {
  margin-bottom: 16px; }

.schedule_line_txt dt {
  color: #cc0000;
  margin-bottom: 4px;
  font-size: 2rem;
  font-weight: 300; }

.schedule_line_img {
  width: calc(100% - 80px - 40%); }

@media only screen and (max-width: 979px) {
  #contents .schedule_line_img img {
    max-width: 280px; }
  .schedule_main_intro {
    width: 30%;
    padding-right: 0; } }

@media only screen and (max-width: 690px) {
  .schedule_main {
    position: static; }
  .schedule_main_img img {
    max-width: 200px; }
  .schedule_main_intro {
    position: static;
    width: 100%;
    padding: 16px;
    margin: 16px auto 0;
    background-color: #f9f9f9; }
  .schedule_line {
    display: block; }
  .schedule_line.top {
    padding-top: 40px; }
  .schedule_line::before {
    left: 26px;
    width: 8px; }
  .schedule_line_time {
    float: left;
    margin-right: 0;
    margin-left: 0;
    width: 60px; }
  .schedule_line_time .item {
    line-height: 60px;
    font-size: 1.6rem;
    font-weight: 200; }
  .schedule_line_txt {
    width: calc(100% - 70px);
    margin-left: 70px; }
  .schedule_line_txt_in {
    padding: 8px 16px 0; }
  .schedule_line_txt.leftside::after {
    display: none; }
  .schedule_line_txt.leftside::before {
    content: "";
    width: 4px;
    height: calc(100% + 4px);
    background-color: #cc0000;
    position: absolute;
    top: -2px; }
  .schedule_line_txt.leftside::before {
    left: -2px; }
  .schedule_line_txt dl {
    margin-bottom: 8px; }
  .schedule_line_txt dt {
    font-size: 1.6rem;
    margin-bottom: 0; }
  .schedule_line_txt dd {
    font-size: 1.4rem; }
  .schedule_line_img {
    width: calc(100% - 70px);
    margin: 16px 0 20px 70px; }
  #contents .schedule_line_img img {
    max-width: 200px; } }

/*-----------------------------------------------------------------*/
/*　flow 03 歴史 年表　*/
/*-----------------------------------------------------------------*/
.flow_ver03_num {
  font-size: 60px;
  letter-spacing: 0.05em;
  line-height: 1; }
  .flow_ver03_num .flow_ver03_num_s {
    font-size: 60%;
    padding-left: 5px; }

.flow_ver03_tab {
  position: relative;
  padding-bottom: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 40px; }
  .flow_ver03_tab::before {
    content: "";
    border-left: 2px dotted #333333;
    position: absolute;
    left: 75px;
    top: 8px;
    height: 100%; }
  .flow_ver03_tab .flow_ver03_img {
    width: 40%;
    padding: 0 40px 0 160px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .flow_ver03_tab .flow_ver03_con {
    width: 60%;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; }

.flow_ver03_title {
  font-size: 32px;
  line-height: 1.4; }

.flow_ver03.imgnon .flow_ver03_con {
  padding: 0 0 0 160px;
  width: 100%; }

@media only screen and (max-width: 979px) {
  .flow_ver03_num {
    font-size: 48px; }
  .flow_ver03_tab::before {
    left: 60px; }
  .flow_ver03_tab .flow_ver03_img {
    width: 40%;
    padding: 0 32px 0 100px; }
  .flow_ver03_tab .flow_ver03_con {
    width: 60%; }
  .flow_ver03_title {
    font-size: 28px; }
  .flow_ver03.imgnon .flow_ver03_con {
    padding: 0 0 0 100px; } }

@media only screen and (max-width: 690px) {
  .flow_ver03_num {
    font-size: 36px; }
  .flow_ver03_tab {
    padding-top: 16px;
    display: block; }
    .flow_ver03_tab::before {
      left: 20px; }
    .flow_ver03_tab .flow_ver03_img {
      width: 100%;
      padding: 0 0 0 45px;
      margin: 16px auto 0;
      max-width: 300px; }
    .flow_ver03_tab .flow_ver03_con {
      width: 100%;
      padding: 0 0 0 45px;
      font-size: 90%;
      line-height: 1.4; }
  .flow_ver03.imgnon .flow_ver03_con {
    padding: 0 0 0 45px; }
  .flow_ver03_title {
    font-size: 24px;
    line-height: 1.4; } }

/*-----------------------------------------------------------------*/
/* 基本設定 */
/*-----------------------------------------------------------------*/
.rss_box dl {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #eeeeee; }

.rss_box dl:after {
  content: "";
  display: table;
  clear: both; }

.rss_date {
  float: left;
  width: 12%; }

.rss_title {
  float: right;
  width: 88%;
  padding-left: 20px; }

.rss_title a {
  color: #FA5688;
  text-decoration: underline; }

.rss_contents {
  clear: both;
  padding: 5px 0 0 calc(12% + 20px);
  margin-bottom:15px; }
.rss_contents_none .rss_contents {
	height:0;
	overflow:hidden;
}
.rss_new {
  display: inline-block;
  background-color: #FA5688;
  color: #ffffff;
  padding: 3px 12px 2px;
  font-size: 10px;
  margin-right: 10px;
  vertical-align: middle; }

@media only screen and (max-width: 979px) {
  .rss_date {
    width: 14%; }
  .rss_title {
    width: 86%; }
  .rss_contents {
    padding-left: calc(14% + 15px); } }

@media only screen and (max-width: 690px) {
  .rss_date,
  .rss_title {
    width: 100%;
    float: none; }
  .rss_date {
    font-size: .85em; }
  .rss_title {
    padding: 3px 0; }
  .rss_contents {
    padding: 5px 0 0 0; } }

/* 2個目以降非表示 スライドで表示 ----------*/
.rss_tggle {
  position: relative; }

.rss_tggle .rss_contents {
  display: none; }

#close {
  display: none; }

#rss_open {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer; }

#rss_open::before {
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  font-size: 20px;
  line-height: 40px;
  color: #ffffff;
  background-color: #329bd2;
  width: 40px;
  height: 40px;
  text-align: center; }

#rss_open.active::before {
  content: "\f00d"; }

.rss_tggle .rss_box {
  width: calc(100% - 40px - 20px);
  margin-right: 20px; }

/*-----------------------------------------------------------------

TOP_NEWS-A

-----------------------------------------------------------------*/
.rss_date {
  width: 100px; }

.rss_title {
  width: calc(100% - 100px); }

.col2_ti .rss_box {
  width: calc(18.5% * 3.5 + 1.875% * 2); }

.col2_ti .top_banner,
.col2_ti .top_banner02 {
  width: calc(18.5% * 1.25 + 1.875% * 2); }

.top_banner .banner_in,
.top_banner .banner_in_bg {
  margin-bottom: 10px;
  list-style: none; }
  .top_banner .banner_in a,
  .top_banner .banner_in_bg a {
    display: block;
    padding: 10px 10%;
    text-align: left;
    font-size: 18px; }
    .top_banner .banner_in a:hover,
    .top_banner .banner_in_bg a:hover {
      text-decoration: none;
      background-color: #0E86C7; }

.top_banner .banner_in a {
  background-color: #329bd2;
  color: #ffffff; }
  .top_banner .banner_in a img {
    max-width: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px; }
  .top_banner .banner_in a:hover {
    background-color: #0E86C7; }

.top_banner .banner_in .material-icons {
  padding-right: 16px;
  font-size: 32px;
  vertical-align: middle; }

.top_banner .banner_in_bg {
  position: relative; }
  .top_banner .banner_in_bg a {
    display: block;
    position: absolute;
    bottom: 0;
    padding: 5px;
    background-color: rgba(6, 101, 152, 0.8);
    color: #ffffff;
    text-align: center;
    width: 100%; }
    .top_banner .banner_in_bg a:hover {
      background-color: #066598; }

.banner_in_bg.bigglink:hover a {
  background-color: #066598; }

#top_rss_a .btn {
  float: right; }

@media only screen and (max-width: 979px) {
  .col2_ti .rss_box {
    float: none;
    width: 100%; }
  .col2_ti .top_banner {
    float: none;
    width: 100%;
    margin-top: 50px; }
  .col2_ti .top_banner .banner_in,
  .col2_ti .top_banner .banner_in_bg {
    float: left;
    width: 32%;
    margin-bottom: 0; }
    .col2_ti .top_banner .banner_in:not(:last-child),
    .col2_ti .top_banner .banner_in_bg:not(:last-child) {
      margin-right: 2%; }
    .col2_ti .top_banner .banner_in a,
    .col2_ti .top_banner .banner_in_bg a {
      padding: 20px 7%; }
      .col2_ti .top_banner .banner_in a img,
      .col2_ti .top_banner .banner_in_bg a img {
        max-width: 28px;
        margin-right: 10px; }
  .col2_ti .top_banner .banner_in_bg a {
    padding: 5px 5%; } }

@media only screen and (max-width: 690px) {
  .rss_date, .rss_title {
    width: 100%; }
  .rss_box dl {
    margin-bottom: 10px; }
  .col2_ti .rss_box {
    width: 100%; }
  .col2_ti .top_banner {
    width: 100%;
    max-width: 400px;
    margin: 30px auto 0; }
  .col2_ti .top_banner .banner_in {
    float: none;
    margin: 10px auto;
    width: 100%;
    max-width: 360px; }
    .col2_ti .top_banner .banner_in:not(:last-child) {
      margin-right: auto; }
    .col2_ti .top_banner .banner_in a {
      padding: 15px 10%; }
      .col2_ti .top_banner .banner_in a img {
        max-width: 28px;
        margin-right: 15px; }
  .col2_ti .top_banner .banner_in_bg {
    float: left;
    width: 48%;
    position: static; }
    .col2_ti .top_banner .banner_in_bg:not(:last-child) {
      margin-right: 4%; }
    .col2_ti .top_banner .banner_in_bg a {
      font-size: 14px;
      line-height: 1.4;
      position: static; }
  #top_rss_a .btn {
    float: none; } }

/*-----------------------------------------------------------------

TOP_NEWS-B

-----------------------------------------------------------------*/
#top_rss_b {
  background: url("../image/common/top_rss_bg.jpg") no-repeat center center/cover;
  padding: 60px 0; }
  #top_rss_b .col_bg {
    background-color: rgba(255, 255, 255, 0.7);
    border: 1px solid #ffffff;
    padding: 40px 24px; }
  #top_rss_b .col {
    width: calc((100% - 40px) / 2); }

.top_rss_b_con dl {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #ffffff; }
  .top_rss_b_con dl .rss_date {
    display: block;
    width: 100%;
    float: none; }
  .top_rss_b_con dl .rss_title {
    display: block;
    width: 100%;
    padding-left: 0;
    float: none; }
  .top_rss_b_con dl .rss_contents {
    display: none; }

@media only screen and (max-width: 979px) {
  #top_rss_b .col {
    width: calc((100% - 24px) / 2); } }

@media only screen and (max-width: 690px) {
  #top_rss_b {
    padding: 40px 0; }
    #top_rss_b .col {
      width: 100%; }
    #top_rss_b .col_bg {
      padding: 32px 24px; } }

/*-----------------------------------------------------------------

TOP_NEWS-C

-----------------------------------------------------------------*/
#top_rss_c {
  padding: 48px 0 32px;
  /*bottom値、top-16px*/
  background-color: #f9f9f9; }
  #top_rss_c .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }

#top_rss_c .title {
  color: #FA5688;
  font-size: 3.2rem;
  position: relative;
  line-height: 1;
  display: inline-block; }
  #top_rss_c .title::after {
    content: "";
    width: 60px;
    height: 1px;
    background-color: #FA5688;
    display: inline-block;
    margin-left: 16px;
    vertical-align: middle; }

#top_rss_c .rss_box {
  padding-left: 4em; }

#top_rss_c dl {
  border-bottom: none;
  padding-bottom: 0; }

@media only screen and (max-width: 979px) {
  #top_rss_c .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  #top_rss_c .title {
    font-size: 2.8rem;
    margin-right: 100px;
    margin-bottom: 16px; }
    #top_rss_c .title::after {
      width: 40px;
      top: 14px;
      left: calc(100% + 14px); }
  #top_rss_c .rss_box {
    padding-left: 0; } }

/*-----------------------------------------------------------------

TOP_NEWS-D

-----------------------------------------------------------------*/
#top_rss_d {
  padding: 70px 0;
  background-color: #ffffff;
  background: url("../image/top_rss_d_bg.jpg") no-repeat center/cover; }

.rss_d_name {
  background-color: #0E86C7;
  border-radius: 5px;
  padding: 0 16px;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 4px; }
  .rss_d_name .rss_date {
    width: 158px;
    padding: 8px 20px;
    font-size: 15px;
    position: relative; }
    .rss_d_name .rss_date::after {
      content: ":";
      display: inline-block;
      position: absolute;
      right: 0; }
  .rss_d_name .rss_title {
    width: calc(100% - 158px);
    padding: 8px 16px 8px 40px;
    font-size: 15px; }

.top_rss_d_con {
  padding: 0 16px; }
  .top_rss_d_con .rss_date {
    width: 158px;
    padding: 8px 20px;
    font-size: 15px;
    position: relative; }
    .top_rss_d_con .rss_date::after {
      content: ":";
      display: inline-block;
      position: absolute;
      right: 0; }
  .top_rss_d_con .rss_title {
    width: calc(100% - 158px);
    padding: 8px 16px 8px 40px;
    font-size: 15px; }
    .top_rss_d_con .rss_title a {
      color: #333333; }
      .top_rss_d_con .rss_title a:hover {
        color: #FA5688; }
  .top_rss_d_con .rss_contents {
    display: none; }

.top_rss_d_con dl {
  padding: 10px 0;
  border-bottom: 1px solid #ffffff; }
  .top_rss_d_con dl::after {
    content: "";
    display: table;
    clear: both; }

@media only screen and (max-width: 690px) {
  #top_rss_d {
    padding: 50px 0; }
  .rss_d_name .rss_date {
    width: 100%;
    position: static;
    padding: 8px 0 0; }
    .rss_d_name .rss_date::after {
      padding-left: 16px;
      position: static; }
  .rss_d_name .rss_title {
    width: 100%;
    padding: 0 0 8px; }
  .top_rss_d_con .rss_date {
    width: 100%;
    position: static;
    padding: 8px 0 0; }
    .top_rss_d_con .rss_date::after {
      padding-left: 16px;
      position: static; }
  .top_rss_d_con .rss_title {
    width: 100%;
    padding: 0 0 8px; } }

/*-----------------------------------------------------------------*/
/* 特徴　強み　選ばれる理由 企業理念 など */
/*-----------------------------------------------------------------*/
/*.custom .inner{
	padding: 3% 0;
}
.col_vertical_m{
	.col{
		display: table;
		.col_in,.frl_in{
			display: table-cell;
			vertical-align: middle;
		}
	}
}

@media only screen and (max-width: 690px) {
	.custom{
		padding: 30px 0;
	}
	#features02.custom .col{
		margin-bottom: 0;
		margin-top: 15px;
	}
}

#strength02.custom .inner{
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
}
.col_vertical_m{
	.col,.col{
		display: table;
		.col_in,.col_in{
			display: table-cell;
			vertical-align: middle;
		}
	}
}
#strength01 .col_in,
#strength03 .col_in{padding: 10% 10% 10% 20%; background-color: #fbfbfb;}
#strength02 .col_in{padding: 10% 20% 10% 10%; background-color: #f7f7f7;}

#strength01 .imgLiquid,
#strength03 .imgLiquid,
#strength02 .imgLiquid{min-height: 240px;}

@media only screen and (max-width: 979px) {
	#strength01 .col_in,
	#strength03 .col_in{padding: 6% 10%;}
	#strength02 .col_in{padding: 6% 10%;}
}
@media only screen and (max-width: 690px) {
	#strength01 .col_in,
	#strength03 .col_in{padding: 6% 5%;}
	#strength02 .col_in{padding: 6% 5%;}
	.col_vertical_m{
		.col,.col{
			margin-bottom: 0;
		}
	}
}*/
.col_vm_area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f9f9f9; }
  .col_vm_area .col_vm_block {
    width: 50%; }
    .col_vm_area .col_vm_block img {
      width: 100%;
      height: auto;
      display: block; }
  .col_vm_area .col_vm_txt {
    padding: 4%; }

.col_vm_opp .col_vm_txt {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2; }

.col_vm_opp .col_vm_img {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1; }

@media only screen and (max-width: 979px) {
  .col_vm_area {
    background-color: inherit;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 40px; }
    .col_vm_area .col_vm_block {
      width: 100%; }
      .col_vm_area .col_vm_block img {
        width: 80%;
        margin: -24px auto 0; }
    .col_vm_area .col_vm_txt {
      padding: 24px 32px 48px;
      background-color: #f9f9f9; }
  .col_vm_opp .col_vm_txt {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1; }
  .col_vm_opp .col_vm_img {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2; } }

/* 企業理念 *****************/
.rinen {
  text-align: center;
  font-size: 32px; }
  .rinen > p {
    display: inline-block;
    background-color: #ffffff;
    position: relative; }
    .rinen > p::after {
      background-color: #999999;
      content: "";
      height: 1px;
      position: absolute;
      right: -50px;
      top: 50%;
      width: 30px; }
    .rinen > p::before {
      background-color: #999999;
      content: "";
      height: 1px;
      left: -50px;
      position: absolute;
      top: 50%;
      width: 30px; }

@media only screen and (max-width: 690px) {
  .rinen {
    font-size: 26px; } }

/*-----------------------------------------------------------------*/
/*　faq QA　よくある質問 */
/*-----------------------------------------------------------------*/
/* Default
--------------------------*/
.qa_q::after, .qa_a::after {
  content: "";
  display: table;
  clear: both; }

.qa_q {
  color: #fff;
  padding: 12px 16px;
  background-color: #329bd2; }

.qa_q p, .qa_a p,
.qa_click_q p, .qa_click_a p {
  display: table-cell;
  vertical-align: top;
  line-height: 1.6; }

.qa_a {
  padding: 24px 16px 0 16px; }

/* click
--------------------------*/
.qa_click_q {
  padding: 12px 40px 12px 16px;
  background-color: #f5f5f5;
  position: relative;
  cursor: pointer; }

.qa_click_q::before {
  content: "";
  position: absolute;
  right: 16px;
  top: 12px;
  width: 24px;
  height: 24px;
  background-color: #329bd2; }

.qa_click_q::after {
  content: "";
  position: absolute;
  right: 23px;
  top: 18px;
  width: 8px;
  height: 8px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.qa_click_q.active::after {
  top: 21px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  border-bottom: none;
  border-left: none; }

.qa_click_a {
  display: none;
  padding: 24px 16px 0 16px; }

/* Default and click common
--------------------------*/
.qa .init,
.qa_click .init {
  font-size: 2.4rem;
  line-height: 1;
  padding-right: 10px; }

.qa_click_a p,
.qa_a p {
  line-height: 1.8; }

/* simple
--------------------------*/
.qa_q_simple,
.qa_a_simple {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  .qa_q_simple .init,
  .qa_a_simple .init {
    width: 50px;
    height: 50px;
    margin-right: 20px;
    font-size: 2.8rem;
    color: #FA5688;
    border: 2px solid #FA5688;
    text-align: center;
    line-height: 40px; }
  .qa_q_simple .txt,
  .qa_a_simple .txt {
    width: calc(100% - 50px - 20px); }

.qa_a_simple .init {
  color: #ffffff;
  border: 2px solid #FA5688;
  background-color: #FA5688;
  line-height: 42px; }

.qa_q_simple {
  margin-bottom: 10px; }

.qa_a_simple {
  padding-top: 10px; }

@media only screen and (max-width: 690px) {
  .qa_q {
    padding: 8px 10px; }
  .qa_a {
    padding: 16px 0 0; }
  .qa_click_a {
    padding: 20px 0 0 0; }
  .qa_click_q {
    padding: 10px 10px 25px 10px; }
  .qa_click_q::before {
    display: none; }
  .qa_click_q::after {
    right: 50%;
    margin-right: -4px;
    top: 75%;
    border-color: #f70400; }
  .qa_click_q.active::after {
    top: 80%;
    border-color: #f70400; }
  .qa_q_simple .init,
  .qa_a_simple .init {
    width: 30px;
    height: 30px;
    margin-right: 16px;
    font-size: 2rem;
    line-height: 22px; }
  .qa_q_simple .txt,
  .qa_a_simple .txt {
    width: calc(100% - 30px - 16px); }
  .qa_a_simple .init {
    line-height: 26px; } }

/*-----------------------------------------------------------------*/
/*　サイトマップ */
/*-----------------------------------------------------------------*/
#sitemap {
  padding-bottom: 30px; }

#sitemap li {
  margin: 10px 0;
  padding: 0;
  list-style-type: none; }

#sitemap a {
  color: #333; }

#sitemap ul {
  padding: 0 0 5px 25px; }

#sitemap ul li {
  margin: 5px 0;
  padding: 0; }

#sitemap li::before {
  font-family: FontAwesome;
  content: "\f105";
  color: #aaaaaa;
  display: inline-block;
  font-size: 14px;
  padding-right: 3px;
  position: relative;
  text-decoration: none; }

/*-----------------------------------------------------------------*/
/* リスト */
/*-----------------------------------------------------------------*/
.list_col2 {
  font-size: 0; }

.list_col2 li {
  display: inline-block;
  width: 49%; }

.list_col2 li:not(:last-child) {
  margin-right: 2%; }

.list_col3 {
  font-size: 0; }

.list_col3 li {
  display: inline-block;
  width: 32%; }

.list_col3 li:not(:last-child) {
  margin-right: 2%; }

/*-----------------------------------------------------------------*/
/* subnav */
/*-----------------------------------------------------------------*/
#subnav {
  margin-bottom: 30px; }
  #subnav ul li {
    list-style: none; }
    #subnav ul li a {
      width: 100%;
      display: block;
      border-bottom: 1px dotted #bbbbbb;
      padding: 10px;
      font-size: .9em; }
      #subnav ul li a:hover {
        color: #FA5688;
        background-color: #f9f9f9;
        text-decoration: none; }
    #subnav ul li ul {
      border-bottom: none; }
      #subnav ul li ul li a {
        padding: 5px 5px 5px 25px;
        font-size: .8em; }
    #subnav ul li.current > a {
      border-bottom: 1px dotted #bbbbbb;
      color: #FA5688;
      background-color: #f9f9f9;
      text-decoration: none; }
    #subnav ul li.current ul {
      border-bottom: 1px dotted #bbbbbb; }
      #subnav ul li.current ul li a {
        border-bottom: none;
        font-size: .9em; }

#subnav_title a {
  display: block;
  text-align: center;
  padding: 8px 5px;
  background-color: #329bd2;
  color: #ffffff;
  font-size: 18px; }
  #subnav_title a:hover {
    text-decoration: none;
    background-color: #0E86C7; }

/*-----------------------------------------------------------------*/
/* page contact */
/*-----------------------------------------------------------------*/
.colcontact {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  max-width: 640px;
  text-align: center;
  padding: 30px 15px;
  background-color: #f5f5f5; }
  .colcontact .title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px; }
  .colcontact .telnum {
    margin-top: 15px;
    font-size: 32px;
    font-weight: bold; }
    .colcontact .telnum::before {
      font-family: FontAwesome;
      content: "\f095";
      display: inline-block;
      padding-right: 5px;
      vertical-align: middle;
      font-size: 22px;
      margin-right: 5px;
      font-size: 30px; }
  .colcontact .teltime {
    font-size: 12px; }

@media only screen and (max-width: 690px) {
  .colcontact {
    width: 100%; }
    .colcontact .title {
      font-size: 18px; }
    .colcontact .telnum {
      font-size: 26px; } }

/*-----------------------------------------------------------------*/
/* side contact */
/*-----------------------------------------------------------------*/
.sidecontact {
  margin-bottom: 30px;
  text-align: center; }
  .sidecontact .sidecontact_in {
    padding: 15px;
    background-color: #EBF0F7; }
    .sidecontact .sidecontact_in .title {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 15px; }
    .sidecontact .sidecontact_in .telnum {
      margin-top: 15px;
      font-size: 26px;
      font-weight: bold; }
    .sidecontact .sidecontact_in .teltime {
      font-size: 12px; }

/*-----------------------------------------------------------------*/
/* form contact */
/*-----------------------------------------------------------------*/
.formflow li:after {
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 5px);
  right: -25px; }

.formflow li:after {
  border-top: solid 2px #FA5688;
  border-right: solid 2px #FA5688; }

.formflow li.prev {
  background-color: #dddddd; }

.formflow.last li.prev {
  padding: 10px; }

.formflow li.age {
  background-color: #FA5688; }

.formflow li.next {
  background-color: #FCB8CC; }

/*-----------------------------------------------------------------*/
/* search */
/*-----------------------------------------------------------------*/
.sub_search input {
  border: medium none;
  border-radius: 0;
  display: block;
  height: 40px;
  padding: 0 2%; }

.sub_search .search_txt {
  float: left;
  width: 80%;
  border: 1px solid #eee;
  text-align: left; }

.sub_search .submit_btn {
  background: #555555 url("../image/common/icon_search.png") no-repeat scroll center center/16px auto;
  border: medium none;
  cursor: pointer;
  float: left;
  padding: 0;
  text-indent: -9999px;
  width: 38px; }

@media only screen and (max-width: 690px) {
  .sub_search input.search_txt {
    width: calc(100% - 38px); } }

/*-----------------------------------------------------------------*/
/* submain area A */
/*-----------------------------------------------------------------*/
.col2_vm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%; }
  .col2_vm .flt_vm, .col2_vm .flr_vm {
    width: 50%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; }
  .col2_vm .flt_vm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }

.sm_a_area .sm_a_block {
  padding: 4%;
  background: url("../image/sub_sample_bg_1000450.jpg") no-repeat scroll center center/cover; }

.sm_a_area.reverse .sm_a_block {
  padding: 4%; }

.sm_a_area.reverse .col2_vm .flt_vm {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2; }

.sm_a_area.reverse .col2_vm .flr_vm {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1; }

.sm_a_area.imgdan .flr_vm {
  width: 33.333%; }

.sm_a_area.imgdan .flt_vm {
  width: 66.666%; }

@media only screen and (max-width: 979px) {
  .col2_vm {
    display: block; }
    .col2_vm .flt_vm, .col2_vm .flr_vm {
      width: 100%;
      display: block; }
  /*.sm_a_area.reverse .sm_a_block,
	.sm_a_area .sm_a_block{padding: 5% 8%;}*/
  .sm_a_area.imgdan .flr_vm {
    width: 100%; }
  .sm_a_area.imgdan .flt_vm {
    width: 100%; }
  .sm_a_area.imgdan .flr_vm.img100 img {
    width: 50%;
    display: inline-block;
    max-width: 50%; } }

@media only screen and (max-width: 690px) {
  .sm_a_area.reverse .sm_a_block,
  .sm_a_area .sm_a_block {
    padding: 10% 5%; } }

/*-----------------------------------------------------------------*/
/* submain area B */
/*-----------------------------------------------------------------*/
.sm_b_area {
  background: url("../image/sub_sample_bg_2000450.jpg") no-repeat scroll center center/cover;
  background-attachment: fixed;
  padding: 56px 0;
  color: #ffffff; }

.sm_b_block {
  background-color: rgba(162, 188, 14, 0.6);
  padding: 4%; }

/*-----------------------------------------------------------------*/
/* submain area C */
/*-----------------------------------------------------------------*/
.sm_c_area_txt {
  position: relative;
  z-index: 2;
  margin: -200px auto 0;
  background-color: #ffffff;
  padding: 4% 8%;
  width: 88%;
  -webkit-box-shadow: 5px 5px 10px -3px rgba(0, 0, 0, 0.15);
  box-shadow: 5px 5px 10px -3px rgba(0, 0, 0, 0.15); }

@media only screen and (max-width: 979px) {
  .sm_c_area_txt {
    margin: -120px auto 0;
    padding: 4% 4%;
    width: 90%; } }

@media only screen and (max-width: 690px) {
  .sm_c_area_txt {
    margin: -80px auto 0; } }

/*-----------------------------------------------------------------*/
/* submain area D */
/*-----------------------------------------------------------------*/
.col2_vm_v2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #f5f5f5;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%; }
  .col2_vm_v2 .flt_vm, .col2_vm_v2 .flr_vm {
    width: 50%;
    position: relative; }
  .col2_vm_v2 .flt_vm {
    background-color: #ffffff;
    padding: 24px;
    -webkit-box-shadow: 5px 5px 10px -3px rgba(0, 0, 0, 0.15);
    box-shadow: 5px 5px 10px -3px rgba(0, 0, 0, 0.15);
    left: 8%;
    z-index: 2; }

@media only screen and (max-width: 979px) {
  .col2_vm_v2 {
    display: block; }
    .col2_vm_v2 .flt_vm, .col2_vm_v2 .flr_vm {
      width: 100%; }
    .col2_vm_v2 .flt_vm {
      left: 5%;
      top: 24px;
      width: 90%;
      padding: 32px 24px; }
    .col2_vm_v2 .flr_vm {
      margin-top: -60px;
      position: relative;
      z-index: 5;
       } }

@media only screen and (max-width: 979px) {
  .col2_vm_v2 .flr_vm {
    margin-top: -20px; } }

/*-----------------------------------------------------------------*/
/* sub area C */
/*-----------------------------------------------------------------*/
.sub_c_block,
.sub_c_image {
  overflow: hidden;
  position: relative; }

.sub_c_image::after {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }

.sub_c_image_txt {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  width: 100%; }

.sub_c_block:hover .sub_c_image::after {
  background-color: rgba(0, 0, 0, 0.7); }

.sub_c_caption {
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  top: 100%;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0 20px;
  position: absolute;
  text-align: center;
  width: 100%;
  color: #ffffff; }

.sub_c_block:hover .sub_c_caption {
  top: 50%;
  opacity: 1;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 3; }

.sub_c_title {
  font-size: 24px; }

.sub_c_area .flt, .sub_c_area .flr {
  border-right: 0.5px solid #ffffff;
  border-left: 0.5px solid #ffffff; }

@media only screen and (max-width: 979px) {
  .sub_c_image_txt {
    display: none; }
  .sub_c_caption {
    position: static;
    opacity: 1;
    padding: 10px 8px 0;
    color: #000000; }
  .sub_c_block:hover .sub_c_caption {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0); }
  .sub_c_block:hover .sub_c_image::after {
    background-color: transparent; } }

@media only screen and (max-width: 690px) {
  .sub_c_area .flt {
    border-bottom: 1px solid #ffffff;
    border-right: none;
    border-left: none;
    margin-bottom: 24px; } }

/*-----------------------------------------------------------------*/
/* sub_d_area */
/*-----------------------------------------------------------------*/
.sub_d_area .bigglink {
  position: relative;
  z-index: 0; }
  .sub_d_area .bigglink figcaption {
    padding: 5%;
    background-color: #f9f9f9; }
  .sub_d_area .bigglink .img100 {
    overflow: hidden; }
    .sub_d_area .bigglink .img100 img {
      -webkit-transition: all 0.3s 0s ease;
      -o-transition: all 0.3s 0s ease;
      transition: all 0.3s 0s ease;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
  .sub_d_area .bigglink::before {
    content: "";
    display: block;
    height: 100%;
    left: -2px;
    position: absolute;
    top: -2px;
    width: 100%;
    z-index: -1;
    -webkit-transition: all 0.3s 0s ease;
    -o-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
    border: 2px solid rgba(255, 255, 255, 0); }
  .sub_d_area .bigglink.bl-hover::before {
    border: 2px solid #FA5688; }

.sub_d_area figcaption .txt_link a {
  color: #000000;
  font-weight: bold; }

/*-----------------------------------------------------------------*/
/* interview */
/*-----------------------------------------------------------------*/
.interview_txt {
  background-color: #ffffff;
  position: relative;
  z-index: 2;
  padding: 20px;
  border-bottom: 2px solid #FA5688;
  margin: -120px auto 0;
  width: calc(100% - 40px); }

.interview_section .interview_txt {
  -webkit-transition: all .1s ease 0s;
  -o-transition: all .1s ease 0s;
  transition: all .1s ease 0s; }

.interview_section > div.bl-hover .interview_txt {
  background-color: #FA5688;
  color: #ffffff;
  border-bottom-color: #282F3A; }
  .interview_section > div.bl-hover .interview_txt a {
    color: #ffffff;
    text-decoration: none; }

.interview_section > div.bl-hover .img {
  position: relative; }
  .interview_section > div.bl-hover .img::before {
    background-color: #FA5688;
    opacity: .3;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }

@media only screen and (max-width: 979px) {
  .interview_txt {
    padding: 15px;
    margin: -80px auto 0;
    width: calc(100% - 20px); }
  .interview_section > div.bl-hover .img::before {
    display: none; }
  .col4.interview_section .col {
    width: 50%; } }

@media only screen and (max-width: 690px) {
  .interview_section > div {
    margin-bottom: 20px; }
  .interview_txt {
    margin: -100px auto 0;
    width: calc(100% - 40px); } }

/*-----------------------------------------------------------------*/
/* tab switch sub_i_area */
/*-----------------------------------------------------------------*/
.tabswitch_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  position: relative;
  z-index: 2; }
  .tabswitch_list li {
    margin-right: 4px; }
    .tabswitch_list li a {
      display: block;
      padding: 8px 16px;
      background-color: #FA5688;
      color: #ffffff;
      border: 1px solid #FA5688;
      border-bottom: none; }
      .tabswitch_list li a:hover {
        text-decoration: none; }
  .tabswitch_list li.active a {
    background-color: #ffffff;
    color: #FA5688; }

.tabswitch_con {
  padding: 4%;
  border: 1px solid #FA5688;
  margin-top: -1px;
  position: relative;
  z-index: 1; }

@media only screen and (max-width: 979px) {
  .tabswitch_con {
    padding: 4% 2%; } }

@media only screen and (max-width: 690px) {
  .tabswitch_con {
    padding: 7%; } }

/*-----------------------------------------------------------------

sub area J

-----------------------------------------------------------------*/
.loopSlide_con {
  position: relative; }

.loopSlide_clip {
  position: relative;
  overflow: hidden; }

.loopSlide_list {
  overflow: hidden;
  margin: 0;
  padding: 0; }

.loopSlide_list li {
  float: left;
  /* Horizontal scroll only */
  padding: 0;
  margin: 0;
  width: 320px;
  height: auto;
  list-style: none; }

.loopSlide_list li img {
  display: block; }

/*-----------------------------------------------------------------

sub area K

-----------------------------------------------------------------*/
.sub_k_list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 16px; }

.sub_k_list li {
  width: calc((100% - 8px * 4) / 5);
  margin-left: 8px;
  margin-bottom: 8px;
  list-style: none; }
  .sub_k_list li:nth-child(5n+1) {
    margin-left: 0; }
  .sub_k_list li a {
    display: block;
    position: relative;
    z-index: 0; }

.sub_k_list li a:hover {
  opacity: 0.8; }
  .sub_k_list li a:hover::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 2px solid #FA5688;
    z-index: 1; }

@media only screen and (max-width: 690px) {
  .sub_k_list li {
    width: calc((100% - 8px * 2) / 3); }
    .sub_k_list li:nth-child(5n+1) {
      margin-left: 8px; }
    .sub_k_list li:nth-child(3n+1) {
      margin-left: 0; } }

/*-----------------------------------------------------------------

sub area L

-----------------------------------------------------------------*/
.sub_l_list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 16px; }

.sub_l_list li {
  width: calc((100% - 8px * 4) / 5);
  margin-left: 8px;
  margin-bottom: 8px;
  list-style: none; }
  .sub_l_list li:nth-child(5n+1) {
    margin-left: 0; }
  .sub_l_list li a {
    display: block;
    position: relative;
    z-index: 0; }

.sub_l_list li a:hover {
  opacity: 0.8; }
  .sub_l_list li a:hover::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border: 2px solid #FA5688;
    z-index: 1; }

@media only screen and (max-width: 690px) {
  .sub_l_list li {
    width: calc((100% - 8px * 2) / 3); }
    .sub_l_list li:nth-child(5n+1) {
      margin-left: 8px; }
    .sub_l_list li:nth-child(3n+1) {
      margin-left: 0; } }