@charset "UTF-8";
/*==========================================================
    radius style
==========================================================*/
.tp_radius_s .tp_block,
.tp_radius_s .tp_loader,
.tp_radius_s .tp_radius,
.tp_radius_s .tp_navi_menu,
.tp_radius_s .tp_inquiry a {
  border-radius: 3px;
}

.tp_radius_m .tp_block,
.tp_radius_m .tp_loader,
.tp_radius_m .tp_radius,
.tp_radius_m .tp_navi_menu,
.tp_radius_m .tp_inquiry a {
  border-radius: 5px;
}

.tp_radius_l .tp_block,
.tp_radius_l .tp_loader,
.tp_radius_l .tp_radius,
.tp_radius_l .tp_navi_menu,
.tp_radius_l .tp_inquiry a {
  border-radius: 10px;
}

/*==========================================================
    block class
==========================================================*/
.tp_block_01 {
  background: #fff;
}

.tp_block_02 {
  background: url(./../img/tp_block_02.png) #e1e1e1 repeat-x 0 0;
  background: url(./../img/tp_block_02.png) rgba(255, 255, 255, 0.7) repeat-x 0
    0;
  -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.5);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

.tp_block_03 {
  color: #fff;
  background: #28466e;
  background: rgba(0, 38, 85, 0.8);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

.tp_block_04 {
  color: #fff;
  background: #323232;
  background: rgba(0, 0, 0, 0.8);
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
}

/* for user style */
.tp_positive {
  color: #000;
  background: #fff;
}

.tp_negative {
  color: #fff;
  background: #000;
}

/*==========================================================
    body background class
==========================================================*/
.tp_bg_01 {
  background: url(./../img/tp_bg_01.png) 50% 50%;
}

.tp_bg_02 {
  background: url(./../img/tp_bg_02.png) 0 0;
}

.tp_bg_03 {
  background: url(./../img/tp_bg_03.png) 50% 50% #f0f2f2;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  .tp_bg_01 {
    background: url(./../img/tp_bg_01_x2.png) 50% 50%;
    background-size: 100px 100px;
  }
  .tp_bg_02 {
    background: url(./../img/tp_bg_02_x2.png) 0 0;
    background-size: 100px 100px;
  }
  .tp_bg_03 {
    background: url(./../img/tp_bg_03_x2.png) 50% 50% #f0f2f2;
    background-size: 100px 100px;
  }
}

/*==========================================================
    loader class
==========================================================*/
.tp_loader {
  opacity: 0.9;
}

.tp_loader_01 {
  background: url(./../img/tp_loader_a.gif) #fff no-repeat 50% 48%;
}

.tp_loader_02 {
  background: url(./../img/tp_loader_b.gif) #fff no-repeat 50% 48%;
}

/*==========================================================
    header class
==========================================================*/
/* .tp_header_01 */
.tp_header_01 {
  border-bottom: 1px solid #282828;
  background: #333;
}

.tp_header_01 .tp_header_head {
  color: #ddd;
}

/* .tp_header_02 */
.tp_header_02 {
  border-top: 4px solid #282828;
}

.tp_header_02 .tp_header_head {
  color: #333;
}

/* .tp_header_02 */
.tp_header_03 .tp_header_head {
  color: #333;
}

/*==========================================================
    footer class
==========================================================*/
/* .tp_footer_01 */
.tp_footer_01 {
  background: #333;
}

.tp_footer_01 .tp_footer_utility {
  border-radius: 3px 3px 0 0;
  background: #333;
}

.tp_footer_01 .tp_preview span,
.tp_footer_01 .tp_pagetop span {
  color: #ddd;
}

.tp_footer_01 .tp_preview {
  background: url(./../img/tp_footer_01_utility.png) no-repeat 100% 66% #333;
}

.tp_footer_01 .tp_preview span {
  background: url(./../img/tp_footer_01_preview.png) no-repeat 10px 60%;
}

.tp_footer_01 .tp_pagetop span {
  background: url(./../img/tp_footer_01_pagetop.png) no-repeat 9px 60%;
}

.tp_footer_01 .tp_footer_link a {
  color: #ddd;
  background: url(./../img/tp_footer_01_link.png) no-repeat 5px 50%;
}

.tp_footer_01 .tp_fotter_copyright {
  color: #999;
}

@media only screen and (max-width: 599px) {
  .tp_footer_01 .tp_footer_link a {
    border-bottom: 1px solid #666;
    background-position: 96% 50%;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  .tp_footer_01 .tp_preview span {
    background-image: url(./../img/tp_footer_01_preview_x2.png);
    background-size: 5px 7px;
  }
  .tp_footer_01 .tp_pagetop span {
    background-image: url(./../img/tp_footer_01_pagetop_x2.png);
    background-size: 7px 5px;
  }
  .tp_footer_01 .tp_footer_link a {
    background-image: url(./../img/tp_footer_01_link_x2.png);
    background-size: 5px 7px;
  }
}

/* .tp_footer_02 */
.tp_footer_02 {
  background: #858585;
  background: rgba(51, 51, 51, 0.6);
}

.ie .tp_footer_02 {
  background: #666;
}

.tp_footer_02 .tp_preview,
.tp_footer_02 .tp_pagetop {
  border-radius: 0 0 3px 3px;
  color: #ddd;
  background: #333;
}

.tp_footer_02 .tp_preview span {
  background: url(./../img/tp_footer_02_preview.png) no-repeat 10px 50%;
}

.tp_footer_02 .tp_pagetop span {
  background: url(./../img/tp_footer_02_pagetop.png) no-repeat 9px 50%;
}

.tp_footer_02 .tp_footer_link a {
  color: #ddd;
  background: url(./../img/tp_footer_02_link.png) no-repeat right 50%;
}

.tp_footer_02 .tp_fotter_copyright {
  color: #ddd;
}

.tp_footer_02 li.last a {
  background: none;
}

@media only screen and (max-width: 599px) {
  .tp_footer_02 .tp_footer_in .tp_footer_link a {
    border-bottom: 1px solid #999;
    background: none;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  .tp_footer_02 .tp_preview span {
    background-image: url(./../img/tp_footer_02_preview_x2.png);
    background-size: 5px 7px;
  }
  .tp_footer_02 .tp_pagetop span {
    background-image: url(./../img/tp_footer_02_pagetop_x2.png);
    background-size: 7px 5px;
  }
}

/* .tp_footer_03 */
.tp_footer_03 .tp_footer_utility {
  border-bottom: 1px solid #999;
}

.tp_footer_03 .tp_preview,
.tp_footer_03 .tp_pagetop {
  color: #333;
}

.tp_footer_03 .tp_preview {
  background: url(./../img/tp_footer_03_preview.png) no-repeat 10px 50%;
}

.tp_footer_03 .tp_pagetop {
  background: url(./../img/tp_footer_03_pagetop.png) no-repeat 9px 50%;
}

.tp_footer_03 .tp_footer_link a {
  color: #333;
  background: url(./../img/tp_footer_03_link.png) no-repeat 5px 50%;
}

.tp_footer_03 .tp_fotter_copyright {
  color: #666;
}

@media only screen and (max-width: 599px) {
  .tp_footer_03 .tp_footer_link a {
    border-bottom: 1px solid #aaa;
    background-position: 96% 50%;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  .tp_footer_03 .tp_preview {
    background-image: url(./../img/tp_footer_03_preview_x2.png);
    background-size: 11px 11px;
  }
  .tp_footer_03 .tp_pagetop {
    background-image: url(./../img/tp_footer_03_pagetop_x2.png);
    background-size: 11px 11px;
  }
  .tp_footer_03 .tp_footer_link a {
    background-image: url(./../img/tp_footer_03_link_x2.png);
    background-size: 5px 7px;
  }
}

/*==========================================================
    breadcrumb class
==========================================================*/
.tp_breadcrumb li {
  background: url(./../img/tp_breadcrumb_a.png) no-repeat 6px 45%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  .tp_breadcrumb li {
    background: url(./../img/tp_breadcrumb_a_x2.png) no-repeat 6px 45%;
    background-size: 5px 7px;
  }
}

.tp_breadcrumb li:first-child {
  background: none;
}

/*==========================================================
    navi
==========================================================*/
/* sp - tab menu */
.tp_navi_menubtn {
  background: url(./../img/tp_navi_01_menubtn.png) no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  .tp_navi_menubtn {
    background: url(./../img/tp_navi_01_menubtn_x2.png) no-repeat;
    background-size: 62px 24px;
  }
}

.tp_navi_menu_in {
  border-radius: 5px;
  background: #fff;
}

#tp_navi_bg {
  opacity: 0.9;
  background: #000;
}

/* .tp_navi_01 */
.tp_navi_01 .tp_navi_link a {
  border-bottom: 1px dotted #999;
  color: #000;
  background: url(./../img/tp_navi_01_arrow_a.png) no-repeat 98% 50%;
}

.tp_navi_01.tp_block_03 .tp_navi_link a,
.tp_navi_01.tp_block_04 .tp_navi_link a,
.tp_navi_01.tp_negative .tp_navi_link a {
  color: #fff;
  background: url(./../img/tp_navi_01_arrow_b.png) no-repeat 98% 50%;
}

.tp_navi_01 .tp_navi_link a:hover,
.tp_navi_01 .tp_navi_current a {
  color: #39f;
  background-image: url(./../img/tp_navi_01_arrow_a_ov.png);
}

.tp_navi_01.tp_block_03 .tp_navi_link a:hover,
.tp_navi_01.tp_block_04 .tp_navi_link a:hover,
.tp_navi_01.tp_negative .tp_navi_link a:hover,
.tp_navi_01.tp_block_03 .tp_navi_current a,
.tp_navi_01.tp_block_04 .tp_navi_current a,
.tp_navi_01.tp_negative .tp_navi_current a {
  color: #39f;
  background-image: url(./../img/tp_navi_01_arrow_b_ov.png);
}

.tp_navi_01 .tp_navi_current_in a {
  border: none;
  border-bottom: 1px dotted #ccc;
  color: #000;
  background: url(./../img/tp_navi_01_arrow_sub_a.png) no-repeat 98% 50%;
}

.tp_navi_01 .tp_navi_current_in a:hover,
.tp_navi_01 .tp_navi_current_in .tp_navi_current a {
  color: #39f;
  background-image: url(./../img/tp_navi_01_arrow_sub_a_ov.png);
}

.tp_navi_01.tp_block_03 .tp_navi_current_in a,
.tp_navi_01.tp_block_04 .tp_navi_current_in a,
.tp_navi_01.tp_negative .tp_navi_current_in a {
  border: none;
  border-bottom: 1px dotted #ccc;
  color: #fff;
  background: url(./../img/tp_navi_01_arrow_sub_a.png) no-repeat 98% 50%;
}

.tp_navi_01.tp_block_03 .tp_navi_current_in a:hover,
.tp_navi_01.tp_block_04 .tp_navi_current_in a:hover,
.tp_navi_01.tp_negative .tp_navi_current_in a:hover,
.tp_navi_01.tp_block_03 .tp_navi_current_in .tp_navi_current a,
.tp_navi_01.tp_block_04 .tp_navi_current_in .tp_navi_current a,
.tp_navi_01.tp_negative .tp_navi_current_in .tp_navi_current a {
  color: #39f;
  background-image: url(./../img/tp_navi_01_arrow_sub_a_ov.png);
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  .tp_navi_01 .tp_navi_link a {
    background: url(./../img/tp_navi_01_arrow_a_x2.png) no-repeat 98% 50%;
    background-size: 7px 10px;
  }
  .tp_navi_01.tp_block_03 .tp_navi_link a,
  .tp_navi_01.tp_block_04 .tp_navi_link a,
  .tp_navi_01.tp_negative .tp_navi_link a {
    background: url(./../img/tp_navi_01_arrow_b_x2.png) no-repeat 98% 50%;
    background-size: 7px 10px;
  }
  .tp_navi_01 .tp_navi_current a {
    background-image: url(./../img/tp_navi_01_arrow_a_ov_x2.png);
    background-size: 7px 10px;
  }
  .tp_navi_01 .tp_navi_current_in a {
    background: url(./../img/tp_navi_01_arrow_sub_x2.png) no-repeat 98% 50%;
    background-size: 6px 8px;
  }
  .tp_navi_01 .tp_navi_current_in a:hover,
  .tp_navi_01 .tp_navi_current_in .tp_navi_current a {
    background-image: url(./../img/tp_navi_01_arrow_sub_ov_x2.png);
    background-size: 6px 8px;
  }
}

/* navi_03 */
.tp_navi_03 .tp_horizon_navi_wrap {
  background: #144c84;
}

.tp_navi_03 .tp_navi_line {
  background: url(./../img/tp_navi_03_line.png) repeat-x;
}

.tp_navi_03 .tp_horizon_navi_wrap .tp_navi_in {
  border-left: 1px solid #036;
}

.tp_navi_03 .tp_horizon_navi_wrap .tp_navi_link a {
  border-right: 1px solid #122b65;
  border-left: 1px solid #5e7dcc;
  background: url(./../img/tp_navi_03_bg.png) repeat-x 0 50%;
}

.tp_navi_03 .tp_horizon_navi_wrap .tp_navi_current a,
.tp_navi_03 .tp_horizon_navi_wrap .tp_navi_link a:hover {
  border-right: 1px solid #666;
  border-left: 1px solid #fff;
  background: url(./../img/tp_navi_03_bg_ov.png) repeat-x 0 50%;
}

.tp_navi_03 .tp_horizon_navi_wrap .tp_navi_link a .tp_navi_maintxt {
  color: #fff;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.3);
}

.tp_navi_03 .tp_horizon_navi_wrap .tp_navi_current a .tp_navi_maintxt,
.tp_navi_03 .tp_horizon_navi_wrap .tp_navi_link a:hover .tp_navi_maintxt {
  color: #333;
  text-shadow: 0 -1px 1px rgba(255, 255, 255, 0.7), 0 1px 0 rgba(0, 0, 0, 0.3);
}

/* .tp_navi_03_sub */
.tp_navi_03_sub .tp_navi_link a {
  border-bottom: 1px dotted #666;
  color: #000;
  background: url(./../img/tp_navi_03_arrow_a.png) no-repeat 98% 50%;
}

.tp_navi_03_sub.tp_block_03 .tp_navi_link a,
.tp_navi_03_sub.tp_block_04 .tp_navi_link a,
.tp_navi_03_sub.tp_negative .tp_navi_link a {
  border-bottom: 1px dotted #999;
  color: #fff;
  background: url(./../img/tp_navi_03_arrow_b.png) no-repeat 98% 50%;
}

.tp_navi_03_sub .tp_navi_current_in a {
  border: none;
  border-bottom: 1px dotted #ccc;
  background: url(./../img/tp_navi_03_arrow_sub.png) no-repeat 98% 50%;
}

.tp_navi_03_sub.tp_block_03 .tp_navi_current_in a,
.tp_navi_03_sub.tp_block_04 .tp_navi_current_in a,
.tp_navi_03_sub.tp_negative .tp_navi_current_in a {
  border-bottom: 1px dotted #666;
  background: url(./../img/tp_navi_03_arrow_sub.png) no-repeat 98% 50%;
}

.tp_navi_03_sub .tp_navi_current_in a:hover,
.tp_navi_03_sub .tp_navi_current_in .tp_navi_current a {
  color: #39f;
  background: url(./../img/tp_navi_03_arrow_sub_ov.png) no-repeat 98% 50%;
}

.tp_navi_03.tp_navi_menu .tp_navi_link a {
  border-bottom: 1px dotted #999;
  color: #000;
  background: url(./../img/tp_navi_03_arrow_a.png) no-repeat 98% 50%;
}

.tp_navi_03.tp_navi_menu .tp_navi_link a:hover,
.tp_navi_03.tp_navi_menu .tp_navi_current a {
  color: #39f;
  background-image: url(./../img/tp_navi_03_arrow_a_ov.png);
}

.tp_navi_03.tp_navi_menu .tp_navi_current_in a {
  border: none;
  border-bottom: 1px dotted #ccc;
  color: #000;
  background: url(./../img/tp_navi_03_arrow_sub.png) no-repeat 98% 50%;
}

.tp_navi_03.tp_navi_menu .tp_navi_current_in a:hover,
.tp_navi_03.tp_navi_menu .tp_navi_current_in .tp_navi_current a {
  color: #39f;
  background-image: url(./../img/tp_navi_03_arrow_sub_ov.png);
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  .tp_navi_03_sub .tp_navi_link a {
    background: url(./../img/tp_navi_03_arrow_a_x2.png) no-repeat 98% 50%;
    background-size: 7px 10px;
  }
  .tp_navi_03_sub .tp_navi_current_in a {
    background: url(./../img/tp_navi_03_arrow_sub_x2.png) no-repeat 98% 50%;
    background-size: 6px 8px;
  }
  .tp_navi_03_sub .tp_navi_current_in a:hover,
  .tp_navi_03_sub .tp_navi_current_in .tp_navi_current a {
    background: url(./../img/tp_navi_03_arrow_sub_ov_x2.png) no-repeat 98% 50%;
    background-size: 6px 8px;
  }
  .tp_navi_03.tp_navi_menu .tp_navi_link a {
    background: url(./../img/tp_navi_03_arrow_a_x2.png) no-repeat 98% 50%;
    background-size: 7px 10px;
  }
  .tp_navi_03.tp_navi_menu .tp_navi_link a:hover,
  .tp_navi_03.tp_navi_menu .tp_navi_current a {
    background-image: url(./../img/tp_navi_03_arrow_a_ov_x2.png);
    background-size: 7px 10px;
  }
  .tp_navi_03.tp_navi_menu .tp_navi_current_in a {
    background: url(./../img/tp_navi_03_arrow_sub_x2.png) no-repeat 98% 50%;
    background-size: 6px 8px;
  }
  .tp_navi_03.tp_navi_menu .tp_navi_current_in a:hover,
  .tp_navi_03.tp_navi_menu .tp_navi_current_in .tp_navi_current a {
    background-image: url(./../img/tp_navi_03_arrow_sub_ov_x2.png);
    background-size: 6px 8px;
  }
}

/*==========================================================
    tp_navi option
==========================================================*/
/* ----------------------------------------------------
        search
    -----------------------------------------------------*/
.tp_navi_search_button {
  background: url(./../img/tp_navi_search_button_a.png) no-repeat 50% 50%;
}

/* ----------------------------------------------------
        inquiry
    -----------------------------------------------------*/
.tp_inquiry a {
  border: 1px solid #900;
  color: #fff;
  background: #df3926;
  background: url(./../img/tp_button_color_01.png) repeat-x 0 50% #ce0504;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), inset 0 0 2px white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), inset 0 0 2px white;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.3);
}

.tp_inquiry a:hover {
  background: #cf0805;
  background: url(./../img/tp_button_color_01.png) repeat-x left 70% #1b1b52;
}

/* ----------------------------------------------------
        fontsize changer
    -----------------------------------------------------*/
.tp_fontsize_btn .tp_fontsize_s {
  background: url(./../img/tp_fontsize_s_a.png) no-repeat;
}

.tp_fontsize_btn .tp_fontsize_m {
  background: url(./../img/tp_fontsize_m_a.png) no-repeat;
}

.tp_fontsize_btn .tp_fontsize_l {
  background: url(./../img/tp_fontsize_l_a.png) no-repeat;
}

.tp_block_03 .tp_fontsize_btn .tp_fontsize_s,
.tp_block_04 .tp_fontsize_btn .tp_fontsize_s,
.tp_negative .tp_fontsize_btn .tp_fontsize_s {
  background: url(./../img/tp_fontsize_s_b.png) no-repeat;
}

.tp_block_03 .tp_fontsize_btn .tp_fontsize_m,
.tp_block_04 .tp_fontsize_btn .tp_fontsize_m,
.tp_negative .tp_fontsize_btn .tp_fontsize_m {
  background: url(./../img/tp_fontsize_m_b.png) no-repeat;
}

.tp_block_03 .tp_fontsize_btn .tp_fontsize_l,
.tp_block_04 .tp_fontsize_btn .tp_fontsize_l,
.tp_negative .tp_fontsize_btn .tp_fontsize_l {
  background: url(./../img/tp_fontsize_l_b.png) no-repeat;
}

.tp_fontsize_btn .tp_fontsize_s.tp_fontsize_current {
  background: url(./../img/tp_fontsize_s_a_ov.png) no-repeat;
}

.tp_fontsize_btn .tp_fontsize_m.tp_fontsize_current {
  background: url(./../img/tp_fontsize_m_a_ov.png) no-repeat;
}

.tp_fontsize_btn .tp_fontsize_l.tp_fontsize_current {
  background: url(./../img/tp_fontsize_l_a_ov.png) no-repeat;
}

.tp_block_03 .tp_fontsize_btn .tp_fontsize_s.tp_fontsize_current,
.tp_block_04 .tp_fontsize_btn .tp_fontsize_s.tp_fontsize_current,
.tp_negative .tp_fontsize_btn .tp_fontsize_s.tp_fontsize_current {
  background: url(./../img/tp_fontsize_s_b_ov.png) no-repeat;
}

.tp_block_03 .tp_fontsize_btn .tp_fontsize_m.tp_fontsize_current,
.tp_block_04 .tp_fontsize_btn .tp_fontsize_m.tp_fontsize_current,
.tp_negative .tp_fontsize_btn .tp_fontsize_m.tp_fontsize_current {
  background: url(./../img/tp_fontsize_m_b_ov.png) no-repeat;
}

.tp_block_03 .tp_fontsize_btn .tp_fontsize_l.tp_fontsize_current,
.tp_block_04 .tp_fontsize_btn .tp_fontsize_l.tp_fontsize_current,
.tp_negative .tp_fontsize_btn .tp_fontsize_l.tp_fontsize_current {
  background: url(./../img/tp_fontsize_l_b_ov.png) no-repeat;
}

/*==========================================================
    01.title
==========================================================*/
/* 00 normal */
.tp_title_lead {
  color: #888;
}

/* 01 color */
.tp_title_01 {
  color: #144c84;
}

.tp_block_03 .tp_title_01,
.tp_block_04 .tp_title_01,
.tp_negative .tp_title_01 {
  color: #3b8fc2;
}

.tp_title_01 .tp_title_lead {
  color: #888;
}

/* 02 bg1 */
.tp_title_02 {
  background: url(./../img/tp_title_02_a.png) repeat-y 0 0;
}

.tp_block_03 .tp_title_02,
.tp_block_04 .tp_title_02,
.tp_negative .tp_title_02 {
  background: url(./../img/tp_title_02_b.png) repeat-y 0 0;
}

.tp_title_02 .tp_title_lead {
  color: #144c84;
}

.tp_block_03 .tp_title_02 .tp_title_lead,
.tp_block_04 .tp_title_02 .tp_title_lead,
.tp_negative .tp_title_02 .tp_title_lead {
  color: #999;
}

/* 03 bg2 */
.tp_title_03 {
  color: #fff;
  background: #036;
}

.tp_block_03 .tp_title_03,
.tp_block_04 .tp_title_03,
.tp_negative .tp_title_03 {
  background: #069;
}

.tp_title_03 .tp_title_lead {
  color: #cfe7ff;
}

/*==========================================================
    03.text & 14.free style
==========================================================*/
/* list */
.tp_text ul li {
  background: url(./../img/tp_text_list_01_a.png) no-repeat 0.6em 0.5em;
}

.tp_block_03 .tp_text ul li,
.tp_block_04 .tp_text ul li,
.tp_negative .tp_text ul li {
  background: url(./../img/tp_text_list_01_b.png) no-repeat 0.6em 0.5em;
}

/* decoration */
.tp_text_01 {
  background: #eee;
}

.tp_block_03 .tp_text_01,
.tp_block_04 .tp_text_01,
.tp_negative .tp_text_01 {
  background: #888;
}

.tp_text_02 {
  border: 1px solid #ccc;
}

.tp_text_03 {
  background: url(./../img/tp_text_03_a.png) repeat left 25px;
}

.tp_block_03 .tp_text_03,
.tp_block_04 .tp_text_03,
.tp_negative .tp_text_03 {
  background: url(./../img/tp_text_03_b.png) repeat left 25px;
}

.tp_text_03 ul li {
  background-position: 0.6em 8px;
}

.tp_text table th {
  color: #333;
  background: #ddd;
  text-shadow: none;
}

.tp_text table th,
.tp_text table td {
  border: 1px #ccc solid;
}

.tp_text table th:last-child,
.tp_text table td:last-child {
  border-right: 1px #ccc solid;
}

.tp_text table tfoot tr td {
  border-bottom: 1px #ccc solid;
}

.tp_text table tbody tr:last-child td {
  border-bottom: 1px #ccc solid;
}

/*==========================================================
    05.slide style
==========================================================*/
/* ----------------------------------------------------
    .tp_slide_01
    -----------------------------------------------------*/
.tp_slide_01 .tp_slide_pager li {
  background: url(./../img/tp_slide_01_pager.png) no-repeat 50% 50%;
}

.tp_slide_01 .tp_slide_pager .tp_slide_current {
  background: url(./../img/tp_slide_01_pager_cur.png) no-repeat 50% 50%;
}

.tp_slide_01 .tp_slide_pager span {
  display: none;
}

.tp_slide_01 .tp_slide_prevbtn {
  background: url(./../img/tp_slide_prevbtn_01.png) no-repeat 0 50%;
}

.tp_slide_01 .tp_slide_nextbtn {
  background: url(./../img/tp_slide_nextbtn_01.png) no-repeat 100% 50%;
}

@media only screen and (max-width: 599px) {
  .tp_slide_01 .tp_slide_pager li {
    background: url(./../img/tp_slide_01_pager_x2.png) no-repeat 50% 50%;
    background-size: 8px 8px;
  }
  .tp_slide_01 .tp_slide_pager .tp_slide_current {
    background: url(./../img/tp_slide_01_pager_cur_x2.png) no-repeat 50% 50%;
    background-size: 8px 8px;
  }
}

/* ----------------------------------------------------
    .tp_slide_02
    -----------------------------------------------------*/
.tp_slide_02 .tp_slide_pager li {
  background: url(./../img/tp_slide_01_pager.png) no-repeat 50% 50%;
}

.tp_slide_02 .tp_slide_pager .tp_slide_current {
  background: url(./../img/tp_slide_01_pager_cur.png) no-repeat 50% 50%;
}

.tp_slide_02 .tp_slide_pager span {
  display: none;
}

.tp_slide_02 .tp_slide_prevbtn {
  background: url(./../img/tp_slide_prevbtn_01.png) no-repeat 0 50%;
}

.tp_slide_02 .tp_slide_nextbtn {
  background: url(./../img/tp_slide_nextbtn_01.png) no-repeat 100% 50%;
}

@media only screen and (max-width: 599px) {
  .tp_slide_02 .tp_slide_pager li {
    background: url(./../img/tp_slide_01_pager_x2.png) no-repeat 50% 50%;
    background-size: 8px 8px;
  }
  .tp_slide_02 .tp_slide_pager .tp_slide_current {
    background: url(./../img/tp_slide_01_pager_cur_x2.png) no-repeat 50% 50%;
    background-size: 8px 8px;
  }
}

/*==========================================================
    06.news style
==========================================================*/
.tp_news_rss_btn {
  background: url(./../img/tp_news_rss.png) no-repeat 0 0;
}

.tp_news_list_btn {
  background: url(./../img/tp_news_list.png) no-repeat 0 0;
}

.tp_news .tp_news_in {
  border-top: 1px solid #ccc;
}

.tp_news .tp_news_in:first-child {
  padding-top: 0;
  border: none;
}

.tp_news_new_label {
  color: #fff;
  background: #09c;
  text-shadow: none;
}

.tp_news tp_news_date_day {
  color: #333;
}

.tp_news .tp_news_date_time {
  color: #999;
}

.tp_news .tp_news_title {
  color: #333;
}

.tp_block_03 .tp_news .tp_news_title,
.tp_block_04 .tp_news .tp_news_title,
.tp_negative .tp_news .tp_news_title {
  color: #fff;
}

.tp_news .tp_news_text {
  color: #888;
}

.tp_block_03 .tp_news .tp_news_text,
.tp_block_04 .tp_news .tp_news_text,
.tp_negative .tp_news .tp_news_text {
  color: #ccc;
}

.tp_news a .tp_news_text {
  color: #39f;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  .tp_news_rss_btn {
    background: url(./../img/tp_news_rss_x2.png) no-repeat 0 0;
    background-size: 50px 18px;
  }
  .tp_news_list_btn {
    background: url(./../img/tp_news_list_x2.png) no-repeat 0 0;
    background-size: 50px 18px;
  }
}

/*==========================================================
    08.button class / 15.file class
==========================================================*/
/* .tp_button_color_01 */
.tp_button_01.tp_button_color_01 a,
.tp_button_01.tp_button_color_01 input,
.tp_button_02.tp_button_color_01 a,
.tp_button_02.tp_button_color_01 input {
  border: 1px solid #900;
  color: #fff;
  background: url(./../img/tp_button_color_01.png) #ce0504 repeat-x 0 50%;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3),
    inset 0 0 2px rgba(255, 255, 255, 0.7);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3),
    inset 0 0 2px rgba(255, 255, 255, 0.7);
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.3);
}

.tp_button_01.tp_button_color_01 a:hover,
.tp_button_01.tp_button_color_01 input:hover,
.tp_button_02.tp_button_color_01 a:hover,
.tp_button_02.tp_button_color_01 input:hover {
  background-position: 0 70%;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.tp_button_01.tp_button_color_01 a:hover,
.tp_button_01.tp_button_color_01 input:hover,
.tp_button_02.tp_button_color_01 a:hover,
.tp_button_02.tp_button_color_01 input:hover {
  background-position: 0 70%;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.tp_button_01.tp_button_color_01 a.tp_button_disabled,
.tp_button_01.tp_button_color_01 input.tp_button_disabled,
.tp_button_02.tp_button_color_01 a.tp_button_disabled,
.tp_button_02.tp_button_color_01 input.tp_button_disabled {
  border: 1px solid #933;
  color: #ddd;
  background: #c66;
  cursor: default;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}

/* .tp_button_color_02 */
.tp_button_01.tp_button_color_02 a,
.tp_button_01.tp_button_color_02 input,
.tp_button_02.tp_button_color_02 a,
.tp_button_02.tp_button_color_02 input {
  border: 1px solid #050568;
  color: #fff;
  background: url(./../img/tp_button_color_02.png) #1b1b52 repeat-x 0 50%;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3),
    inset 0 0 2px rgba(255, 255, 255, 0.6);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3),
    inset 0 0 2px rgba(255, 255, 255, 0.6);
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.3);
}

.tp_button_01.tp_button_color_02 a:hover,
.tp_button_01.tp_button_color_02 input:hover,
.tp_button_02.tp_button_color_02 a:hover,
.tp_button_02.tp_button_color_02 input:hover {
  background-position: 0 70%;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.tp_button_01.tp_button_color_02 a.tp_button_disabled,
.tp_button_01.tp_button_color_02 input.tp_button_disabled,
.tp_button_02.tp_button_color_02 a.tp_button_disabled,
.tp_button_02.tp_button_color_02 input.tp_button_disabled {
  border: 1px solid #999;
  color: #ddd;
  background: #96aac4;
  cursor: default;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}

/* .tp_button_color_03 */
.tp_button_01.tp_button_color_03 a,
.tp_button_01.tp_button_color_03 input,
.tp_button_02.tp_button_color_03 a,
.tp_button_02.tp_button_color_03 input {
  border: 1px solid #ccc;
  color: #333;
  background: url(./../img/tp_button_color_03.png) #d0d0d0 repeat-x 0 50%;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 0 2px white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 0 2px white;
}

.tp_button_01.tp_button_color_03 a:hover,
.tp_button_01.tp_button_color_03 input:hover,
.tp_button_02.tp_button_color_03 a:hover,
.tp_button_02.tp_button_color_03 input:hover {
  background-position: 0 70%;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.tp_button_01.tp_button_color_03 a.tp_button_disabled,
.tp_button_01.tp_button_color_03 input.tp_button_disabled,
.tp_button_02.tp_button_color_03 a.tp_button_disabled,
.tp_button_02.tp_button_color_03 input.tp_button_disabled {
  border: 1px solid #bbb;
  color: #999;
  background: #e5e5e5;
  cursor: default;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}

/* .tp_button_03 */
.tp_button_03.tp_button_color_01 a {
  background: url(./../img/tp_button_03_arrow_01.png) no-repeat left 0.5em;
}

.tp_button_03.tp_button_color_02 a {
  background: url(./../img/tp_button_03_arrow_02_a.png) no-repeat left 0.5em;
}

.tp_block_03 .tp_button_03.tp_button_color_02 a,
.tp_block_04 .tp_button_03.tp_button_color_02 a,
.tp_negative .tp_button_03.tp_button_color_02 a {
  background: url(./../img/tp_button_03_arrow_02_b.png) no-repeat left 0.5em;
}

.tp_button_03.tp_button_color_03 a {
  background: url(./../img/tp_button_03_arrow_03.png) no-repeat left 0.5em;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  .tp_button_03.tp_button_color_01 a {
    background: url(./../img/tp_button_03_arrow_01_x2.png) no-repeat left 0.5em;
    background-size: 6px 8px;
  }
  .tp_button_03.tp_button_color_02 a {
    background: url(./../img/tp_button_03_arrow_02_a_x2.png) no-repeat left
      0.5em;
    background-size: 6px 8px;
  }
  .tp_block_03 .tp_button_03.tp_button_color_02 a,
  .tp_block_04 .tp_button_03.tp_button_color_02 a,
  .tp_negative .tp_button_03.tp_button_color_02 a {
    background: url(./../img/tp_button_03_arrow_02_b_x2.png) no-repeat left
      0.5em;
    background-size: 6px 8px;
  }
  .tp_button_03.tp_button_color_03 a {
    background: url(./../img/tp_button_03_arrow_03_x2.png) no-repeat left 0.5em;
    background-size: 6px 8px;
  }
}

/* .tp_file */
.tp_file_01 a {
  padding-left: 12px;
  background: url(./../img/tp_file_01_a.png) no-repeat left 0.25em;
}

.tp_file_02 a {
  background: url(./../img/tp_file_02_a.png) no-repeat left 0.1em;
}

.tp_file_03 a {
  background: url(./../img/tp_file_03_a.png) no-repeat left 0.1em;
}

.tp_file_04 a {
  background: url(./../img/tp_file_04_a.png) no-repeat left 0.1em;
}

.tp_file_05 a {
  background: url(./../img/tp_file_05_a.png) no-repeat left 0.1em;
}

.tp_file_06 a {
  background: url(./../img/tp_file_06_a.png) no-repeat left 0.1em;
}

.tp_file_02 a,
.tp_file_03 a,
.tp_file_04 a,
.tp_file_05 a,
.tp_file_06 a {
  padding-left: 22px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  .tp_file_01 a {
    padding-left: 12px;
    background: url(./../img/tp_file_01_a_x2.png) no-repeat left 0.25em;
    background-size: 5px 11px;
  }
  .tp_file_02 a {
    background: url(./../img/tp_file_02_a_x2.png) no-repeat left 0.1em;
  }
  .tp_file_03 a {
    background: url(./../img/tp_file_03_a_x2.png) no-repeat left 0.1em;
  }
  .tp_file_04 a {
    background: url(./../img/tp_file_04_a_x2.png) no-repeat left 0.1em;
  }
  .tp_file_05 a {
    background: url(./../img/tp_file_05_a_x2.png) no-repeat left 0.1em;
  }
  .tp_file_06 a {
    background: url(./../img/tp_file_06_a_x2.png) no-repeat left 0.1em;
  }
  .tp_file_02 a,
  .tp_file_03 a,
  .tp_file_04 a,
  .tp_file_05 a,
  .tp_file_06 a {
    padding-left: 22px;
    background-size: 16px 16px;
  }
}

/*==========================================================
    11.timeline
==========================================================*/
/* .tp_twitter */
.tp_twitter {
  background: url(./../img/tp_twitter_bg.png) no-repeat 0 0;
}

.tp_twitter .tp_twitter_tweet {
  border-bottom: 1px solid #ccc;
}

.tp_twitter .tp_twitter_user a {
  color: #39f;
}

.tp_twitter .tp_twitter_time {
  color: #999;
}

.tp_twitter .tp_twitter_txt {
  color: #888;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  .tp_twitter {
    background: url(./../img/tp_twitter_bg_x2.png) no-repeat 0 0;
    background-size: 30px 30px;
  }
}

/* .tp_facebook */
.tp_facebook {
  background: url(./../img/tp_facebook_bg.png) no-repeat 0 0;
}

.tp_facebook .tp_facebook_auther {
  border-bottom: 1px solid #ccc;
}

.tp_facebook .tp_facebook_content {
  color: #888;
}

.tp_facebook .tp_facebook_in .tp_facebook_content_list {
  border-bottom: 1px solid #999;
}

.tp_facebook .tp_facebook_date {
  float: left;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  .tp_facebook {
    background: url(./../img/tp_facebook_bg_x2.png) no-repeat 0 0;
    background-size: 30px 30px;
  }
}

/*==========================================================
    12.social buttons
==========================================================*/
.tp_social_mixi {
  background: url(./../img/tp_social_mixi_bg.png) no-repeat transparent 50% 6px;
}

.tp_social_horizontal .tp_social_mixi {
  background: url(./../img/tp_social_mixi_bg_horizontal.png) no-repeat
    transparent 76px 4px;
}

/*==========================================================
    13.partition
==========================================================*/
.tp_partition_01 {
  background: url(./../img/tp_partition_01.png) repeat-x 0 50%;
}

.tp_partition_02 {
  background: url(./../img/tp_partition_02.png) repeat-x 0 50%;
}

.tp_partition_03 {
  background: url(./../img/tp_partition_03.png) repeat-x 0 50%;
}

/*==========================================================
    inquiry_form
==========================================================*/
.tp_inquiry_head_img {
  background: url(./../img/tp_inquiry.png) no-repeat 50% 50%;
}

.tp_inquiry_form .tp_inquiry_form_in {
  border-left: 2px solid #999;
}

.tp_inquiry_text_red {
  color: #d14;
}

.tp_inquiry_privacy_area {
  border: 1px solid #ccc;
}

/*==========================================================
    inquiry confirm
==========================================================*/
.tp_inquiry_form .confirm {
  border-left: 2px solid #ccc;
}

.tp_inquiry_form .confirm dt {
  color: #666;
}

.tp_inquiry_form .tp_complete {
  border: 1px solid #999;
}

.tp_inquiry_form .tp_complete .tp_inquiry_important {
  color: #09c;
}

/*==========================================================
    sitemap style
==========================================================*/
.tp_sitemap_second {
  background: url(./../img/tp_sitemap_second_a.png) no-repeat left 20px;
}

.tp_sitemap_second a {
  color: #333;
  background: url(./../img/tp_sitemap_second_wrap.png) repeat-x left bottom;
}

.tp_block_03 .tp_sitemap_second a,
.tp_block_04 .tp_sitemap_second a,
.tp_negative .tp_sitemap_second a {
  color: #ddd;
}

.tp_sitemap_third a {
  background: url(./../img/tp_sitemap_third_a.png) no-repeat 15px 11px;
}

.tp_block_03 .tp_sitemap_third a,
.tp_block_04 .tp_sitemap_third a,
.tp_negative .tp_sitemap_third a {
  background: url(./../img/tp_sitemap_third_b.png) no-repeat 15px 11px;
}

.tp_sitemap_fourth a {
  color: #777;
  background: url(./../img/tp_sitemap_fourth_a.png) no-repeat 30px 12px;
}

.tp_block_03 .tp_sitemap_fourth a,
.tp_block_04 .tp_sitemap_fourth a,
.tp_negative .tp_sitemap_fourth a {
  color: #999;
  background: url(./../img/tp_sitemap_fourth_b.png) no-repeat 30px 12px;
}

@media only screen and (min-width: 600px) and (max-width: 799px) {
  .tp_liquid .tp_sitemap_third a {
    background-position: 10px 11px;
  }
  .tp_liquid .tp_sitemap_fourth a {
    background-position: 20px 10px;
  }
}

@media only screen and (max-width: 599px) {
  .tp_sitemap_third a {
    background-position: 10px 11px;
  }
  .tp_sitemap_fourth a {
    background-position: 20px 10px;
  }
}

/*==========================================================
    pager
==========================================================*/
.tp_pager .tp_pager_disabled {
  min-width: 1.5em;
  margin: 4px 3px 2px 3px;
  padding: 5px 4px;
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #ccc;
  text-align: center;
  background: #eee;
}

.tp_pager .tp_pager_skip {
  color: #000;
}

.tp_pager a {
  border: 1px solid #999;
  border-radius: 5px;
  color: #333;
  background: #fff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 0 2px white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 0 2px white;
}

.tp_pager a:hover {
  background: #eee;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.tp_pager a.tp_pager_cur {
  color: #fff;
  background: #144c84;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.tp_pager a.tp_pager_cur:hover {
  color: #fff;
  background: #144c84;
}

/*==========================================================
    timestamp
==========================================================*/
.tp_timestamp {
  color: #888;
}

/*==========================================================
    ColorBox Style
==========================================================*/
/* theme style */
#cboxOverlay {
  background: #000;
}

#colorbox {
  outline: 0;
}

#cboxContent {
  margin-top: 20px;
  background: #000;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  border: 5px solid #000;
  background: #fff;
}

#cboxTitle {
  position: absolute;
  top: -20px;
  left: 0;
  color: #ccc;
}

#cboxCurrent {
  position: absolute;
  top: -20px;
  right: 0;
  color: #ccc;
}

#cboxLoadingGraphic {
  background: url(images/loading.gif) no-repeat center center;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
  overflow: visible;
  width: auto;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}

#cboxSlideshow {
  position: absolute;
  top: -20px;
  right: 90px;
  color: #fff;
}

#cboxPrevious {
  position: absolute;
  top: 50%;
  left: 5px;
  width: 28px;
  height: 65px;
  margin-top: -32px;
  text-indent: -9999px;
  background: url(images/controls.png) no-repeat top left;
}

#cboxPrevious:hover {
  background-position: bottom left;
}

#cboxNext {
  position: absolute;
  top: 50%;
  right: 5px;
  width: 28px;
  height: 65px;
  margin-top: -32px;
  text-indent: -9999px;
  background: url(images/controls.png) no-repeat top right;
}

#cboxNext:hover {
  background-position: bottom right;
}

#cboxClose {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 38px;
  height: 19px;
  text-indent: -9999px;
  background: url(images/controls.png) no-repeat top center;
}

#cboxClose:hover {
  background-position: bottom center;
}

/*
         Pool CMS add style
    */
#cboxPrevious {
  display: none;
}

#cboxNext {
  display: none;
}

#cboxLoadingGraphic {
  background: url(./../img/tp_popup_loading.gif) no-repeat center center;
}

#cboxClose {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  background: url(./../img/tp_popup_controls.png) no-repeat top center;
}

#cboxClose:hover {
  background-position: bottom center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  #cboxClose {
    background-image: url(./../img/tp_popup_controls_x2.png);
    background-size: 20px 40px;
  }
}

/*==========================================================
    error class
==========================================================*/
.error-message {
  color: #900;
}

/*==========================================================
    search
==========================================================*/
.tp_block .gsc-control-cse {
  border: none;
  background: none;
}

.tp_block .gsc-webResult.gsc-result,
.tp_block .gsc-webResult.gsc-result:hover {
  border: none;
}

.tp_block_03 .gs-spelling,
.tp_block_04 .gs-spelling,
.tp_negative .gs-spelling {
  color: #ccc;
}

.tp_block_03 .gsc-result-info,
.tp_block_04 .gsc-result-info,
.tp_negative .gsc-result-info {
  color: #fff;
}

.tp_block_03 .gs-result .gs-title,
.tp_block_03 .gs-result .gs-title *,
.tp_block_04 .gs-result .gs-title,
.tp_block_04 .gs-result .gs-title *,
.tp_negative .gs-result .gs-title,
.tp_negative .gs-result .gs-title * {
  color: #39f;
}

.tp_block_03 .gcsc-branding-text,
.tp_block_04 .gcsc-branding-text,
.tp_negative .gcsc-branding-text {
  color: #ccc;
}

.tp_block_03 .gsc-preview-reviews,
.tp_block_03 .gsc-control-cse .gs-snippet,
.tp_block_03 .gsc-control-cse .gs-promotion em,
.tp_block_04 .gsc-preview-reviews,
.tp_block_04 .gsc-control-cse .gs-snippet,
.tp_block_04 .gsc-control-cse .gs-promotion em,
.tp_negative .gsc-preview-reviews,
.tp_negative .gsc-control-cse .gs-snippet,
.tp_negative .gsc-control-cse .gs-promotion em {
  color: #fff;
}

.tp_block_03 .gsc-results .gsc-cursor-box .gsc-cursor-page,
.tp_block_04 .gsc-results .gsc-cursor-box .gsc-cursor-page,
.tp_negative .gsc-results .gsc-cursor-box .gsc-cursor-page {
  color: #fff;
}

.tp_block_03 .gsc-results .gsc-cursor-box .gsc-cursor-current-page,
.tp_block_04 .gsc-results .gsc-cursor-box .gsc-cursor-current-page,
.tp_negative .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color: #dd4b39;
}

/*==========================================================
    add area
==========================================================*/
/* ----------------------------------------------------
基本設定
-----------------------------------------------------*/
.tp_bg_01 {
  background: none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {
  .tp_bg_01 {
    background: none;
  }
}

/* ----------------------------------------------------
ブロック拡大JavaScript用
-----------------------------------------------------*/
/* コンテンツエリア拡大 */
.add_expansion {
  width: 100%;
  margin: auto;
}

@media only screen and (max-width: 599px) {
  .add_expansion {
    display: block;
    float: none;
    position: relative;
    width: 100%;
    padding-top: 50px;
  }
}

/* トップコンテンツ拡大 */
.add_top_contents {
  width: 990px;
}

@media only screen and (max-width: 599px) {
  .add_top_contents {
    display: block;
    width: 96%;
    margin-left: 1%;
  }
}

/* ----------------------------------------------------
標準サブナビ消去・コンテンツエリア調整
-----------------------------------------------------*/
.tp_masonry_03_b {
  width: 1000px !important;
}

.tp_width_04 {
  width: 1000px !important;
}

.tp_masonry_wrap_03 .tp_navi {
  display: none !important;
}

.tp_masonry_wrap_03 {
  margin-top: 0;
  margin-bottom: 50px !important;
}

.tp_masonry_wrap_03 .tp_masonry {
  width: 100% !important;
}

@media only screen and (max-width: 1281px) {
  .tp_masonry_wrap_03 .tp_masonry {
    margin: 0 !important;
  }
}

@media only screen and (max-width: 599px) {
  .tp_masonry_03_b {
    width: 95% !important;
    margin: auto;
  }
  .tp_masonry_wrap_03 {
    margin-top: 0;
    margin-bottom: 30px !important;
    margin-left: -15px !important;
  }
  .tp_masonry_wrap_03 .tp_masonry {
    margin: 0 auto !important;
  }
  .tp_width_04 {
    width: 100% !important;
  }
}

/*1024px以下のディスプレイ*/
@media only screen and (max-width: 599px) {
  body.tp_body {
    zoom: 78%;
  }
  .tp_body .simply-scroll {
    zoom: 128.21%;
  }
  /*インスタスクロール用補正CSS*/
}

/* ----------------------------------------------------
その他調整用
-----------------------------------------------------*/
.tp_text ul li {
  padding-left: 0 !important;
}

.preview_normal {
  margin-top: 0 !important;
}

@media only screen and (max-width: 599px) {
  .tp_breadcrumb {
    margin: 0 auto 0 auto;
  }
}

/* ----------------------------------------------------
コンテンツエリア用
-----------------------------------------------------*/
.add_bs {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* ----------------------------------------------------
見出し　装飾
-----------------------------------------------------*/
/* 00 normal */
.tp_title_lead {
  color: #666;
}

/* 01 color */
.tp_title_01 {
  color: #000;
  background: url(./../img/tp_title_02_b.png) repeat-y 0 0;
}

.tp_block_03 .tp_title_01,
.tp_block_04 .tp_title_01,
.tp_negative .tp_title_01 {
  color: #000;
}

.tp_title_01 .tp_title_lead {
  color: #666;
}

/* 02 bg1 */
.tp_title_02 {
  background: url(./../img/add_titlebg_02.gif) no-repeat 0 100%;
}

.tp_block_03 .tp_title_02,
.tp_block_04 .tp_title_02,
.tp_negative .tp_title_02 {
  background: none;
}

.tp_title_02 .tp_title_lead {
  color: #666;
}

.tp_block_03 .tp_title_02 .tp_title_lead,
.tp_block_04 .tp_title_02 .tp_title_lead,
.tp_negative .tp_title_02 .tp_title_lead {
  color: #666;
}

/* 03 bg2 */
.tp_title_03 {
  color: #000;
  background: #fff;
}

.tp_block_03 .tp_title_03,
.tp_block_04 .tp_title_03,
.tp_negative .tp_title_03 {
  background: #fff;
}

.tp_title_03 .tp_title_lead {
  color: #666;
}

/* ----------------------------------------------------
見出し　サイズ・位置調整
-----------------------------------------------------*/
.tp_title {
  margin-top: 1.3em;
}

.tp_title_lead {
  margin-top: 0.25em;
  font-size: 0.916em;
  line-height: 1.4em;
  /*margin-bottom:0.1em;*/
}

.tp_title h3 {
  font-size: 1.9em;
  line-height: 1.2em;
}

.tp_title h4 {
  font-size: 1.5em;
  line-height: 1.2em;
}

.tp_title h5 {
  font-size: 1.1em;
  line-height: 1.2em;
}

.tp_width_04 .tp_title h3 {
  font-size: 2.2em;
}

.tp_width_04 .tp_title h4 {
  font-size: 1.7em;
}

.tp_width_04 .tp_title h5 {
  font-size: 1.3em;
}

@media only screen and (min-width: 600px) and (max-width: 799px) {
  .tp_liquid .tp_width_04 .tp_title {
    margin-top: 1.3em;
  }
  .tp_liquid .tp_width_04 .tp_title h3 {
    font-size: 1.9em;
  }
  .tp_liquid .tp_width_04 .tp_title h4 {
    font-size: 1.5em;
  }
  .tp_liquid .tp_width_04 .tp_title h5 {
    font-size: 1.1em;
  }
}

@media only screen and (max-width: 599px) {
  .tp_width_04 .tp_title h3 {
    font-size: 1.9em;
  }
  .tp_width_04 .tp_title h4 {
    font-size: 1.5em;
  }
  .tp_width_04 .tp_title h5 {
    font-size: 1.1em;
  }
}

/* 01 bg1 */
.tp_title_01 {
  margin-top: 50px !important;
  padding: 0.2em 15px 0.15em;
}

/* 02 bg1 */
.tp_title_02 {
  margin-top: 50px !important;
  padding: 10px 0;
}

/* 03 bg2 */
.tp_title_03 {
  margin-top: 50px !important;
  padding: 0;
}

.tp_text .tp_title {
  margin: 0 0 20px !important;
  padding-top: 0 !important;
}

/*テキスト・フリー内見出し*/
.tp_text h3 {
  margin-bottom: 20px;
  font-size: 1.9em;
  line-height: 1.2em;
}

.tp_text h4 {
  margin-bottom: 15px;
  font-size: 1.5em;
  line-height: 1.2em;
}

.tp_text h5 {
  margin-bottom: 10px;
  font-size: 1.1em;
  line-height: 1.2em;
}

/* ----------------------------------------------------
スマホ位置調整用
-----------------------------------------------------*/
.add_spbtn_fix {
  opacity: 1;
  position: fixed;
  z-index: 100;
}

@media only screen and (max-width: 599px) {
  .tp_masonry_wrap_01 .tp_masonry,
  .tp_masonry_wrap_02 .tp_masonry,
  .tp_masonry_wrap_03 .tp_masonry {
    width: auto !important;
    padding: 0;
  }
}

/* ----------------------------------------------------
スライダ調整
-----------------------------------------------------*/
.flexslider {
  margin: 0 auto 0 !important;
  border: none !important;
}

/* ----------------------------------------------------
アニメーション用
-----------------------------------------------------*/
/*----- フェードイン -----*/
.inviewfadeIn {
  opacity: 0;
  -webkit-transition: 0.8s;
  transition: 0.8s;
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}

.fadeIn {
  opacity: 1;
}

/*----- 上へスライド -----*/
.inviewUp {
  -webkit-transition: 0.8s;
  transition: 0.8s;
  -webkit-transform: translate(0, 40px);
  -ms-transform: translate(0, 40px);
  transform: translate(0, 40px);
}

.Up {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

/*----- ズームイン -----*/
.inviewzoomIn {
  -webkit-transition: 0.8s;
  transition: 0.8s;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
}

.zoomIn {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
}

/*----- フェードインしながら上へスライド -----*/
.inviewfadeInUp {
  opacity: 0;
  -webkit-transition: 0.8s;
  transition: 0.8s;
  -webkit-transform: translate(0, 60px);
  -ms-transform: translate(0, 60px);
  transform: translate(0, 60px);
}

.fadeInUp {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

/* ----------------------------------------------------
instagram 追加
-----------------------------------------------------*/
/*
 * simplyScroll 2 - a scroll-tastic jQuery plugin
 *
 * http://logicbox.net/jquery/simplyscroll
 *
 * Copyright (c) 2009-2012 Will Kelly - http://logicbox.net
 *
 * Dual licensed under the MIT and GPL licenses.
 *
 * Last revised: 31/01/2012
 *
 */
/* Default/Master classes

Example markup format (for horizontal scroller)
Note all DIVs are generated and should not be hard-coded

<div class="your-custom-class simply-scroll-container">
    <div class="simply-scroll-btn simply-scroll-btn-left"></div>
    <div class="simply-scroll-btn simply-scroll-btn-right"></div>
    <div class="simply-scroll-clip">
        <ul class="simply-scroll-list">
            <li>...</li>
            ...
        </ul>
    </div>
</div>
*/
.instafeed-area {
  margin: 5px 0 -7px !important;
}

.instafeed-area li {
  padding: 0 5px !important;
  background: none !important;
  list-style: none !important;
}

.simply-scroll-container {
  /* Container DIV - automatically generated */
  position: relative;
}

.simply-scroll-clip {
  overflow: hidden;
  /* Clip DIV - automatically generated */
  position: relative;
}

.simply-scroll-list {
  /* UL/OL/DIV - the element that simplyScroll is inited on */
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

.simply-scroll-list li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.simply-scroll-list li img {
  display: block;
  border: none;
}

.simply-scroll-btn {
  position: absolute;
  z-index: 3;
  width: 42px;
  height: 44px;
  background-image: url(buttons.png);
  cursor: pointer;
}

.simply-scroll-btn-left {
  bottom: 6px;
  left: 6px;
  background-position: 0 -44px;
}

.simply-scroll-btn-left.disabled {
  background-position: 0 0 !important;
}

.simply-scroll-btn-left:hover,
.simply-scroll-btn-left:focus {
  background-position: 0 -88px;
}

.simply-scroll-btn-right {
  right: 6px;
  bottom: 6px;
  background-position: -84px -44px;
}

.simply-scroll-btn-right.disabled {
  background-position: -84px 0 !important;
}

.simply-scroll-btn-right:hover,
.simply-scroll-btn-right:focus {
  background-position: -84px -88px;
}

.simply-scroll-btn-up {
  top: 6px;
  right: 6px;
  background-position: -126px -44px;
}

.simply-scroll-btn-up.disabled {
  background-position: -126px 0 !important;
}

.simply-scroll-btn-up:hover,
.simply-scroll-btn-up:focus {
  background-position: -126px -88px;
}

.simply-scroll-btn-down {
  right: 6px;
  bottom: 6px;
  background-position: -42px -44px;
}

.simply-scroll-btn-down.disabled {
  background-position: -42px 0 !important;
}

.simply-scroll-btn-down:hover,
.simply-scroll-btn-down:focus {
  background-position: -42px -88px;
}

.simply-scroll-btn-pause {
  right: 6px;
  bottom: 6px;
  background-position: -168px -44px;
}

.simply-scroll-btn-pause:hover,
.simply-scroll-btn-pause:focus {
  background-position: -168px -88px;
}

.simply-scroll-btn-pause.active {
  background-position: -84px -44px;
}

.simply-scroll-btn-pause.active:hover,
.simply-scroll-btn-pause.active:focus {
  background-position: -84px -88px;
}

/* Custom class modifications - override classees

.simply-scroll is default

*/
.simply-scroll {
  /* Customisable base class for style override DIV */
  width: 100%;
  height: 140px;
  margin-bottom: 1em;
}

.simply-scroll .simply-scroll-clip {
  width: 100%;
  height: 140px;
}

.simply-scroll .simply-scroll-list li {
  float: left;
  width: 140px;
  height: 140px;
}

/* Vertical scroller example */
.vert {
  /* wider than clip to position buttons to side */
  width: 340px;
  height: 400px;
  margin-bottom: 1.5em;
}

.vert .simply-scroll-clip {
  width: 290px;
  height: 400px;
}

.vert .simply-scroll-list li {
  width: 290px;
  height: 200px;
}

.vert .simply-scroll-btn-up {
  top: 0;
  /* modified btn pos */
  right: 0;
}

.vert .simply-scroll-btn-down {
  top: 52px;
  /* modified btn pos */
  right: 0;
}

/* NOTE left-right classes wouldn't be needed on vertical scroller */
/* ----------------------------------------------------
SPフローティングメニュー
-----------------------------------------------------*/
.add_footer-spnav {
  display: none;
}

@media only screen and (max-width: 599px) {
  .add_footer-spnav {
    display: block;
    position: fixed;
    z-index: 10000;
    right: 0;
    bottom: 0;
    width: 100%;
  }
  .add_footer-spnav li {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 16.666%;
    height: 75px;
    padding-top: 5px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    text-align: center;
  }
  .add_footer-spnav li:last-child {
    border-right: 1px solid #ccc;
  }
  .add_footer-spnav li img {
    max-width: 100%;
  }
  .add_footer-link {
    border-top: 1px solid #808080;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
    background-color: #161616;
  }
  .add_footer-top {
    border: 1px solid #8c6239;
    background-color: #4d4d4d;
  }
}

/* ----------------------------------------------------
ページスクロール補正機能用（windows.js）
-----------------------------------------------------*/
.window_fix {
  position: absolute;
  margin-top: -100px !important;
}

.window_fix_firstview {
  margin-top: -214px !important;
}

/* ----------------------------------------------------
    20170621_ヘッダ＆サイドバー　リンク先ターゲット追加　
-----------------------------------------------------*/
#academics_target,
#feature_target,
#lecture_target,
#news_target {
  z-index: 0;
  height: 0;
  margin: -99px 0 99px 0;
}

/* ----------------------------------------------------
    20170628_特別講師陣スライダー
-----------------------------------------------------*/
.swiper-slide img {
  max-width: 200px;
}

/* ----------------------------------------------------
    20170704_ヘッダ＆サイドバー　リンク先ターゲット追加　
-----------------------------------------------------*/
.add_header_sns_sp {
  position: fixed;
  z-index: 998;
  right: 0;
  bottom: 120px;
}

.add_header_sns_sp p {
  width: 50px;
  border-bottom: 1px solid #fff;
}

.add_header_sns_sp p:last-child {
  border-bottom: none;
}

.add_header_sns_sp img {
  width: 100%;
}

/* ----------------------------------------------------
    20180325 ランドスケープ対応
-----------------------------------------------------*/
#add_headerSP .logo-land {
  display: none;
}

.add_land_menu {
  display: none;
}

@media only screen and (max-height: 299px) {
  .add_footer-spnav {
    display: none !important;
  }
  .add_header_sns_sp {
    display: none !important;
  }
  #main {
    padding-top: 10%;
  }
  #add_headerSP {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;
    left: 0;
    height: auto !important;
  }
  #add_headerSP .logo {
    display: none !important;
  }
  #add_headerSP .logo-land {
    display: block !important;
    width: 33%;
  }
  .add_spbtn_fix {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 10% !important;
    height: 100% !important;
  }
  #add_header {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    background: #fff !important;
  }
  #add_header .menu-button-right {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    margin: auto;
    background-image: url("../img/menu-land.png");
  }
  .add_land_menu {
    display: block;
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 10%;
    width: 52%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .add_land_menu_list {
    float: left;
    overflow: hidden;
    width: 57.7%;
  }
  .add_land_menu_list li {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 20%;
    border-left: 1px dotted #fff;
  }
  .add_land_menu_list li img {
    display: block;
    width: 42px;
  }
  .add_land_sns_list {
    float: left;
    overflow: hidden;
    width: 42.3%;
  }
  .add_land_sns_list li {
    float: left;
    width: 25%;
  }
  .add_land_sns_list li img {
    display: block;
    width: 37px;
  }
}

/* ----------------------------------------------------
    20190110 改修
-----------------------------------------------------*/
@media only screen and (max-width: 599px) {
  #add_headerSP {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 85px;
  }
}

#main-top {
  position: relative;
}

.add_header_new {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 9998;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;

  height: 100px;
}

@media only screen and (max-width: 599px) {
  .add_header_new {
    display: none;
  }
}

.add_header_new_logo {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100px;
  height: 100px;
  padding-top: 18px;
  text-align: center;
  background-color: #000;
}

.add_header_new_logo_text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*width: 350px;*/
  width: 300px;
  /*padding-top: 25px;*/
  padding-top: 37px;
  padding-right: 30px;
  padding-left: 30px;
  text-align: center;
  background-color: #323232;
}

.add_header_new_logo_text_tab {
  display: none;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 250px;
  height: 50px;
  padding: 15px 15px 0;
  text-align: center;
  background-color: #323232;
}

@media only screen and (max-width: 1249px) {
  .add_header_new_logo_text {
    display: none;
  }
  .add_header_new_logo_text_tab {
    display: block;
  }
}

.add_header_new_container {
  max-width: 100%;
  /*width: -webkit-calc(100% - 450px);*/
  width: -webkit-calc(100% - 400px);
  width: calc(100% - 400px);
}

@media only screen and (max-width: 1249px) {
  .add_header_new_container {
    width: 92%;
    width: -webkit-calc(100% - 100px);
    width: calc(100% - 100px);
  }
}

.add_header_new_upper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 50px;
  background-color: #4d4d4d;
  background-image: url(../img/bg_st_black30.png);
  background-size: 5px;

  -ms-display: flex;
  -webkit-display: flex;
  display: flex;
  justify-content: space-between;
}
.add_header_new_upper > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: right;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.add_header_new_lower {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 50px;
  padding-right: 15px;
  background-image: url(../img/bg_dot_header.png);
  background-size: 4px;
}
.add_header_new_lower > ul {
  /*float: right;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.add_header_new_lower > ul > li {
  display: inline-block;
}
.add_header_new_lower > ul > li > a,
.add_header_new_lower > ul > li > p {
  display: block;
  height: 50px;
  margin: 0;
  padding-right: 7.5px;
  padding-left: 7.5px;
  color: #fff;
  font-size: 13px;
  line-height: 50px;
  letter-spacing: 0;
}
.add_header_new_lower > ul > li > a::before,
.add_header_new_lower > ul > li > p::before {
  content: "▶︎";
  display: inline-block;
  margin-right: 0.5em;
  font-size: 10px;
}

.add_header_new_lower > ul > li > p {
  cursor: pointer;
}

.add_gnav_new_link {
  border-left: solid 1px #1a1a1a;
}
.add_gnav_new_link:last-child {
  border-right: solid 1px #1a1a1a;
}
.add_sidebar {
  position: fixed;
  z-index: 9999;
  bottom: 50px;
  left: 0;
}

@media only screen and (max-width: 599px) {
  .add_sidebar {
    display: none;
  }
}

.add_sns {
  position: fixed;
  z-index: 9999;
  top: 175px;
  right: -100px;
}

#sidebar_sns.is-tablet .add_sns {
  display: none;
}

.add_sns > li {
  width: 150px;
  height: 50px;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.add_sns > li > a {
  display: block;
  width: 100%;
  color: #fff;
  font-weight: bold;
  line-height: 50px;
}

.add_sns > li > a:hover {
  text-decoration: none;
}

.add_sns > li:hover {
  -webkit-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  transform: translateX(-100px);
}

.add_sns_line {
  background-color: #39b54a;
  background-image: url(../img/bg_st_white20.png);
  background-size: 5px;
}

.add_sns_twitter {
  background-color: #29abe2;
  background-image: url(../img/bg_st_white20.png);
  background-size: 5px;
}

.add_sns_facebook {
  background-color: #0071bc;
  background-image: url(../img/bg_st_white20.png);
  background-size: 5px;
}

.add_sns_insta {
  background-image: url(../../img/add_icon_insta_bg.jpg);
  background-size: 150px;
  background-repeat: no-repeat;
}

.add_sns_blog {
  background-color: #ed1e79;
  background-image: url(../img/bg_st_white20.png);
  background-size: 5px;
}

.add_sns_youtube {
  background-color: #c32325;
  background-image: url(../img/bg_st_white20.png);
  background-size: 5px;
}

@media only screen and (max-width: 599px) {
  .add_sns {
    display: none;
  }
}

.add_sns_click {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 175px;
  right: -100px;
}

#sidebar_sns.is-tablet .add_sns_click {
  display: block;
}

.add_sns_click > li {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 150px;
  height: 50px;
  padding-left: 50px;
  line-height: 50px;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.add_sns_click > li.is-open {
  -webkit-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  transform: translateX(-100px);
}

.add_sns_click > li img {
  position: absolute;
  top: 0;
  left: 0;
}

.add_sns_click > li a {
  display: inline-block;
  width: 100%;
  color: #fff;
  font-weight: bold;
}

.add_sns_click_line {
  background-color: #39b54a;
  background-image: url(../img/bg_st_white20.png);
  background-size: 5px;
}

.add_sns_click_twitter {
  background-color: #29abe2;
  background-image: url(../img/bg_st_white20.png);
  background-size: 5px;
}

.add_sns_click_facebook {
  background-color: #0071bc;
  background-image: url(../img/bg_st_white20.png);
  background-size: 5px;
}

.add_sns_click_insta {
  background-image: url(../../img/add_icon_insta_bg.jpg);
  background-size: 150px;
  background-repeat: no-repeat;
}

.add_sns_click_blog {
  background-color: #ed1e79;
  background-image: url(../img/bg_st_white20.png);
  background-size: 5px;
}

.add_sns_click_youtube {
  background-color: #c32325;
  background-image: url(../img/bg_st_white20.png);
  background-size: 5px;
}

@media only screen and (max-width: 599px) {
  .add_sns_click {
    display: block;
    top: auto;
    bottom: 135px;
  }
}

.sidebar_sns_background {
  display: none;
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
}

.sidebar_sns_background.is-show {
  display: block;
}

/* メガメニュー */
.add_megamenu_child {
  position: absolute;
  z-index: 9999;
  top: 100px;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  display: none;
  visibility: hidden;
}

.add_megamenu_child_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 990px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 55px;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.add_megamenu_child_innerB {
  max-width: 990px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 50px;
}

.add_megamenu_child_head {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 340px;

  -ms-flex-preferred-size: 340px;
  flex-basis: 340px;
}

.add_megamenu_child_head_title {
  position: relative;
  padding-top: 50px;
  padding-left: 30px;
  color: #523b1f;
  font-size: 25px;
  line-height: 1.56;
  -webkit-box-shadow: 10px 0 0 0 #dccfbf inset, 13px 0 0 0 #998675 inset;
  box-shadow: 10px 0 0 0 #dccfbf inset, 13px 0 0 0 #998675 inset;
}
.add_megamenu_child_head_title > small {
  display: block;
  margin-top: 0.5em;
  color: #808080;
  font-size: 10px;
  line-height: 1.8;
  letter-spacing: 0.3em;
}

.add_megamenu_child_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -33px;

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.add_megamenu_child_container .add_megamenu_child_item {
  padding-top: 30px;
  padding-left: 33px;
}
.add_megamenu_child_container.jc_flex_start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.add_megamenu_item.is-open {
  background-color: rgba(255, 255, 255, 0.2);
}

.add_megamenu_item.is-open .add_megamenu_child {
  visibility: visible;
}

.add_megamenu_child_list {
  margin-top: 50px;
}
.add_megamenu_child_list > li > a {
  color: #523b1f;
}
.add_megamenu_child_list > li > a::before {
  content: "▶︎";
  display: inline-block;
  margin-right: 0.2em;
  font-size: 10px;
}
.add_megamenu_child_list > li + li {
  margin-top: 1em;
}

.add_megamenu_child_item {
  max-width: 350px;
  padding-top: 50px;
}
.add_megamenu_child_item > p {
  margin-top: 1em;
}
.add_megamenu_child_item > p > a {
  color: #523b1f;
}
.add_megamenu_child_item > p > a::before {
  content: "▶︎";
  display: inline-block;
  margin-right: 0.2em;
  font-size: 10px;
}

.add_megamenu_child_item_s {
  max-width: 200px;
  padding-top: 50px;
}
.add_megamenu_child_item_s > p {
  margin-top: 1em;
}
.add_megamenu_child_item_s > p > a {
  color: #523b1f;
}
.add_megamenu_child_item_s > p > a::before {
  content: "▶︎";
  display: inline-block;
  margin-right: 0.2em;
  font-size: 10px;
}


.add_megamenu_background {
  visibility: hidden;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9998;
}

.add_megamenu_background.is-open {
  visibility: visible;
}

.add_megamenu_btn{
  position: absolute;
  left: 46%;
  bottom: 8px;
  border: 0;
}

.css-jp90 {
  font-feature-settings: "jp90";
}

.tp_breadcrumb {
  display: none;
}

#add_footer {
  margin-top: 100px !important;
}

@media (max-width: 599px) {
  #add_footer {
    margin-top: 100px !important;
    margin-bottom: 40px;
  }
}

/*add_20190607*/
.tp_text .c-btn-pdf {
  position: relative;
  height: 60px;
  margin-right: auto;
  margin-left: auto;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.38462;
  text-align: center;
  text-indent: 0.1em;
  letter-spacing: 0.1em;
  background-color: #533a1f;
}
.tp_text .c-btn-pdf > a {
  display: block;
  height: 60px;
  color: #fff;
}
@media screen and (max-width: 767px){
  .tp_text .c-btn-pdf > a {
    padding: 0 45px;
  }
}
.tp_text .c-btn-pdf > a:hover {
  text-decoration: none;
}
.tp_text .c-btn-pdf > a::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 21px;
  height: 24px;
  margin-top: -12px;
  background-image: url(../img/common/icon_link_pdf.png);
  background-size: cover;
}
.tp_text .c-btn-pdf__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.tp_text .c-btn__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.tp_text .add-info-title{
  position: relative;
  margin-bottom: 0.5em;
  line-height: 2;
  font-size: 30px!important;
  color: #000;
  text-align: center;
  font-weight: bold;
}
.tp_text .add-info-title::before{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 30px;
  height: 3px;
  margin-left: -15px;
  background-color: #533a1f;
}
.tp_text .add-info-text{
    font-size: 14px;
    text-align: center;
}
@media screen and (max-width: 767px){
  .tp_text .add-info-title{
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    line-height: 1.36;
    font-size: 25px!important;
  }
}

.tp_text .add-info-space{
  height: 60px;
}

.tp_text .add-info-wrap{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 610px;
  margin-right: auto;
  margin-left: auto;
  padding: 0 20px;
}

.tp_text .add-info-table{
    font-size: 14px;
}
.tp_text .add-info-table th{
  text-align: left;
  border-right: none;
  border-bottom: none;
  padding: 8px;
  white-space: normal;
  border: 0;
  background: none;
}

.tp_text .add-info-table td{
  text-align: left;
  border-right: none;
  border-bottom: none;
  padding: 8px;
  white-space: normal;
  border: 0;
}

.tp_text .add-info-table tbody tr:last-child td{
  border: 0;
}

.tp_text .tp_text table th:last-child, .tp_text table td:last-child{
  border: 0;
}

/*グリッドシステム*/
.c-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.c-grid--medium {
  margin: 0 -15px;
}
.c-grid--medium > .c-grid__col-1 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 15px 30px;

  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: calc(8.33333% - 30px);
  flex-basis: calc(8.33333% - 30px);
}
.c-grid--medium > .c-grid__col-2 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 15px 30px;

  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: calc(16.66667% - 30px);
  flex-basis: calc(16.66667% - 30px);
}
.c-grid--medium > .c-grid__col-3 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 15px 30px;

  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: calc(25% - 30px);
  flex-basis: calc(25% - 30px);
}
.c-grid--medium > .c-grid__col-4 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 15px 30px;

  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: calc(33.33333% - 30px);
  flex-basis: calc(33.33333% - 30px);
}
.c-grid--medium > .c-grid__col-5 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 15px 30px;

  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: calc(41.66667% - 30px);
  flex-basis: calc(41.66667% - 30px);
}
.c-grid--medium > .c-grid__col-6 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 15px 30px;

  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: calc(50% - 30px);
  flex-basis: calc(50% - 30px);
}
.c-grid--medium > .c-grid__col-7 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 15px 30px;

  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: calc(58.33333% - 30px);
  flex-basis: calc(58.33333% - 30px);
}
.c-grid--medium > .c-grid__col-8 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 15px 30px;

  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: calc(66.66667% - 30px);
  flex-basis: calc(66.66667% - 30px);
}
.c-grid--medium > .c-grid__col-9 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 15px 30px;

  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: calc(75% - 30px);
  flex-basis: calc(75% - 30px);
}
.c-grid--medium > .c-grid__col-10 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 15px 30px;

  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: calc(83.33333% - 30px);
  flex-basis: calc(83.33333% - 30px);
}
.c-grid--medium > .c-grid__col-11 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 15px 30px;

  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: calc(91.66667% - 30px);
  flex-basis: calc(91.66667% - 30px);
}
.c-grid--medium > .c-grid__col-12 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 15px 30px;

  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: calc(100% - 30px);
  flex-basis: calc(100% - 30px);
}

@media screen and (max-width: 999px) {
  .c-grid--medium > .c-grid__col-1-lg {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(8.33333% - 30px);
    flex-basis: calc(8.33333% - 30px);
  }
  .c-grid--medium > .c-grid__col-2-lg {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(16.66667% - 30px);
    flex-basis: calc(16.66667% - 30px);
  }
  .c-grid--medium > .c-grid__col-3-lg {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(25% - 30px);
    flex-basis: calc(25% - 30px);
  }
  .c-grid--medium > .c-grid__col-4-lg {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(33.33333% - 30px);
    flex-basis: calc(33.33333% - 30px);
  }
  .c-grid--medium > .c-grid__col-5-lg {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(41.66667% - 30px);
    flex-basis: calc(41.66667% - 30px);
  }
  .c-grid--medium > .c-grid__col-6-lg {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(50% - 30px);
    flex-basis: calc(50% - 30px);
  }
  .c-grid--medium > .c-grid__col-7-lg {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(58.33333% - 30px);
    flex-basis: calc(58.33333% - 30px);
  }
  .c-grid--medium > .c-grid__col-8-lg {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(66.66667% - 30px);
    flex-basis: calc(66.66667% - 30px);
  }
  .c-grid--medium > .c-grid__col-9-lg {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(75% - 30px);
    flex-basis: calc(75% - 30px);
  }
  .c-grid--medium > .c-grid__col-10-lg {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(83.33333% - 30px);
    flex-basis: calc(83.33333% - 30px);
  }
  .c-grid--medium > .c-grid__col-11-lg {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(91.66667% - 30px);
    flex-basis: calc(91.66667% - 30px);
  }
  .c-grid--medium > .c-grid__col-12-lg {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(100% - 30px);
    flex-basis: calc(100% - 30px);
  }
}

@media screen and (max-width: 767px) {
  .c-grid--medium > .c-grid__col-1-md {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(8.33333% - 30px);
    flex-basis: calc(8.33333% - 30px);
  }
  .c-grid--medium > .c-grid__col-2-md {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(16.66667% - 30px);
    flex-basis: calc(16.66667% - 30px);
  }
  .c-grid--medium > .c-grid__col-3-md {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(25% - 30px);
    flex-basis: calc(25% - 30px);
  }
  .c-grid--medium > .c-grid__col-4-md {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(33.33333% - 30px);
    flex-basis: calc(33.33333% - 30px);
  }
  .c-grid--medium > .c-grid__col-5-md {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(41.66667% - 30px);
    flex-basis: calc(41.66667% - 30px);
  }
  .c-grid--medium > .c-grid__col-6-md {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(50% - 30px);
    flex-basis: calc(50% - 30px);
  }
  .c-grid--medium > .c-grid__col-7-md {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(58.33333% - 30px);
    flex-basis: calc(58.33333% - 30px);
  }
  .c-grid--medium > .c-grid__col-8-md {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(66.66667% - 30px);
    flex-basis: calc(66.66667% - 30px);
  }
  .c-grid--medium > .c-grid__col-9-md {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(75% - 30px);
    flex-basis: calc(75% - 30px);
  }
  .c-grid--medium > .c-grid__col-10-md {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(83.33333% - 30px);
    flex-basis: calc(83.33333% - 30px);
  }
  .c-grid--medium > .c-grid__col-11-md {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(91.66667% - 30px);
    flex-basis: calc(91.66667% - 30px);
  }
  .c-grid--medium > .c-grid__col-12-md {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(100% - 30px);
    flex-basis: calc(100% - 30px);
  }
}

@media screen and (max-width: 399px) {
  .c-grid--medium > .c-grid__col-1-sm {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(8.33333% - 30px);
    flex-basis: calc(8.33333% - 30px);
  }
  .c-grid--medium > .c-grid__col-2-sm {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(16.66667% - 30px);
    flex-basis: calc(16.66667% - 30px);
  }
  .c-grid--medium > .c-grid__col-3-sm {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(25% - 30px);
    flex-basis: calc(25% - 30px);
  }
  .c-grid--medium > .c-grid__col-4-sm {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(33.33333% - 30px);
    flex-basis: calc(33.33333% - 30px);
  }
  .c-grid--medium > .c-grid__col-5-sm {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(41.66667% - 30px);
    flex-basis: calc(41.66667% - 30px);
  }
  .c-grid--medium > .c-grid__col-6-sm {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(50% - 30px);
    flex-basis: calc(50% - 30px);
  }
  .c-grid--medium > .c-grid__col-7-sm {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(58.33333% - 30px);
    flex-basis: calc(58.33333% - 30px);
  }
  .c-grid--medium > .c-grid__col-8-sm {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(66.66667% - 30px);
    flex-basis: calc(66.66667% - 30px);
  }
  .c-grid--medium > .c-grid__col-9-sm {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(75% - 30px);
    flex-basis: calc(75% - 30px);
  }
  .c-grid--medium > .c-grid__col-10-sm {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(83.33333% - 30px);
    flex-basis: calc(83.33333% - 30px);
  }
  .c-grid--medium > .c-grid__col-11-sm {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(91.66667% - 30px);
    flex-basis: calc(91.66667% - 30px);
  }
  .c-grid--medium > .c-grid__col-12-sm {
    margin: 0 15px 30px;

    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: calc(100% - 30px);
    flex-basis: calc(100% - 30px);
  }
}

.c-grid__col-1 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 8.33333%;
  flex-basis: 8.33333%;
}

.c-grid__col-2 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 16.66667%;
  flex-basis: 16.66667%;
}

.c-grid__col-3 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
}

.c-grid__col-4 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 33.33333%;
  flex-basis: 33.33333%;
}

.c-grid__col-5 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 41.66667%;
  flex-basis: 41.66667%;
}

.c-grid__col-6 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.c-grid__col-7 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 58.33333%;
  flex-basis: 58.33333%;
}

.c-grid__col-8 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 66.66667%;
  flex-basis: 66.66667%;
}

.c-grid__col-9 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
}

.c-grid__col-10 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 83.33333%;
  flex-basis: 83.33333%;
}

.c-grid__col-11 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 91.66667%;
  flex-basis: 91.66667%;
}

.c-grid__col-12 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

@media screen and (max-width: 999px) {
  .c-grid__col-1-lg {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
  }
  .c-grid__col-2-lg {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
  }
  .c-grid__col-3-lg {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
  }
  .c-grid__col-4-lg {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
  }
  .c-grid__col-5-lg {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
  }
  .c-grid__col-6-lg {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
  .c-grid__col-7-lg {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
  }
  .c-grid__col-8-lg {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
  }
  .c-grid__col-9-lg {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
  }
  .c-grid__col-10-lg {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
  }
  .c-grid__col-11-lg {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
  }
  .c-grid__col-12-lg {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

@media screen and (max-width: 767px) {
  .c-grid__col-1-md {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
  }
  .c-grid__col-2-md {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
  }
  .c-grid__col-3-md {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
  }
  .c-grid__col-4-md {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
  }
  .c-grid__col-5-md {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
  }
  .c-grid__col-6-md {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
  .c-grid__col-7-md {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
  }
  .c-grid__col-8-md {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
  }
  .c-grid__col-9-md {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
  }
  .c-grid__col-10-md {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
  }
  .c-grid__col-11-md {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
  }
  .c-grid__col-12-md {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

@media screen and (max-width: 399px) {
  .c-grid__col-1-sm {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
  }
  .c-grid__col-2-sm {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
  }
  .c-grid__col-3-sm {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
  }
  .c-grid__col-4-sm {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
  }
  .c-grid__col-5-sm {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
  }
  .c-grid__col-6-sm {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
  .c-grid__col-7-sm {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
  }
  .c-grid__col-8-sm {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
  }
  .c-grid__col-9-sm {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
  }
  .c-grid__col-10-sm {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
  }
  .c-grid__col-11-sm {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
  }
  .c-grid__col-12-sm {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }
}

.c-grid > .c-grid__col--condensed {
  margin-bottom: 0;
}
.c-grid--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.u-mb10{
    margin-bottom: 10px!important;
}

/*20190708 スプラッシュ画面*/
#video {
  position: absolute;
  /*top: 30%;*/
  left: 50%;
  max-width: none;
  max-height: none;
  height: 100vh;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#youtube.is-vertical {
  height: 100vh;
  width: 177.777vh;
}
#youtube.is-horizontal {
  width: 100vw;
  height: 56.25vw;
}
#splash {
  width: 100vw;
  height: 100vh;
  display: table;
  text-align: center;
  background-color: #fff;
  position: absolute;
  z-index: 99999;
  top: -100px;
  left: 0;
  overflow: hidden;
}
#skip {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 75%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media only screen and (max-width: 599px) {
  #video {
    top: 30%;
    height: 129vh;
  }
  #youtube,
  #youtube.is-vertical {
    height: 129vh;
    width: 150vh;/*修正*/
    position: relative;/*追加*/
    top:85px;/*追加*/
  }
  #splash {
    /*width: 129vw;*/
    /*height: 129vh;*/
    top: 0;
  }
}
@media only screen and (max-height: 299px) {
  #youtube,
  #youtube.is-horizontal {
    width: 129vw;
    height: 100vw;
  }
}

#splash_inner {
  display: table-cell;
  vertical-align: middle;
  width: 100vw;
  height: 100vh;
  opacity: 0;
  transition: opacity 1s;
}
#splash_inner.is-visible {
  opacity: 1;
}

/*広告バナー追加20191023*/
.Bnr{
  position: relative;
  margin: 0 auto;
  width: 100%;
  /*display: none;*//*機能停止*/
  display: block;/*機能停止*/
}
.Bnr .Bnr__img{
  /*position: fixed;
  bottom: 0;*/
  box-shadow: 0 -4px 5px 0 rgba(0, 0, 0, 0.14), 0 -1px 10px 0 rgba(0, 0, 0, 0.12), 0 -2px 4px -1px rgba(0, 0, 0, 0.2);
}
.Bnr__img__inner{
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 9px 0px 9px 50px;/*機能停止*/
  /*padding: 9px 0px 9px 0px;*//*機能停止*/
  background-color: #fafafa;
  text-align: center;
}

.Bnr .Bnr__img__inner a{
  display: block;
}
.Bnr .Bnr__img p.close{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 50px;
  height: 100%;
  background: #ccc;
}
.Bnr .Bnr__img p.close a{
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}
.Bnr .Bnr__img p.close a span{
  display: none;
}
.Bnr .Bnr__img p.close a img{
  position: absolute;
  left: 50%;
  top: 50%;
   -webkit-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   transform: translate(-50%,-50%);
}

@media only screen and (min-width:768px){
  .Bnr{display: none !important;}
}


/* ----------------------------------------------------
VTS 20210714 add
-----------------------------------------------------*/
.add_vts_logo{
  width: 100%;
  text-align: center;
  margin-top: 50px !important;
}
.add_vts_logo img{
  width: 380px;
  height: auto;
}

.add_vts_c01{
  width: 100%;
  text-align: center;
  margin-top: 50px;
}
.add_vts_c01 img{
  width: 100%;
  height: auto;
}

.add_vts_c02_wrap{
  padding-bottom: 35px;
  background: url(./../img/vts_sweets/vts_c02_bg_pc.gif);
  background-size: 1000px auto;
  background-position: bottom;
  background-repeat: no-repeat !important;
}
.add_vts_c02_title{
  width: 750px;
  margin: 0 auto 15px;
}
.add_vts_c02_video{
  width: 750px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-bottom: 56.25%; /*アスペ比16:9*/
  height: 0;
  overflow: hidden;
}
.add_vts_c02_video iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.add_vts_c03_title{
  width: 100%;
  margin: 0 0 25px;
}
.add_vts_c03_contents{
  height: 321px;
  background: url(./../img/vts_sweets/vts_c04_pc.gif);
  background-size: 900px auto;
  background-position: top;
  background-repeat: no-repeat !important;
  position: relative;
}
.add_vts_c03_qr-code{
  width: 150px;
  position: absolute;
  right: 50px;
  top: 60px;
}

.add_vts_c04_title{
  width: 100%;
  margin: 0 0 50px;
}
.add_vts_c04_video{
  width: 750px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-top: 50px;
}

.add_vts_c04_video:first-child{
  margin-top: 0px;
}

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

.add_vts_c04_video-l{
  float: left;
  width: 48%;
  margin-right: 2%;
  margin-bottom: 40px;
}
.add_vts_c04_video-r{
  float: left;
  width: 48%;
  margin-left: 2%;
  margin-bottom: 40px;
}
.add_vts_c04_video-l p,
.add_vts_c04_video-r p{
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
}

.add_vts_c04_wrap p {
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
  margin-top: 1em;
}

.vts-space{
  height: 130px;
}


@media only screen and (max-width:768px){
  .add_vts_logo{
    margin-top: 150px !important;
  }  
  .add_vts_logo img{
    width: 100%;
  }

  .add_vts_c02_wrap{
    padding-bottom: 15px;
    background: url(./../img/vts_sweets/vts_c02_bg_sp.gif);
    background-size: 100% auto;
    background-position: bottom;
  }
  .add_vts_c02_title{
    width: 100%;
    margin: 20px auto 0px;
  }
  .add_vts_c02_video{
    width: 90%;
  }

  .add_vts_c03_contents{
    height: auto;
    background: none;
  }
  .add_vts_c03_contents a{
    position: absolute;
    width: 80%;
    height: auto;
    top: 41%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
  }

  .add_vts_c04_title{
    margin: 0 0 30px;
  }

  .add_vts_c04_video {
    width: 95%;
    margin: 50px auto 10px !important;
  }

  .add_vts_c04_video-l,
  .add_vts_c04_video-r{
    float: none;
    width: 95%;
    margin: 50px auto !important;
  }
  .add_vts_c04_video-l p,
  .add_vts_c04_video-r p{
    font-size: 1.5em;
  }

  .vts-space{
    height: 75px;
  }
}


.entrance-app-nav {
  display: flex;
    justify-content: center;
    margin-top: 30px;
}

.entrance-app-nav li {
  font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.entrance-app-nav li a{
  color: #fff;
    background-color: rgb(100,60,40);
    padding: .5em 0;
    width: 300px;
    line-height: 2;
    display: block;
}

.entrance-app-nav li + li{
  margin-left: 25px;
}
@media only screen and (max-width: 768px) {
  .entrance-app-nav{
    width: 100%;
      margin-right: auto;
      margin-left: auto;
      display: block;
  }
  .entrance-app-nav li{
    width: 100%;
  }
  .entrance-app-nav li a{
    width: 100%;
  }
  .entrance-app-nav li + li{
  margin: 1em auto;
}
}