@charset "UTF-8";
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);

body {
  color: #101010;
  font-size: 14pt;
  font-family: "Roboto Slab", Garamond, "Times New Roman", "游明朝", "Yu Mincho",
    "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro",
    "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  line-height: 1.65;
  text-align: left;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

a:hover {
  cursor: pointer;
}

#wrapper {
  background: #2b5387;
  /*For Old WebKit*/
  background: -webkit-linear-gradient(#ffffff 0%, #ffffff 30%, #2b5387 100%);
  /*For Modern Browser*/
  background: linear-gradient(#ffffff 0%, #ffffff 30%, #2b5387 100%);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

#header,
.contents,
.footer {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  background: #fff;
}
.contents {
  padding: 4px 0;
  letter-spacing: 0.1em;
}
#header {
  padding: 0;
}
#header:after {
  display: block;
  content: "";
  clear: left;
}



/* ヘッダー画像 */
.header_img {
  background-image: url(../img/header_img03.jpg),
    url(../img/header_img03_t01.jpg), url(../img/header_img03_t02.jpg);
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: contain;
  padding-top: 30.8333333333%;
  position: relative;
  animation: headerimg 15s ease 0.5s infinite normal forwards;
}

.header_img .text01 {
  position: absolute;
  width: 48.6458333333%;
  top: 35.125%;
  left: 1.545833333333333%;
}

/* ヘッダー内ボタン全体設定 */
.header_btn02,
.header_btn03 {
  display: block;
  height: auto;
  text-decoration: none;
  line-height: 2.65em;
  outline: none;
  position: absolute;
  cursor: pointer;
  box-sizing: border-box;
}

.header_btn01 img,
.header_phone img {
  width: 35%;
}
.header_btn02 img,
.header_btn03 img {
  width: 100%;
}

.header_btn01 img,
.header_btn02 img,
.header_btn03 img {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2),
    inset 0 1px 1px rgba(255, 255, 255, 0.7);
  border-radius: 6px;
}

/* 資料請求ボタン */

#header_btn01,
.header_btn01 {
  margin: 8px auto;
  z-index: 9;
}

#header_btn01 > div,
.header_btn01 > div {
  max-width: 960px;
  margin: 0 auto;
}
.header_btn01 img {
  background: #ffffff;
  border: 1px solid #333;
}

/* 学会論文報告ボタン */
.header_btn02 {
  width: 21.666667%;
  top: 80.341216%;
  right: 23.729167%;
}

/* メディア掲載ボタン */
.header_btn03 {
  width: 21.666667%;
  top: 80.341216%;
  right: 1.208333%;
}

.box-social-media {
  margin: 4px 0;
  padding: 2px 4px;
}
.box-social-media img {
  width: 21.666667%;
}

/*ボタンのホバー時のスライド*/
.slide {
  transition: all 0.25s ease;
}

.slide:hover,
.slide:active {
  text-decoration: none;
  opacity: 0.95;
  transform: translateY(-3px);
}
.h3, h3
/* ヘッダー画像のアニメーション */
@-webkit-keyframes headerimg {
  0% {
    background-image: url(../img/header_img03.jpg);
  }
  16% {
    background-image: url(../img/header_img03.jpg);
  }
  33% {
    background-image: url(../img/header_img03_t01.jpg);
  }
  50% {
    background-image: url(../img/header_img03_t01.jpg);
  }
  66% {
    background-image: url(../img/header_img03_t02.jpg);
  }
  84% {
    background-image: url(../img/header_img03_t02.jpg);
  }
  100% {
    background-image: url(../img/header_img03.jpg);
  }
}
@keyframes headerimg {
  from {
    background-image: url(../img/header_img03.jpg);
  }
  16% {
    background-image: url(../img/header_img03.jpg);
  }
  33% {
    background-image: url(../img/header_img03_t01.jpg);
  }
  50% {
    background-image: url(../img/header_img03_t01.jpg);
  }
  66% {
    background-image: url(../img/header_img03_t02.jpg);
  }
  84% {
    background-image: url(../img/header_img03_t02.jpg);
  }
  to {
    background-image: url(../img/header_img03.jpg);
  }
}

.sub-text {
  margin: 10px 0;
}

ul,
p {
  margin: 0;
}

ol {
  list-style-type: none;
  padding: 0 1%;
}

div.h1-text {
  background: #cedaf4;
  padding: 3px 10px;
  text-align: left;
}
div.h1-text::after {
  content: "";
  clear: both;
}

/* パン屑 */
.ta_l,
.s_balloon {
  text-align: left;
}
.pankuzu {
  color: aliceblue;
  font-size: 1.25rem;
}
.pankuzu a {
  color: aliceblue;
}
.pankuzu span {
  margin: 0 7px;
}

/* 見出し */
h1 {
  display: inline;
  margin: 0;
  font-size: 1.25rem;
  background: url(../img/329837.jpg) no-repeat 100% 100%;
  background-size: cover;
  /*text-shadow: 3px 3px 3px rgba(0,0,0,0.5),-3px -3px 3px rgba(0,0,0,0.5);*/
}

h2 {
  font-family: "メイリオ", "Meiryo", "Meiryo UI", "ＭＳ ゴシック", "MS Gothic",
    "ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック Light", "游ゴシック",
    "Yu Gothic", "Yu Gothic UI Light", "Yu Gothic UI";
  color: #6f5524;
  font-size: 32px;
  font-weight: bold;
  padding: 20px 15px 17px;
  margin-top: 1rem;
  margin-bottom: 2rem;
  border-top: 2px dotted #50482b;
  border-bottom: 2px dotted #50482b;
  /*For Old WebKit*/
  /*For Modern Browser*/
  background: -webkit-linear-gradient(#ffffff 0%, #ffffff 30%, #f0f8ff 100%);
  background: -o-linear-gradient(#ffffff 0%, #ffffff 30%, #f0f8ff 100%);
  background: linear-gradient(#ffffff 0%, #ffffff 30%, #f0f8ff 100%);
}

h2:nth-of-type(even) {
  /*For Modern Browser*/
  background: #fff7e0;
  background: -webkit-linear-gradient(#ffffff 0%, #ffffff 30%, #fff7e0 100%);
  background: -o-linear-gradient(#ffffff 0%, #ffffff 30%, #fff7e0 100%);
  background: linear-gradient(#ffffff 0%, #ffffff 30%, #fff7e0 100%);
}

/* メニュー部分 H2 p */
h2.nav-title,
p.nav-title {
  width: 100%;
  text-align: center;
  color: #214869;
  font-size: 14pt;
  font-weight: bold;
  border: none;
  background: none;
  margin-bottom: 0;
  font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho",
    "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3,
    "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  padding: 4px 16px 4px;
  line-height: 1.65;
  margin-top: 0;
}

h3 {
  font-family: "メイリオ", "Meiryo", "Meiryo UI", "ＭＳ ゴシック", "MS Gothic",
    "ＭＳ Ｐゴシック", "MS PGothic", "游ゴシック Light", "游ゴシック",
    "Yu Gothic", "Yu Gothic UI Light", "Yu Gothic UI";
  color: #fff;
  font-weight: bold;
  background: #7c9090;
  padding: 15px 15px 13px;
  padding-left: 15px;
  border-radius: 4px;
  margin: 1rem;
  margin-top: 0;
  position: relative;
}
h3.arrow:after {
  left: 5px;
  width: 15px;
  height: 15px;
  border-top: 6px solid #fff;
  border-right: 6px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

h3:nth-of-type(2n) {
  background: #659a9a;
}

h4 {
  border-left: 2px solid #7c9090;
}

/* 字間・行間・文字サイズ */

.b {
  font-weight: bold;
}

/* 文字を詰める */
.ls_-01 {
  letter-spacing: -0.1em;
}

.nav {
  list-style-type: none;
}
.nav:after {
  clear: both;
}
.navbar {
  margin: 4px 0;
}
.navbar-menusp a {
  margin-right: 2.5rem;
  text-decoration: underline;
}
.navbar-menusp a:hover {
  text-decoration: none;
}

p {
  margin: 1em;
}
.textarea,
.balloon {
  padding: 0 1rem;
  line-height: 1.75em;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.mt-box {
  margin-top: 8px;
}
.mb-box {
  margin-bottom: 8px;
}

/* 吹き出し */
.balloon_l,
.expert {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}

.balloon_l {
  display: inline-block;
  position: relative;
  width: 75%;
  max-width: 650px;
  padding: 2.5%;
  border: #778899 1px solid;
  border-radius: 10px;
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  background: #e0ffff;
}
.balloon_l:before {
  content: "";
  display: inline-block;
  border: 10px solid transparent;
  border-right-color: #778899;
  position: absolute;
  left: -20px;
  top: 50%;
  margin-top: -9px;
}
.balloon_l:after {
  content: "";
  display: inline-block;
  border: 9px solid transparent;
  border-right-color: #e0ffff;
  position: absolute;
  left: -18px;
  top: 50%;
  margin-top: -8px;
}

.balloon_w {
  width: 95%;
  margin: 0 auto;
  max-width: 650px;
  padding: 2%;
  border: #778899 1px solid;
  border-radius: 10px;
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  background: #f5ffe3;
}

dl.container-fluid dt {
  clear: left;
}

.carousel-control.left {
  background-image: -webkit-linear-gradient(
    left,
    rgba(0, 0, 0, 0.1) 0,
    rgba(0, 0, 0, 0.0001) 100%
  );
  background-image: -o-linear-gradient(
    left,
    rgba(0, 0, 0, 0.1) 0,
    rgba(0, 0, 0, 0.0001) 100%
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 0, 0, 0.1)),
    to(rgba(0, 0, 0, 0.0001))
  );
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.1) 0,
    rgba(0, 0, 0, 0.0001) 100%
  );
}
.carousel-control.right {
  background-image: -webkit-linear-gradient(
    left,
    rgba(0, 0, 0, 0.0001) 0,
    rgba(0, 0, 0, 0.2) 100%
  );
  background-image: -o-linear-gradient(
    left,
    rgba(0, 0, 0, 0.0001) 0,
    rgba(0, 0, 0, 0.2) 100%
  );
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(rgba(0, 0, 0, 0.0001)),
    to(rgba(0, 0, 0, 0.2))
  );
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.0001) 0,
    rgba(0, 0, 0, 0.2) 100%
  );
}

/* ナビゲーション */

.nav li a {
  font-weight: bold;
  overflow: hidden;
}
.nav li#item01 a,
.nav li#item02 a,
.nav li#item03 a,
.nav li#item04 a {
  padding-top: 32%;
}
.nav li#item05 a,
.nav li#item06 a,
.nav li#item07 a {
  padding-top: 23%;
}

.navbar-nav > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 12px;
  font-size: 10pt;
}
.navbar-default {
  background: #fefefe;
  border-color: transparent;
}

.navbar {
  margin-bottom: 0;
}
#navbar {
  max-width: 780px;
  margin: 0 auto;
}

/*画像のプリロード*/
#preloadedImages {
  width: 0px;
  height: 0px;
  display: inline;
  background-image: url(../img/mb_menu01_02.jpg); /* 読ませたいイメージ1 */
  background-image: url(../img/mb_menu01_04.jpg); /* 読ませたいイメージ2 */
  background-image: url(../img/mb_menu01_06.jpg); /* 読ませたいイメージ3 */
  background-image: url(../img/mb_menu01_08.jpg); /* 読ませたいイメージ4 */
  background-image: url(../img/mb_menu02_02.jpg); /* 読ませたいイメージ5 */
  background-image: url(../img/mb_menu02_04.jpg); /* 読ませたいイメージ6 */
  background-image: url(../img/mb_menu02_06.jpg); /* 読ませたいイメージ7 */
  background-image: url(../img/header_img03_t01.jpg); /* 読ませたいイメージ8 */
  background-image: url(../img/header_img03_t02.jpg); /* 読ませたいイメージ9 */
}

.nav #item01 a {
  background: url(../img/mb_menu01_01.jpg) no-repeat 0 0 / contain;
}
.nav #item01 a:hover,
.nav #item01.select a {
  background: url(../img/mb_menu01_02.jpg) no-repeat 0 0 / contain;
}
.nav #item02 a {
  background: url(../img/mb_menu01_03.jpg) no-repeat 0 0 / contain;
}
.nav #item02 a:hover,
.nav #item02.select a {
  background: url(../img/mb_menu01_04.jpg) no-repeat 0 0 / contain;
}
.nav #item03 a {
  background: url(../img/mb_menu01_05.jpg) no-repeat 0 0 / contain;
}
.nav #item03 a:hover,
.nav #item03.select a {
  background: url(../img/mb_menu01_06.jpg) no-repeat 0 0 / contain;
}
.nav #item04 a {
  background: url(../img/mb_menu01_07.jpg) no-repeat 0 0 / contain;
}
.nav #item04 a:hover,
.nav #item04.select a {
  background: url(../img/mb_menu01_08.jpg) no-repeat 0 0 / contain;
}
.nav #item05 a {
  background: url(../img/mb_menu02_01.jpg) no-repeat 0 0 / contain;
}
.nav #item05 a:hover,
.nav #item05.select a {
  background: url(../img/mb_menu02_02.jpg) no-repeat 0 0 / contain;
}
.nav #item06 a {
  background: url(../img/mb_menu02_03.jpg) no-repeat 0 0 / contain;
}
.nav #item06 a:hover,
.nav #item06.select a {
  background: url(../img/mb_menu02_04.jpg) no-repeat 0 0 / contain;
}
.nav #item07 a {
  background: url(../img/mb_menu02_05.jpg) no-repeat 0 0 / contain;
}
.nav #item07 a:hover,
.nav #item07.select a {
  background: url(../img/mb_menu02_06.jpg) no-repeat 0 0 / contain;
}

.nav-con {
  margin-bottom: 15px;
}

li.col-lg-1,
li.col-lg-10,
li.col-lg-11,
li.col-lg-12,
li.col-lg-2,
li.col-lg-3,
li.col-lg-4,
li.col-lg-5,
li.col-lg-6,
li.col-lg-7,
li.col-lg-8,
li.col-lg-9,
li.col-md-1,
li.col-md-10,
li.col-md-11,
li.col-md-12,
li.col-md-2,
li.col-md-3,
li.col-md-4,
li.col-md-5,
li.col-md-6,
li.col-md-7,
li.col-md-8,
li.col-md-9,
li.col-sm-1,
li.col-sm-10,
li.col-sm-11,
li.col-sm-12,
li.col-sm-2,
li.col-sm-3,
li.col-sm-4,
li.col-sm-5,
li.col-sm-6,
li.col-sm-7,
li.col-sm-8,
li.col-sm-9,
li.col-xs-1,
li.col-xs-10,
li.col-xs-11,
li.col-xs-12,
li.col-xs-2,
li.col-xs-3,
li.col-xs-4,
li.col-xs-5,
li.col-xs-6,
li.col-xs-7,
li.col-xs-8,
li.col-xs-9 {
  padding-right: 1%;
  padding-left: 1%;
}

.arrow-w {
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
  color: #000;
  vertical-align: middle;
  text-decoration: none;
  font-size: 18px;
}

.arrow-w::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  border: 1px solid #ff0000;
  -webkit-border-radius: 25%;
  border-radius: 25%;
}

.arrow-w::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  left: 5px;
  box-sizing: border-box;
  width: 3px;
  height: 3px;
  border: 3px solid transparent;
  border-left: 3px solid #ff0000;
}

/* youtube */

.video-wrapper {
  width: 640px;
  max-width: 100%;
  margin: 30px auto;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/* 矢印リンク */
.next-link {
  padding: 15px 10px 10px;
  border-top: 1px dashed black;
}

/* margin */
.img_mr {
  margin-right: 15px;
}
.mb0 {
  margin-bottom: 0px;
}
.img_mb {
  margin-bottom: 1.75em;
}
.m0a {
  margin: 0 auto;
}
.m0 {
  margin: 0 !important;
}
.p0 {
  padding: 0;
}

/* 説明欄 */
.description,
.img-list {
  max-width: 800px;
  margin: 0 auto 1.75em;
  text-align: center;
}
.img-list {
  margin: 0 auto;
}
.description:after,
.img-list:after {
  content: "";
  clear: left;
  display: block;
}

/* table */
.table-box {
  font-size: 80%;
  margin: 7px;
}
.table-box tr {
  border-bottom: 0.1px solid #000;
}
.table-box tr:first-of-type {
  border: none;
}
.table-box th {
  border: 0.1px solid white;
  padding: 5px;
  background: #ff3e60;
  color: #fff;
  text-align: center;
}
.table-box td:nth-of-type(4n) {
  width: 6em;
  text-align: center;
}
.table-box td {
  padding: 5px;
}
/* 学者 */
.expert {
  width: 100%;
  max-width: 150px;
}
.expert img {
  width: 100%;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.cl {
  clear: both;
}

/* グラフ細胞背景 */
.graph {
  max-width: 720px;
  margin: 15px auto;
}
.bg_bl dl {
  margin-bottom: 0;
}
.bg_bl .container-fluid {
  padding: 0 30px;
}
.bg_bl_middle {
  background: url(../img/bl_bg_middle.jpg) repeat-y 50% 50% / contain;
}
.bg_bl_top,
.bg_bl_bottom {
  padding-top: 10%;
  background: url(../img/bl_bg_top.jpg) repeat-y 50% 50% / contain;
}
.bg_bl_bottom {
  background: url(../img/bl_bg_bottom.jpg) repeat-y 50% 50% / contain;
}
.bg_bl .container-fluid {
  padding: 0 15px;
}

/* 文字装飾など */
.red {
  color: red;
}
.b {
  font-weight: bold;
}
.lg {
  font-size: 150%;
}

/* フッター*/

.footer {
  background: #fff;
  padding: 10px 16px;
}
/* クレジット */
.credit {
  text-align: right;
  font-size: 14px;
  border-top: 1px solid #000;
}
p.q {
  text-align: right;
  font-size: 7pt;
  color: #5e5e5e;
  letter-spacing: normal;
  word-spacing: 0.25rem;
}

/* お問い合わせ */
.call-box {
  margin: 0 auto 30px;
  width: 40%;
}
.call-box-fotter {
  margin: 0 auto 16px;
  width: 75%;
}
.phone {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  padding: 4px;
  background: white;
}
.phone-bk {
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9;
  padding: 4px;
  background: white;
}
.phone > dl,
.phone-bk > dl {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: baseline;
  align-content: stretch;
  font-size: 1.25rem;
  margin-bottom: 0;
}

.phone > dl > dt,
.phone-bk > dl > dt {
  flex: 0 2 auto;
  font-size: 3.5vmin;
  margin: 2px 16px;
}

.phone > dl > dd,
.phone-bk > dl > dd {
  flex: 0 1 auto;
  font-size: 4vmin;
  text-align: right;
  margin: 2px 4px;
}
address {
  margin: 0;
}

/* メール関連 */
.mail {
  font-size: 1.25em;
}
svg {
  margin-right: 0.75rem;
}

/* ul要素のlist-style消し、レイアウト調整 */
ul.ul-none {
  list-style-type: none;
  padding: 1rem 2rem;
}

/* 項目の横並びリスト作成 ul>li>dlに対して主に使用 */
.flex-box1,
.flex-box2 > li > * {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}
.flex-box2 > li > * > :first-child {
  flex-basis: 9rem;
}
.flex-box2 > li > * > :nth-child(2) {
  flex-basis: 45%;
}
.flex-box2 > li > * > :last-child {
  flex-basis: 55%;
}
/* dl要素のレイアウト */
.list-box {
  margin-bottom: 0;
  border: solid 1px #ccc;
}
.list-box > :first-child {
  background: #eeffff;
}
dl.list-box > dt {
  border-right: solid 1px #ccc;
}
dl.list-box > dt,
dl.list-box > dd {
  padding: 1rem;
  word-break: break-all;
}

/* 表示非表示切替 */
.pc {
  display: block;
}
.sp {
  display: none;
}

/* margin */
.mt8 {
  margin-top: 8px;
}
.mb30 {
  margin-bottom: 30px;
}

@media (max-width: 1000px) {
  .balloon_l {
    width: 60%;
  }
  /* 文字を小さくする */
  li.fs,
  span.fs {
    font-size: 80%;
  }
}

@media screen and (min-width: 768px) {
  .navbar-nav > li > a {
    padding-top: 14px;
    padding-bottom: 14px;
    line-height: 20px;
    font-size: 14pt;
  }

  #navbar {
    max-width: 100%;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  /* 表示非表示切替 */
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }

  /* ヘッダーテキスト */
  .header_img .text01 {
    position: absolute;
    width: 48.645833%;
    top: 21.125%;
    left: 0.545833%;
  }

  .header_btn02,
  .header_btn03 {
    top: 86.341216%;
  }

  /* ヘッダー画像 */
  .header_img {
    background-image: url(../img/header02_01_sp.jpg),
      url(../img/header02_02_sp.jpg), url(../img/header02_03_sp.jpg);
    padding-top: 50.3125%;
  }

  /* ヘッダー画像のアニメーション */
  @-webkit-keyframes headerimg {
    0% {
      background-image: url(../img/header02_01_sp.jpg);
    }
    16% {
      background-image: url(../img/header02_01_sp.jpg);
    }
    33% {
      background-image: url(../img/header02_02_sp.jpg);
    }
    50% {
      background-image: url(../img/header02_02_sp.jpg);
    }
    66% {
      background-image: url(../img/header02_03_sp.jpg);
    }
    84% {
      background-image: url(../img/header02_03_sp.jpg);
    }
    100% {
      background-image: url(../img/header02_01_sp.jpg);
    }
  }
  @keyframes headerimg {
    from {
      background-image: url(../img/header02_01_sp.jpg);
    }
    16% {
      background-image: url(../img/header02_01_sp.jpg);
    }
    33% {
      background-image: url(../img/header02_02_sp.jpg);
    }
    50% {
      background-image: url(../img/header02_02_sp.jpg);
    }
    66% {
      background-image: url(../img/header02_03_sp.jpg);
    }
    84% {
      background-image: url(../img/header02_03_sp.jpg);
    }
    to {
      background-image: url(../img/header02_01_sp.jpg);
    }
  }

  .tom-img {
    width: 100px;
  }
  .nav-con {
    margin-bottom: 0px;
  }
  li.fs,
  span.fs {
    font-size: 100%;
  }

  /* 項目の横並びをカラムに（メディア掲載で使用） */
  .flex-box1,
  .flex-box2 > li > * {
    flex-direction: column;
  }
  .flex-box2 > li > * > :first-child,
  .flex-box2 > li > * > :nth-child(2),
  .flex-box2 > li > * > :last-child {
    flex-basis: auto;
    border-right: none;
  }
  /* 資料請求ボタンのボーダーを修正 */
  .header_btn01 img {
    border: 2px solid #333;
  }

  .phone > dl > dt,
  .phone-bk > dl > dt {
    font-size: 4.5vmin;
  }

  .phone > dl > dd,
  .phone-bk > dl > dd {
    font-size: 6vmin;
  }
}

@media (max-width: 540px) {
  /* 見出し */
  h2 {
    font-size: 24px;
  }
  p.nav-title {
    font-size: 5vmin;
  }

  /* お問い合わせ・資料請求 */
  .header_btn01 img,
  .header_phone img,
  .call-box {
    width: 75%;
  }

  /* コンテンツ */
  .container {
    padding-right: 2px;
    padding-left: 2px;
  }
  .textarea {
    font-size: 18px;
  }
  .description {
    margin-left: 0;
    text-align: justify;
  }

  /* 吹き出し */
  .balloon_l {
    width: 97%;
  }
  .balloon_l:before {
    border: 10px solid transparent;
    border-bottom-color: #778899;
    content: "";
    margin-left: -10px;
    position: absolute;
    top: -12px;
    left: 10%;
  }

  .balloon_l:after {
    border: 9px solid transparent;
    border-bottom-color: #e0ffff;
    content: "";
    margin-left: -9px;
    margin-top: -6px;
    position: absolute;
    top: -12px;
    left: 10%;
  }
}