/*
Theme Name: Chewing Gum Association of Japan
Theme URI: https://chewing-gum.jp/ChewingGum/
Author: 日本チューインガム協会デザインテーマ
Version: 1.0
Description: 日本チューインガム協会についての活動内容・行事・チューインガムについての統計をまとめたテーマです。
Author URI: https://chewing-gum.jp/
*/
@charset "utf-8";
@import"assets/css/reset.css";
@import"assets/css/bootstrap.min.css";
@import"assets/css/animate.min.css";
@import"https://fonts.googleapis.com/css?family=Montserrat:400,600,700&display=swap";
@import"https://use.fontawesome.com/releases/v5.5.0/css/all.css";
body {  overflow-x: hidden; font-family: "Montserrat", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, sans-serif; }
p {  line-height: 2; }
a {  color: #00a2dc; }
a:hover {  opacity: .8; }
h1, h2, h3, h4, h5, h6 {  font-weight: 900; font-family: "Montserrat", 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, sans-serif; }
.sub_bg_color {  background: #FFF; }
#breadcrumbs {  line-height: 20px; list-style: none; padding: 1%; }
#breadcrumbs li {  float: left; }
.page-section {  padding: 80px 0; }
.page-section h2.section-heading {  color: #20a2de; margin: 55px 0; position: relative; }
.page-section h2::after {  content: ""; display: block; background: #fff100; height: 10px; width: 60%; margin: 10px auto; }
.clearfix::after {  content: ""; display: block; clear: both; }
::-moz-selection {  background: #fff100; text-shadow: none; }
::selection {  background: #fff100; text-shadow: none; }
img::-moz-selection {  background: transparent; }
img::selection {  background: transparent; }
img::-moz-selection {  background: transparent; }
.btn {  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-weight: 700; }
.btn-xl {  padding: 20px 40px; }
.fixed-top_sub {  position: fixed; top: 0; left: 0; z-index: 1030; }
.fixed-top_title {  position: fixed; top: 0; left: 0; z-index: 1030; width: 100%; text-align: center; }
.fv_sp {  display: none; }
.m_a {  margin: 50px 0 0 0; }
.bth_a {  text-align: center; }
.btn_f a {  display: block; width: 30%; background: #20a2de; color: #FFF; margin: 5% auto; padding: 2% 0; border-radius: 100px; text-align: center; font-weight: bold; }
@media screen and (max-width: 768px) {  .fv_sp {  display: block; margin: 40px 0 0 0; }
  .fv_pc {  display: none; }
  .fixed-top_title img {  width: 50%; margin: 0 auto; display: block; }
  .menu-trigger, .menu-trigger span {  display: inline-block; transition: all .4s; box-sizing: border-box; }
  .menu-trigger {  position: relative; width: 20px; height: 30px; }
  .menu-trigger .m_b {  display: block; padding: 2%; }
  .menu-trigger span {  position: absolute; left: 10px; width: 100%; height: 2px; background-color: #20a2de; border-radius: 4px; }
  .menu-trigger span:nth-of-type(1) {  top: 10px; }
  .menu-trigger span:nth-of-type(2) {  top: 19px; }
  .menu-trigger span:nth-of-type(3) {  bottom: 0; }
  .menu-trigger.active span:nth-of-type(1) {  -webkit-transform: translateY(10px) rotate(-315deg); transform: translateY(10px) rotate(-315deg); }
  .menu-trigger.active span:nth-of-type(2) {  opacity: 0; }
  .menu-trigger.active span:nth-of-type(3) {  -webkit-transform: translateY(-8px) rotate(315deg); transform: translateY(-8px) rotate(315deg); }
  .active .navbar-collapse {  display: block; margin-top: 50px; }
  #mainNav .navbar-nav .nav-item .nav-link {  background: #20a2de; padding: 0.75em 0 0.75em 5% !important; margin: 10px 0; border-radius: 0 40px 40px 0; }
  .page-section h2.section-heading {  margin-top: 0; margin-bottom: 15px; }
  .page-section {  padding: 50px 0; margin: 50px 0; }
  #mainNav {  width: 100%; /*background-color: #212529;*/
  }
}
#mainNav {  /*background-color: #212529;*/
}
#mainNav .navbar-toggler {  right: 0; padding: 13px; text-transform: uppercase; color: white; border: 0; background: none; font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; }
#mainNav .navbar-brand {  color: #20a2de; font-family: 'Kaushan Script', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; }
#mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {  color: #fec503; }
#mainNav .navbar-nav .nav-item .nav-link {  font-weight: 400; padding: 0.75em 0; letter-spacing: 1px; color: white; font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; }
#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {  background-color: #fff100; color: #20a2de; width: 160px; transition: all ease 0.3s; }
@media (min-width: 992px) {  #mainNav {  padding-top: 25px; padding-bottom: 25px; -webkit-transition: padding-top 0.3s, padding-bottom 0.3s; transition: padding-top 0.3s, padding-bottom 0.3s; border: none; background-color: transparent; }
  #mainNav .navbar-brand {  -webkit-transition: all 0.3s; transition: all 0.3s; }
  #mainNav .navbar-brand img {  width: 450px; padding: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }
  #mainNav .navbar-nav .nav-item .nav-link {  font-weight: bold; padding: 15px; background-color: #20a2de; margin: 15px 0; width: 150px; border-radius: 0 40px 40px 0; }
  #mainNav.navbar-shrink {  padding-top: 0; padding-bottom: 0; transition: all ease 0.5s; }
  #mainNav.navbar-shrink .navbar-brand {  padding: 12px 0; }
  #mainNav.navbar-shrink .navbar-brand img {  width: 300px; opacity: .2; padding: 12px 0; }
}
.fixed_bg {  background-image: url("assets/images/header-bg.jpg"); background-size: 100%; position: fixed; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; }
@media screen and (max-width:768px) {  .fixed_bg {  background-image: url("assets/images/header-bg_sp.jpg"); background-size: 100%; }
}
.bg-news {  background: #fff100; color: #00a2dc; }
.bg-news h2 {  margin-bottom: 30px; }
header.masthead {  text-align: center; color: white; background-repeat: no-repeat; background-attachment: scroll; background-position: center center; background-size: cover; }
header.masthead .intro-text {  padding-top: 150px; padding-bottom: 100px; }
header.masthead .intro-text .intro-lead-in {  font-style: italic; line-height: 22px; margin-bottom: 25px; font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; }
header.masthead .intro-text .intro-heading {  font-weight: 700; line-height: 50px; margin-bottom: 25px; font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; }
@media (min-width: 768px) {  header.masthead .intro-text {  padding-top: 300px; padding-bottom: 200px; }
  header.masthead .intro-text .intro-lead-in {  font-style: italic; line-height: 40px; margin-bottom: 25px; font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; }
  header.masthead .intro-text .intro-heading {  font-weight: 700; line-height: 75px; margin-bottom: 50px; font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; }
}
.service-heading {  margin: 15px 0; text-transform: none; }
.service-heading span {}
#portfolio .portfolio-item {  right: 0; margin: 0 0 15px; }
#portfolio .portfolio-item .portfolio-link {  position: relative; display: block; max-width: 400px; margin: 0 auto; cursor: pointer; }
#portfolio .portfolio-item .portfolio-link .portfolio-hover {  position: absolute; width: 100%; height: 100%; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; opacity: 0; background: rgba(254, 209, 54, 0.9); }
#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {  opacity: 1; }
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {  position: absolute; top: 50%; width: 100%; height: 20px; margin-top: -12px; text-align: center; color: white; }
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {  margin-top: -12px; }
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3, #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {  margin: 0; }
#portfolio .portfolio-item .portfolio-caption {  max-width: 400px; margin: 0 auto; padding: 25px; text-align: center; background-color: #fff; }
#portfolio .portfolio-item .portfolio-caption h4 {  margin: 0; text-transform: none; }
#portfolio .portfolio-item .portfolio-caption p {  font-style: italic; margin: 0; font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; }
#portfolio * {  z-index: 2; }
@media (min-width: 767px) {  #portfolio .portfolio-item {  margin: 0 0 30px; }
}
.portfolio-modal .modal-dialog {  margin: 1rem; max-width: 100vw; }
.portfolio-modal .modal-content {  padding: 100px 0; text-align: center; }
.portfolio-modal .modal-content h2 {  margin-bottom: 15px; }
.portfolio-modal .modal-content p {  margin-bottom: 30px; }
.portfolio-modal .modal-content p.item-intro {  font-style: italic; margin: 20px 0 30px; font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; }
.portfolio-modal .modal-content ul.list-inline {  margin-top: 0; margin-bottom: 30px; }
.portfolio-modal .modal-content img {  margin-bottom: 30px; }
.portfolio-modal .modal-content button {  cursor: pointer; }
.portfolio-modal .close-modal {  position: absolute; top: 25px; right: 25px; width: 75px; height: 75px; cursor: pointer; background-color: transparent; }
.portfolio-modal .close-modal:hover {  opacity: 0.3; }
.portfolio-modal .close-modal .lr {  /* Safari and Chrome */
  z-index: 1051; width: 1px; height: 75px; margin-left: 35px; /* IE 9 */
  -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #212529; }
.portfolio-modal .close-modal .lr .rl {  /* Safari and Chrome */
  z-index: 1052; width: 1px; height: 75px; /* IE 9 */
  -webkit-transform: rotate(90deg); transform: rotate(90deg); background-color: #212529; }
.timeline {  position: relative; padding: 0; list-style: none; }
.timeline:before {  position: absolute; top: 0; bottom: 0; left: 40px; width: 5px; margin-left: -1.5px; content: ''; background-color: #fff100; }
.timeline > li {  position: relative; min-height: 50px; margin-bottom: 50px; }
.timeline > li:after, .timeline > li:before {  display: table; content: ' '; }
.timeline > li:after {  clear: both; }
.timeline > li .timeline-panel {  position: relative; float: right; width: 100%; padding: 0 20px 0 100px; text-align: left; }
.timeline > li .timeline-panel:before {  right: auto; left: -15px; border-right-width: 15px; border-left-width: 0; }
.timeline > li .timeline-panel:after {  right: auto; left: -14px; border-right-width: 14px; border-left-width: 0; }
.timeline > li .timeline-image {  position: absolute; z-index: 100; left: 0; width: 80px; height: 80px; margin-left: 0; text-align: center; color: white; border: 7px solid #fff100; border-radius: 100%; background-color: #fff100; }
.timeline > li .timeline-image h4 {  line-height: 14px; margin-top: 12px; }
.timeline > li.timeline-inverted > .timeline-panel {  float: right; padding: 0 20px 0 100px; text-align: left; }
.timeline > li.timeline-inverted > .timeline-panel:before {  right: auto; left: -15px; border-right-width: 15px; border-left-width: 0; }
.timeline > li.timeline-inverted > .timeline-panel:after {  right: auto; left: -14px; border-right-width: 14px; border-left-width: 0; }
.timeline > li:last-child {  margin-bottom: 0; }
.timeline .timeline-heading h4 {  margin-top: 0; color: inherit; background: #fff100; border-radius: 60px; text-align: center; padding: 5px 0; }
.timeline .timeline-heading h4.subheading {  text-transform: none; color: #CCC; background: none; }
.timeline .timeline-body > ul, .timeline .timeline-body > p {  margin-bottom: 0; }
@media (min-width: 768px) {  .timeline:before {  left: 50%; }
  .timeline > li {  min-height: 100px; margin-bottom: 10px; }
  .timeline > li .timeline-panel {  float: left; width: 41%; padding: 0 20px 20px 30px; text-align: right; }
  .timeline > li .timeline-image {  left: 50%; width: 100px; height: 100px; margin-left: -50px; }
  .timeline > li .timeline-image h4 {  line-height: 18px; margin-top: 16px; }
  .timeline > li.timeline-inverted > .timeline-panel {  float: right; padding: 0 30px 20px 20px; text-align: left; }
}
@media (min-width: 992px) {  .timeline > li {  min-height: 150px; }
  .timeline > li .timeline-panel {  padding: 0 20px 20px; }
  .timeline > li .timeline-image {  width: 150px; height: 150px; margin-left: -75px; }
  .timeline > li .timeline-image h4 {  line-height: 26px; margin-top: 30px; }
  .timeline > li.timeline-inverted > .timeline-panel {  padding: 0 20px 20px; }
}
@media (min-width: 1200px) {  .timeline > li {  min-height: 170px; }
  .timeline > li .timeline-panel {  padding: 0 20px 20px 100px; }
  .timeline > li .timeline-image {  width: 170px; height: 170px; margin-left: -85px; }
  .timeline > li .timeline-image h4 {  margin-top: 40px; }
  .timeline > li.timeline-inverted > .timeline-panel {  padding: 0 100px 20px 20px; }
}
.team-member {  margin-bottom: 50px; text-align: center; }
.team-member img {  width: 225px; height: 225px; border: 7px solid rgba(0, 0, 0, 0.1); }
.team-member h4 {  margin-top: 25px; margin-bottom: 0; text-transform: none; }
.team-member p {  margin-top: 0; }
section#contact {  background-color: #212529; background-image: url("../img/map-image.png"); background-repeat: no-repeat; background-position: center; }
section#contact .section-heading {  color: #fff; }
section#contact .form-group {  margin-bottom: 25px; }
section#contact .form-group input, section#contact .form-group textarea {  padding: 20px; }
section#contact .form-group input.form-control {  height: auto; }
section#contact .form-group textarea.form-control {  height: 248px; }
section#contact .form-control:focus {  border-color: #fff100; -webkit-box-shadow: none; box-shadow: none; }
section#contact ::-webkit-input-placeholder {  font-weight: 700; color: #ced4da; font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; }
section#contact :-moz-placeholder {  font-weight: 700; color: #ced4da; font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; }
section#contact ::-moz-placeholder {  font-weight: 700; color: #ced4da; font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; }
section#contact :-ms-input-placeholder {  font-weight: 700; color: #ced4da; font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; }
.footer span.copyright {  line-height: 40px; text-transform: none; font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; }
.footer ul.quicklinks {  line-height: 40px; margin-bottom: 0; text-transform: none; font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; }
ul.social-buttons {  margin-bottom: 0; }
ul.social-buttons li a {  line-height: 50px; display: block; width: 50px; height: 50px; -webkit-transition: all 0.3s; transition: all 0.3s; color: white; border-radius: 100%; outline: none; background-color: #212529; }
ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {  background-color: #fff100; }
/* 各コンテンツアニメーション設定 */
.post .inner {  -moz-transform: scale(1.0); -webkit-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); -moz-transition: opacity 1.25s ease, -moz-transform 1s ease; -webkit-transition: opacity 1.25s ease, -webkit-transform 1s ease; -ms-transition: opacity 1.25s ease, -ms-transform 1s ease; transition: opacity 1.25s ease, transform 1s ease; position: relative; z-index: 2; }
#anime-1.post .inner {  opacity: 0; transform: translate3d(0, 80px, 0); }
#anime-1.post .inner.current {  opacity: 1; transform: none
}
#anime-2.post .inner {  opacity: 0; transform: translate3d(0, -50px, 0); }
#anime-2.post .inner.current {  opacity: 1; transform: none
}
#anime-3.post .inner {  opacity: 0; transform: translate3d(0, 0, 0); }
#anime-3.post .inner.current {  opacity: 1; transform: none
}
#anime-4.post .inner {  opacity: 0; transform: translate3d(0, -120px, 0); }
#anime-4.post .inner.current {  opacity: 1; transform: none
}
@-moz-keyframes more {  0% {  bottom: -3em; }
  100% {  bottom: 2em; }
}
@-webkit-keyframes more {  0% {  bottom: -3em; }
  100% {  bottom: 2em; }
}
@-ms-keyframes more {  0% {  bottom: -3em; }
  100% {  bottom: 2em; }
}
@keyframes more {  0% {  bottom: -3em; }
  100% {  bottom: 2em; }
}
.post .more {  background-color: rgba(255, 255, 255, 0.15); border: 0; border-radius: 1em 1em 0 0; bottom: -3em; color: rgba(255, 255, 255, 0.75); display: block; height: 3em; left: 50%; margin-left: -1.5em; overflow: hidden; position: absolute; text-indent: 3em; white-space: nowrap; width: 3em; z-index: 2; border-radius: 100%; text-decoration: none; }
.post .more:before {  -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: FontAwesome; font-style: normal; font-weight: normal; text-transform: none !important; }
.post .more.current {  -moz-transition: height 0.2s ease; -webkit-transition: height 0.2s ease; -ms-transition: height 0.2s ease; transition: height 0.2s ease; -moz-animation: more 0.75s ease-out 2s forwards; -webkit-animation: more 0.75s ease-out 2s forwards; -ms-animation: more 0.75s ease-out 2s forwards; animation: more 0.75s ease-out 2s forwards; }
.post .more:hover {  background: none; color: rgba(255, 255, 255, 0.5); box-shadow: 0 0 1px 0 rgba(255, 255, 255, 0.5); }
.post .more:hover:before {  color: rgba(255, 255, 255, 0.5); }
.post .more:before {  content: '\f107'; color: #FFF; position: absolute; right: .425em; bottom: -.075em; }
@media screen and (max-width: 980px) {  @-moz-keyframes more {  0% {  bottom: -3em; }
    100% {  bottom: 1.5em; }
  }
  @-webkit-keyframes more {  0% {  bottom: -3em; }
    100% {  bottom: 1.5em; }
  }
  @-ms-keyframes more {  0% {  bottom: -3em; }
    100% {  bottom: 1.5em; }
  }
  @keyframes more {  0% {  bottom: -3em; }
    100% {  bottom: 1.5em; }
  }
}
@media screen and (max-width: 736px) {  .post {  min-height: 0; height: auto; background-attachment: scroll; font-size: .8rem; }
  .post h2 {margin-bottom: 10px;}
}
@media screen and (max-width: 480px) {  .post h2 {}
  .post .more {  display: none; }
  .post .button {  width: 100%; }
  .news_list {font-size: .8rem;}
}
.fv_area {  position: relative; }
.fv_obj_1, .fv_obj_2, .fv_obj_3, .fv_obj_4, .fv_obj_5, .fv_obj_6 {  position: absolute !important; z-index: 999 !important; }
.fv_obj_1 {  width: 10%; bottom: 11%; left: 39%; }
.fv_obj_2 {  width: 10%; bottom: 11%; left: 50%; }
.fv_obj_3 {  width: 10%; bottom: 18%; right: 21%; }
.fv_obj_4 {  width: 14%; right: 9%; bottom: 10%; }
.fv_obj_5 {  width: 15%; bottom: 30%; right: 10%; }
.fv_obj_6 {  width: 15%; bottom: 65%; right: 10%; }
.news_list li {  padding: 5px 0; }
.box-center {  margin: 0 auto; }
.sub_title {  text-align: center !important; margin-bottom: 5%; color: #00a2dc; }
.sub_title2 {  text-align: center; margin-bottom: 10px; }
.sub_title2 span {  background: #fff100; font-weight: 600; padding: 10px 20px; border-radius: 60px; }
/* bootstrap css */
.navbar-nav {  display: -ms-flexbox; display: inline-block; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; }
.add_detail_table_list table {  width: 100%; margin: 0 auto; border: 1px solid #e9e7dd; box-sizing: border-box; }
.add_detail_table_list th, .add_detail_table_list td {}
.add_detail_table_list th {  width: 35%; color: #373737; background: #f5f5f5; vertical-align: middle; text-align: center; }
.add_detail_table_list td {  color: #373737; padding: 1rem; }
.table_a table {  width: 95%; margin: 0 auto; border: 1px solid #00a2dc; box-sizing: border-box; background: #FFF; font-size: .8rem; }
.table_a th, .table_a td {  border: 1px solid #00a2dc; }
.table_a th {  width: 35%; color: #00a2dc; background: #f3fbff; vertical-align: middle; text-align: center; }
th.sub {  background: #ffe2ec; }
.table_a td {  color: #373737; padding: .3rem; }
.table_th th {  width: 20%; }
.table_th td {  padding: 1rem; }
.anniversary_frame {  border: 2px solid #009bef; border-radius: 4px; color: #009bef; line-height: 2; }
.anniversary_frame p {  padding: 1rem; }
.anniversary_title {  text-align: center; margin-top: -2rem; }
.anniversary_title span {  padding: .6rem; font-weight: 600; background: #FFF; }
.type_box_border {  position: relative; }
.type_box_border:before {  position: absolute; display: block; top: 0; left: 0; content: ""; background: #009bef; width: 3px; height: 250px; border-radius: 120px; }
.type_box_border:after {  position: absolute; display: block; top: 0; right: 0; content: ""; background: #009bef; width: 3px; height: 250px; border-radius: 120px; }
.type_list .text-padding-1 {  border-top: 3px solid #009bef; }
.function_type_box {  padding: 7px; }
.function_type_inner {  background: #FFF; border: 2px solid #009bef; border-radius: 6px; padding: 1rem; }
.function_type_box h3 {  padding: 2rem 0; }
.function_type_box h3:after {  content: ""; display: block; background: #009bef; border-radius: 120px; margin: 1rem auto 0; width: 50%; height: 3px; }
.function_type_1 {  padding: 5px 20px; display: inline-block; border: 3px solid #009bef; border-radius: 60px; }
.food_frame {  padding: 6px; }
.food_frame_inner {  background: #EEE; border-radius: 6px; padding: 1rem; }
.quetion_title, .anser_txt {  padding: .6rem 0; }
.quetion_title b, .anser_txt b {  color: #20a2de; }
.quetion_title span, .anser_txt span {  border-bottom: 10px solid #fff100; color: #001e29; margin: 0 1rem; }
.anser_note {  padding: 1rem; color: #001e29; line-height: 2; }
.study_frame_1, .study_frame_2, .study_frame_3, .study_frame_4 {  padding: 1rem; text-align: center; }
.study_frame_1 a:hover, .study_frame_2 a:hover, .study_frame_3 a:hover, .study_frame_4 a:hover {  text-decoration: none; }
.btn_type_01 {  margin: 3rem auto; text-align: center; }
.btn_type_01 span, .btn_type_02 span, .btn_type_03 span, .btn_type_04 span {  padding: 1rem 2rem; background: #e2f6ff; border-radius: 120px; border: 3px solid #00a2dc; }
.study_frame_1:before, .study_frame_2:before, .study_frame_3:before {  content: ""; display: block; width: 95%; border-radius: 60px; height: 3px; position: absolute; bottom: 0; z-index: 1; background: #00a2dc; }
.study_frame_1:before {  left: 0; }
.study_frame_2:before {  right: 0; }
.study_frame_1:after {  content: ""; display: block; width: 3px; border-radius: 60px; height: 95%; position: absolute; right: 0; z-index: 1; background: #00a2dc; }
.study_frame_3:after {  content: ""; display: block; top: 0; width: 3px; border-radius: 60px; height: 95%; position: absolute; left: 2%; z-index: 1; background: #00a2dc; }
.footer {  background: #FFF; padding: 2rem 0; }
.nav-tabs {  border-bottom: none; }
.nav-tabs .nav-link.active {  background-color: #20a2de; color: #FFF; font-weight: bold; }
.tab-pane.active .tab-pane-header {  padding: 2rem; }
.tab-pane:first-child .tab-pane-header {  border-top-left-radius: 0; }
.nav-radius {  border: none !important; border-radius: 60px !important; }
.table_kaisu th {  width: 15%; }
.f_t th {  background: none; padding: 0; }
.f_t td {  background: none; padding: 0; }
.title_bg {  color: #20a2de; padding: 2rem 0; text-align: center; background: url(assets/images/pattern2.png) repeat !important; font-weight: 600; }
.title_bg span {  display: block; text-align: center; font-weight: 100; font-size: .6em; padding: 1% 0 0 0; }
.post-toc {  padding: 4rem; background: #f1f3f4; border-radius: 10px; }
.post-toc-ol a span {  color: #333; }
.post-toc-ol li {  line-height: 2; }
.post-toc-ol li ol {  margin-left: 2rem; }
.case_text_area {  padding: 1rem; }
.case_data h3 {  padding: 1rem 2rem; margin-top: 2rem; position: relative; background: #FFF; line-height: 1.8; }
.case_data h3::after {  content: ""; height: 100%; width: 5px; background: linear-gradient(130deg, #31aae2 0%, #0b80dc 100%); position: absolute; left: 0; top: 0; }
.case_data h4 {  padding: 1rem 2rem; margin-top: 2rem; position: relative; position: relative; }
.case_data h4::after {  content: ""; height: 1px; width: 80%; background: #333; position: absolute; left: 0; bottom: 0; }
.footer_frame li {  padding: 0 0 .6rem 1rem; }
.footer_frame_1 li:nth-child(1), .footer_frame_2 li:nth-child(1), .footer_frame_3 li:nth-child(1), .footer_frame_4 li:nth-child(1), .footer_frame_5 li:nth-child(1), .footer_frame_6 li:nth-child(1) {  . padding: 0 0 .6rem 0; font-weight: 600; }
/* トップページスクロールダウンアニメーション設定 */
.arrowWrap {  position: absolute; right: 0; bottom: 0; height: 200px
}
.arrowInner p {  font-size: 12px; color: #20a2de; text-align: end; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.arrow {  width: 1px; height: 100px; margin: 50px auto 0; background-color: #eee; position: relative; overflow: hidden; }
.arrow::before {  content: ''; width: 1px; height: 100px; margin: 50px auto 0; background-color: #20a2de; position: absolute; top: -150px; left: 0; -webkit-animation: arrow 2.5s ease 0s infinite normal; animation: arrow 2.5s ease 0s infinite normal; }
@keyframes arrow {  0% {  -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }
  60% {  -webkit-transform: translate3d(-50%, 100px, 0); transform: translate3d(-50%, 100px, 0); }
  100% {  -webkit-transform: translate3d(-50%, 100px, 0); transform: translate3d(-50%, 100px, 0); }
}
/*SNSアイコン設定*/
.sns_navi {  top: 2rem; right: 5rem; position: absolute; z-index: 9999; width: 150px; }
.flowbtn10 {  display: inline-block; font-size: 25px; text-decoration: none; transition: .5s; color: #20a2de; }
.sp {display: none;}
@media screen and (max-width: 768px) {}
/* インスタ・pocket・ラインだけ少し大きく */
.flowbtn10 .fa-instagram, .flowbtn10 .fa-get-pocket, .flowbtn10 .fa-get-pocket, .flowbtn10 .fa-line {  font-size: 28px; }
/* Twitterマウスホバー時 */
.flowbtn10 .fa-twitter:hover {  color: #55acee; }
/* Instagramマウスホバー時 */
.flowbtn10 .fa-instagram:hover {  color: #c6529a; }
/* Facebookマウスホバー時 */
.flowbtn10 .fa-facebook-f:hover {  color: #3b5998; }
/* Feedlyマウスホバー時 */
.flowbtn10 .fa-rss:hover {  color: #6cc655; }
/* YouTubeマウスホバー時 */
.flowbtn10 .fa-youtube:hover {  color: #fc0d1c; }
/* LINEマウスホバー時 */
.flowbtn10 .fa-line:hover {  color: #00c300; }
/* メールアイコンマウスホバー時 */
.flowbtn10 .fa-envelope:hover {  color: #f3981d; }
/* ulタグの内側余白を０にする */
ul.snsbtniti {  padding: 0 !important; }
/* アイコン全体の位置 */
.snsbtniti {}
/* アイコン同士の余白 */
.snsbtniti li {  width: 50%; float: left; text-align: center !important; border-right: 2px solid #20a2de; }
.snsbtniti li:last-child {  border: none; }
/* 画像アニメーションホバー設定 */
.obj_img_hover_1 figure img {  -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); -webkit-transition: .3s ease-in; transition: .3s ease-in; }
.obj_img_hover_1 figure:hover img {  -webkit-transform: rotate(-3deg) scale(1.1); transform: rotate(-3deg) scale(1.1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
.obj_img_hover_2 figure img {  -webkit-transform: rotate(0) scale(1); transform: rotate(0) scale(1); -webkit-transition: .3s ease-in; transition: .3s ease-in; }
.obj_img_hover_2 figure:hover img {  -webkit-transform: rotate(3deg) scale(1.1); transform: rotate(3deg) scale(1.1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }
/*アイキャッチ画像設定（投稿ページ）*/
.i_cat_img img {  width: 100%; height: auto; }
.date_list {  width: 30%; color: #999; display: flex; flex-flow: row wrap; justify-content: space-between; }
.date_list span {  text-align: center !important; }
.date_list::after {  content: ""; clear: both; }
.company_list li {  display: inline-flex; width: 18%; }
.company_list li a {  display: block; margin: 2%; }
/* フォントサイズ・余白設定 */
.study_frame_1:after {  top: 0; }
.study_frame_3:after {  bottom: 0; }
.function_type_txt_1 {}
.function_type_txt_2 {}
.anniversary_frame2 {}
.anniversary_title2 {}
.box-margin-1 {  margin: 1rem auto; }
.box-margin-2 {  margin: 2rem auto; }
.box-padding-1 {  padding: 1rem; }
.box-padding-2 {  padding: 1.5rem; }
.box-padding-3 {  padding: 2rem; }
.text-padding-1 {  padding: 1rem; line-height: 2; }
.text-center {  text-align: center; }
.text-color-1 {  color: #009bef; }
.text-line-1 {  line-height: 2; }
.text-bold-1 {  font-weight: 600; }
.text-size-1 {  font-size: 3rem; }
.text-size-2 {  font-size: 2.5rem; }
.text-size-3 {  font-size: 2rem; }
.text-size-4 {  font-size: 1.6rem; }
.anser_head .text-size-4 {  font-size: 1.4rem; } 
.text-size-4_1 {  font-size: 1rem; font-weight: 100; border: none !important; }
.text-size-5 {  font-size: 1.2rem; }
.text-size-6 {  font-size: .8rem; }
.text-size-7 {  font-size: .6rem; }
.text-padding-1 {  padding: 1rem 0; }
.text-padding-2 {  padding: 2rem 0; }
.img-width-1 {  width: 100%; }
.img-width-2 {  width: 80%; }
.img-width-3 {  width: 70%; }
.img-width-4 {  width: 60%; }
.img-width-5 {  width: 50%; }
/************************************
** Twitterボックス
************************************/
.p-twitter-box {  box-shadow: 0 2px 4px rgba(0, 0, 0, .2); margin: 2rem auto; max-width: 250px; width: 100%; position: absolute; left: 15%; bottom: 5%; }
.p-twitter-box iframe {  height: 350px !important; }
.p-twitter-box .p-twitter-title {  color: #fff; font-weight: 600; letter-spacing: 1px; padding: 0 2em 0; font-size: 12px; }
.p-twitter-box .twitter-tweet {  margin: 0 !important; }
.p-twitter-box p {  display: none; }
/* ブルー */
.p-twitter-box .p-twitter-blue {  background: #1da1f2; }
.twitter-timeline {}
/************************************
** プライバシーポリシー
************************************/
.privacy_area p {  padding: 1rem; }v
.privacy_area ol, .privacy_area ul {  padding: 0 1rem 0 2rem; }
.privacy_area ol li {  list-style: decimal; }
@media screen and (max-width: 768px) {
  .privacy_area {  font-size: .8rem; }
}
/************************************
** フーセンガムの膨らまし方
************************************/
.maincontents img {  width: 100%; }
.maincotents_02 {  margin: 10px auto; padding: 15px; background-color: #FFFFFF; border-radius: 20px; position: relative; }
.maintitle_01 {  width: 60%; margin: 0 auto; }
.stepbox {  border-radius: 20px; border: 2px solid #ff7fba; padding: 17px 8px 8px 8px; background-color: #ffe3f3; margin: 50px 0px 0px 0px; position: relative; }
.step_icon {  width: 104px; position: absolute; top: -33px; left: -21px; z-index: 999; }
.step_title {  font-size: 18px; font-weight: bold; color: #ff4594; margin: 0px 0px 0px 50px; }
.stepnaiyou_box {  background-color: #fffdee; padding: 10px; margin: 10px auto 0px auto; border-radius: 20px; position: relative; }
.kuti_ {  width: 15%; float: left; }
.kenkyusya_ {  float: left; width: 22%; margin: 0px 0px 0px 10px; }
.pointotext_ {  width: 60%; text-align: left; float: left; padding: 10px 0 0 10px; }
.pointo {  font-size: 16px; margin: 0; font-weight: bold; color: #ff4494; }
.boodre {  border-bottom: 3px double #ff4494; padding-bottom: 0px; }
.pointo_text {  font-size: 16px; font-weight: bold; padding: 12px 0px 0px 0px; }
.stepimg_01 {  width: 340px; height: 240px; position: absolute; top: -17px; right: 35px; }
.konnabox {  width: 95%; position: relative; margin: 90px 0px 0px 0px; }
.husan_02 {  width: 168px; height: 82px; position: absolute; top: -48px; left: 75px; }
.konnawaza_text {  font-size: 24px; color: #296ad8; font-weight: bold; position: absolute; top: -25px; left: 259px; }
@media (max-width: 768px) {
  .maintitle_01 {  width: 100%; margin: 0 auto; }
  .step_icon {  width: 64px; position: absolute; top: -33px; left: -21px; z-index: 999; }
  .step_title {  font-size: 14px; font-weight: bold; text-align: left; color: #ff4594; margin: 0px 0px 0px 10px; }
  .kuti_ {  width: 40%; float: left; }
  .kenkyusya_ {  float: left; width: 60%; margin: 0; }
  .pointotext_ {  width: 100%; text-align: left; float: left; padding: 10px 0; font-size: 12px; }
  .pointo_text {  font-size: 12px; }
  .konnawaza_text {  font-size: 18px; color: #296ad8; font-weight: bold; position: absolute; top: -45px; left: 49px; }
  .husan_02 {  width: 50px; position: absolute; top: -60px; left: 0px; }
}
/************************************
** 年表
************************************/
.timeline_area_frame {  overflow: auto; -webkit-overflow-scrolling: touch; height: 500px; padding: 1rem; border: 2px solid #e5e5d1; background: #FFF; }
.timeline_area {  list-style: none; }
.timeline_area > li {  margin-bottom: 60px; }
.timeline_area > li {  overflow: hidden; margin: 0; position: relative; }
.timeline_area-date {  width: 114px; float: left; margin-top: 20px; }
.timeline_area-date span {  font-size: .6rem; color: #CCC; }
.timeline_area-content {  width: 87%; float: left; border-left: 3px #e5e5d1 solid; padding-left: 30px; }
.timeline_area-content h3 {  margin: 1.5rem 0; font-size: 1.4rem; }
.timeline_area-content div {  float: left; }
.timeline_area-content div:nth-child(1) {  width: 60%; padding: 0 1rem 0 0; border-right: 1px solid #e5e5d1; }
.timeline_area-content div:nth-child(2) {  width: 40%; padding: 0 0 0 1rem; }
.timeline_area-content:before {  content: ''; width: 12px; height: 12px; background: #6fc173; position: absolute; left: 109px; top: 24px; border-radius: 100%; }
.news_contents h2 {margin-bottom: 2%;}
.news_cont_1 {padding: 3%;}
.news_cont_2 {  border:2px solid #ff932a; border-radius: 6px; background: #ffffe0; padding: 3%; margin: 3% 0; }
.news_cont_3 img {  display: block; width: 80%; margin: 0 auto; }
.news_cont_title_1 {  background: #ffba4e; color: #FFF; border-radius: 120px; padding: 6px 10px; text-align: center; display: inline-block; margin:2% 0; }
.movie_fv_Area {  position: relative; background: rgba(0,0,0,0.20) url(https://chewing-gum.jp/wp-content/themes/ChewingGum/assets/images/dot-black.png) repeat; background-size:100px; padding: 10% 0 0 0; margin-bottom: 5%; height: 600px; overflow: hidden; }
.movie_data video {  width: 100%; display: block; position:absolute; top:0; left: 0; z-index: -1; }
.movie_fv_Area h1 {  width: 45%; margin: 0 auto; }
.movie_cont h2 {  width: 60%; margin: 0 auto 5%; border-radius: 60px; background: #fff100; text-align: center; font-weight: bold; padding: 2% 0; font-size: 2rem; }
.m_sub_title {  color: #20a2de; text-align: center; font-weight: bold; padding: 2% 0; font-size: 2.5rem; }
.movie_cont h3 {  font-weight: bold; padding: 15% 0 10% 0; font-size: 1.6rem; }
.movie_cont_in {  margin: 5% 0; }
.movie_cont_txt {  padding: 0; font-size: 1rem; line-height: 2; }
.img_center img {  display: block; width: 80%; margin: 5% auto 0; }
.yotu-playlist {  display: block; clear: both; width: 95%; margin: 0 auto; padding:10px 0 !important; position: relative; }
.movie_content h4 {  text-align: center; font-weight: bold; padding: 5% 0 0 0 ; }
.movie_txt_in h4 {  text-align: left; }
.movie_np {  padding: 2%; line-height: 1.8; }
.bn_area {  width: 65%; margin: 0 auto 5%; }
/*====================================================================
.s_01 .accordion_one
====================================================================*/
.s_01 .accordion_one { margin: 5% auto; }
.s_01 .accordion_one .accordion_header { background-color: #1c85d8; color: #fff; font-size: 20px; font-weight: bold; padding: 2% 0; text-align: center; position: relative; z-index: +1; cursor: pointer; transition-duration: 0.2s; }
.s_01 .accordion_one .accordion_header:hover { opacity: .8; }
.s_01 .accordion_one .accordion_header .i_box { display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; right: 5%; width: 40px; height: 40px; border: 1px solid #fff; margin-top: -20px; box-sizing: border-box; -webkit-transform: rotate(45deg); transform: rotate(45deg); transform-origin: center center; transition-duration: 0.2s; }
.s_01 .accordion_one .accordion_header .i_box .one_i { display: block; width: 18px; height: 18px; -webkit-transform: rotate(45deg); transform: rotate(45deg); transform-origin: center center; transition-duration: 0.2s; position: relative; }
.s_01 .accordion_one .accordion_header.open .i_box { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); }
.s_01 .accordion_one .accordion_header .i_box .one_i:before, .s_01 .accordion_one .accordion_header .i_box .one_i:after { display: flex; content: ''; background-color: #fff; border-radius: 10px; width: 18px; height: 4px; position: absolute; top: 7px; left: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); transform-origin: center center; }
.s_01 .accordion_one .accordion_header .i_box .one_i:before { width: 4px; height: 18px; top: 0; left: 7px; }
.s_01 .accordion_one .accordion_header.open .i_box .one_i:before { content: none; }
.s_01 .accordion_one .accordion_header.open .i_box .one_i:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.s_01 .accordion_one .accordion_inner { background: #F4FBFF; word-break: break-all; color: #004066; font-weight: 100; display: none; padding: 30px 30px; box-sizing: border-box; }
.s_01 .accordion_one .accordion_inner .box_one { height: auto; }
.s_01 .accordion_one .accordion_inner p.txt_a_ac { margin: 0; }
@media screen and (max-width: 1024px) { 
  .s_01 .accordion_one .accordion_header { font-size: 18px; }
  .s_01 .accordion_one .accordion_header .i_box { width: 30px; height: 30px; margin-top: -15px; }
}
@media screen and (max-width: 767px) { 
  .s_01 .accordion_one .accordion_header { font-size: 16px; text-align: left; padding: 15px 60px 15px 15px; }
}

/* PC */
@media (min-width: 768px) {
  section {  padding: 150px 0; }
}
/* スマホ */
@media screen and (max-width: 768px) {
  .movie_txt_in h4 {  text-align: center; }
  .movie_np {  padding: 2%; font-size: .8rem; line-height: 1.8; }  
  .bn_area {  width: 95%; margin: 0 auto 5%; }
  .movie_content .col-lg-6  {  padding: 0 10%; }
  .movie_content h4 {  font-size: 1.2rem; }
  .movie_fv_Area {  position: relative; background: rgba(0,0,0,0.20) url(https://chewing-gum.jp/wp-content/themes/ChewingGum/assets/images/dot-black.png) repeat; background-size:100px; padding: 25% 0; height: 640px; margin-bottom: 10%; }
  .movie_data {  width: 100%; overflow: hidden; }
  .movie_data video {  width: 1600px; display: block; position:absolute; top:0; left: -50%; z-index: -1; }
  .movie_fv_Area h1 {  width: 60%; margin: 0 auto; }
  .movie_cont h2 {  width: 70%; font-size: 1.2rem; padding: 3% 0; }
  .m_sub_title {  font-size: 1rem; }
  .movie_cont h3 {  text-align: center; font-size: 1.2rem; }
  .movie_cont_txt {  font-size: .8rem; }
  .img_center {  }
  .timeline_area-content {  width: 100%; border-left: 3px #e5e5d1 solid; padding-left: 30px; font-size: .6rem; }
  .timeline_area-content div {  float: none; }
  .timeline_area-content div:nth-child(1) {  width: 100%; padding: 0; border-right: none; }
  .timeline_area-content div:nth-child(2) {  width: 100%; padding: 0; }
  .timeline_area-content:before {  display: none; }  
  .p-twitter-box {  position: static; max-width: 100%; width: 100%; }
  .sns_navi {  width: 80px; top: 5px; right: 5px; position: absolute; z-index: 9999; }
  .snsbtniti {  display: inline-block; flex-flow: column; justify-content: center; text-orientation: upright; }
  .flowbtn10 {  display: inline-block; font-size: 16px; text-decoration: none; transition: .5s; color: #20a2de; padding: 0; }
  .snsbtniti li {  width: 50%; padding: 0 20px 0 10px; float: left; border-right: 2px solid #20a2de; }
  #mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {  background-color: #fff100; color: #20a2de; width: 95px; transition: all ease 0.3s; }
  #mainNav .navbar-nav .nav-item .nav-link {  font-size: .6rem; width: 90px; }
  .pc {display: none;}
  .sp {display: block;}
  .text-size-1 {  font-size: 2rem; line-height: 1.8; }
  .text-size-2 {  font-size: 1.8rem; line-height: 1.8; }
  .text-size-3 {  font-size: 1.4rem; line-height: 1.8; }
  .text-size-4 {  font-size: 1.2rem; font-weight: 600; line-height: 1.8; }
  .anser_head .text-size-4 { font-size: 1rem;  }
  .text-size-5 {font-size: .8rem;}
  .study_frame_1:before, .study_frame_2:before, .study_frame_3:before {display: none;}
  .study_frame_1:after, .study_frame_2:after, .study_frame_3:after {display: none;}
  .btn_f a {  display: block; font-size: 12px; width: 80%; background: #20a2de; color: #FFF; margin: 3% auto 10%; padding: 3% 0; border-radius: 100px; text-align: center; font-weight: bold; }
  .arrowWrap {  position: absolute; right: 0; bottom: 0; height: 200px
  }
  .anniversary_frame p {  padding: 15px 10px 0 10px; font-size: .8rem; }
  .table_a th {font-weight: 600;}
  .table_a td {  padding: .5rem; font-size: .6rem; line-height: 1.8; }  
  .anniversary_frame2 {font-size: .8rem;}
  .timeline .timeline-body > ul, .timeline .timeline-body > p {font-size: .8rem;}
  .type_box_border:before {display: none;}
  .type_box_border:after {display: none;}
  .company_list li {  display: inline-flex; width: 32%; }
  .study_frame_1, .study_frame_2, .study_frame_3, .study_frame_4 {  padding:0 1rem; text-align: center; }
  .nav-tabs .nav-item {  margin-bottom: -1px; font-size: .6rem; }
  .function_type_box h3 {  padding: 2rem 0; font-size: 1.2rem; }
  .function_type_box {font-size: .8rem;}
  .fv_obj_6 {  width: 22%; bottom: 64%; right: 6%; }
  .case_data h3 {font-size: 1.2rem;}
  .case_text_area p {  font-size: .8rem; padding:0 3%; }
  .text-padding-2 {  padding: 1rem 0; }
  #breadcrumbs {font-size: .8rem;}
  .date_list {  width: 40%; font-size: .8rem; }
  .toukou_text_area p {font-size: .8rem;}
  .news_contents {font-size: .8rem;}
  .footer .col-md-3 {  width: 50%; float: left; } 
  .text-size-4_1 {  font-size: .8rem; font-weight: 100; border: none !important; }
}