@charset "UTF-8";
/* common */
/*sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css*/
/*
 * Normalization
 */
:root {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

audio:not([controls]) {
  display: none;
}

details {
  display: block;
}

input[type="number"] {
  width: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

main {
  display: block;
}

summary {
  display: block;
}

pre {
  overflow: auto;
}

progress {
  display: inline-block;
}

small {
  font-size: 75%;
}

template {
  display: none;
}

textarea {
  overflow: auto;
}

[hidden] {
  display: none;
}

[unselectable] {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* default1 */
/*
 *Universal inheritance
*/
*,
::before,
::after {
  box-sizing: inherit;
}

* {
  font-size: inherit;
  line-height: inherit;
}

::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}

/*
*Opinionated defaults
*/
*,
::before,
::after {
  border-style: solid;
  border-width: 0;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  box-sizing: border-box;
  cursor: default;
  font: 16px / 1.5 sans-serif;
  text-rendering: optimizeLegibility;
}

html {
  background-color: #ffffff;
}

a {
  text-decoration: none;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

button,
input,
select,
textarea {
  background-color: transparent;
}

button,
input,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
}

button,
[type="button"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="email"],
[type="month"],
[type="number"],
[type="password"],
[type="reset"],
[type="search"],
[type="submit"],
[type="tel"],
[type="text"],
[type="time"],
[type="url"],
[type="week"],
select,
textarea {
  min-height: 1.5em;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
}

nav ol,
nav ul {
  list-style: none;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

select::-ms-value {
  color: currentColor;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

textarea {
  resize: vertical;
}

::selection {
  background-color: #b3d4fc;
  text-shadow: none;
}

body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: auto;
  font-size: 14px;
  /* font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
  color: #323232;
  background-color: #ffffff;
  line-height: 1.6;
}

/* for Windows : IE11では"font-weight:bold"指定をすると「游ゴシック Medium」指定が外れるので注意 */
/*
p,
.bread {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
*/

/*/default1*/
/*default2
*/
img {
  border: none;
}

h1 {
  width: 100%;
}

@media (max-width: 823px) {
  h1 img {
    width: 100%;
  }
  h1 img.img-text {
    width: auto;
    height: 100%;
  }
}

a:link,
a:visited,
a:hover {
  color: #0080cc;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

p {
  margin: 0 0 60px;
}

@media (max-width: 823px) {
  p {
    margin: 0 0 40px;
  }
}

p:after {
  content: "";
  display: block;
  clear: both;
}

li {
  list-style: none;
}

hr {
  border-top: 1px solid #c8c8c8;
  border-bottom: #fff 1px solid;
  display: block;
}

/*
/default 2
*/
/*
header
*/
.site-header {
  background: #fff;
  box-sizing: border-box;
  min-height: 86px;
  padding: 0 10px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}

@media (max-width: 823px) {
  .site-header {
    padding: 0 0 0 0;
    height: auto;
    min-height: auto;
  }
}

.site-header .site-branding {
  margin: 0 auto;
  padding-top: 10px;
  max-width: 960px;
  width: 100%;
}

@media (max-width: 823px) {
  .site-header .site-branding {
    padding: 10px 0 0 0;
    width: 100%;
    margin: 0;
  }
}

.site-header .site-title {
  height: 40px;
  width: 270px;
  float: left;
  overflow: hidden;
  margin-top: 5px;
}

@media (max-width: 823px) {
  .site-header .site-title {
    width: 60vw;
    padding-left: 20px;
    box-sizing: border-box;
    height: auto;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .site-header .site-title {
    width: 35vw;
  }
}

@media (width: 768px) {
  .site-header .site-title {
    width: 30vw;
  }
}

.site-header .site-title img {
  width: 100%;
  height: auto;
}

.site-header .site-description {
  float: right;
  height: 50px;
  margin-bottom: 25px;
  width: 639px;
}

@media (max-width: 823px) {
  .site-header .site-description {
    width: 100%;
    float: none;
    overflow: visible;
    background: #969696;
    min-height: 10%;
    margin: 0;
    clear: both;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .site-header .site-description {
    min-height: 5vh;
    height: 14vh;
  }
}

@media (width: 768px) {
  .site-header .site-description {
    min-height: auto;
    height: 60px;
  }
}

.site-header .banner-contact-tell {
  height: 40px;
  width: 250px;
  float: left;
  margin: 5px 19px 0 0;
  overflow: hidden;
}

@media (max-width: 823px) {
  .site-header .banner-contact-tell {
    background: #0080cc;
    display: block;
    margin: 0px;
    width: 40%;
    overflow: visible;
    text-align: center;
    height: 100%;
  }
  .site-header .banner-contact-tell a.tel-btn-sp {
    height: 100%;
    display: flex;
    flex-flow: column;
    width: 100%;
    height: 100%;
  }
  .site-header .banner-contact-tell img.sp-active {
    width: 85%;
    height: auto;
    margin: auto;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .site-header .banner-contact-tell img.sp-active {
    height: 50%;
    width: auto;
  }
}

@media (max-width: 823px) {
  .site-header .banner-contact-tell img.sp-active:hover {
    opacity: 0.6;
  }
}

.site-header .banner-contact-tell img {
  width: 100%;
  height: auto;
}

@media (width: 768px) {
  .site-header .banner-contact-tell img.sp-active {
    width: 65%;
    height: auto;
    margin: auto;
  }
}

.site-header .btn-free-dam {
  height: 50px;
  width: 150px;
  float: left;
  margin-right: 10px;
}

@media (width: 768px) {
  .site-header .btn-free-dam .sp-active {
    font-size: 140%;
  }
  .site-header .btn-free-dam .sp-active br {
    display: none;
  }
}

@media (max-width: 823px) {
  .site-header .btn-free-dam {
    background: #d9ecf7;
    width: 30%;
    font-size: 90%;
    overflow: visible;
    text-align: left;
    height: 100%;
    font-weight: 400;
    margin-right: 0px;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .site-header .btn-free-dam {
    font-size: 100%;
  }
}

.site-header .btn-free-dam a {
  display: block;
  height: 50px;
  overflow: hidden;
  width: 100%;
}

@media (max-width: 823px) {
  .site-header .btn-free-dam a {
    line-height: 120%;
    height: 100%;
    overflow: visible;
    display: flex;
    flex-flow: column;
    align-items: stretch;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .site-header .btn-free-dam a {
    height: 100%;
    font-size: 100%;
  }
  .site-header .btn-free-dam a br {
    display: none;
  }
}

@media (max-width: 823px) {
  .site-header .btn-free-dam a .sp-active {
    margin: auto;
    height: auto;
    text-align: left;
  }
}

.site-header .btn-free-dam a img {
  margin: -125px 0 0 -5px;
}

.site-header .btn-free-dam a img:hover {
  margin: -185px 0 0 -5px;
}

.site-header .btn-request-contact {
  float: left;
  height: 50px;
  width: 210px;
}

@media (width: 768px) {
  .site-header .btn-request-contact .sp-active br {
    display: none;
  }
}

@media (max-width: 823px) {
  .site-header .btn-request-contact {
    background: #003d95;
    width: 30%;
    line-height: 120%;
    font-size: 90%;
    height: 100%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .site-header .btn-request-contact {
    font-size: 100%;
  }
}

.site-header .btn-request-contact a {
  display: block;
  height: 100%;
  overflow: hidden;
  width: 100%;
}

@media (max-width: 823px) {
  .site-header .btn-request-contact a {
    color: #fff;
    display: flex;
    align-items: stretch;
    margin: auto;
    flex-flow: column;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .site-header .btn-request-contact a {
    height: 100%;
  }
  .site-header .btn-request-contact a br {
    display: none;
  }
}

@media (max-width: 823px) {
  .site-header .btn-request-contact a .sp-active {
    margin: auto;
  }
}

.site-header .btn-request-contact a img {
  margin: -5px 0 0 -5px;
}

.site-header .btn-request-contact a img:hover {
  margin: -65px 0 0 -5px;
}

@media (max-width: 823px) {
  .site-menuopen-btn-sp {
    width: 25px;
    margin: 10px 20px auto auto;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .site-menuopen-btn-sp {
    margin: 1.5% 20px auto auto;
  }
}

@media (max-width: 823px) {
  .site-menuopen-btn-sp img {
    width: 100%;
    height: auto;
  }
}

/*
/header
*/
/*
main nav
*/
/*
main nav
 */
.main-nav {
  background: #fff;
  box-sizing: border-box;
  box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
  clear: both;
  padding: 0 10px;
  position: fixed;
  top: 85px;
  width: 100%;
  z-index: 9;
}

@media (max-width: 823px) {
  .main-nav {
    height: 100vh;
    width: 35vw;
    margin-top: 100px;
    top: 0px;
    padding: 3vh 0 0 0;
    right: -35vw;
    z-index: 9;
    transition: 0.5s;
    background-color: #003d95;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .main-nav {
    padding: 30px 0 0 0;
  }
}

@media screen and (max-width: 823px) and (max-width: 568px) and (orientation: landscape) {
  .main-nav {
    padding: 5px 0 0 0;
  }
}

.main-nav .nav-menu {
  margin: 0 auto;
  max-width: 960px;
}

@media (max-width: 823px) {
  .main-nav .nav-menu {
    height: 100%;
    overflow-y: scroll;
    width: 100%;
  }
}

.main-nav .menu-item .menu-item-taxonomy {
  display: block;
  float: left;
  overflow: hidden;
  height: 45px;
}

@media (max-width: 823px) {
  .main-nav .menu-item .menu-item-taxonomy {
    padding: 0 10px;
    border-bottom: #003d95 solid 1px;
    color: #e6e6e6;
    background: none;
    height: inherit;
    display: flex;
    flex-flow: column;
    align-items: stretch;
    text-align: left;
    margin: 0 auto 20px auto;
    font-weight: bold;
    margin: auto;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .main-nav .menu-item .menu-item-taxonomy {
    min-height: 35px;
  }
}

.main-nav img {
  margin: 0;
}

.main-nav .current img {
  margin-top: -45px;
}

.main-nav .menu-item-taxonomy:hover img {
  margin-top: -45px;
}

.main-nav .menu-item-1 .menu-item-taxonomy {
  width: 137px;
}

@media (max-width: 823px) {
  .main-nav .menu-item-1 .menu-item-taxonomy {
    width: 100%;
  }
}

@media (max-width: 823px) {
  .main-nav .menu-item-2 {
    cursor: pointer;
  }
}

.main-nav .menu-item-2 .menu-item-taxonomy {
  max-width: 298px;
  width: 100%;
  position: relative;
}

.main-nav .menu-item-2 .menu-item-taxonomy img {
  margin-left: -137px;
}

.main-nav .menu-item-3 .menu-item-taxonomy {
  max-width: 196px;
  width: 100%;
}

@media (max-width: 823px) {
  .main-nav .menu-item-3 .menu-item-taxonomy {
    max-width: 100%;
    width: 100%;
  }
}

.main-nav .menu-item-3 .menu-item-taxonomy img {
  margin-left: -435px;
}

.main-nav .menu-item-4 .menu-item-taxonomy {
  max-width: 150px;
  width: 100%;
}

@media (max-width: 823px) {
  .main-nav .menu-item-4 .menu-item-taxonomy {
    max-width: 100%;
    width: 100%;
  }
}

.main-nav .menu-item-4 .menu-item-taxonomy img {
  margin-left: -631px;
}

.main-nav .menu-item-5 .menu-item-taxonomy {
  max-width: 179px;
  width: 100%;
}

@media (max-width: 823px) {
  .main-nav .menu-item-5 .menu-item-taxonomy {
    max-width: 100%;
    width: 100%;
  }
}

.main-nav .menu-item-5 .menu-item-taxonomy img {
  margin-left: -781px;
}

.main-nav .sub-menu {
  background: #47a1d4;
  box-shadow: 0 8px 12px -8px rgba(0, 0, 0, 0.4) inset;
  display: block;
  left: 0;
  position: absolute;
  top: 45px;
  width: 100%;
  overflow: hidden;
  padding: 0 10px;
}

@media (max-width: 823px) {
  .main-nav .sub-menu {
    position: fixed;
    z-index: 80;
    width: 65vw;
    left: 0px;
    top: 0px;
    height: 100vh;
    padding-top: 10vh;
    padding-bottom: 50vh;
    box-sizing: border-box;
    overflow: scroll !important;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .main-nav .sub-menu {
    overflow: scroll;
  }
}

@media (width: 768px) {
  .main-nav .sub-menu {
    overflow: scroll;
  }
}

.main-nav .sub-menu a,
.main-nav .sub-menu a:hover,
.main-nav .sub-menu a:visited {
  color: #fff;
}

.main-nav .sub-menu-inner {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .main-nav .sub-menu-inner {
    padding-top: 30vh;
  }
}

.main-nav .sub-menu-inner:before {
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 10px 9px;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  top: 0;
  width: 0;
}

@media (max-width: 823px) {
  .main-nav .sub-menu-inner:before {
    display: none;
  }
}

@media (max-width: 823px) {
  .main-nav .sub-menu-sp2 {
    position: fixed;
    z-index: 200;
    left: 0;
  }
}

@media (max-width: 823px) {
  .menu-item-taxonomy-sp,
  .menu-item-taxonomy,
  .menu-item-sp {
    width: 100%;
    height: 60px;
    font-size: 90%;
    background: #0080cc;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .menu-item-taxonomy-sp,
  .menu-item-taxonomy,
  .menu-item-sp {
    height: 35px;
  }
  .menu-item-taxonomy-sp .sp-active,
  .menu-item-taxonomy .sp-active,
  .menu-item-sp .sp-active {
    font-size: 110%;
  }
  .menu-item-taxonomy-sp .sp-active br,
  .menu-item-taxonomy .sp-active br,
  .menu-item-sp .sp-active br {
    display: none;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .menu-item-taxonomy-sp,
  .menu-item-taxonomy,
  .menu-item-sp {
    font-size: 110%;
  }
}

@media (max-width: 823px) {
  .menu-item-taxonomy-sp .sp-active,
  .menu-item-taxonomy .sp-active,
  .menu-item-sp .sp-active {
    margin: auto;
    text-align: left;
    display: block;
    width: 100%;
  }
  .menu-item-6 {
    text-align: center;
    font-size: 30px;
    color: #ededed;
    background: #003d95;
    padding: 0px;
    display: flex !important;
    flex-flow: column;
    align-items: stretch;
    text-align: center;
    width: 100%;
    height: 60px;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .menu-item-6 {
    min-height: 40px;
  }
}

@media (max-width: 823px) {
  .menu-item-6 .sp-active {
    font-size: 120%;
    text-align: center;
  }
}

.menu-item-list {
  margin-right: -10px;
}

/*
sub-menu
*/
.sub-menu li,
.sub-menu li a {
  box-sizing: border-box;
}

@media (width: 768px) {
  .sub-menu li,
  .sub-menu li a {
    font-size: 110%;
  }
}

@media (max-width: 823px) {
  .menu-item-2 .sub-menu {
    margin: 0 auto 3% auto;
  }
}

.menu-item-2 .sub-menu .sub-menu-inner {
  padding: 30px 0 26px;
}

@media (max-width: 823px) {
  .menu-item-2 .sub-menu .sub-menu-inner {
    padding: 10vh 0 16px;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .menu-item-2 .sub-menu .sub-menu-inner {
    padding: 100px 0 26px;
  }
}

.menu-item-2 .sub-menu .sub-menu-inner:before {
  left: 286px;
}

.menu-item-2 .sub-menu .menu-item-2-1,
.menu-item-2 .sub-menu .menu-item-2-2,
.menu-item-2 .sub-menu .menu-item-2-3 {
  border-radius: 10px;
  box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
  display: block;
  float: left;
  height: 160px;
  overflow: hidden;
  max-width: 300px;
  width: 100%;
}

@media (max-width: 823px) {
  .menu-item-2 .sub-menu .menu-item-2-1,
  .menu-item-2 .sub-menu .menu-item-2-2,
  .menu-item-2 .sub-menu .menu-item-2-3 {
    height: auto;
    margin-bottom: 3%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .menu-item-2 .sub-menu .menu-item-2-1,
  .menu-item-2 .sub-menu .menu-item-2-2,
  .menu-item-2 .sub-menu .menu-item-2-3 {
    max-width: 60vw;
  }
}

@media (width: 768px) {
  .menu-item-2 .sub-menu .menu-item-2-1,
  .menu-item-2 .sub-menu .menu-item-2-2,
  .menu-item-2 .sub-menu .menu-item-2-3 {
    max-width: 100%;
    width: 100%;
  }
}

.menu-item-2 .sub-menu .menu-item-2-1 img.sp-active,
.menu-item-2 .sub-menu .menu-item-2-1 img.sp-active:hover,
.menu-item-2 .sub-menu .menu-item-2-2 img.sp-active,
.menu-item-2 .sub-menu .menu-item-2-2 img.sp-active:hover,
.menu-item-2 .sub-menu .menu-item-2-3 img.sp-active,
.menu-item-2 .sub-menu .menu-item-2-3 img.sp-active:hover {
  width: 100%;
  margin: 0px;
}

.menu-item-2 .sub-menu .menu-item-2-1 img {
  margin: -5px 0 0 -5px;
}

.menu-item-2 .sub-menu .menu-item-2-1 img:hover {
  margin: -5px 0 0 -315px;
}

.menu-item-2 .sub-menu .menu-item-2-2 {
  margin: 0 30px;
}

@media (max-width: 823px) {
  .menu-item-2 .sub-menu .menu-item-2-2 {
    margin: 0 0 3% 0;
  }
}

.menu-item-2 .sub-menu .menu-item-2-2 img {
  margin: -5px 0 0 -625px;
}

.menu-item-2 .sub-menu .menu-item-2-2 img:hover {
  margin: -175px 0 0 -5px;
}

.menu-item-2 .sub-menu .menu-item-2-3 img {
  margin: -175px 0 0 -315px;
}

.menu-item-2 .sub-menu .menu-item-2-3 img:hover {
  margin: -175px 0 0 -625px;
}

.menu-item-2 .sub-menu .menu-item-2-4 {
  clear: both;
  padding-top: 20px;
}

.menu-item-2 .sub-menu .menu-item-2-4,
.menu-item-2 .sub-menu .menu-item-2-5 {
  margin-bottom: 0.3em;
}

@media (max-width: 823px) {
  .menu-item-2 .sub-menu .menu-item-2-4,
  .menu-item-2 .sub-menu .menu-item-2-5 {
    margin-bottom: 10%;
  }
}

.menu-item-2 .sub-menu .menu-item-2-4:before,
.menu-item-2 .sub-menu .menu-item-2-5:before,
.menu-item-2 .sub-menu .menu-item-2-6:before {
  background: url(../img/sprite-menu-item-2.png) no-repeat -935px -5px;
  content: "";
  display: inline-block;
  height: 16px;
  margin-right: 5px;
  overflow: hidden;
  vertical-align: -2px;
  width: 16px;
}

@media (max-width: 823px) {

  .sub-menu-sp2 .taxonomy {
    font-size: 120%;
    margin-bottom: 25px;
    border-bottom: #e6e6e6 solid 1px;
    font-weight: bold;
    line-height: 0.8;
  }
}

.menu-item-3 .sub-menu .sub-menu-inner,
.menu-item-4 .sub-menu .sub-menu-inner {
  padding: 20px 0 16px;
}

@media (max-width: 823px) {
  .menu-item-3 .sub-menu .sub-menu-inner,
  .menu-item-4 .sub-menu .sub-menu-inner {
    padding: 10vh 0 16px;
    box-sizing: border-box;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .menu-item-3 .sub-menu .sub-menu-inner,
  .menu-item-4 .sub-menu .sub-menu-inner {
    padding: 100px 0 26px;
    box-sizing: border-box;
  }
}

@media screen and (width: 1024px) and (orientation: portrait) {
  .menu-item-3 .sub-menu .sub-menu-inner,
  .menu-item-4 .sub-menu .sub-menu-inner {
    padding: 30px 0 25px;
  }
}

.menu-item-3 .sub-menu .sub-menu-inner:before,
.menu-item-4 .sub-menu .sub-menu-inner:before {
  left: 533px;
}

.menu-item-3 .sub-menu .taxonomy,
.menu-item-4 .sub-menu .taxonomy {
  clear: both;
  color: #fff;
  font-weight: bold;
  line-height: 0.8;
  margin: 0 0 16px;
}

@media (max-width: 823px) {
  .menu-item-3 .sub-menu .taxonomy,
  .menu-item-4 .sub-menu .taxonomy {
    font-size: 100%;
    margin-bottom: 25px;
  }
}

.menu-item-3 .sub-menu .menu-item-3-head,
.menu-item-3 .sub-menu .menu-item-4-head,
.menu-item-4 .sub-menu .menu-item-3-head,
.menu-item-4 .sub-menu .menu-item-4-head {
  font-weight: bold;
  line-height: 0.8;
  font-size: 130%;
  margin-bottom: 20px;
  width: 100%;
  border-bottom: #fff 1px solid;
}

.menu-item-3 .sub-menu li[class*="menu-item-3-"],
.menu-item-4 .sub-menu li[class*="menu-item-3-"] {
  border-radius: 5px;
  box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
  display: block;
  float: left;
  height: 60px;
  margin: -12px 10px 18px 0;
  overflow: hidden;
  width: 184px;
}

@media (max-width: 823px) {
  .menu-item-3 .sub-menu li[class*="menu-item-3-"],
  .menu-item-4 .sub-menu li[class*="menu-item-3-"] {
    height: auto;
    border-radius: 0px;
    width: auto;
    padding: 1vh 0;
    box-shadow: none;
    float: none;
  }
}

.menu-item-3 .sub-menu li[class*="menu-item-3-"]:hover,
.menu-item-4 .sub-menu li[class*="menu-item-3-"]:hover {
  border-radius: 6px;
}

.menu-item-3 .sub-menu .menu-item-3-1-1 img,
.menu-item-4 .sub-menu .menu-item-3-1-1 img {
  margin: -5px 0 0 -5px;
}

.menu-item-3 .sub-menu .menu-item-3-1-1 img:hover,
.menu-item-4 .sub-menu .menu-item-3-1-1 img:hover {
  margin: -435px 0 0 -5px;
}

.menu-item-3 .sub-menu .menu-item-3-1-2 img,
.menu-item-4 .sub-menu .menu-item-3-1-2 img {
  margin: -5px 0 0 -199px;
}

.menu-item-3 .sub-menu .menu-item-3-1-2 img:hover,
.menu-item-4 .sub-menu .menu-item-3-1-2 img:hover {
  margin: -435px 0 0 -199px;
}

.menu-item-3 .sub-menu .menu-item-3-1-3 img,
.menu-item-4 .sub-menu .menu-item-3-1-3 img {
  margin: -5px 0 0 -393px;
}

.menu-item-3 .sub-menu .menu-item-3-1-3 img:hover,
.menu-item-4 .sub-menu .menu-item-3-1-3 img:hover {
  margin: -435px 0 0 -393px;
}

.menu-item-3 .sub-menu .menu-item-3-1-4 img,
.menu-item-4 .sub-menu .menu-item-3-1-4 img {
  margin: -5px 0 0 -587px;
}

.menu-item-3 .sub-menu .menu-item-3-1-4 img:hover,
.menu-item-4 .sub-menu .menu-item-3-1-4 img:hover {
  margin: -435px 0 0 -587px;
}

.menu-item-3 .sub-menu .menu-item-3-2-1 img,
.menu-item-4 .sub-menu .menu-item-3-2-1 img {
  margin: -115px 0 0 -5px;
}

.menu-item-3 .sub-menu .menu-item-3-2-1 img:hover,
.menu-item-4 .sub-menu .menu-item-3-2-1 img:hover {
  margin: -545px 0 0 -5px;
}

.menu-item-3 .sub-menu .menu-item-3-2-2 img,
.menu-item-4 .sub-menu .menu-item-3-2-2 img {
  margin: -115px 0 0 -199px;
}

.menu-item-3 .sub-menu .menu-item-3-2-2 img:hover,
.menu-item-4 .sub-menu .menu-item-3-2-2 img:hover {
  margin: -545px 0 0 -199px;
}

.menu-item-3 .sub-menu .menu-item-3-2-3 img,
.menu-item-4 .sub-menu .menu-item-3-2-3 img {
  margin: -115px 0 0 -393px;
}

.menu-item-3 .sub-menu .menu-item-3-2-3 img:hover,
.menu-item-4 .sub-menu .menu-item-3-2-3 img:hover {
  margin: -545px 0 0 -393px;
}

.menu-item-3 .sub-menu .menu-item-3-2-4 img,
.menu-item-4 .sub-menu .menu-item-3-2-4 img {
  margin: -115px 0 0 -587px;
}

.menu-item-3 .sub-menu .menu-item-3-2-4 img:hover,
.menu-item-4 .sub-menu .menu-item-3-2-4 img:hover {
  margin: -545px 0 0 -587px;
}

.menu-item-3 .sub-menu .menu-item-3-2-5 img,
.menu-item-4 .sub-menu .menu-item-3-2-5 img {
  margin: -115px 0 0 -781px;
}

.menu-item-3 .sub-menu .menu-item-3-2-5 img:hover,
.menu-item-4 .sub-menu .menu-item-3-2-5 img:hover {
  margin: -545px 0 0 -781px;
}

.menu-item-3 .sub-menu .menu-item-3-2-6 img,
.menu-item-4 .sub-menu .menu-item-3-2-6 img {
  margin: -185px 0 0 -5px;
}

.menu-item-3 .sub-menu .menu-item-3-2-6 img:hover,
.menu-item-4 .sub-menu .menu-item-3-2-6 img:hover {
  margin: -615px 0 0 -5px;
}

.menu-item-3 .sub-menu .menu-item-3-2-7 img,
.menu-item-4 .sub-menu .menu-item-3-2-7 img {
  margin: -185px 0 0 -199px;
}

.menu-item-3 .sub-menu .menu-item-3-2-7 img:hover,
.menu-item-4 .sub-menu .menu-item-3-2-7 img:hover {
  margin: -615px 0 0 -199px;
}

.menu-item-3 .sub-menu .menu-item-3-2-8 img,
.menu-item-4 .sub-menu .menu-item-3-2-8 img {
  margin: -185px 0 0 -393px;
}

.menu-item-3 .sub-menu .menu-item-3-2-8 img:hover,
.menu-item-4 .sub-menu .menu-item-3-2-8 img:hover {
  margin: -615px 0 0 -393px;
}

.menu-item-3 .sub-menu .menu-item-3-2-9 img,
.menu-item-4 .sub-menu .menu-item-3-2-9 img {
  margin: -185px 0 0 -587px;
}

.menu-item-3 .sub-menu .menu-item-3-2-9 img:hover,
.menu-item-4 .sub-menu .menu-item-3-2-9 img:hover {
  margin: -615px 0 0 -587px;
}

.menu-item-3 .sub-menu .menu-item-3-2-10 img,
.menu-item-4 .sub-menu .menu-item-3-2-10 img {
  margin: -185px 0 0 -781px;
}

.menu-item-3 .sub-menu .menu-item-3-2-10 img:hover,
.menu-item-4 .sub-menu .menu-item-3-2-10 img:hover {
  margin: -615px 0 0 -781px;
}

.menu-item-3 .sub-menu .menu-item-3-2-11 img,
.menu-item-4 .sub-menu .menu-item-3-2-11 img {
  margin: -255px 0 0 -5px;
}

.menu-item-3 .sub-menu .menu-item-3-2-11 img:hover,
.menu-item-4 .sub-menu .menu-item-3-2-11 img:hover {
  margin: -685px 0 0 -5px;
}

.menu-item-3 .sub-menu .menu-item-3-2-12 img,
.menu-item-4 .sub-menu .menu-item-3-2-12 img {
  margin: -255px 0 0 -199px;
}

.menu-item-3 .sub-menu .menu-item-3-2-12 img:hover,
.menu-item-4 .sub-menu .menu-item-3-2-12 img:hover {
  margin: -685px 0 0 -199px;
}

.menu-item-3 .sub-menu .menu-item-3-2-13 img,
.menu-item-4 .sub-menu .menu-item-3-2-13 img {
  margin: -255px 0 0 -393px;
}

.menu-item-3 .sub-menu .menu-item-3-2-13 img:hover,
.menu-item-4 .sub-menu .menu-item-3-2-13 img:hover {
  margin: -685px 0 0 -393px;
}

.menu-item-3 .sub-menu .menu-item-3-2-14 img,
.menu-item-4 .sub-menu .menu-item-3-2-14 img {
  margin: -255px 0 0 -587px;
}

.menu-item-3 .sub-menu .menu-item-3-2-14 img:hover,
.menu-item-4 .sub-menu .menu-item-3-2-14 img:hover {
  margin: -685px 0 0 -587px;
}

.menu-item-3 .sub-menu .menu-item-3-2-15 img,
.menu-item-4 .sub-menu .menu-item-3-2-15 img {
  margin: -255px 0 0 -780px;
}

.menu-item-3 .sub-menu .menu-item-3-2-15 img:hover,
.menu-item-4 .sub-menu .menu-item-3-2-15 img:hover {
  margin: -685px 0 0 -780px;
}

.menu-item-3 .sub-menu .menu-item-3-2-16 img,
.menu-item-4 .sub-menu .menu-item-3-2-16 img {
  margin: -918px 0 0 -5px;
}

.menu-item-3 .sub-menu .menu-item-3-2-16 img:hover,
.menu-item-4 .sub-menu .menu-item-3-2-16 img:hover {
  margin: -986px 0 0 -5px;
}

.menu-item-3 .sub-menu .menu-item-3-2-17 img,
.menu-item-4 .sub-menu .menu-item-3-2-17 img {
  margin: -918px 0 0 -200px;
}

.menu-item-3 .sub-menu .menu-item-3-2-17 img:hover,
.menu-item-4 .sub-menu .menu-item-3-2-17 img:hover {
  margin: -986px 0 0 -200px;
}

.menu-item-3 .sub-menu .menu-item-3-2-18 img,
.menu-item-4 .sub-menu .menu-item-3-2-18 img {
  margin: -918px 0 0 -393px;
}

.menu-item-3 .sub-menu .menu-item-3-2-18 img:hover,
.menu-item-4 .sub-menu .menu-item-3-2-18 img:hover {
  margin: -986px 0 0 -393px;
}

.menu-item-3 .sub-menu .menu-item-3-2-19 img,
.menu-item-4 .sub-menu .menu-item-3-2-19 img {
  margin: -918px 0 0 -587px;
}

.menu-item-3 .sub-menu .menu-item-3-2-19 img:hover,
.menu-item-4 .sub-menu .menu-item-3-2-19 img:hover {
  margin: -986px 0 0 -587px;
}

.menu-item-3 .sub-menu .menu-item-3-2-20 img,
.menu-item-4 .sub-menu .menu-item-3-2-20 img {
  margin: -1054px 0 0 -5px;
}

.menu-item-3 .sub-menu .menu-item-3-2-20 img:hover,
.menu-item-4 .sub-menu .menu-item-3-2-20 img:hover {
  margin: -1122px 0 0 -5px;
}

.menu-item-3 .sub-menu .menu-item-3-3-1 img,
.menu-item-4 .sub-menu .menu-item-3-3-1 img {
  margin: -365px 0 0 -5px;
}

.menu-item-3 .sub-menu .menu-item-3-3-1 img:hover,
.menu-item-4 .sub-menu .menu-item-3-3-1 img:hover {
  margin: -795px 0 0 -5px;
}

.menu-item-3 .sub-menu .menu-item-3-3-2 img,
.menu-item-4 .sub-menu .menu-item-3-3-2 img {
  margin: -365px 0 0 -199px;
}

.menu-item-3 .sub-menu .menu-item-3-3-2 img:hover,
.menu-item-4 .sub-menu .menu-item-3-3-2 img:hover {
  margin: -795px 0 0 -199px;
}

.menu-item-3 .sub-menu .menu-item-3-3-3 img,
.menu-item-4 .sub-menu .menu-item-3-3-3 img {
  margin: -365px 0 0 -393px;
}

.menu-item-3 .sub-menu .menu-item-3-3-3 img:hover,
.menu-item-4 .sub-menu .menu-item-3-3-3 img:hover {
  margin: -795px 0 0 -393px;
}

.menu-item-3 .sub-menu .menu-item-3-3-6 img,
.menu-item-4 .sub-menu .menu-item-3-3-6 img {
  margin: -918px 0 0 -781px;
}

.menu-item-3 .sub-menu .menu-item-3-3-6 img:hover,
.menu-item-4 .sub-menu .menu-item-3-3-6 img:hover {
  margin: -986px 0 0 -781px;
}

.menu-item-4 .sub-menu .sub-menu-inner {
  padding: 30px 0 25px;
}

@media (max-width: 823px) {
  .menu-item-4 .sub-menu .sub-menu-inner {
    padding: 10vh 0 16px;
    height: 100vh;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .menu-item-4 .sub-menu .sub-menu-inner {
    padding: 100px 0 26px;
  }
}

.menu-item-4 .sub-menu .sub-menu-inner:before {
  left: 706px;
}

.menu-item-4 .sub-menu .sub-menu-inner:after {
  content: "";
  display: block;
  clear: both;
}

.menu-item-4 .sub-menu .menu-item-4-1,
.menu-item-4 .sub-menu .menu-item-4-2,
.menu-item-4 .sub-menu .menu-item-4-3 {
  float: left;
  width: 300px;
}

@media (max-width: 823px) {
  .menu-item-4 .sub-menu .menu-item-4-1,
  .menu-item-4 .sub-menu .menu-item-4-2,
  .menu-item-4 .sub-menu .menu-item-4-3 {
    width: 100%;
    float: none;
    margin: 0px auto 30px auto;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .menu-item-4 .sub-menu .menu-item-4-1,
  .menu-item-4 .sub-menu .menu-item-4-2,
  .menu-item-4 .sub-menu .menu-item-4-3 {
    width: 60%;
  }
}

.menu-item-4 .sub-menu .menu-item-4-1 a.btn-thumb,
.menu-item-4 .sub-menu .menu-item-4-2 a.btn-thumb,
.menu-item-4 .sub-menu .menu-item-4-3 a.btn-thumb {
  border-radius: 10px;
  box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
  display: block;
  float: left;
  height: 160px;
  overflow: hidden;
  width: 300px;
  margin-bottom: 16px;
}

@media (max-width: 823px) {
  .menu-item-4 .sub-menu .menu-item-4-1 a.btn-thumb,
  .menu-item-4 .sub-menu .menu-item-4-2 a.btn-thumb,
  .menu-item-4 .sub-menu .menu-item-4-3 a.btn-thumb {
    width: 100%;
    height: auto;
  }
  .menu-item-4 .sub-menu .menu-item-4-1 a.btn-thumb img,
  .menu-item-4 .sub-menu .menu-item-4-2 a.btn-thumb img,
  .menu-item-4 .sub-menu .menu-item-4-3 a.btn-thumb img {
    margin: 0px;
    width: 100%;
  }
}

.menu-item-4 .sub-menu .menu-item-4-1 .btn-txt,
.menu-item-4 .sub-menu .menu-item-4-2 .btn-txt,
.menu-item-4 .sub-menu .menu-item-4-3 .btn-txt {
  margin-bottom: 6px;
}

@media (max-width: 823px) {
  .menu-item-4 .sub-menu .menu-item-4-1 .btn-txt,
  .menu-item-4 .sub-menu .menu-item-4-2 .btn-txt,
  .menu-item-4 .sub-menu .menu-item-4-3 .btn-txt {
    margin: 10px auto;
    float: none;
    text-align: left;
  }
}

.menu-item-4 .sub-menu .menu-item-4-1 .btn-txt a:before,
.menu-item-4 .sub-menu .menu-item-4-2 .btn-txt a:before,
.menu-item-4 .sub-menu .menu-item-4-3 .btn-txt a:before {
  background: url("../img/sprite-menu-item-4.png") no-repeat -5px -345px;
  content: "";
  display: inline-block;
  height: 16px;
  margin-right: 5px;
  width: 16px;
  vertical-align: -2px;
}

.menu-item-4 .sub-menu .menu-item-4-2 {
  margin: 0 30px;
}

@media (max-width: 823px) {
  .menu-item-4 .sub-menu .menu-item-4-2 {
    margin: 10px auto;
    text-align: center;
  }
}

.menu-item-4 .sub-menu .menu-item-4-1 a.btn-thumb img {
  margin: -5px 0 0 -5px;
}

@media (max-width: 823px) {
  .menu-item-4 .sub-menu .menu-item-4-1 a.btn-thumb img {
    margin: 0;
  }
}

.menu-item-4 .sub-menu .menu-item-4-1 a.btn-thumb:hover img {
  margin: -175px 0 0 -5px;
}

@media (max-width: 823px) {
  .menu-item-4 .sub-menu .menu-item-4-1 a.btn-thumb:hover img {
    margin: 0;
  }
}

@media (max-width: 823px) {
  .menu-item-4 .sub-menu .menu-item-4-2 a.btn-thumb {
    margin: 0 auto;
    float: none;
  }
}

.menu-item-4 .sub-menu .menu-item-4-2 a.btn-thumb img {
  margin: -5px 0 0 -335px;
}

@media (max-width: 823px) {
  .menu-item-4 .sub-menu .menu-item-4-2 a.btn-thumb img {
    margin: 0 auto;
  }
}

.menu-item-4 .sub-menu .menu-item-4-2 a.btn-thumb:hover img {
  margin: -175px 0 0 -335px;
}

@media (max-width: 823px) {
  .menu-item-4 .sub-menu .menu-item-4-2 a.btn-thumb:hover img {
    margin: 0 auto;
  }
}

.menu-item-4 .sub-menu .menu-item-4-3 a.btn-thumb img {
  margin: -5px 0 0 -665px;
}

@media (max-width: 823px) {
  .menu-item-4 .sub-menu .menu-item-4-3 a.btn-thumb img {
    width: 100%;
    margin: 0;
  }
}

.menu-item-4 .sub-menu .menu-item-4-3 a.btn-thumb:hover img {
  margin: -175px 0 0 -665px;
}

@media (max-width: 823px) {
  .menu-item-4 .sub-menu .menu-item-4-3 a.btn-thumb:hover img {
    margin: 0 auto;
  }
}

/*
/sub-menu
*/
/*
sub-menu dropdown
*/
.menu-item-2 .sub-menu,
.menu-item-3 .sub-menu,
.menu-item-4 .sub-menu {
  display: none;
}

.menu-item-douga {
  width: 184px;
  position: absolute;
  margin: -28px auto auto auto !important;
  left: 582px;
}

@media (max-width: 823px) {
  .menu-item-douga {
    position: relative;
    left: 0px;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    width: 100%;
  }
}

.menu-item-douga .ul {
  margin-top: 50px;
}

.menu-item-3-3-4 a:hover img {
  margin: -87px 0px 0px 0px;
}

.menu-item-youtube {
  width: 184px;
}

@media (max-width: 823px) {
  .menu-item-youtube {
    width: 100%;
  }
}

.menu-item-3-3-5 {
  width: 184px;
}

.menu-item-3-3-5 a:hover img {
  margin: -87px 0px 0px 0px;
}

.menu-item-2-head {
  font-weight: bold;
  line-height: 0.8;
  font-size: 130%;
  margin-bottom: 20px;
  width: 100%;
  border-bottom: #fff 1px solid;
}

.main-nav-layout {
  display: flex;
  clear: both;
}

/*
/main nav
*/
/*
home
 */
.main-visual {
  height: auto;
  margin: 0;
  padding: 130px 0 0;
  position: relative;
  width: 100%;
}

.main-visual .top-buttons {
  max-width: 680px;
  margin: 0 auto;
}

.main-visual .top-button-lets {
  margin-top: 2%;
  width: 100%;
  max-width: 100%;
  height: auto;
}

@media (max-width: 823px) {
  .main-visual {
    width: 100%;
    height: auto;
    margin: 0 auto auto auto;
    padding: 0 0 0 0;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .main-visual {
    margin: 0 auto auto auto;
    height: auto;
    width: 100%;
  }
}

@media (max-width: 823px) {
  .main-visual .btn-mv-sc {
    width: 20vw;
    border: 5px solid #fff;
    border-radius: 10px;
    height: auto;
    margin-right: 0px;
    background: #fff;
  }
}

.main-visual .video-clipper {
  height: 550px;
  left: 0;
  min-width: 980px;
  overflow: hidden;
  position: absolute;
  top: 130px;
  width: 100%;
}

@media (max-width: 823px) {
  .main-visual .video-clipper {
    min-width: 100%;
    height: 38vh;
    top: 14%;
  }
}

@media (max-width: 823px) and (width: 375px) {
  .main-visual .video-clipper {
    height: 35vh;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .main-visual .video-clipper {
    height: 100vh;
  }
}

.main-visual .over-lay {
  background: transparent url(../img/img-bg-video-ol-01.png) repeat center top;
  height: 600px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

@media (max-width: 823px) {
  .main-visual .over-lay {
    height: 100%;
    max-height: auto;
  }
}

.main-visual .video {
  height: auto;
  left: 0;
  min-height: 100%;
  min-width: 1000px;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 1;
}

@media (max-width: 823px) {
  .main-visual .video {
    min-width: auto;
    width: 100%;
    display: block;
    top: 4.5vh;
    min-height: auto;
  }
}

.main-visual .main-visual-inner {
  height: auto;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  max-width: 980px;
  width: 100%;
  z-index: 3;
  text-align: center;
}

@media (max-width: 823px) {
  .main-visual .main-visual-inner {
    height: auto;
    padding: 24vh 0 0 0;
    width: 90%;
    max-width: 100%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .main-visual .main-visual-inner {
    padding: 10vh 0 0 0;
  }
}

@media (width: 768px) {
  .main-visual .main-visual-inner {
    padding: 17vh 0 0 0;
  }
}

.main-visual .mv-copy-1 {
  height: 206px;
  margin: 140px auto 0;
  overflow: hidden;
  width: 758px;
}

@media (max-width: 823px) {
  .main-visual .mv-copy-1 {
    width: 90%;
    margin: auto;
    height: auto;
  }
  .main-visual .mv-copy-1 img {
    width: 100%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .main-visual .mv-copy-1 {
    margin: 40vh auto auto auto;
    text-align: center;
  }
  .main-visual .mv-copy-1 img {
    width: 80%;
    margin: auto;
  }
}

.main-visual .btn-mv-cm {
  display: block;
  height: 60px;
  margin: 39px auto 0;
  overflow: hidden;
  width: 220px;
}

.main-visual .btn-mv-cm img {
  margin: -147px 0 0 -5px;
}

.main-visual .btn-mv-cm img:hover {
  margin: -147px 0 0 -235px;
}

.main-visual .mv-shortcut {
  width: 688px;
  margin: 134px auto 0;
}

@media (max-width: 823px) {
  .main-visual .mv-shortcut {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 6vh 0 30px 0;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .main-visual .mv-shortcut {
    margin: 15% auto 30px auto;
  }
}

@media (max-width: 823px) {
  .main-visual .mv-shortcut img.sp-active {
    width: 100%;
    margin: 0;
  }
  .main-visual .mv-shortcut img.sp-active:hover {
    opacity: 0.9;
    margin: 0;
  }
}

@media (width: 768px) {
  .main-visual .mv-shortcut {
    margin: 4vh 0 30px 0;
  }
}

.main-visual .btn-mv-sc-basic,
.main-visual .btn-mv-sc-gym,
.main-visual .btn-mv-sc-video,
.main-visual .btn-mv-sc-karaoke {
  display: block;
  float: left;
  height: 163px;
  margin-right: 32px;
  overflow: hidden;
  width: 148px;
  margin-bottom: 10px;
}

@media (max-width: 823px) {
  .main-visual .btn-mv-sc-basic,
  .main-visual .btn-mv-sc-gym,
  .main-visual .btn-mv-sc-video,
  .main-visual .btn-mv-sc-karaoke {
    width: 18vw;
    height: auto;
    margin-right: 0;
  }
  .main-visual .btn-mv-sc-basic .sp-active,
  .main-visual .btn-mv-sc-gym .sp-active,
  .main-visual .btn-mv-sc-video .sp-active,
  .main-visual .btn-mv-sc-karaoke .sp-active {
    display: block;
  }
}

.main-visual .btn-mv-sc-content-douga {
  display: block;
  height: 170px;
  float: none;
  max-width: 680px;
  width: 100%;
  overflow: hidden;
}

@media (max-width: 823px) {
  .main-visual .btn-mv-sc-content-douga {
    height: auto;
    margin: 2% auto auto auto;
  }
  .main-visual .btn-mv-sc-content-douga img {
    width: 100%;
  }
}

.main-visual .btn-mv-sc-content-douga img:hover {
  margin: -180px 0 0 0px;
}

.main-visual .btn-mv-sc-content-youtube {
  display: block;
  height: 170px;
  float: none;
  max-width: 680px;
  width: 100%;
  overflow: hidden;
  margin-top: 10px;
  position: relative;
}

.main-visual .btn-mv-sc-content-youtube img {
  width: 100%;
  height: auto;
  position: relative;
}

@media (max-width: 823px) {
  .main-visual .btn-mv-sc-content-youtube {
    height: auto;
    margin: 2% auto auto auto;
  }
  .main-visual .btn-mv-sc-content-youtube img {
    width: 100%;
  }
}

.main-visual .btn-mv-sc-content-youtube a:hover img {
  filter: brightness(120%);
}

.main-visual .btn-mv-sc-content-youtube:before {
  content: url("../img/lavel-new01.png");
  height: 20px;
  left: 10px;
  position: absolute;
  top: 12%;
  width: 45px;
  z-index: 2;
}

.main-visual .btn-mv-sc-basic img {
  margin: -5px 0 0 -5px;
}

.main-visual .btn-mv-sc-basic img:hover {
  margin: -178px 0 0 -5px;
}

.main-visual .btn-mv-sc-gym img {
  margin: -5px 0 0 -185px;
}

.main-visual .btn-mv-sc-gym img:hover {
  margin: -178px 0 0 -185px;
}

.main-visual .btn-mv-sc-video img {
  margin: -5px 0 0 -365px;
}

.main-visual .btn-mv-sc-video img:hover {
  margin: -178px 0 0 -365px;
}

.main-visual .btn-mv-sc-karaoke {
  margin-right: 0;
}

.main-visual .btn-mv-sc-karaoke img {
  margin: -5px 0 0 -545px;
}

.main-visual .btn-mv-sc-karaoke img:hover {
  margin: -178px 0 0 -545px;
}

.home-oldpre {
  background: url(../img/home-oldpre-bg.gif);
  width: 100%;
  padding: 0 10px;
}

.home-oldpre.entry-content .inner {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  padding: 57px 0 60px;
  overflow: hidden;
}

@media (max-width: 823px) {
  .home-oldpre.entry-content .inner {
    padding: 30px 0;
  }
}

.home-oldpre .head {
  height: 35px;
  margin: 0 auto 50px;
  overflow: hidden;
  width: 335px;
}

@media (max-width: 823px) {
  .home-oldpre .head {
    width: 100%;
    margin-bottom: 20px;
    text-align: center;
  }
  .home-oldpre .head img {
    height: 100%;
    margin: auto;
  }
}

.home-oldpre .head img {
  margin: -261px 0 0 -5px;
}

@media (max-width: 823px) {
  .home-oldpre .head img {
    margin: 0 auto 0 auto;
  }
}

.home-oldpre .txt {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}

.home-oldpre .home-btn-oldpre,
.home-oldpre .home-btn-recommend {
  box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  display: block;
  float: left;
  height: 100px;
  overflow: hidden;
  width: 470px;
}

@media (max-width: 823px) {
  .home-oldpre .home-btn-oldpre,
  .home-oldpre .home-btn-recommend {
    width: 90%;
    float: none;
    height: auto;
    background: #fff;
    margin: 0 auto 20px auto;
  }
  .home-oldpre .home-btn-oldpre img,
  .home-oldpre .home-btn-recommend img {
    height: auto;
    display: block;
    width: 100%;
  }
}

.home-oldpre .home-btn-oldpre img {
  margin: auto;
  width: 100%;
}

.home-oldpre .home-btn-oldpre img:hover {
  background: url(../img/img-home-btn-oldpre-hover.png);
}

.home-oldpre .home-btn-oldpre:hover {
  background: url(../img/img-home-btn-oldpre-hover.png);
  background-size: 100%;
}

.home-oldpre .home-btn-oldpre:hover img {
  visibility: hidden;
}

.home-oldpre .home-btn-recommend {
  float: right;
}

.home-oldpre .home-btn-recommend img {
  margin: auto;
  width: 100%;
}

@media (max-width: 823px) {
  .home-oldpre .home-btn-recommend {
    float: none;
  }
}

.home-oldpre .home-btn-recommend:hover {
  background: url(../img/home-btn-recommend-hover.png);
  background-size: 100%;
}

.home-oldpre .home-btn-recommend:hover img {
  visibility: hidden;
}

.home-productinfo {
  background: url(../img/home-productinfo-bg.png) repeat-x top #e6e6e6;
  padding: 0 10px;
  width: 100%;
}

.home-productinfo.entry-content .inner {
  background: url(../img/home-img-freedam.png) no-repeat 50px 110px;
  margin: 0 auto;
  padding: 57px 0 30px;
  max-width: 960px;
  width: 100%;
}

@media (max-width: 823px) {
  .home-productinfo.entry-content .inner {
    background: none;
    width: 90%;
    padding: 30px 0;
  }
}

.home-productinfo .head {
  height: 35px;
  margin: 0 0 28px 650px;
  overflow: hidden;
  width: 149px;
}

@media (max-width: 823px) {
  .home-productinfo .head {
    margin: 0 auto 20px auto;
  }
}

.home-productinfo .head img {
  margin: -147px 0 0 -465px;
}

@media (max-width: 823px) {
  .home-productinfo .head img {
    height: 100%;
    margin: auto;
  }
}

.home-productinfo .home-productinfo-btn-box {
  margin: 0 0 0 490px;
  min-height: 360px;
  max-width: 470px;
  width: 90%;
  right: 0;
}

@media (max-width: 823px) {
  .home-productinfo .home-productinfo-btn-box {
    margin: auto auto auto auto;
    min-height: auto;
  }
  .home-productinfo .home-productinfo-btn-box img.sp-active {
    width: 100%;
    height: auto;
    margin: auto auto 20px auto;
  }
}

.home-productinfo .home-btn-product,
.home-productinfo .home-btn-dl,
.home-productinfo .home-btn-cm {
  box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  display: block;
  height: 100px;
  margin: 0 0 20px 0;
  overflow: hidden;
  right: 0;
  max-width: 470px;
  width: 100%;
}

@media (max-width: 823px) {
  .home-productinfo .home-btn-product,
  .home-productinfo .home-btn-dl,
  .home-productinfo .home-btn-cm {
    height: auto;
  }
  .home-productinfo .home-btn-product img.sp-active,
  .home-productinfo .home-btn-dl img.sp-active,
  .home-productinfo .home-btn-cm img.sp-active {
    width: 100%;
    margin: 0;
    background: #fff;
  }
}

.home-productinfo .home-btn-cm {
  margin-bottom: 60px;
}

.home-productinfo .home-btn-product img {
  margin: -545px 0 0 -5px;
}

.home-productinfo .home-btn-product img:hover {
  margin: -545px 0 0 -485px;
}

@media (max-width: 823px) {
  .home-productinfo .home-btn-product img:hover {
    margin: 0;
  }
}

.home-productinfo .home-btn-dl img {
  margin: -655px 0 0 -5px;
}

.home-productinfo .home-btn-dl img:hover {
  margin: -655px 0 0 -485px;
}

@media (max-width: 823px) {
  .home-productinfo .home-btn-dl img:hover {
    margin: 0;
  }
}

.home-productinfo .home-btn-cm img {
  margin: -765px 0 0 -5px;
}

.home-productinfo .home-btn-cm img:hover {
  margin: -765px 0 0 -485px;
}

@media (max-width: 823px) {
  .home-productinfo .home-btn-cm img:hover {
    margin: 0;
  }
}

.home-productinfo .btn-f650 {
  box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  display: block;
  height: 100px;
  margin: 30px auto 0;
  overflow: hidden;
  max-width: 470px;
  width: 100%;
}

@media (max-width: 823px) {
  .home-productinfo .btn-f650 {
    background: #fff;
    padding: 10px 0 0 0;
    height: auto;
  }
  .home-productinfo .btn-f650 img {
    width: 100%;
  }
}

.home-productinfo .btn-f650 img {
  margin: -5px 0 0 -5px;
}

.home-productinfo .btn-f650:hover img {
  margin: -115px 0 0 -5px;
}

@media (max-width: 823px) {
  .home-productinfo .btn-f650:hover img {
    margin: 0;
  }
}

.home-news {
  font-size: 16px;
  padding: 0 10px;
  width: 100%;
}

.home-news .head {
  width: 150px;
  height: 35px;
  overflow: hidden;
  margin: 0 auto 20px;
}

.home-news .head img {
  margin: -192px 0 0 -484px;
}

@media (max-width: 823px) {
  .home-news .head img {
    margin: auto;
    height: 100%;
  }
}

.home-news.entry-content .inner {
  margin: 0 auto;
  padding: 57px 0 60px;
  max-width: 960px;
  width: 100%;
}

@media (max-width: 823px) {
  .home-news.entry-content .inner {
    padding: 30px 0;
  }
}

.home-news ul {
  border-bottom: 1px solid #d2d2d2;
  clear: both;
  font-weight: bold;
  overflow: hidden;
}

.home-news ul li {
  list-style: none;
  float: left;
}

@media (max-width: 823px) {
  .home-news ul li {
    width: 100%;
    float: none;
  }
}

.home-news ul li:first-child {
  width: 170px;
  padding: 20px 0 20px 20px;
}

.home-news ul li:last-child {
  padding: 20px 20px 20px 0;
}

.home-news .home-btn-news {
  display: block;
  height: 60px;
  margin: 30px auto 0;
  overflow: hidden;
  max-width: 400px;
  width: 100%;
}

.home-news .home-btn-news img {
  margin: -875px 0 0 -5px;
}

@media (max-width: 823px) {
  .home-news .home-btn-news img {
    width: 80%;
    margin: 0 auto;
  }
}

.home-news .home-btn-news img:hover {
  margin: -875px 0 0 -415px;
}

/*
/home
*/
/*
btn_about_dkes
*/
.home-about-dkes.entry-content .inner {
  padding: 60px 0;
}

@media (max-width: 823px) {
  .home-about-dkes.entry-content .inner {
    padding: 40px 0;
  }
}

@media (max-width: 823px) {
  .home-about-dkes .head img.sp-active {
    margin: 0px auto auto auto;
    width: auto;
    height: 80%;
  }
}

.home-about-dkes,
.content-elder-about {
  font-size: 16px;
  /* background: #bfdef0; */
}

.home-about-dkes .head,
.content-elder-about .head {
  height: 34px;
  margin: 0 auto 29px;
  overflow: hidden;
  max-width: 469px;
  width: 100%;
}

.home-about-dkes .head img,
.content-elder-about .head img {
  margin: -217px 0 0 -5px;
}

@media (max-width: 823px) {
  .home-about-dkes .head,
  .content-elder-about .head {
    margin: 0 auto 20px;
  }
}

.home-about-dkes .btn-3points,
.home-about-dkes .btn-report,
.home-about-dkes .btn-voice,
.content-elder-about .btn-3points,
.content-elder-about .btn-report,
.content-elder-about .btn-voice {
  background: #fff;
  box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  display: block;
  width: 300px;
  height: 300px;
  float: left;
  color: #323232;
}

@media (max-width: 823px) {
  .home-about-dkes .btn-3points,
  .home-about-dkes .btn-report,
  .home-about-dkes .btn-voice,
  .content-elder-about .btn-3points,
  .content-elder-about .btn-report,
  .content-elder-about .btn-voice {
    width: 90%;
    float: none;
    display: flex;
    flex-flow: wrap;
    height: auto;
    min-height: 60px;
    margin: 0 auto 4% auto;
    border-radius: 8px;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .home-about-dkes .btn-3points,
  .home-about-dkes .btn-report,
  .home-about-dkes .btn-voice,
  .content-elder-about .btn-3points,
  .content-elder-about .btn-report,
  .content-elder-about .btn-voice {
    width: 80%;
  }
}

@media (max-width: 823px) {
  .home-about-dkes .btn-3points .icon-sp,
  .home-about-dkes .btn-report .icon-sp,
  .home-about-dkes .btn-voice .icon-sp,
  .content-elder-about .btn-3points .icon-sp,
  .content-elder-about .btn-report .icon-sp,
  .content-elder-about .btn-voice .icon-sp {
    width: 25%;
    height: auto;
    padding-left: 4%;
    display: flex;
    flex-flow: column;
    align-items: stretch;
  }
  .home-about-dkes .btn-3points .icon-sp img,
  .home-about-dkes .btn-report .icon-sp img,
  .home-about-dkes .btn-voice .icon-sp img,
  .content-elder-about .btn-3points .icon-sp img,
  .content-elder-about .btn-report .icon-sp img,
  .content-elder-about .btn-voice .icon-sp img {
    height: auto;
    width: 100%;
    margin: auto;
  }
}

@media (max-width: 823px) {
  .home-about-dkes .btn-3points:hover,
  .home-about-dkes .btn-report:hover,
  .home-about-dkes .btn-voice:hover,
  .content-elder-about .btn-3points:hover,
  .content-elder-about .btn-report:hover,
  .content-elder-about .btn-voice:hover {
    text-decoration: none;
  }
  .home-about-dkes .btn-3points:hover span.sp-active,
  .home-about-dkes .btn-report:hover span.sp-active,
  .home-about-dkes .btn-voice:hover span.sp-active,
  .content-elder-about .btn-3points:hover span.sp-active,
  .content-elder-about .btn-report:hover span.sp-active,
  .content-elder-about .btn-voice:hover span.sp-active {
    color: #0080cc;
    text-decoration: none;
  }
}

.home-about-dkes .btn-3points .icon,
.home-about-dkes .btn-report .icon,
.home-about-dkes .btn-voice .icon,
.content-elder-about .btn-3points .icon,
.content-elder-about .btn-report .icon,
.content-elder-about .btn-voice .icon {
  width: 260px;
  height: 200px;
  margin: 20px auto 19px;
  overflow: hidden;
  position: relative;
}

.home-about-dkes .btn-3points .icon .figure,
.home-about-dkes .btn-report .icon .figure,
.home-about-dkes .btn-voice .icon .figure,
.content-elder-about .btn-3points .icon .figure,
.content-elder-about .btn-report .icon .figure,
.content-elder-about .btn-voice .icon .figure {
  display: block;
  margin: 7px auto 0;
  position: relative;
  z-index: 1;
}

.home-about-dkes .btn-3points .deco,
.home-about-dkes .btn-report .deco,
.home-about-dkes .btn-voice .deco,
.content-elder-about .btn-3points .deco,
.content-elder-about .btn-report .deco,
.content-elder-about .btn-voice .deco {
  position: absolute;
}

.home-about-dkes .btn-report,
.content-elder-about .btn-report {
  margin: 0 30px;
}

@media (max-width: 823px) {
  .home-about-dkes .btn-report,
  .content-elder-about .btn-report {
    margin: 0 auto 4% auto;
  }
}

.home-about-dkes .btn-3points .icon .figure,
.content-elder-about .btn-3points .icon .figure {
  width: 150px;
}

@media (max-width: 823px) {
  .home-about-dkes .btn-3points .icon .figure,
  .content-elder-about .btn-3points .icon .figure {
    width: 80%;
  }
}

.home-about-dkes .btn-3points .icon .note-1-1,
.content-elder-about .btn-3points .icon .note-1-1 {
  top: 103px;
  left: 40px;
}

.home-about-dkes .btn-3points .icon .note-1-2,
.content-elder-about .btn-3points .icon .note-1-2 {
  top: 27px;
  left: 42px;
}

.home-about-dkes .btn-3points .icon .note-1-3,
.content-elder-about .btn-3points .icon .note-1-3 {
  top: -1px;
  left: 114px;
}

.home-about-dkes .btn-3points .icon .note-1-4,
.content-elder-about .btn-3points .icon .note-1-4 {
  top: 8px;
  left: 190px;
}

.home-about-dkes .btn-3points .icon .note-1-5,
.content-elder-about .btn-3points .icon .note-1-5 {
  top: 47px;
  left: 195px;
}

.home-about-dkes .btn-3points .icon .note-1-6,
.content-elder-about .btn-3points .icon .note-1-6 {
  top: 108px;
  left: 209px;
}

.home-about-dkes .btn-3points .txt,
.content-elder-about .btn-3points .txt {
  width: 188px;
  height: 42px;
  overflow: hidden;
  margin: 0 auto;
}

@media (max-width: 823px) {
  .home-about-dkes .btn-3points .txt,
  .content-elder-about .btn-3points .txt {
    overflow: visible;
    display: flex;
    flex-flow: column;
    align-items: stretch;
    height: inherit;
    width: 60%;
    text-align: left;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .home-about-dkes .btn-3points .txt,
  .content-elder-about .btn-3points .txt {
    width: 60%;
    font-size: 150%;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .home-about-dkes .btn-3points .txt,
  .content-elder-about .btn-3points .txt {
    min-height: 120px;
  }
}

@media (max-width: 823px) {
  .home-about-dkes .btn-3points .txt .sp-active,
  .content-elder-about .btn-3points .txt .sp-active {
    margin: auto;
    width: 100%;
    display: block;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .home-about-dkes .btn-3points .txt .sp-active,
  .content-elder-about .btn-3points .txt .sp-active {
    margin: auto auto auto 5%;
  }
}

.home-about-dkes .btn-3points .txt img,
.content-elder-about .btn-3points .txt img {
  margin: -5px 0 0 -5px;
}

.home-about-dkes .btn-3points:hover .txt img,
.content-elder-about .btn-3points:hover .txt img {
  margin: -57px 0 0 -5px;
}

.home-about-dkes .btn-report .icon .figure,
.content-elder-about .btn-report .icon .figure {
  width: 218px;
}

.home-about-dkes .btn-report .icon .note-2-1,
.content-elder-about .btn-report .icon .note-2-1 {
  top: 111px;
  left: 22px;
}

.home-about-dkes .btn-report .icon .note-2-2,
.content-elder-about .btn-report .icon .note-2-2 {
  top: -1px;
  left: 104px;
}

.home-about-dkes .btn-report .icon .note-2-3,
.content-elder-about .btn-report .icon .note-2-3 {
  top: 33px;
  left: 208px;
}

.home-about-dkes .btn-report .txt,
.content-elder-about .btn-report .txt {
  width: 206px;
  height: 43px;
  overflow: hidden;
  margin: 0 auto;
}

@media (max-width: 823px) {
  .home-about-dkes .btn-report .txt,
  .content-elder-about .btn-report .txt {
    overflow: visible;
    display: flex;
    flex-flow: column;
    align-items: stretch;
    height: inherit;
    width: 60%;
  }
  .home-about-dkes .btn-report .txt .sp-active,
  .content-elder-about .btn-report .txt .sp-active {
    margin: auto;
    width: 100%;
    display: block;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .home-about-dkes .btn-report .txt .sp-active,
  .content-elder-about .btn-report .txt .sp-active {
    margin: auto auto auto 3.5%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .home-about-dkes .btn-report .txt,
  .content-elder-about .btn-report .txt {
    width: 60%;
    font-size: 150%;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .home-about-dkes .btn-report .txt,
  .content-elder-about .btn-report .txt {
    font-size: 160%;
    min-height: 120px;
  }
}

.home-about-dkes .btn-report .txt img,
.content-elder-about .btn-report .txt img {
  margin: -109px 0 0 -5px;
}

.home-about-dkes .btn-report:hover .txt img,
.content-elder-about .btn-report:hover .txt img {
  margin: -162px 0 0 -5px;
}

.home-about-dkes .btn-voice .icon .figure,
.content-elder-about .btn-voice .icon .figure {
  width: 134px;
}

.home-about-dkes .btn-voice .icon .bulb-3-1,
.home-about-dkes .btn-voice .icon .bulb-3-2,
.home-about-dkes .btn-voice .icon .bulb-3-3,
.content-elder-about .btn-voice .icon .bulb-3-1,
.content-elder-about .btn-voice .icon .bulb-3-2,
.content-elder-about .btn-voice .icon .bulb-3-3 {
  top: -1px;
  left: 41px;
}

.home-about-dkes .btn-voice .txt,
.content-elder-about .btn-voice .txt {
  width: 175px;
  height: 43px;
  overflow: hidden;
  margin: 0 auto;
}

@media (max-width: 823px) {
  .home-about-dkes .btn-voice .txt,
  .content-elder-about .btn-voice .txt {
    overflow: visible;
    display: flex;
    flex-flow: column;
    align-items: stretch;
    height: inherit;
    width: 60%;
  }
  .home-about-dkes .btn-voice .txt .sp-active,
  .content-elder-about .btn-voice .txt .sp-active {
    margin: auto;
    width: 100%;
    display: block;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .home-about-dkes .btn-voice .txt .sp-active,
  .content-elder-about .btn-voice .txt .sp-active {
    margin: auto auto auto 5%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .home-about-dkes .btn-voice .txt,
  .content-elder-about .btn-voice .txt {
    width: 60%;
    font-size: 150%;
  }
}

@media (width: 768px) {
  .home-about-dkes .btn-voice .txt,
  .content-elder-about .btn-voice .txt {
    font-size: 160%;
    min-height: 120px;
  }
}

.home-about-dkes .btn-voice .txt img,
.content-elder-about .btn-voice .txt img {
  margin: -5px 0 0 -203px;
}

.home-about-dkes .btn-voice:hover .txt img,
.content-elder-about .btn-voice:hover .txt img {
  margin: -58px 0 0 -221px;
}

.home-about-dkes .home-btn-freedam,
.content-elder-about .home-btn-freedam {
  clear: both;
  padding-top: 30px;
}

.home-about-dkes .home-btn-freedam a,
.content-elder-about .home-btn-freedam a {
  box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  max-width: 640px;
  width: 90%;
  height: 150px;
  overflow: hidden;
  display: block;
  margin: 0 auto;
  border: solid 10px #fff;
  box-sizing: border-box;
  background: #e95a8f;
}

@media (max-width: 823px) {
  .home-about-dkes .home-btn-freedam a,
  .content-elder-about .home-btn-freedam a {
    height: auto;
    border: 5px solid #fff;
  }
}

.home-about-dkes .home-btn-freedam a img,
.content-elder-about .home-btn-freedam a img {
  width: 100%;
  height: auto;
  background: #e95a8f;
  background: #fff;
  margin-top: -5px;
}

@media (max-width: 823px) {
  .home-about-dkes .home-btn-freedam a img,
  .content-elder-about .home-btn-freedam a img {
    width: 106%;
    margin-left: -8px;
  }
}

.home-about-dkes .home-btn-freedam a img:hover,
.content-elder-about .home-btn-freedam a img:hover {
  filter: saturate(110%);
}

.content-elder-about .entry-content .inner {
  padding: 60px 0 20px;
}

.content-elder-about .menu-item-2-4 {
  clear: both;
  padding-top: 20px;
}

.content-elder-about .menu-item-2-4,
.content-elder-about .menu-item-2-5 {
  margin-bottom: 0.3em;
}

.content-elder-about .menu-item-2-4:before,
.content-elder-about .menu-item-2-5:before,
.content-elder-about .menu-item-2-6:before {
  background: url(../img/sprite-menu-item-2.png) no-repeat -935px -5px;
  content: "";
  display: inline-block;
  height: 16px;
  margin-right: 5px;
  overflow: hidden;
  vertical-align: -2px;
  width: 16px;
}

.content-elder-about .about-dkes-menu-item {
  clear: both;
  font-weight: bold;
  padding-top: 20px;
}

.content-elder-about .menu-item-2-4,
.content-elder-about .menu-item-2-5,
.content-elder-about .menu-item-2-6 {
  list-style: none;
  padding-top: 0;
}

.content-elder-about .menu-item-2-4:before,
.content-elder-about .menu-item-2-5:before,
.content-elder-about .menu-item-2-6:before {
  background: url(../img/sprite-menu-item-2.png) no-repeat -961px -5px;
}

/*
animation A
 */
/*
.home-about-dkes .effect-start {
  .btn-3points {
    .note-1-1 {
      animation: anima-3points-1-1 4s ease 0s infinite normal;
    }
    @keyframes anima-3points-1-1 {
    	0% {top: 122px;left: 74px; opacity: 0;}
    	20% {top: 103px;left: 40px; opacity: 1;}
    	95% {top: 103px;left: 40px; opacity: 1;}
      100% {top: 103px;left: 40px; opacity: 0;}
    }
    .note-1-2 {
      animation: anima-3points-1-2 4s ease 0s infinite normal;
    }
    @keyframes anima-3points-1-2 {
    	0% {top: 40px;left: 60px; opacity: 0;}
    	20% {top: 27px;left: 42px; opacity: 1;}
    	95% {top: 27px;left: 42px; opacity: 1;}
      100% {top: 27px;left: 42px; opacity: 0;}
    }
    .note-1-3 {
      animation: anima-3points-1-3 4s ease 0s infinite normal;
    }
    @keyframes anima-3points-1-3 {
    	0% {top: 34px; left: 114px; opacity: 0;}
    	20% {top: -1px; left: 114px; opacity: 1;}
      95% {top: -1px; left: 114px; opacity: 1;}
    	100% {top: -1px; left: 114px; opacity: 0;}
    }
    .note-1-4 {
      animation: anima-3points-1-4 4s ease 0s infinite normal;
    }
    @keyframes anima-3points-1-4 {
    	0% {top: 37px; left: 174px; opacity: 0;}
    	20% {top: 8px; left: 190px; opacity: 1;}
      95% {top: 8px; left: 190px; opacity: 1;}
    	100% {top: 8px; left: 190px; opacity: 0;}
    }
    .note-1-5 {
      animation: anima-3points-1-5 4s ease 0s infinite normal;
    }
    @keyframes anima-3points-1-5 {
    	0% {top: 64px; left: 178px; opacity: 0;}
    	20% {top: 47px; left: 195px; opacity: 1;}
    	95% {top: 47px; left: 195px; opacity: 1;}
      100% {top: 47px; left: 195px; opacity: 0;}
    }
    .note-1-6 {
      animation: anima-3points-1-6 4s ease 0s infinite normal;
    }
    @keyframes anima-3points-1-6 {
      0% {top: 114px; left: 189px; opacity: 0;}
      20% {top: 108px; left: 209px; opacity: 1;}
      95% {top: 108px; left: 209px; opacity: 1;}
      100% {top: 108px; left: 209px; opacity: 0;}
    }
  }
  .btn-report {
    .note-2-1, .note-2-2,.note-2-3 {
      animation: anima-btn-report 0.7s ease-in-out 0s infinite normal;
    }
    @keyframes anima-btn-report {
    	0% {transform: rotate(-30deg);}
    	50% {transform: rotate(30deg);}
    	100% {transform: rotate(-30deg);}
    }
  }
  .btn-voice {
    .bulb-3-1 {
      animation: anima-btn-voice 5s ease-in-out 0s infinite normal;
    }
    @keyframes anima-btn-voice {
      0% {top: 36px; left: 80px; opacity: 0;}
      20%{opacity: 0;}
      35% {top: -1px; left: 41px; opacity: 1;}
      95% {top: -1px; left: 41px; opacity: 1;}
      100% {top: -1px; left: 41px; opacity: 0;}
    }
  }
}
*/
/*
/ animation A
 */
/*
 animation B
  */
.home-about-dkes .effect-start .btn-3points .note-1-1,
.content-elder-about .effect-start .btn-3points .note-1-1 {
  animation: anima-3points-1-1 4s ease 0s infinite normal;
}

@keyframes anima-3points-1-1 {
  0% {
    top: 122px;
    left: 74px;
    opacity: 0;
  }
  20% {
    top: 103px;
    left: 40px;
    opacity: 1;
  }
  95% {
    top: 103px;
    left: 40px;
    opacity: 1;
  }
  100% {
    top: 103px;
    left: 40px;
    opacity: 0;
  }
}

.home-about-dkes .effect-start .btn-3points .note-1-2,
.content-elder-about .effect-start .btn-3points .note-1-2 {
  animation: anima-3points-1-2 4s ease 0s infinite normal;
}

@keyframes anima-3points-1-2 {
  0% {
    top: 40px;
    left: 60px;
    opacity: 0;
  }
  10% {
    top: 40px;
    left: 60px;
    opacity: 0;
  }
  25% {
    top: 27px;
    left: 42px;
    opacity: 1;
  }
  95% {
    top: 27px;
    left: 42px;
    opacity: 1;
  }
  100% {
    top: 27px;
    left: 42px;
    opacity: 0;
  }
}

.home-about-dkes .effect-start .btn-3points .note-1-3,
.content-elder-about .effect-start .btn-3points .note-1-3 {
  animation: anima-3points-1-3 4s ease 0s infinite normal;
}

@keyframes anima-3points-1-3 {
  0% {
    top: 34px;
    left: 114px;
    opacity: 0;
  }
  20% {
    top: -1px;
    left: 114px;
    opacity: 1;
  }
  95% {
    top: -1px;
    left: 114px;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: 114px;
    opacity: 0;
  }
}

.home-about-dkes .effect-start .btn-3points .note-1-4,
.content-elder-about .effect-start .btn-3points .note-1-4 {
  animation: anima-3points-1-4 4s ease 0s infinite normal;
}

@keyframes anima-3points-1-4 {
  0% {
    top: 37px;
    left: 174px;
    opacity: 0;
  }
  10% {
    top: 37px;
    left: 174px;
    opacity: 0;
  }
  25% {
    top: 8px;
    left: 190px;
    opacity: 1;
  }
  95% {
    top: 8px;
    left: 190px;
    opacity: 1;
  }
  100% {
    top: 8px;
    left: 190px;
    opacity: 0;
  }
}

.home-about-dkes .effect-start .btn-3points .note-1-5,
.content-elder-about .effect-start .btn-3points .note-1-5 {
  animation: anima-3points-1-5 4s ease 0s infinite normal;
}

@keyframes anima-3points-1-5 {
  0% {
    top: 64px;
    left: 178px;
    opacity: 0;
  }
  20% {
    top: 47px;
    left: 195px;
    opacity: 1;
  }
  95% {
    top: 47px;
    left: 195px;
    opacity: 1;
  }
  100% {
    top: 47px;
    left: 195px;
    opacity: 0;
  }
}

.home-about-dkes .effect-start .btn-3points .note-1-6,
.content-elder-about .effect-start .btn-3points .note-1-6 {
  animation: anima-3points-1-6 4s ease 0s infinite normal;
}

@keyframes anima-3points-1-6 {
  0% {
    top: 114px;
    left: 189px;
    opacity: 0;
  }
  10% {
    top: 114px;
    left: 189px;
    opacity: 0;
  }
  25% {
    top: 108px;
    left: 209px;
    opacity: 1;
  }
  95% {
    top: 108px;
    left: 209px;
    opacity: 1;
  }
  100% {
    top: 108px;
    left: 209px;
    opacity: 0;
  }
}

.home-about-dkes .effect-start .btn-report .note-2-1,
.content-elder-about .effect-start .btn-report .note-2-1 {
  animation: anima-note-2-1 0.7s ease-in-out 0s infinite normal;
}

@keyframes anima-note-2-1 {
  0% {
    transform: rotate(-30deg);
  }
  50% {
    transform: rotate(30deg);
  }
  100% {
    transform: rotate(-30deg);
  }
}

.home-about-dkes .effect-start .btn-report .note-2-2,
.content-elder-about .effect-start .btn-report .note-2-2 {
  animation: anima-note-2-2 1s ease-in-out 0s infinite normal;
}

@keyframes anima-note-2-2 {
  0% {
    transform: rotate(-30deg);
  }
  50% {
    transform: rotate(30deg);
  }
  100% {
    transform: rotate(-30deg);
  }
}

.home-about-dkes .effect-start .btn-report .note-2-3,
.content-elder-about .effect-start .btn-report .note-2-3 {
  animation: anima-note-2-3 1.2s ease-in-out 0s infinite normal;
}

@keyframes anima-note-2-3 {
  0% {
    transform: rotate(-30deg);
  }
  50% {
    transform: rotate(30deg);
  }
  100% {
    transform: rotate(-30deg);
  }
}

.home-about-dkes .effect-start .btn-voice .bulb-3-2,
.content-elder-about .effect-start .btn-voice .bulb-3-2 {
  animation: anima-bulb-3-2 4s ease-in-out 0s infinite normal;
}

@keyframes anima-bulb-3-2 {
  0% {
    top: 36px;
    left: 80px;
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  35% {
    top: -1px;
    left: 41px;
    opacity: 1;
  }
  95% {
    top: -1px;
    left: 41px;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: 41px;
    opacity: 0;
  }
}

.home-about-dkes .effect-start .btn-voice .bulb-3-3,
.content-elder-about .effect-start .btn-voice .bulb-3-3 {
  animation: anima-bulb-3-3 4s ease-in-out 0s infinite normal;
}

@keyframes anima-bulb-3-3 {
  0% {
    top: -1px;
    left: 41px;
    opacity: 0;
  }
  39% {
    top: -1px;
    left: 41px;
    opacity: 0;
  }
  40% {
    top: -1px;
    left: 41px;
    opacity: 1;
  }
  95% {
    top: -1px;
    left: 41px;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: 41px;
    opacity: 0;
  }
}

/*
 / animation B
  */
/*
/btn_about_dkes
*/
/*
contents-common
*/
.main-nav + .bread,
.main-nav + .site-content {
  padding-top: 130px;
}

.bread {
  font-size: 14px;
  min-width: 980px;
}

@media (max-width: 823px) {
  .bread {
    font-size: 10px;
    padding-bottom: 10px;
    max-width: 960px;
    width: 100%;
    min-width: 100%;
  }
}

@media (min-width: 1024px) {
  .bread {
    min-width: 100%;
  }
}

.bread .inner {
  padding: 0 10px;
}

.bread ul {
  margin: 0 auto;
  max-width: 960px;
  width: 100%;
}

.bread li {
  display: inline-block;
  list-style: none;
  line-height: 1;
  padding: 18px 0 16px;
}

@media (max-width: 823px) {
  .bread li {
    padding: 5px 0 5px;
  }
}

.bread li:before {
  content: ">";
  margin-right: 4px;
  vertical-align: 1.5px;
}

.bread li:first-child:before {
  content: none;
}

.content-area {
  min-width: 980px;
}

@media (max-width: 823px) {
  .content-area {
    width: 100%;
    min-width: 100%;
  }
}

@media (min-width: 1024px) {
  .content-area {
    min-width: 100%;
  }
}

.entry-content {
  padding: 0 10px;
  width: 100%;
}

.entry-content .inner {
  margin: 0 auto;
  max-width: 960px;
  width: 100%;
}

.cate-name {
  background: #0080cc;
  padding: 18px 10px;
  color: #fff;
}

.cate-name .inner {
  margin: 0 auto;
  width: 960px;
}

@media (max-width: 823px) {
  .cate-name .inner {
    max-width: 960px;
    width: 100%;
    height: 20px;
  }
}

.cate-name .inner img {
  display: block;
}

@media (max-width: 823px) {
  .cate-name .inner img {
    height: 100%;
  }
}

.term-name {
  font-size: 20px;
  padding: 0 10px;
  margin-bottom: 20px;
}

.term-name .inner {
  margin: 0 auto;
  padding: 28px 0 0;
  max-width: 960px;
  width: 100%;
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-product-index .tab-nav li {
    width: 100%;
  }
  .content-product-index .image-floatr-1 {
    width: 30%;
    margin: auto 30px auto 20px;
    float: left;
  }
  .content-product-index .content-head-2, .content-product-index .content-head-2-2, .content-product-index .content-head-2-3, .content-product-index .content-head-2-blue,
  .content-product-index .content-description {
    width: 60%;
    float: right;
    text-align: left;
  }
}

.tab-nav {
  font-size: 16px;
  margin-bottom: 30px;
  position: relative;
  width: 100%;
  min-width: 980px;
}

.tab-nav:before {
  content: "";
  background: #0080cc;
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  z-index: 0;
}

@media (max-width: 823px) {
  .tab-nav:before {
    display: none;
  }
}

@media (max-width: 823px) {
  .tab-nav {
    min-width: auto;
    width: 90%;
    margin: 10px auto 10px auto;
    text-align: center;
  }
}

@media (min-width: 1024px) {
  .tab-nav {
    min-width: 100%;
  }
}

.tab-nav .inner {
  margin: 0 auto;
  max-width: 960px;
  width: 100%;
}

@media (max-width: 823px) {
  .tab-nav .inner {
    max-width: 100%;
    width: 100%;
  }
}

.tab-nav ul {
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin: -15px 0 0 -15px;
}

@media (max-width: 823px) {
  .tab-nav ul {
    margin-left: 0;
    margin-top: -10px;
    max-width: 100%;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .tab-nav ul {
    -ms-flex-flow: row;
    flex-flow: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.tab-nav li {
  float: left;
  height: 70px;
  list-style: none;
  line-height: 1.4;
  width: 228px;
  text-align: center;
  font-weight: bold;
  margin: 15px 0 0 15px;
}

@media (max-width: 823px) {
  .tab-nav li {
    height: auto;
    margin-left: 0;
    margin-top: 10px;
    float: none;
    width: 100%;
    font-size: 90%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .tab-nav li {
    margin-bottom: 10px;
    width: 32%;
  }
}

.tab-nav .page-title {
  background: #fff;
  border-radius: 10px 10px 0 0;
  border-top: 2px solid #0080cc;
  border-right: 2px solid #0080cc;
  border-left: 2px solid #0080cc;
  display: block;
  height: 70px;
  width: 100%;
  padding-top: 12px;
}

@media (max-width: 823px) {
  .tab-nav .page-title {
    border-radius: 5px;
    border: 2px solid #0080cc;
    height: auto;
    padding: 2% 0;
  }
}

.tab-nav a,
.tab-nav a:visited {
  border-radius: 10px 10px 0 0;
  background: #d9ecf7;
  border: 2px solid #0080cc;
  color: inherit;
  display: block;
  height: 70px;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.tab-nav a:hover,
.tab-nav a:visited:hover {
  background: #fff;
  text-decoration: none;
}

@media (max-width: 823px) {
  .tab-nav a,
  .tab-nav a:visited {
    border-radius: 5px;
    height: auto;
    padding: 2% 0;
    min-height: 70px;
  }
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-elder-care .image-floatr-1 {
    width: 100%;
    margin: auto auto 20px auto;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-elder-care .image-floatr-1 {
    width: 40%;
    margin: auto auto 20px 20px;
    float: right;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-elder-care .image-floatr-1 {
    width: 40%;
    margin: auto 20px 20px auto;
    float: left;
  }
}

.image-floatr-1 {
  float: right;
  margin: 0 0 0 30px;
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .image-floatr-1 {
    float: none;
    width: 80%;
    margin: auto auto 30px 10%;
    text-align: center;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .image-floatr-1 {
    float: right;
    width: 40%;
    margin: 0 0 0 5%;
  }
}

.txt-580-floatl {
  width: 580px;
  clear: none;
}

.txt-580-floatl.content-head-2, .txt-580-floatl.content-head-2-2, .txt-580-floatl.content-head-2-3, .txt-580-floatl.content-head-2-blue {
  clear: none;
}

@media (max-width: 823px) {
  .txt-580-floatl {
    width: 100%;
  }
}

.movie-btn01,
.pdf-btn01,
.detail-btn01,
.app-form-btn01 {
  display: block;
  height: 40px;
  overflow: hidden;
  width: 200px;
}

@media (max-width: 823px) {
  .movie-btn01,
  .pdf-btn01,
  .detail-btn01,
  .app-form-btn01 {
    width: 60%;
    height: auto;
  }
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .movie-btn01,
  .pdf-btn01,
  .detail-btn01,
  .app-form-btn01 {
    /* 縦向きの場合のスタイル */
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .movie-btn01,
  .pdf-btn01,
  .detail-btn01,
  .app-form-btn01 {
    width: 65%;
  }
}

.movie-btn01 img,
.pdf-btn01 img,
.detail-btn01 img,
.app-form-btn01 img {
  margin: -5px 0 0 -5px;
}

@media (max-width: 823px) {
  .movie-btn01 img,
  .pdf-btn01 img,
  .detail-btn01 img,
  .app-form-btn01 img {
    margin: 0 auto;
    width: 100%;
    height: auto;
  }
}

.movie-btn01 img:hover,
.pdf-btn01 img:hover,
.detail-btn01 img:hover,
.app-form-btn01 img:hover {
  margin: -55px 0 0 -5px;
}

@media (max-width: 823px) {
  .movie-btn01 img:hover,
  .pdf-btn01 img:hover,
  .detail-btn01 img:hover,
  .app-form-btn01 img:hover {
    margin: 0;
    width: 100%;
  }
}

/*
/contents-common
*/
/*
heading(title)
 */
.content-head-1 {
  border-bottom: 5px solid #0080cc;
  clear: both;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 3px;
}

@media (max-width: 823px) {
  .content-head-1 {
    font-size: 16px;
  }
}

.content-head-2, .content-head-2-2, .content-head-2-3, .content-head-2-blue, .content-head-2-4 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 16px;
  line-height: 1.4;
  clear: both;
}

@media (max-width: 823px) {
  .content-head-2, .content-head-2-2, .content-head-2-3, .content-head-2-blue, .content-head-2-4 {
    font-size: 5vw;
    padding-top: 1.2%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-head-2, .content-head-2-2, .content-head-2-3, .content-head-2-blue, content-head-2-4 {
    padding-top: 0%;
    font-size: 3vw;
  }
}

.content-head-2-2 {
  font-size: 20px;
}

@media (max-width: 823px) {
  .content-head-2-2 {
    font-size: 16px;
  }
}

.content-head-2-3 {
  font-size: 16px;
}

.content-head-2-blue {
  color: #0080cc;
}

.content-head-2-4 {
  font-size: 24px;
  text-decoration: underline;
  text-underline-offset: 0.3em;
}

.content-description {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 35px;
}

@media (max-width: 823px) {
  .content-description {
    margin-bottom: 10px;
    font-size: 14px;
  }
}

.content-head-3 {
  background: #d9ecf7;
  border-left: 5px solid #0080cc;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 20px;
  padding: 8px 12px 6px;
  clear: both;
}

@media (max-width: 823px) {
  .content-head-3 {
    font-size: 16px;
  }
}

/* hack for IE11 */
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  .content-head-3 {
    padding: 10px 12px 3px;
  }
}

/* /hack for IE11 */
.content-head-4, .content-head-4-1 {
  font-size: 20px;
  color: #0080cc;
  line-height: 1.4;
  margin-bottom: 18px;
}

@media (max-width: 823px) {
  .content-head-4, .content-head-4-1 {
    font-size: 16x;
  }
}

.content-head-4-1 {
  font-size: 18px;
}

.content-head-5 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
}

.content-head-t-2 {
  font-size: 28px;
  border-top: 2px solid #601986;
  border-bottom: 2px solid #601986;
  clear: both;
  margin-bottom: 16px;
  padding: 13px 0 12px;
  vertical-align: middle;
}

.content-head-t-2 span {
  font-size: 18px;
  vertical-align: middle;
  margin-left: 10px;
}

@media (max-width: 823px) {
  .content-head-t-2 span {
    font-size: 16px;
  }
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-head-t-2 span {
    display: block;
    width: 100%;
    margin: auto auto auto 0;
  }
}

/* hack for IE11 */
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  .content-head-t-2 {
    padding: 18px 0 8px !important;
  }
}

/* /hack for IE11 */
.content-head-t-2.cht2-purple-1 {
  border-top: 2px solid #601986;
  border-bottom: 2px solid #601986;
}

.content-head-t-2.cht2-purple-1 span {
  color: #601986;
}

.content-head-t-2.cht2-orange-1 {
  border-top: 2px solid #eb6100;
  border-bottom: 2px solid #eb6100;
}

.content-head-t-2.cht2-orange-1 span {
  color: #eb6100;
}

.content-head-t-2.cht2-green-1 {
  border-top: 2px solid #22ac38;
  border-bottom: 2px solid #22ac38;
}

.content-head-t-2.cht2-green-1 span {
  color: #22ac38;
  margin-left: 2px;
}

.content-head-t-3 {
  font-weight: bold;
  width: 100%;
  font-size: 18px;
  color: #fff;
  background: #9769b0;
  clear: both;
}

.content-head-t-3 .inner {
  display: table;
}

@media (max-width: 823px) {
  .content-head-t-3 .inner {
    height: 100%;
  }
}

.content-head-t-3 .no {
  display: table-cell;
  background: #601986;
  text-align: center;
  width: 40px;
  vertical-align: middle;
}

@media (max-width: 823px) {
  .content-head-t-3 .no {
    padding: 0 0 0 5%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-head-t-3 .no {
    padding: 0 0 0 0.5%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-head-t-3 .no {
    padding: 0 0 0 2%;
  }
}

.content-head-t-3 .title {
  display: table-cell;
  padding-left: 10px;
  vertical-align: middle;
}

@media (max-width: 823px) {
  .content-head-t-3 .title .nest {
    font-size: 4vw;
  }
}

@media (max-width: 823px) and (max-width: 320px) {
  .content-head-t-3 .title .nest {
    font-size: 2vw;
  }
}

.content-head-t-3 .time {
  font-size: 24px;
  display: table-cell;
  text-align: right;
  vertical-align: middle;
}

.content-head-t-3 .time span {
  font-size: 12px;
  margin-left: 2px;
}

.content-head-t-3 .time .nest {
  padding: 0 10px 0 50px;
}

@media (max-width: 823px) {
  .content-head-t-3 .time .nest {
    font-size: 12px;
    float: right;
    height: 100%;
    width: auto;
    padding: 10px 10px 10px 50px;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-head-t-3 .time .nest {
    padding: 10px 10px 10px 70px;
    font-size: 14px;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-head-t-3 .time .nest {
    padding: 15px 10px 10px 70px;
    font-size: 14px;
  }
}

.content-head-t-3 .nest {
  display: inline-block;
}

@media (max-width: 823px) {
  .content-head-t-3 .nest span {
    display: inline;
  }
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-head-t-3 .nest {
    font-size: 14px;
    height: 100%;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }
}

/* hack for IE11 */
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  .content-head-t-3 .nest {
    padding-top: 8px !important;
  }
  *::-ms-backdrop,
  .content-head-t-3 .time .nest {
    background-position: -8px center !important;
  }
}

/* /hack for IE11 */
.content-head-t-3.cht3-purple-1 {
  background: #9769b0;
}

.content-head-t-3.cht3-purple-1 .no {
  background: #601986;
}

.content-head-t-3.cht3-purple-1 .time .nest {
  background: url(../img/cht3-purple-1-bg.png) no-repeat -10px center;
}

@media (max-width: 823px) {
  .content-head-t-3.cht3-purple-1 .time .nest {
    background: url(../img/cht3-purple-1-bg.png) no-repeat 5px center;
    background-size: auto 120%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-head-t-3.cht3-purple-1 .time .nest {
    background: url(../img/cht3-purple-1-bg2.png) no-repeat 5px center;
  }
}

.content-head-t-3.cht3-orange-1 {
  background: #f29859;
}

.content-head-t-3.cht3-orange-1 .no {
  background: #eb6100;
}

@media (max-width: 823px) {
  .content-head-t-3.cht3-orange-1 .no {
    padding: 0 0 0 5%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-head-t-3.cht3-orange-1 .no {
    padding: 0 0 0 0.5%;
    font-size: 100%;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-head-t-3.cht3-orange-1 .no {
    padding: 0 0 0 2%;
    font-size: 100%;
  }
}

.content-head-t-3.cht3-orange-1 .time .nest {
  background: url(../img/cht3-orange-1-bg.png) no-repeat -10px center;
}

@media (max-width: 823px) {
  .content-head-t-3.cht3-orange-1 .time .nest {
    background: url(../img/cht3-orange-1-bg2.png) no-repeat 5px center;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-head-t-3.cht3-orange-1 .time .nest {
    background: url(../img/cht3-orange-1-bg2.png) no-repeat 0px center;
    background-size: auto 100%;
  }
}

.content-head-t-3.cht3-green-1 {
  background: #6fc97d;
}

.content-head-t-3.cht3-green-1 .no {
  background: #22ac38;
}

@media (max-width: 823px) {
  .content-head-t-3.cht3-green-1 .no {
    padding: 0 0 0 5%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-head-t-3.cht3-green-1 .no {
    padding: 0 0 0 0.5%;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-head-t-3.cht3-green-1 .no {
    padding: 0 0 0 2%;
  }
}

.content-head-t-3.cht3-green-1 .time .nest {
  background: url(../img/cht3-green-1-bg.png) no-repeat -10px center;
}

@media (max-width: 823px) {
  .content-head-t-3.cht3-green-1 .time .nest {
    background: url(../img/cht3-green-1-bg2.png) no-repeat 5px center;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-head-t-3.cht3-green-1 .time .nest {
    background: url(../img/cht3-green-1-bg2.png) no-repeat 0px center;
    background-size: auto 100%;
  }
}

/*
/heading(title)
 */
/*
dir elder
*/
@media (max-width: 823px) {
  .content-elder-index .flex {
    width: 100%;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-elder-index .flex {
    width: 80%;
    margin: auto;
  }
}

@media (max-width: 823px) {
  .content-elder-index .image-floatr-1 {
    margin-bottom: 30px;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-elder-index .image-floatr-1 {
    float: left;
  }
}

.elder-index-image02 {
  width: 300px;
  height: 300px;
  display: block;
  overflow: hidden;
  float: left;
  margin: 0;
}

@media (max-width: 823px) {
  .elder-index-image02 {
    width: 33%;
    height: 33%;
    float: none;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .elder-index-image02 {
    width: 28%;
    height: 28%;
  }
}

.elder-index-image02 img {
  margin: 0;
  width: 100%;
}

.elder-index-image02 + .elder-index-image02 {
  margin: 0 30px;
}

@media (max-width: 823px) {
  .elder-index-image02 + .elder-index-image02 {
    margin: 0;
  }
}

.elder-index-image02 + .elder-index-image02 img {
  width: 100%;
}

.elder-index-image02 + .elder-index-image02 + .elder-index-image02 {
  margin: 0;
}

.elder-index-image02 + .elder-index-image02 + .elder-index-image02 img {
  width: 100%;
}

.elder-index-image03 {
  position: absolute;
  bottom: 18px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.elder-index-image04 {
  background: url(../img/elder-index-image04.jpg) no-repeat center bottom;
  clear: both;
  height: 590px;
  position: relative;
}

@media (max-width: 823px) {
  .elder-index-image04 {
    background-size: 100% auto;
    width: 100%;
    height: 36vh;
    background-position: center;
  }
  .elder-index-image04 .elder-index-image03 {
    width: 80%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .elder-index-image04 {
    height: 450px;
    background-size: 80% auto;
    background-position: center;
    margin-bottom: 30px;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .elder-index-image04 {
    height: 50vh;
  }
}

.elder-function {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .elder-function {
    flex-flow: column;
    align-items: center;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .elder-function {
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }
}

.elder-function .column {
  /* float: left; */
  /* height: 210px; */
  width: 300px;
  margin-bottom: 30px;
}

@media (max-width: 823px) {
  .elder-function .column {
    width: 90%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .elder-function .column {
    width: 48%;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .elder-function .column {
    width: 48%;
  }
}

.elder-function .head {
  background: #0080cc;
  border-radius: 10px 10px 0 0;
  color: #fff;
  text-align: center;
  font-weight: bold;
  height: 70px;
  font-size: 20px;
  line-height: 1.3;
  padding-top: 11px;
}

.elder-function .description {
  border: 1px solid #c8c8c8;
  border-top: none;
  border-radius: 0 0 10px 10px;
  /* height: 140px; */
  min-height: 150px;
  padding: 20px 20px 0;
  line-height: 1.5;
}

@media (max-width: 823px) {
  .elder-function .description {
    margin-bottom: 0;
  }
}

.elder-function .elder-function-description-link {
  background: url(../img/arrow01.png) no-repeat left 2px;
  display: inline-block;
  font-weight: bold;
  margin-top: 8px;
  padding-left: 20px;
}

.elder-function .column:nth-child(1) .head {
  padding-top: 24px;
}

.elder-function .column:nth-child(2),
.elder-function .column:nth-child(5) {
  margin: 0 30px;
}

@media (max-width: 823px) {
  .elder-function .column:nth-child(1),
  .elder-function .column:nth-child(2),
  .elder-function .column:nth-child(3),
  .elder-function .column:nth-child(4),
  .elder-function .column:nth-child(5),
  .elder-function .column:nth-child(6) {
    margin: 0;
    margin: 0 6px 20px 6px;
  }
}

.elder-function .column:nth-child(3) .description {
  padding: 20px 0 0;
}

.elder-function .elder-index-image05 {
  display: block;
  width: 246px;
  margin: 0 auto 16px;
}

@media (max-width: 823px) {
  .elder-function .elder-index-image05 {
    width: 100%;
  }
}

.elder-function .elder-index-image06 {
  display: block;
  width: 267px;
  margin: 0 auto;
}

@media (max-width: 823px) {
  .elder-function .elder-index-image06 {
    width: 80%;
  }
}

.elder-function .elder-index-image07 {
  display: block;
  margin: 0 auto 16px;
}

@media (max-width: 823px) {
  .elder-function .elder-index-image07 {
    width: 100%;
  }
}

/* hack for IE11 */
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  .elder-function .elder-function-description-link {
    background-position: left top;
  }
}

.content-area.content-report-index {
  margin-bottom: 30px;
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-area.content-report-index .table-half {
    /* 縦向きの場合のスタイル */
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-area.content-report-index .table-half {
    width: 55%;
    float: none;
  }
}

.content-area.content-report-index:after {
  content: "";
  display: block;
  clear: both;
}

.content-area.content-report-index h3 + .image-floatr-1 {
  margin: 0 10px 45px 0;
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-area.content-report-index h3 + .image-floatr-1 {
    margin: auto;
    width: 80%;
    margin: 0 auto 20px 8%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-area.content-report-index h3 + .image-floatr-1 {
    width: 40%;
  }
}

.content-area.content-report-index .summary,
.content-area.content-report-index table {
  float: left;
  width: 720px;
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-area.content-report-index .summary,
  .content-area.content-report-index table {
    width: 100%;
  }
  .content-area.content-report-index .summary tr,
  .content-area.content-report-index table tr {
    display: flex;
    flex-flow: column;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-area.content-report-index .summary,
  .content-area.content-report-index table {
    width: 50%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-area.content-report-index table {
    width: 100%;
  }
}

.content-area.content-report-index p + table {
  margin-top: -40px;
}

@media (max-width: 823px) {
  .content-area.content-report-index p + table {
    margin-top: -10px;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-area.content-report-index p + table .content-head-5 {
    font-size: 100%;
  }
}

.content-area.content-report-index table {
  margin-bottom: 50px;
}

@media (max-width: 823px) {
  .content-area.content-report-index table {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-area.content-report-index table {
    margin-bottom: 30px;
  }
}

.content-area.content-report-index table + table,
.content-area.content-report-index table + .image-floatr-1 + table {
  margin-top: -30px;
}

@media (max-width: 823px) {
  .content-area.content-report-index table + table,
  .content-area.content-report-index table + .image-floatr-1 + table {
    margin-top: 0px;
  }
}

.content-area.content-report-index table td:first-child {
  position: relative;
  text-align: center;
  width: 200px;
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-area.content-report-index table td:first-child {
    width: 100%;
    padding-bottom: 10px;
    text-align: left;
  }
  .content-area.content-report-index table td:first-child br {
    display: none;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-area.content-report-index table td:first-child {
    width: 40%;
  }
  .content-area.content-report-index table td:first-child .content-head-5 {
    font-size: 100%;
  }
  .content-area.content-report-index table td:first-child img {
    width: 80%;
  }
}

.content-area.content-report-index table td:last-child {
  border-left: 1px solid #c8c8c8;
  padding-left: 20px;
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-area.content-report-index table td:last-child {
    border-left: none;
    border-top: 1px solid #c8c8c8;
    padding: 10px 0px;
  }
}

.content-area.content-report-index table td:last-child .content-head-5 {
  font-size: 14px;
  margin-bottom: 3px;
}

.content-area.content-report-index table td:last-child .content-head-5:before {
  background: #23b77c;
  border-radius: 1em;
  content: "";
  display: inline-block;
  height: 0.8em;
  margin-right: 3px;
  width: 0.8em;
}

.content-area.content-report-index table td:last-child .content-head-5 + p {
  margin-left: 12px;
}

.content-area.content-report-index table .label {
  left: 0;
  position: absolute;
  top: 0;
}

@media (max-width: 823px) {
  .content-area.content-report-index table .label {
    right: 0px;
    top: 10px;
    text-align: right;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-area.content-report-index table .label {
    text-align: left;
  }
}

.content-area.content-report-index table p {
  font-size: 13px;
  margin: 0 0 8px;
}

.content-area.content-report-index table p:last-child {
  margin-bottom: 0;
}

.content-area.content-report-voice .content-head-3 {
  background: none;
  border: none;
  color: #ed6c86;
  margin-bottom: 8px;
  padding: 0;
  width: 680px;
}

.content-area.content-report-voice .description {
  width: 680px;
}

.content-area.content-report-voice .balloon {
  background: url(../img/sprite-report-voice-bg01.png) no-repeat -5px -5px;
  height: 200px;
  margin-bottom: 30px;
  overflow: hidden;
  padding: 30px;
  width: 960px;
}

@media (max-width: 823px) {
  .content-area.content-report-voice .balloon {
    width: 70%;
    height: auto;
    background: #fceef2;
    border-radius: 10px;
    border: 2px #f5bbca solid;
    padding: 15px;
    position: relative;
    overflow: visible;
    z-index: 2;
  }
  .content-area.content-report-voice .balloon :after {
    display: block;
    width: 70px;
    height: 30px;
    background: url(../img/img-sprite-report-voice-bg01-2.png) no-repeat;
    background-size: auto 100%;
    background-position-x: -25px;
    position: absolute;
    right: -68px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
  }
  .content-area.content-report-voice .balloon .content-head-3 {
    width: 100%;
  }
  .content-area.content-report-voice .balloon .content-head-3:after {
    display: block;
    width: 90px;
    height: 90px;
    background: url(../img/img-sprite-report-voice-bg01.png) no-repeat;
    background-size: cover;
    content: "";
    position: absolute;
    right: -100px;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-area.content-report-voice .balloon .content-head-3:after {
    right: -22vw;
    width: 120px;
    height: 120px;
  }
}

@media (max-width: 823px) {
  .content-area.content-report-voice .balloon .description {
    width: 100%;
    margin: auto auto 0 auto;
  }
}

.content-area.content-report-voice .balloon + img:last-child {
  margin: 30px auto 60px;
}

@media (max-width: 823px) {
  .content-area.content-report-voice .balloon + img:last-child {
    width: 100%;
  }
}

.content-area.content-report-voice .balloon:nth-child(odd) {
  background: url(../img/sprite-report-voice-bg01.png) no-repeat -975px -5px;
}

.content-area.content-report-voice .balloon:nth-child(odd) .content-head-3 {
  color: #3797d0;
}

.content-area.content-report-voice .balloon:nth-child(odd) .content-head-3,
.content-area.content-report-voice .balloon:nth-child(odd) .description {
  margin-left: 220px;
}

@media (max-width: 823px) {
  .content-area.content-report-voice .balloon:nth-child(odd) {
    width: 70%;
    height: auto;
    background: #e8f1f7;
    border-radius: 10px;
    border: 2px #a2c9df solid;
    padding: 15px;
    position: relative;
    overflow: visible;
    z-index: 2;
    margin-left: 30%;
  }
  .content-area.content-report-voice .balloon:nth-child(odd) :after {
    background: none;
    display: block;
    width: 30px;
    height: 30px;
    background: url(../img/img-sprite-report-voice-bg02-2.png) no-repeat;
    background-size: auto 100%;
    right: 0;
    position: absolute;
    left: -110%;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-area.content-report-voice .balloon:nth-child(odd) :after {
    left: -105%;
  }
}

@media (max-width: 823px) {
  .content-area.content-report-voice .balloon:nth-child(odd) .content-head-3 {
    width: 100%;
    margin-left: 0px;
  }
  .content-area.content-report-voice .balloon:nth-child(odd) .content-head-3 br {
    display: none;
  }
  .content-area.content-report-voice .balloon:nth-child(odd) .description {
    width: 100%;
    margin-left: 0px;
    margin: auto auto 0 auto;
  }
  .content-area.content-report-voice .balloon:nth-child(odd) .content-head-3:after {
    display: block;
    width: 90px;
    height: 90px;
    background: url(../img/img-sprite-report-voice-bg02.png) no-repeat;
    background-size: cover;
    content: "";
    position: absolute;
    left: -145%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-area.content-report-voice .balloon:nth-child(odd) .content-head-3:after {
    width: 120px;
    height: 120px;
  }
}

.content-elder-evidence .tanoshiku {
  background: #fff5e0;
  border-radius: 10px;
  border: 2px solid #fdbf2d;
  clear: both;
  margin: 40px 0;
  min-height: 240px;
  overflow: hidden;
  padding: 30px;
  position: relative;
}

@media (max-width: 823px) {
  .content-elder-evidence .tanoshiku {
    padding: 20px;
    margin: 20px 0;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-elder-evidence .tanoshiku {
    display: flex;
    justify-content: space-between;
    flex-flow: row;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-elder-evidence .tanoshiku {
    display: flex;
    justify-content: space-between;
    flex-flow: row;
  }
}

.content-elder-evidence .tanoshiku .content-head-2, .content-elder-evidence .tanoshiku .content-head-2-2, .content-elder-evidence .tanoshiku .content-head-2-3, .content-elder-evidence .tanoshiku .content-head-2-blue {
  color: #fca71a;
}

.content-elder-evidence .tanoshiku p {
  margin-bottom: 10px;
}

.content-elder-evidence .tanoshiku p::after {
  content: none;
}

.content-elder-evidence .tanoshiku .inner {
  width: 560px;
  float: left;
}

@media (max-width: 823px) {
  .content-elder-evidence .tanoshiku .inner {
    width: 100%;
  }
}

.content-elder-evidence .tanoshiku .image {
  background: #fff;
  border-radius: 5px;
  float: left;
  margin: 0 0 0 36px;
  padding: 0;
  position: relative;
  width: 300px;
  height: 200px;
  overflow: hidden;
}

@media (max-width: 823px) {
  .content-elder-evidence .tanoshiku .image {
    width: 100%;
    margin: auto;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-elder-evidence .tanoshiku .image {
    width: 60%;
    background: none;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-elder-evidence .tanoshiku .image {
    width: 60%;
    background: none;
  }
}

.content-elder-evidence .tanoshiku .image img {
  width: 300px;
  display: block;
  margin-top: -11px;
}

@media (max-width: 823px) {
  .content-elder-evidence .tanoshiku .image img {
    width: 100%;
    margin: auto;
  }
}

.content-elder-evidence .content-head-2-2 {
  font-size: 18px;
}

.content-elder-evidence .column-box {
  overflow: hidden;
  margin: -20px 0 40px;
}

@media (width: 768px) {
  .content-elder-evidence .column-box {
    display: flex;
    justify-content: space-between;
    flex-flow: row;
  }
}

.content-elder-evidence .column-box + .content-head-3 {
  margin-top: -20px;
}

.content-elder-evidence .column-box .column {
  width: 470px;
  float: left;
  margin: 0 0 25px;
}

@media (max-width: 823px) {
  .content-elder-evidence .column-box .column {
    width: 100%;
    justify-content: space-between;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-elder-evidence .column-box .column {
    width: 48%;
  }
}

.content-elder-evidence .column-box .column:nth-child(odd) {
  margin-right: 20px;
}

.content-elder-evidence .column-box .btn01 {
  width: 470px;
  height: 130px;
  overflow: hidden;
  display: block;
}

@media (max-width: 823px) {
  .content-elder-evidence .column-box .btn01 {
    width: 100%;
    height: auto;
  }
}

.content-elder-evidence .column-box .elder-evidence-cooperative-btn01-1 img {
  margin: -5px 0 0 -5px;
}

@media (max-width: 823px) {
  .content-elder-evidence .column-box .elder-evidence-cooperative-btn01-1 img {
    margin: 0;
    width: 100%;
  }
}

.content-elder-evidence .column-box .elder-evidence-cooperative-btn01-1:hover img {
  margin: -145px 0 0 -5px;
}

@media (max-width: 823px) {
  .content-elder-evidence .column-box .elder-evidence-cooperative-btn01-1:hover img {
    margin: 0;
  }
}

.content-elder-evidence .column-box .elder-evidence-cooperative-btn01-2 img {
  margin: -5px 0 0 -495px;
}

@media (max-width: 823px) {
  .content-elder-evidence .column-box .elder-evidence-cooperative-btn01-2 img {
    margin: 0;
    width: 100%;
  }
}

.content-elder-evidence .column-box .elder-evidence-cooperative-btn01-2:hover img {
  margin: -145px 0 0 -495px;
}

@media (max-width: 823px) {
  .content-elder-evidence .column-box .elder-evidence-cooperative-btn01-2:hover img {
    margin: 0;
  }
}

.content-elder-tohoku .content-head-2, .content-elder-tsurumi .content-head-2, .content-elder-tohoku .content-head-2-2, .content-elder-tsurumi .content-head-2-2, .content-elder-tohoku .content-head-2-3, .content-elder-tsurumi .content-head-2-3, .content-elder-tohoku .content-head-2-blue, .content-elder-tsurumi .content-head-2-blue {
  margin: 30px 0 40px;
}

.content-elder-tohoku .board, .content-elder-tsurumi .board {
  background: #edeef5;
  border-radius: 10px;
  border: 2px solid #4f5d9c;
  clear: both;
  margin: 0 0 40px;
  overflow: hidden;
  padding: 80px 20px 20px;
  position: relative;
}

.content-elder-tohoku .board.notitle, .content-elder-tsurumi .board.notitle {
  padding: 20px;
}

.content-elder-tohoku .board + .board, .content-elder-tsurumi .board + .board {
  margin-top: -20px;
}

.content-elder-tohoku .board + .content-head-2, .content-elder-tsurumi .board + .content-head-2, .content-elder-tohoku .board + .content-head-2-2, .content-elder-tsurumi .board + .content-head-2-2, .content-elder-tohoku .board + .content-head-2-3, .content-elder-tsurumi .board + .content-head-2-3, .content-elder-tohoku .board + .content-head-2-blue, .content-elder-tsurumi .board + .content-head-2-blue {
  margin-top: 60px;
}

.content-elder-tohoku .board p, .content-elder-tsurumi .board p {
  margin-bottom: 0;
}

.content-elder-tohoku .board p::after, .content-elder-tsurumi .board p::after {
  content: none;
}

.content-elder-tohoku .board .inner, .content-elder-tsurumi .board .inner {
  width: auto;
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-elder-tohoku .board .inner, .content-elder-tsurumi .board .inner {
    display: flex;
    flex-flow: column;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-elder-tohoku .board .inner, .content-elder-tsurumi .board .inner {
    /* 横向きの場合のスタイル */
  }
}

.content-elder-tohoku .board .title, .content-elder-tsurumi .board .title {
  left: 0;
  position: absolute;
  top: 20px;
}

.content-elder-tohoku .board .subtitle, .content-elder-tsurumi .board .subtitle {
  color: #4f5d9c;
  font-size: 18px;
  margin-bottom: 10px;
}

.content-elder-tohoku .board .type, .content-elder-tsurumi .board .type {
  width: 45%;
  float: left;
}

@media (max-width: 823px) {
  .content-elder-tohoku .board .type, .content-elder-tsurumi .board .type {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
}

.content-elder-tohoku .board .type li, .content-elder-tsurumi .board .type li {
  /* font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
  margin-bottom: 3px;
}

.content-elder-tohoku .board .type li:before, .content-elder-tsurumi .board .type li:before {
  color: #4f5d9c;
  content: "●";
  font-size: 0.7em;
  margin-right: 0.2em;
  vertical-align: 2px;
}

.content-elder-tohoku .board .image01, .content-elder-tsurumi .board .image01 {
  display: block;
  float: right;
  margin-left: 30px;
  width: 300px;
}

@media (max-width: 823px) {
  .content-elder-tohoku .board .image01, .content-elder-tsurumi .board .image01 {
    width: 60%;
    margin: 0;
    float: none;
    margin: auto auto 20px auto;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-elder-tohoku .board .image01, .content-elder-tsurumi .board .image01 {
    width: 30%;
    float: right;
    margin: 0 0 20px 20px;
  }
}

.content-elder-tohoku .subject, .content-elder-tsurumi .subject, .content-elder-tsurumi .subject2 {
  color: #0080cc;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

.content-elder-tohoku .result img.graph01, .content-elder-tsurumi .result img.graph01 {
  max-width: 658px;
  width: 100%;
  margin: 30px auto 30px;
  display: block;
}

.content-elder-tohoku .result img.graph02, .content-elder-tsurumi .result img.graph02 {
  max-width: 765px;
  width: 100%;
  margin: -20px auto 30px;
  display: block;
}

.content-elder-tohoku .result .image02, .content-elder-tsurumi .result .image02 {
  display: block;
  margin: 0 auto 40px;
  max-width: 910px;
  width: 100%;
}

.content-elder-tsurumi .doctor {
  background: #fdf1ec;
  border-radius: 10px;
  border: 2px solid #ee7640;
  clear: both;
  margin: 0 0 60px;
  min-height: 240px;
  overflow: hidden;
  padding: 80px 20px 10px;
  position: relative;
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-elder-tsurumi .doctor {
    display: flex;
    flex-flow: row;
  }
}

.content-elder-tsurumi .doctor .exam th {
  color: #ee7640;
  text-align: left;
  vertical-align: top;
  width: 130px;
}

@media (max-width: 823px) {
  .content-elder-tsurumi .doctor .exam th {
    width: 100%;
    display: block;
  }
}

.content-elder-tsurumi .doctor .exam th:before {
  color: #ee7640;
  content: "●";
  font-size: 0.7em;
  margin-right: 0.2em;
  vertical-align: 3px;
}

.content-elder-tsurumi .doctor .exam td {
  /* font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
  vertical-align: top;
  padding-bottom: 10px;
}

@media (max-width: 823px) {
  .content-elder-tsurumi .doctor .exam td {
    width: 100%;
    display: block;
  }
}

.content-elder-tsurumi .doctor p {
  margin-bottom: 0;
}

.content-elder-tsurumi .doctor p::after {
  content: none;
}

.content-elder-tsurumi .doctor .inner {
  width: 640px;
  float: left;
}

@media (max-width: 823px) {
  .content-elder-tsurumi .doctor .inner {
    width: 100%;
  }
}

.content-elder-tsurumi .doctor .title {
  left: 0;
  position: absolute;
  top: 20px;
}

.content-elder-tsurumi .doctor .subtitle {
  color: #73c347;
  font-size: 18px;
  margin-bottom: 8px;
}

.content-elder-tsurumi .doctor .portrait {
  background: #fff;
  border-radius: 5px;
  float: left;
  margin: -50px 0 0 36px;
  padding: 0 0 20px;
  position: relative;
  width: 240px;
}

@media (max-width: 823px) {
  .content-elder-tsurumi .doctor .portrait {
    width: 50%;
    margin: 5% auto 5% 20%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-elder-tsurumi .doctor .portrait {
    height: 40%;
  }
}

.content-elder-tsurumi .doctor .portrait img {
  display: block;
  margin: 30px auto 10px;
}

@media (max-width: 823px) {
  .content-elder-tsurumi .doctor .portrait img {
    width: 80%;
    margin: 10px auto 10px;
  }
}

.content-elder-tsurumi .doctor .portrait .profile,
.content-elder-tsurumi .doctor .portrait .position {
  display: block;
  font-size: 12px;
  margin-bottom: 0;
  text-align: center;
}

.content-elder-tsurumi .doctor .portrait .name {
  display: block;
  font-size: 14px;
  margin-bottom: 0;
  text-align: center;
}

.content-elder-tsurumi .subject2 {
  font-size: 16px;
  font-weight: normal;
  /* font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
  margin-bottom: 8px;
}

.content-elder-tsurumi .subject2 + .description {
  margin: 0 0 20px;
  padding: 0 20px;
}

.content-elder-tsurumi .exam-box {
  float: left;
  width: 680px;
  margin-bottom: 15px;
}

@media (max-width: 823px) {
  .content-elder-tsurumi .exam-box {
    width: 100%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-elder-tsurumi .exam-box {
    width: 65%;
  }
}

.content-elder-tsurumi .exam-box.widthauto {
  width: auto;
}

.content-elder-tsurumi .exam-box.last {
  margin-bottom: 60px;
}

.content-elder-tsurumi .graph01,
.content-elder-tsurumi .graph02 {
  margin: 20px 30px 0 0;
  float: right;
}

@media (max-width: 823px) {
  .content-elder-tsurumi .graph01,
  .content-elder-tsurumi .graph02 {
    width: 80%;
    margin: 20px auto 30px 10%;
    float: none;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-elder-tsurumi .graph01,
  .content-elder-tsurumi .graph02 {
    width: 30%;
    margin: 20px auto 30px 0;
  }
}

.content-elder-tsurumi .graph02 {
  margin: 40px 30px 40px 0;
}

@media (max-width: 823px) {
  .content-elder-tsurumi .graph02 {
    width: 80%;
    margin: 20px auto 30px 10%;
    float: none;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-elder-tsurumi .graph02 {
    width: 30%;
    margin: 20px auto 30px 0;
  }
}

.content-elder-tsurumi .board {
  background: #fdf1ec;
  border-color: #ee7640;
}

.content-elder-tsurumi .board.last {
  margin-bottom: 15px;
}

.content-elder-tsurumi .graph03 {
  width: 828px;
  display: block;
  margin: 0 auto 18px;
}

@media (max-width: 823px) {
  .content-elder-tsurumi .graph03 {
    width: 100%;
  }
}

.content-elder-tsurumi .graph04 {
  width: 762px;
  display: block;
  margin: 0 auto 18px;
}

@media (max-width: 823px) {
  .content-elder-tsurumi .graph04 {
    width: 100%;
  }
}

/*
/dir elder
 */
/*
dir program
 */
/*
dir-program00-03
*/
@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-program-p03_04 .cate-name,
  .content-program-p02_12 .cate-name,
  .content-program-p02_11 .cate-name,
  .content-program-p02_14 .cate-name,
  .content-program-p02_13 .cate-name,
  .content-program-p02_15 .cate-name,
  .content-program-p01_01 .cate-name,
  .content-program-p01_07 .cate-name,
  .content-program-p01_05 .cate-name,
  .content-program-p01_09 .cate-name,
  .content-program-p01_08 .cate-name,
  .content-program-p01_11 .cate-name,
  .content-program-p01_10 .cate-name,
  .content-program02-p02_02 .cate-name,
  .content-program02-p02_03 .cate-name,
  .content-program02-p01_03 .cate-name,
  .content-program02-p04_02 .cate-name,
  .content-program02-p01_01 .cate-name,
  .content-program02-p01_02 .cate-name,
  .content-program02-p01_03 .cate-name,
  .content-program02-p03_03 .cate-name,
  .content-program02-p02_01 .cate-name,
  .content-program02-p03_01 .cate-name,
  .content-program02-p03_02 .cate-name,
  .content-program02-p04_01 .cate-name,
  .content-program02-p04_02 .cate-name,
  .content-program02-p04_03 .cate-name,
  .content-program03-p01_01 .cate-name,
  .content-program03-p01_02 .cate-name,
  .content-program03-p02_01 .cate-name,
  .content-program03-p02_02 .cate-name,
  .content-program03-p03_01 .cate-name,
  .content-program03-p03_02 .cate-name,
  .content-program03-p04_01 .cate-name,
  .content-program03-p04_02 .cate-name,
  .content-program03-p05_01 .cate-name,
  .content-program03-p05_02 .cate-name,
  .content-program-p03_03 .cate-name,
  .content-program-p02_02 .cate-name,
  .content-program-p03_05 .cate-name,
  .content-program-p01_06 .cate-name,
  .content-program-p02_08 .cate-name,
  .content-program-p03_01 .cate-name,
  .content-program-p03_02 .cate-name,
  .content-program-p02_06 .cate-name,
  .content-program-p03_07 .cate-name,
  .content-program-p02_04 .cate-name,
  .content-program-p02_05 .cate-name,
  .content-program-p02_01 .cate-name,
  .content-program-p02_03 .cate-name,
  .content-program-p02_10 .cate-name,
  .content-program-p02_07 .cate-name,
  .content-program-p01_02 .cate-name {
    margin-bottom: 20px;
  }
}

.content-program .term-name {
  margin-bottom: 25px;
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-program .term-name .inner {
    padding: 0px;
  }
}

.content-program .term-name-under {
  float: left;
  height: 19px;
  margin: 0 0 12px;
  width: 218px;
}

.content-program .term-name-under-t {
  float: left;
  font-size: 18px;
  font-weight: bold;
  margin: 1px 0 0 0;
  line-height: 1.4;
}

.content-program .term-name-under-t span {
  font-size: 15px;
  margin-left: 5px;
}

.content-program .term-name-under-t.tnut-orange-1 {
  color: #eb6100;
}

.content-program .term-name-under-t.tnut-green-1 {
  color: #22ac38;
}

.content-program .content-head-2.headcopy, .content-program .headcopy.content-head-2-2, .content-program .headcopy.content-head-2-3, .content-program .headcopy.content-head-2-blue {
  margin-bottom: 25px;
}

.content-program .content-description {
  margin-bottom: 50px;
}

.content-program p.label-practice01 {
  float: right;
  width: 50%;
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-program p.label-practice01 {
    width: 100%;
    text-align: left;
    line-height: 220%;
  }
}

.content-program .backtolist {
  float: right;
  margin: 0 0 11px;
  text-align: right;
  width: 50%;
}

.content-program .backtolist a {
  background: url(../img/arrow01.png) no-repeat left;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
}

.content-program .label-practice01 {
  margin: 0 0 13px;
  text-align: right;
  font-size: 13px;
}

.content-program .label-practice01 img {
  margin-right: 3px;
}

.content-program .content-head-3 {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.content-program .content-head-3 + .arrow02 {
  margin-top: 10px;
}

.content-program li {
  list-style: none;
}

.content-program .column {
  background: #f7f3f9;
  overflow: hidden;
  padding: 28px 30px;
  margin-bottom: 10px;
}

@media (max-width: 823px) {
  .content-program .column {
    padding: 10px 20px;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-program .column {
    /* 横向きの場合のスタイル */
  }
}

.content-program .column .content-head-5 {
  font-size: 20px;
  margin-bottom: 20px;
}

@media (max-width: 823px) {
  .content-program .column .content-head-5 {
    font-size: 16px;
    margin-bottom: 10px;
  }
}

.content-program .column .point {
  background: #fff;
  border: 1px solid #c8c8c8;
  padding: 10px 8px 5px;
  margin-bottom: 18px;
}

.content-program .column .point .head {
  color: #601986;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
}

.content-program .column .point .list {
  /* font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
}

.content-program .column .point .list li {
  padding-left: 0.8em;
  position: relative;
}

.content-program .column .point .list li:before {
  background: #333;
  content: "";
  display: block;
  height: 7px;
  margin-right: 5px;
  transform: rotate(45deg);
  width: 7px;
  position: absolute;
  top: 0.5em;
  left: 0;
}

.content-program .column .image-floatr-1 + .example {
  width: 650px;
}

@media (max-width: 823px) {
  .content-program .column .image-floatr-1 + .example {
    width: 100%;
  }
}

.content-program .column .example .head {
  font-size: 16px;
  font-weight: bold;
  color: #601986;
  margin-bottom: 5px;
}

.content-program .column .example .description {
  /* font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
  margin: 0 0 8px 1.5em;
}

@media (max-width: 823px) {
  .content-program .column .example .description {
    margin: 0;
  }
}

.content-program .column .example .description li {
  margin-bottom: 2px;
}

.content-program .column .txt {
  margin: 0;
}

.content-program .arrow02 {
  display: block;
  height: 30px;
  margin: 0 auto 10px;
  width: 72px;
}

.content-program .label-practice01 {
  vertical-align: top;
}

.content-program .program-sheet {
  background: #f0f0f0;
  border-radius: 10px;
  font-size: 18px;
  font-weight: bold;
  height: 130px;
  margin: 30px auto 60px;
  padding-top: 28px;
  text-align: center;
  width: 400px;
}

@media (max-width: 823px) {
  .content-program .program-sheet {
    width: 100%;
    margin: 20px auto;
    padding-top: 20px;
  }
}

.content-program .program-sheet .pdf-btn01 {
  margin: 6px auto;
}

@media (max-width: 823px) {
  .content-program .program-sheet .pdf-btn01 {
    width: 70%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-program .program-sheet .pdf-btn01 {
    width: 40%;
  }
}

@media (max-width: 823px) {
  .content-program .program-sheet .pdf-btn01 img {
    width: 100%;
  }
}

.content-program .recommend-program-list {
  margin-bottom: 40px;
}

.content-program .recommend-program-list ul {
  border-top: 1px solid #c8c8c8;
  clear: both;
  overflow: hidden;
}

@media (max-width: 823px) {
  .content-program .recommend-program-list ul {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    padding: 5px 0;
  }
}

.content-program .recommend-program-list ul li {
  float: left;
  padding: 30px 0;
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-program .recommend-program-list ul li {
    width: 100%;
    float: none;
    padding: 5px 0;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-program .recommend-program-list ul li {
    width: 100%;
    padding: 10px 0;
  }
}

.content-program .recommend-program-list ul li:first-child {
  font-size: 20px;
  font-weight: bold;
  width: 45%;
}

@media (max-width: 823px) {
  .content-program .recommend-program-list ul li:first-child {
    width: 100%;
    font-size: 4vw;
  }
}

.content-program .recommend-program-list ul li:first-child span {
  font-size: 16px;
  margin-left: 0.3em;
  vertical-align: -1px;
}

.content-program .recommend-program-list ul li:last-child {
  font-size: 16px;
  font-weight: bold;
}

.content-program .recommend-program-list ul li:last-child a {
  background: url(../img/arrow01.png) no-repeat left;
  display: block;
  padding-left: 1.4em;
}

@media (max-width: 823px) {
  .content-program .recommend-program-list ul li:last-child a {
    margin-bottom: 10px;
    font-size: 14px;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-program .recommend-program-list ul li:last-child a {
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 20px;
  }
}

.content-program .recommend-program-list img.label-new01 {
  vertical-align: -2px;
  display: inline-block;
}

.content-program-p01_01 .program-time,
.content-program-p01_02 .program-time,
.content-program-p01_03 .program-time,
.content-program-p01_05 .program-time,
.content-program-p01_06 .program-time,
.content-program-p01_07 .program-time,
.content-program-p01_08 .program-time,
.content-program-p01_09 .program-time,
.content-program-p01_10 .program-time,
.content-program-p01_11 .program-time,
.content-program-p02_06 .program-time,
.content-program-p02_05 .program-time,
.content-program-p02_04 .program-time,
.content-program-p02_03 .program-time,
.content-program-p02_02 .program-time,
.content-program-p02_01 .program-time,
.content-program-p02_07 .program-time,
.content-program-p02_08 .program-time,
.content-program-p02_10 .program-time,
.content-program-p02_11 .program-time,
.content-program-p02_12 .program-time,
.content-program-p02_13 .program-time,
.content-program-p02_14 .program-time,
.content-program-p02_15 .program-time,
.content-program-p03_03 .program-time,
.content-program-p03_02 .program-time,
.content-program-p03_01 .program-time,
.content-program-p03_04 .program-time,
.content-program-p03_05 .program-time,
.content-program-p03_07 .program-time,
.content-program02-p01_01 .program-time,
.content-program02-p01_02 .program-time,
.content-program02-p01_03 .program-time,
.content-program02-p02_01 .program-time,
.content-program02-p02_02 .program-time,
.content-program02-p02_03 .program-time,
.content-program02-p03_01 .program-time,
.content-program02-p03_02 .program-time,
.content-program02-p03_03 .program-time,
.content-program02-p04_02 .program-time,
.content-program02-p04_03 .program-time,
.content-program02-p04_01 .program-time {
  width: 30%;
  float: left;
  margin-bottom: 15px;
}

@media (max-width: 823px) {
  .content-program-p01_01 .program-time,
  .content-program-p01_02 .program-time,
  .content-program-p01_03 .program-time,
  .content-program-p01_05 .program-time,
  .content-program-p01_06 .program-time,
  .content-program-p01_07 .program-time,
  .content-program-p01_08 .program-time,
  .content-program-p01_09 .program-time,
  .content-program-p01_10 .program-time,
  .content-program-p01_11 .program-time,
  .content-program-p02_06 .program-time,
  .content-program-p02_05 .program-time,
  .content-program-p02_04 .program-time,
  .content-program-p02_03 .program-time,
  .content-program-p02_02 .program-time,
  .content-program-p02_01 .program-time,
  .content-program-p02_07 .program-time,
  .content-program-p02_08 .program-time,
  .content-program-p02_10 .program-time,
  .content-program-p02_11 .program-time,
  .content-program-p02_12 .program-time,
  .content-program-p02_13 .program-time,
  .content-program-p02_14 .program-time,
  .content-program-p02_15 .program-time,
  .content-program-p03_03 .program-time,
  .content-program-p03_02 .program-time,
  .content-program-p03_01 .program-time,
  .content-program-p03_04 .program-time,
  .content-program-p03_05 .program-time,
  .content-program-p03_07 .program-time,
  .content-program02-p01_01 .program-time,
  .content-program02-p01_02 .program-time,
  .content-program02-p01_03 .program-time,
  .content-program02-p02_01 .program-time,
  .content-program02-p02_02 .program-time,
  .content-program02-p02_03 .program-time,
  .content-program02-p03_01 .program-time,
  .content-program02-p03_02 .program-time,
  .content-program02-p03_03 .program-time,
  .content-program02-p04_02 .program-time,
  .content-program02-p04_03 .program-time,
  .content-program02-p04_01 .program-time {
    width: 100%;
  }
}

.content-program-p01_01 .content-head-5 .sub,
.content-program-p01_02 .content-head-5 .sub,
.content-program-p01_03 .content-head-5 .sub,
.content-program-p01_05 .content-head-5 .sub,
.content-program-p01_06 .content-head-5 .sub,
.content-program-p01_07 .content-head-5 .sub,
.content-program-p01_08 .content-head-5 .sub,
.content-program-p01_09 .content-head-5 .sub,
.content-program-p01_10 .content-head-5 .sub,
.content-program-p01_11 .content-head-5 .sub,
.content-program-p02_06 .content-head-5 .sub,
.content-program-p02_05 .content-head-5 .sub,
.content-program-p02_04 .content-head-5 .sub,
.content-program-p02_03 .content-head-5 .sub,
.content-program-p02_02 .content-head-5 .sub,
.content-program-p02_01 .content-head-5 .sub,
.content-program-p02_07 .content-head-5 .sub,
.content-program-p02_08 .content-head-5 .sub,
.content-program-p02_10 .content-head-5 .sub,
.content-program-p02_11 .content-head-5 .sub,
.content-program-p02_12 .content-head-5 .sub,
.content-program-p02_13 .content-head-5 .sub,
.content-program-p02_14 .content-head-5 .sub,
.content-program-p02_15 .content-head-5 .sub,
.content-program-p03_03 .content-head-5 .sub,
.content-program-p03_02 .content-head-5 .sub,
.content-program-p03_01 .content-head-5 .sub,
.content-program-p03_04 .content-head-5 .sub,
.content-program-p03_05 .content-head-5 .sub,
.content-program-p03_07 .content-head-5 .sub,
.content-program02-p01_01 .content-head-5 .sub,
.content-program02-p01_02 .content-head-5 .sub,
.content-program02-p01_03 .content-head-5 .sub,
.content-program02-p02_01 .content-head-5 .sub,
.content-program02-p02_02 .content-head-5 .sub,
.content-program02-p02_03 .content-head-5 .sub,
.content-program02-p03_01 .content-head-5 .sub,
.content-program02-p03_02 .content-head-5 .sub,
.content-program02-p03_03 .content-head-5 .sub,
.content-program02-p04_02 .content-head-5 .sub,
.content-program02-p04_03 .content-head-5 .sub,
.content-program02-p04_01 .content-head-5 .sub {
  display: block;
  font-size: 16px;
  margin-bottom: 4px;
}

.content-program-p01_01 hr,
.content-program-p01_02 hr,
.content-program-p01_03 hr,
.content-program-p01_05 hr,
.content-program-p01_06 hr,
.content-program-p01_07 hr,
.content-program-p01_08 hr,
.content-program-p01_09 hr,
.content-program-p01_10 hr,
.content-program-p01_11 hr,
.content-program-p02_06 hr,
.content-program-p02_05 hr,
.content-program-p02_04 hr,
.content-program-p02_03 hr,
.content-program-p02_02 hr,
.content-program-p02_01 hr,
.content-program-p02_07 hr,
.content-program-p02_08 hr,
.content-program-p02_10 hr,
.content-program-p02_11 hr,
.content-program-p02_12 hr,
.content-program-p02_13 hr,
.content-program-p02_14 hr,
.content-program-p02_15 hr,
.content-program-p03_03 hr,
.content-program-p03_02 hr,
.content-program-p03_01 hr,
.content-program-p03_04 hr,
.content-program-p03_05 hr,
.content-program-p03_07 hr,
.content-program02-p01_01 hr,
.content-program02-p01_02 hr,
.content-program02-p01_03 hr,
.content-program02-p02_01 hr,
.content-program02-p02_02 hr,
.content-program02-p02_03 hr,
.content-program02-p03_01 hr,
.content-program02-p03_02 hr,
.content-program02-p03_03 hr,
.content-program02-p04_02 hr,
.content-program02-p04_03 hr,
.content-program02-p04_01 hr {
  margin: 30px 0 30px -30px;
  width: 960px;
}

.content-program-p01_01 .column,
.content-program-p01_02 .column,
.content-program-p01_03 .column,
.content-program-p01_05 .column,
.content-program-p01_06 .column,
.content-program-p01_07 .column,
.content-program-p01_08 .column,
.content-program-p01_09 .column,
.content-program-p01_10 .column,
.content-program-p01_11 .column,
.content-program-p02_06 .column,
.content-program-p02_05 .column,
.content-program-p02_04 .column,
.content-program-p02_03 .column,
.content-program-p02_02 .column,
.content-program-p02_01 .column,
.content-program-p02_07 .column,
.content-program-p02_08 .column,
.content-program-p02_10 .column,
.content-program-p02_11 .column,
.content-program-p02_12 .column,
.content-program-p02_13 .column,
.content-program-p02_14 .column,
.content-program-p02_15 .column,
.content-program-p03_03 .column,
.content-program-p03_02 .column,
.content-program-p03_01 .column,
.content-program-p03_04 .column,
.content-program-p03_05 .column,
.content-program-p03_07 .column,
.content-program02-p01_01 .column,
.content-program02-p01_02 .column,
.content-program02-p01_03 .column,
.content-program02-p02_01 .column,
.content-program02-p02_02 .column,
.content-program02-p02_03 .column,
.content-program02-p03_01 .column,
.content-program02-p03_02 .column,
.content-program02-p03_03 .column,
.content-program02-p04_02 .column,
.content-program02-p04_03 .column,
.content-program02-p04_01 .column {
  background: #fef7f2;
}

.content-program-p01_01 .column .example .head,
.content-program-p01_02 .column .example .head,
.content-program-p01_03 .column .example .head,
.content-program-p01_05 .column .example .head,
.content-program-p01_06 .column .example .head,
.content-program-p01_07 .column .example .head,
.content-program-p01_08 .column .example .head,
.content-program-p01_09 .column .example .head,
.content-program-p01_10 .column .example .head,
.content-program-p01_11 .column .example .head,
.content-program-p02_06 .column .example .head,
.content-program-p02_05 .column .example .head,
.content-program-p02_04 .column .example .head,
.content-program-p02_03 .column .example .head,
.content-program-p02_02 .column .example .head,
.content-program-p02_01 .column .example .head,
.content-program-p02_07 .column .example .head,
.content-program-p02_08 .column .example .head,
.content-program-p02_10 .column .example .head,
.content-program-p02_11 .column .example .head,
.content-program-p02_12 .column .example .head,
.content-program-p02_13 .column .example .head,
.content-program-p02_14 .column .example .head,
.content-program-p02_15 .column .example .head,
.content-program-p03_03 .column .example .head,
.content-program-p03_02 .column .example .head,
.content-program-p03_01 .column .example .head,
.content-program-p03_04 .column .example .head,
.content-program-p03_05 .column .example .head,
.content-program-p03_07 .column .example .head,
.content-program02-p01_01 .column .example .head,
.content-program02-p01_02 .column .example .head,
.content-program02-p01_03 .column .example .head,
.content-program02-p02_01 .column .example .head,
.content-program02-p02_02 .column .example .head,
.content-program02-p02_03 .column .example .head,
.content-program02-p03_01 .column .example .head,
.content-program02-p03_02 .column .example .head,
.content-program02-p03_03 .column .example .head,
.content-program02-p04_02 .column .example .head,
.content-program02-p04_03 .column .example .head,
.content-program02-p04_01 .column .example .head {
  color: #eb6100;
}

.content-program-p01_01 .column .point .head,
.content-program-p01_02 .column .point .head,
.content-program-p01_03 .column .point .head,
.content-program-p01_05 .column .point .head,
.content-program-p01_06 .column .point .head,
.content-program-p01_07 .column .point .head,
.content-program-p01_08 .column .point .head,
.content-program-p01_09 .column .point .head,
.content-program-p01_10 .column .point .head,
.content-program-p01_11 .column .point .head,
.content-program-p02_06 .column .point .head,
.content-program-p02_05 .column .point .head,
.content-program-p02_04 .column .point .head,
.content-program-p02_03 .column .point .head,
.content-program-p02_02 .column .point .head,
.content-program-p02_01 .column .point .head,
.content-program-p02_07 .column .point .head,
.content-program-p02_08 .column .point .head,
.content-program-p02_10 .column .point .head,
.content-program-p02_11 .column .point .head,
.content-program-p02_12 .column .point .head,
.content-program-p02_13 .column .point .head,
.content-program-p02_14 .column .point .head,
.content-program-p02_15 .column .point .head,
.content-program-p03_03 .column .point .head,
.content-program-p03_02 .column .point .head,
.content-program-p03_01 .column .point .head,
.content-program-p03_04 .column .point .head,
.content-program-p03_05 .column .point .head,
.content-program-p03_07 .column .point .head,
.content-program02-p01_01 .column .point .head,
.content-program02-p01_02 .column .point .head,
.content-program02-p01_03 .column .point .head,
.content-program02-p02_01 .column .point .head,
.content-program02-p02_02 .column .point .head,
.content-program02-p02_03 .column .point .head,
.content-program02-p03_01 .column .point .head,
.content-program02-p03_02 .column .point .head,
.content-program02-p03_03 .column .point .head,
.content-program02-p04_02 .column .point .head,
.content-program02-p04_03 .column .point .head,
.content-program02-p04_01 .column .point .head {
  color: #eb6100;
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-program-p01_01 .recommend-program-list ul,
  .content-program-p01_02 .recommend-program-list ul,
  .content-program-p01_03 .recommend-program-list ul,
  .content-program-p01_05 .recommend-program-list ul,
  .content-program-p01_06 .recommend-program-list ul,
  .content-program-p01_07 .recommend-program-list ul,
  .content-program-p01_08 .recommend-program-list ul,
  .content-program-p01_09 .recommend-program-list ul,
  .content-program-p01_10 .recommend-program-list ul,
  .content-program-p01_11 .recommend-program-list ul,
  .content-program-p02_06 .recommend-program-list ul,
  .content-program-p02_05 .recommend-program-list ul,
  .content-program-p02_04 .recommend-program-list ul,
  .content-program-p02_03 .recommend-program-list ul,
  .content-program-p02_02 .recommend-program-list ul,
  .content-program-p02_01 .recommend-program-list ul,
  .content-program-p02_07 .recommend-program-list ul,
  .content-program-p02_08 .recommend-program-list ul,
  .content-program-p02_10 .recommend-program-list ul,
  .content-program-p02_11 .recommend-program-list ul,
  .content-program-p02_12 .recommend-program-list ul,
  .content-program-p02_13 .recommend-program-list ul,
  .content-program-p02_14 .recommend-program-list ul,
  .content-program-p02_15 .recommend-program-list ul,
  .content-program-p03_03 .recommend-program-list ul,
  .content-program-p03_02 .recommend-program-list ul,
  .content-program-p03_01 .recommend-program-list ul,
  .content-program-p03_04 .recommend-program-list ul,
  .content-program-p03_05 .recommend-program-list ul,
  .content-program-p03_07 .recommend-program-list ul,
  .content-program02-p01_01 .recommend-program-list ul,
  .content-program02-p01_02 .recommend-program-list ul,
  .content-program02-p01_03 .recommend-program-list ul,
  .content-program02-p02_01 .recommend-program-list ul,
  .content-program02-p02_02 .recommend-program-list ul,
  .content-program02-p02_03 .recommend-program-list ul,
  .content-program02-p03_01 .recommend-program-list ul,
  .content-program02-p03_02 .recommend-program-list ul,
  .content-program02-p03_03 .recommend-program-list ul,
  .content-program02-p04_02 .recommend-program-list ul,
  .content-program02-p04_03 .recommend-program-list ul,
  .content-program02-p04_01 .recommend-program-list ul {
    /* 縦向きの場合のスタイル */
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-program-p01_01 .recommend-program-list ul,
  .content-program-p01_02 .recommend-program-list ul,
  .content-program-p01_03 .recommend-program-list ul,
  .content-program-p01_05 .recommend-program-list ul,
  .content-program-p01_06 .recommend-program-list ul,
  .content-program-p01_07 .recommend-program-list ul,
  .content-program-p01_08 .recommend-program-list ul,
  .content-program-p01_09 .recommend-program-list ul,
  .content-program-p01_10 .recommend-program-list ul,
  .content-program-p01_11 .recommend-program-list ul,
  .content-program-p02_06 .recommend-program-list ul,
  .content-program-p02_05 .recommend-program-list ul,
  .content-program-p02_04 .recommend-program-list ul,
  .content-program-p02_03 .recommend-program-list ul,
  .content-program-p02_02 .recommend-program-list ul,
  .content-program-p02_01 .recommend-program-list ul,
  .content-program-p02_07 .recommend-program-list ul,
  .content-program-p02_08 .recommend-program-list ul,
  .content-program-p02_10 .recommend-program-list ul,
  .content-program-p02_11 .recommend-program-list ul,
  .content-program-p02_12 .recommend-program-list ul,
  .content-program-p02_13 .recommend-program-list ul,
  .content-program-p02_14 .recommend-program-list ul,
  .content-program-p02_15 .recommend-program-list ul,
  .content-program-p03_03 .recommend-program-list ul,
  .content-program-p03_02 .recommend-program-list ul,
  .content-program-p03_01 .recommend-program-list ul,
  .content-program-p03_04 .recommend-program-list ul,
  .content-program-p03_05 .recommend-program-list ul,
  .content-program-p03_07 .recommend-program-list ul,
  .content-program02-p01_01 .recommend-program-list ul,
  .content-program02-p01_02 .recommend-program-list ul,
  .content-program02-p01_03 .recommend-program-list ul,
  .content-program02-p02_01 .recommend-program-list ul,
  .content-program02-p02_02 .recommend-program-list ul,
  .content-program02-p02_03 .recommend-program-list ul,
  .content-program02-p03_01 .recommend-program-list ul,
  .content-program02-p03_02 .recommend-program-list ul,
  .content-program02-p03_03 .recommend-program-list ul,
  .content-program02-p04_02 .recommend-program-list ul,
  .content-program02-p04_03 .recommend-program-list ul,
  .content-program02-p04_01 .recommend-program-list ul {
    /* 横向きの場合のスタイル */
  }
}

.content-program-p01_01 .recommend-program-list ul li:first-child,
.content-program-p01_02 .recommend-program-list ul li:first-child,
.content-program-p01_03 .recommend-program-list ul li:first-child,
.content-program-p01_05 .recommend-program-list ul li:first-child,
.content-program-p01_06 .recommend-program-list ul li:first-child,
.content-program-p01_07 .recommend-program-list ul li:first-child,
.content-program-p01_08 .recommend-program-list ul li:first-child,
.content-program-p01_09 .recommend-program-list ul li:first-child,
.content-program-p01_10 .recommend-program-list ul li:first-child,
.content-program-p01_11 .recommend-program-list ul li:first-child,
.content-program-p02_06 .recommend-program-list ul li:first-child,
.content-program-p02_05 .recommend-program-list ul li:first-child,
.content-program-p02_04 .recommend-program-list ul li:first-child,
.content-program-p02_03 .recommend-program-list ul li:first-child,
.content-program-p02_02 .recommend-program-list ul li:first-child,
.content-program-p02_01 .recommend-program-list ul li:first-child,
.content-program-p02_07 .recommend-program-list ul li:first-child,
.content-program-p02_08 .recommend-program-list ul li:first-child,
.content-program-p02_10 .recommend-program-list ul li:first-child,
.content-program-p02_11 .recommend-program-list ul li:first-child,
.content-program-p02_12 .recommend-program-list ul li:first-child,
.content-program-p02_13 .recommend-program-list ul li:first-child,
.content-program-p02_14 .recommend-program-list ul li:first-child,
.content-program-p02_15 .recommend-program-list ul li:first-child,
.content-program-p03_03 .recommend-program-list ul li:first-child,
.content-program-p03_02 .recommend-program-list ul li:first-child,
.content-program-p03_01 .recommend-program-list ul li:first-child,
.content-program-p03_04 .recommend-program-list ul li:first-child,
.content-program-p03_05 .recommend-program-list ul li:first-child,
.content-program-p03_07 .recommend-program-list ul li:first-child,
.content-program02-p01_01 .recommend-program-list ul li:first-child,
.content-program02-p01_02 .recommend-program-list ul li:first-child,
.content-program02-p01_03 .recommend-program-list ul li:first-child,
.content-program02-p02_01 .recommend-program-list ul li:first-child,
.content-program02-p02_02 .recommend-program-list ul li:first-child,
.content-program02-p02_03 .recommend-program-list ul li:first-child,
.content-program02-p03_01 .recommend-program-list ul li:first-child,
.content-program02-p03_02 .recommend-program-list ul li:first-child,
.content-program02-p03_03 .recommend-program-list ul li:first-child,
.content-program02-p04_02 .recommend-program-list ul li:first-child,
.content-program02-p04_03 .recommend-program-list ul li:first-child,
.content-program02-p04_01 .recommend-program-list ul li:first-child {
  width: 190px;
}

/*
/dir-program00-03
*/
/*
dir-program03
*/
.content-program02-index .tab-nav,
.content-program03-index .tab-nav,
.content-program04-index .tab-nav,
.content-program-index .tab-nav {
  margin: 20px 0 0;
}

@media (max-width: 823px) {
  .content-program02-index .tab-nav,
  .content-program03-index .tab-nav,
  .content-program04-index .tab-nav,
  .content-program-index .tab-nav {
    margin: 20px auto auto;
  }
}

.content-program02-index .term-name,
.content-program03-index .term-name,
.content-program04-index .term-name,
.content-program-index .term-name {
  margin-bottom: 0;
}

.content-program02-index .note,
.content-program03-index .note,
.content-program04-index .note,
.content-program-index .note {
  font-size: 13px;
  width: 960px;
  text-align: right;
  margin: 8px auto 0;
}

@media (max-width: 823px) {
  .content-program02-index .note,
  .content-program03-index .note,
  .content-program04-index .note,
  .content-program-index .note {
    width: 100%;
    height: 12px;
    margin: 0px auto 20px;
  }
}

.content-program02-index .note img,
.content-program03-index .note img,
.content-program04-index .note img,
.content-program-index .note img {
  vertical-align: -5px;
  margin-left: 3px;
}

@media (max-width: 823px) {
  .content-program02-index .note img,
  .content-program03-index .note img,
  .content-program04-index .note img,
  .content-program-index .note img {
    height: 100%;
    width: auto;
  }
}

/*
/dir-program03
*/
/*
dir-program02
*/
.content-program02-index .recommend-program-list ul li:first-child {
  width: 21%;
}

@media (max-width: 823px) {
  .content-program02-index .recommend-program-list ul li:first-child {
    width: 100%;
  }
}

/*
/dir-program02
*/
/*
dir-proguram
*/
.content-program-p01_01 #class_box {
  background: #f0f0f0;
  /* font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
  margin-bottom: 20px;
  overflow: hidden;
  padding: 9px 13px 9px 0;
}

.content-program-p01_01 #class_box h4.title {
  float: left;
  font-size: 13px;
  line-height: 1;
  padding-left: 20px;
  padding-top: 4px;
  width: 132px;
}

.content-program-p01_01 #class_box ul#class {
  float: right;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
}

.content-program-p01_01 #class_box ul#class li {
  background: #c8c8c8;
  border-radius: 3px;
  float: left;
  margin-right: 2px;
  padding: 1px 0 0;
  width: 90px;
}

.content-program-p01_01 #class_box ul#class li.green {
  background: #6fc97d;
}

.content-program-p01_01 .content-head-2-2 {
  padding: 20px 0 0 30px;
  clear: none;
}

.content-program-p01_01 .image-floatr-1 {
  margin-bottom: 20px;
}

.content-program-p01_01 #graph_box {
  /* font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
  background: #f2f2f2;
  margin-bottom: 20px;
  clear: both;
  overflow: hidden;
  border-radius: 3px;
}

.content-program-p01_01 #graph_inner02 {
  padding: 10px 0 5px;
}

.content-program-p01_01 #graph_inner02 .graph {
  float: left;
  padding-left: 55px;
}

.content-program-p01_01 #graph_inner02 ul#icon {
  float: right;
  width: 540px;
  font-size: 12px;
  margin-right: 10px;
  margin-bottom: 5px;
}

.content-program-p01_01 #graph_inner02 ul#icon li {
  background: #fff;
  border-radius: 3px;
  padding: 6px 0;
  margin-bottom: 5px;
  clear: both;
}

.content-program-p01_01 #graph_inner02 ul#icon li img {
  float: left;
  padding: 0 10px;
}

.content-program-p01_01 table.check_box {
  width: 960px;
  background: #fbfbfb;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  clear: both;
}

.content-program-p01_01 table.check_box th {
  width: 149px;
  border-right: 1px solid #ccc;
  font-size: 19px;
  font-weight: bold;
  padding: 20px 10px 10px 20px;
}

.content-program-p01_01 table.check_box th span.green {
  display: block;
  color: #70b300;
  font-size: 11px;
}

.content-program-p01_01 table.check_box th .watch {
  float: right;
  background: url("../img/icon_watch.gif") no-repeat left center;
  padding-left: 24px;
  margin-top: 20px;
  font-size: 24px;
  overflow: hidden;
}

.content-program-p01_01 table.check_box th .watch span {
  font-size: 12px;
}

.content-program-p01_01 table.check_box td {
  color: #007ec4;
  font-size: 12px;
  font-weight: bold;
  padding: 10px 10px 10px 20px;
  vertical-align: top;
}

.content-program-p01_01 table.check_box td .title_blue {
  margin-bottom: 10px;
  overflow: hidden;
}

.content-program-p01_01 table.check_box td .box {
  width: 590px;
  background: url("../img/bg_icon_title02.gif") repeat-y left top;
  margin-bottom: 5px;
  overflow: hidden;
}

.content-program-p01_01 table.check_box td .box_inner {
  background: url("../img/bg_icon_title01.gif") no-repeat left top;
  overflow: hidden;
}

.content-program-p01_01 table.check_box td .box_inner02 {
  background: url("../img/bg_icon_title03.gif") no-repeat left bottom;
  overflow: hidden;
}

.content-program-p01_01 table.check_box td .box_inner02 .title01 {
  height: 50px;
  background: url("../img/icon_title01.gif") no-repeat 6px center;
  padding-left: 100px;
  color: #333;
  line-height: 50px;
  overflow: hidden;
}

.content-program-p01_01 table.check_box td .box_inner02 .title01_col2 {
  background: url("../img/icon_title01.gif") no-repeat 6px center;
  padding: 8px 0 8px 100px;
  color: #333;
  line-height: 18px;
  overflow: hidden;
}

.content-program-p01_01 table.check_box td .box_inner02 .title02 {
  height: 50px;
  background: url("../img/icon_title02.gif") no-repeat 6px center;
  padding-left: 100px;
  color: #333;
  line-height: 50px;
  overflow: hidden;
}

.content-program-p01_01 table.check_box td .box_inner02 .title02_col2 {
  background: url("../img/icon_title02.gif") no-repeat 6px center;
  padding: 8px 0 8px 100px;
  color: #333;
  line-height: 18px;
  overflow: hidden;
}

.content-program-p01_01 table.check_box td .box_inner02 .title03 {
  height: 50px;
  background: url("../img/icon_title03.gif") no-repeat 6px center;
  padding-left: 100px;
  color: #333;
  line-height: 50px;
  overflow: hidden;
}

.content-program-p01_01 table.check_box td .box_inner02 .title03_col2 {
  background: url("../img/icon_title03.gif") no-repeat 6px center;
  padding: 8px 0 8px 100px;
  color: #333;
  line-height: 18px;
  overflow: hidden;
}

.content-program-p01_01 table.check_box th.bg01 {
  background: url("../img/number01.gif") no-repeat left top;
}

.content-program-p01_01 table.check_box th.bg02 {
  background: url("../img/number02.gif") no-repeat left top;
}

.content-program-p01_01 table.check_box th.bg03 {
  background: url("../img/number03.gif") no-repeat left top;
}

.content-program-p01_01 table.check_box th.bg04 {
  background: url("../img/number04.gif") no-repeat left top;
}

.content-program-p01_01 table.check_box th.bg05 {
  background: url("../img/number05.gif") no-repeat left top;
}

.content-program-p01_01 table.check_box th.bg06 {
  background: url("../img/number06.gif") no-repeat left top;
}

.content-program-p01_01 table.check_box th.bg07 {
  background: url("../img/number07.gif") no-repeat left top;
}

.content-program-p01_01 table.check_box th.bg08 {
  background: url("../img/number08.gif") no-repeat left top;
}

.content-program-p01_01 table.check_box th.bg09 {
  background: url("../img/number09.gif") no-repeat left top;
}

.content-program-p01_01 table.check_box th.bg10 {
  background: url("../img/number10.gif") no-repeat left top;
}

.content-program-p01_01 table.check_box th.bg11 {
  background: url("../img/number11.gif") no-repeat left top;
}

.content-program-p01_01 #class_box,
.content-program-p01_02 #class_box,
.content-program-p01_03 #class_box,
.content-program-p01_05 #class_box,
.content-program-p01_06 #class_box,
.content-program-p01_07 #class_box,
.content-program-p01_08 #class_box,
.content-program-p01_09 #class_box,
.content-program-p01_10 #class_box,
.content-program-p01_11 #class_box,
.content-program-p02_01 #class_box,
.content-program-p02_02 #class_box,
.content-program-p02_03 #class_box,
.content-program-p02_04 #class_box,
.content-program-p02_05 #class_box,
.content-program-p02_06 #class_box,
.content-program-p02_07 #class_box,
.content-program-p02_08 #class_box,
.content-program-p02_10 #class_box,
.content-program-p02_15 #class_box,
.content-program-p03_01 #class_box,
.content-program-p03_02 #class_box,
.content-program-p03_03 #class_box,
.content-program-p03_04 #class_box,
.content-program-p03_05 #class_box,
.content-program-p03_07 #class_box {
  background: #f0f0f0;
  /* font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
  margin-bottom: 20px;
  overflow: hidden;
  padding: 9px 13px 9px 0;
}

@media (max-width: 823px) {
  .content-program-p01_01 #class_box,
  .content-program-p01_02 #class_box,
  .content-program-p01_03 #class_box,
  .content-program-p01_05 #class_box,
  .content-program-p01_06 #class_box,
  .content-program-p01_07 #class_box,
  .content-program-p01_08 #class_box,
  .content-program-p01_09 #class_box,
  .content-program-p01_10 #class_box,
  .content-program-p01_11 #class_box,
  .content-program-p02_01 #class_box,
  .content-program-p02_02 #class_box,
  .content-program-p02_03 #class_box,
  .content-program-p02_04 #class_box,
  .content-program-p02_05 #class_box,
  .content-program-p02_06 #class_box,
  .content-program-p02_07 #class_box,
  .content-program-p02_08 #class_box,
  .content-program-p02_10 #class_box,
  .content-program-p02_15 #class_box,
  .content-program-p03_01 #class_box,
  .content-program-p03_02 #class_box,
  .content-program-p03_03 #class_box,
  .content-program-p03_04 #class_box,
  .content-program-p03_05 #class_box,
  .content-program-p03_07 #class_box {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    padding: 10px 0px;
  }
}

.content-program-p01_01 #class_box h4.title,
.content-program-p01_02 #class_box h4.title,
.content-program-p01_03 #class_box h4.title,
.content-program-p01_05 #class_box h4.title,
.content-program-p01_06 #class_box h4.title,
.content-program-p01_07 #class_box h4.title,
.content-program-p01_08 #class_box h4.title,
.content-program-p01_09 #class_box h4.title,
.content-program-p01_10 #class_box h4.title,
.content-program-p01_11 #class_box h4.title,
.content-program-p02_01 #class_box h4.title,
.content-program-p02_02 #class_box h4.title,
.content-program-p02_03 #class_box h4.title,
.content-program-p02_04 #class_box h4.title,
.content-program-p02_05 #class_box h4.title,
.content-program-p02_06 #class_box h4.title,
.content-program-p02_07 #class_box h4.title,
.content-program-p02_08 #class_box h4.title,
.content-program-p02_10 #class_box h4.title,
.content-program-p02_15 #class_box h4.title,
.content-program-p03_01 #class_box h4.title,
.content-program-p03_02 #class_box h4.title,
.content-program-p03_03 #class_box h4.title,
.content-program-p03_04 #class_box h4.title,
.content-program-p03_05 #class_box h4.title,
.content-program-p03_07 #class_box h4.title {
  float: left;
  font-size: 13px;
  line-height: 1;
  padding-left: 20px;
  padding-top: 4px;
  width: 132px;
}

@media (max-width: 823px) {
  .content-program-p01_01 #class_box h4.title,
  .content-program-p01_02 #class_box h4.title,
  .content-program-p01_03 #class_box h4.title,
  .content-program-p01_05 #class_box h4.title,
  .content-program-p01_06 #class_box h4.title,
  .content-program-p01_07 #class_box h4.title,
  .content-program-p01_08 #class_box h4.title,
  .content-program-p01_09 #class_box h4.title,
  .content-program-p01_10 #class_box h4.title,
  .content-program-p01_11 #class_box h4.title,
  .content-program-p02_01 #class_box h4.title,
  .content-program-p02_02 #class_box h4.title,
  .content-program-p02_03 #class_box h4.title,
  .content-program-p02_04 #class_box h4.title,
  .content-program-p02_05 #class_box h4.title,
  .content-program-p02_06 #class_box h4.title,
  .content-program-p02_07 #class_box h4.title,
  .content-program-p02_08 #class_box h4.title,
  .content-program-p02_10 #class_box h4.title,
  .content-program-p02_15 #class_box h4.title,
  .content-program-p03_01 #class_box h4.title,
  .content-program-p03_02 #class_box h4.title,
  .content-program-p03_03 #class_box h4.title,
  .content-program-p03_04 #class_box h4.title,
  .content-program-p03_05 #class_box h4.title,
  .content-program-p03_07 #class_box h4.title {
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
  }
}

.content-program-p01_01 #class_box ul#class,
.content-program-p01_02 #class_box ul#class,
.content-program-p01_03 #class_box ul#class,
.content-program-p01_05 #class_box ul#class,
.content-program-p01_06 #class_box ul#class,
.content-program-p01_07 #class_box ul#class,
.content-program-p01_08 #class_box ul#class,
.content-program-p01_09 #class_box ul#class,
.content-program-p01_10 #class_box ul#class,
.content-program-p01_11 #class_box ul#class,
.content-program-p02_01 #class_box ul#class,
.content-program-p02_02 #class_box ul#class,
.content-program-p02_03 #class_box ul#class,
.content-program-p02_04 #class_box ul#class,
.content-program-p02_05 #class_box ul#class,
.content-program-p02_06 #class_box ul#class,
.content-program-p02_07 #class_box ul#class,
.content-program-p02_08 #class_box ul#class,
.content-program-p02_10 #class_box ul#class,
.content-program-p02_15 #class_box ul#class,
.content-program-p03_01 #class_box ul#class,
.content-program-p03_02 #class_box ul#class,
.content-program-p03_03 #class_box ul#class,
.content-program-p03_04 #class_box ul#class,
.content-program-p03_05 #class_box ul#class,
.content-program-p03_07 #class_box ul#class {
  float: right;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
}

@media (max-width: 823px) {
  .content-program-p01_01 #class_box ul#class,
  .content-program-p01_02 #class_box ul#class,
  .content-program-p01_03 #class_box ul#class,
  .content-program-p01_05 #class_box ul#class,
  .content-program-p01_06 #class_box ul#class,
  .content-program-p01_07 #class_box ul#class,
  .content-program-p01_08 #class_box ul#class,
  .content-program-p01_09 #class_box ul#class,
  .content-program-p01_10 #class_box ul#class,
  .content-program-p01_11 #class_box ul#class,
  .content-program-p02_01 #class_box ul#class,
  .content-program-p02_02 #class_box ul#class,
  .content-program-p02_03 #class_box ul#class,
  .content-program-p02_04 #class_box ul#class,
  .content-program-p02_05 #class_box ul#class,
  .content-program-p02_06 #class_box ul#class,
  .content-program-p02_07 #class_box ul#class,
  .content-program-p02_08 #class_box ul#class,
  .content-program-p02_10 #class_box ul#class,
  .content-program-p02_15 #class_box ul#class,
  .content-program-p03_01 #class_box ul#class,
  .content-program-p03_02 #class_box ul#class,
  .content-program-p03_03 #class_box ul#class,
  .content-program-p03_04 #class_box ul#class,
  .content-program-p03_05 #class_box ul#class,
  .content-program-p03_07 #class_box ul#class {
    width: 95%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: auto;
    float: none;
  }
}

.content-program-p01_01 #class_box ul#class li,
.content-program-p01_02 #class_box ul#class li,
.content-program-p01_03 #class_box ul#class li,
.content-program-p01_05 #class_box ul#class li,
.content-program-p01_06 #class_box ul#class li,
.content-program-p01_07 #class_box ul#class li,
.content-program-p01_08 #class_box ul#class li,
.content-program-p01_09 #class_box ul#class li,
.content-program-p01_10 #class_box ul#class li,
.content-program-p01_11 #class_box ul#class li,
.content-program-p02_01 #class_box ul#class li,
.content-program-p02_02 #class_box ul#class li,
.content-program-p02_03 #class_box ul#class li,
.content-program-p02_04 #class_box ul#class li,
.content-program-p02_05 #class_box ul#class li,
.content-program-p02_06 #class_box ul#class li,
.content-program-p02_07 #class_box ul#class li,
.content-program-p02_08 #class_box ul#class li,
.content-program-p02_10 #class_box ul#class li,
.content-program-p02_15 #class_box ul#class li,
.content-program-p03_01 #class_box ul#class li,
.content-program-p03_02 #class_box ul#class li,
.content-program-p03_03 #class_box ul#class li,
.content-program-p03_04 #class_box ul#class li,
.content-program-p03_05 #class_box ul#class li,
.content-program-p03_07 #class_box ul#class li {
  background: #c8c8c8;
  border-radius: 3px;
  float: left;
  margin-right: 2px;
  padding: 1px 0 0;
  width: 90px;
}

@media (max-width: 823px) {
  .content-program-p01_01 #class_box ul#class li,
  .content-program-p01_02 #class_box ul#class li,
  .content-program-p01_03 #class_box ul#class li,
  .content-program-p01_05 #class_box ul#class li,
  .content-program-p01_06 #class_box ul#class li,
  .content-program-p01_07 #class_box ul#class li,
  .content-program-p01_08 #class_box ul#class li,
  .content-program-p01_09 #class_box ul#class li,
  .content-program-p01_10 #class_box ul#class li,
  .content-program-p01_11 #class_box ul#class li,
  .content-program-p02_01 #class_box ul#class li,
  .content-program-p02_02 #class_box ul#class li,
  .content-program-p02_03 #class_box ul#class li,
  .content-program-p02_04 #class_box ul#class li,
  .content-program-p02_05 #class_box ul#class li,
  .content-program-p02_06 #class_box ul#class li,
  .content-program-p02_07 #class_box ul#class li,
  .content-program-p02_08 #class_box ul#class li,
  .content-program-p02_10 #class_box ul#class li,
  .content-program-p02_15 #class_box ul#class li,
  .content-program-p03_01 #class_box ul#class li,
  .content-program-p03_02 #class_box ul#class li,
  .content-program-p03_03 #class_box ul#class li,
  .content-program-p03_04 #class_box ul#class li,
  .content-program-p03_05 #class_box ul#class li,
  .content-program-p03_07 #class_box ul#class li {
    width: 32%;
    margin: 0px 0 10px 0;
    padding: 15px 5px;
    height: auto;
  }
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-program-p01_01 #class_box ul#class li,
  .content-program-p01_02 #class_box ul#class li,
  .content-program-p01_03 #class_box ul#class li,
  .content-program-p01_05 #class_box ul#class li,
  .content-program-p01_06 #class_box ul#class li,
  .content-program-p01_07 #class_box ul#class li,
  .content-program-p01_08 #class_box ul#class li,
  .content-program-p01_09 #class_box ul#class li,
  .content-program-p01_10 #class_box ul#class li,
  .content-program-p01_11 #class_box ul#class li,
  .content-program-p02_01 #class_box ul#class li,
  .content-program-p02_02 #class_box ul#class li,
  .content-program-p02_03 #class_box ul#class li,
  .content-program-p02_04 #class_box ul#class li,
  .content-program-p02_05 #class_box ul#class li,
  .content-program-p02_06 #class_box ul#class li,
  .content-program-p02_07 #class_box ul#class li,
  .content-program-p02_08 #class_box ul#class li,
  .content-program-p02_10 #class_box ul#class li,
  .content-program-p02_15 #class_box ul#class li,
  .content-program-p03_01 #class_box ul#class li,
  .content-program-p03_02 #class_box ul#class li,
  .content-program-p03_03 #class_box ul#class li,
  .content-program-p03_04 #class_box ul#class li,
  .content-program-p03_05 #class_box ul#class li,
  .content-program-p03_07 #class_box ul#class li {
    /* 縦向きの場合のスタイル */
  }
}

.content-program-p01_01 #class_box ul#class li.green,
.content-program-p01_02 #class_box ul#class li.green,
.content-program-p01_03 #class_box ul#class li.green,
.content-program-p01_05 #class_box ul#class li.green,
.content-program-p01_06 #class_box ul#class li.green,
.content-program-p01_07 #class_box ul#class li.green,
.content-program-p01_08 #class_box ul#class li.green,
.content-program-p01_09 #class_box ul#class li.green,
.content-program-p01_10 #class_box ul#class li.green,
.content-program-p01_11 #class_box ul#class li.green,
.content-program-p02_01 #class_box ul#class li.green,
.content-program-p02_02 #class_box ul#class li.green,
.content-program-p02_03 #class_box ul#class li.green,
.content-program-p02_04 #class_box ul#class li.green,
.content-program-p02_05 #class_box ul#class li.green,
.content-program-p02_06 #class_box ul#class li.green,
.content-program-p02_07 #class_box ul#class li.green,
.content-program-p02_08 #class_box ul#class li.green,
.content-program-p02_10 #class_box ul#class li.green,
.content-program-p02_15 #class_box ul#class li.green,
.content-program-p03_01 #class_box ul#class li.green,
.content-program-p03_02 #class_box ul#class li.green,
.content-program-p03_03 #class_box ul#class li.green,
.content-program-p03_04 #class_box ul#class li.green,
.content-program-p03_05 #class_box ul#class li.green,
.content-program-p03_07 #class_box ul#class li.green {
  background: #6fc97d;
}

.content-program-p01_01 #class_box ul#class li.blue,
.content-program-p01_02 #class_box ul#class li.blue,
.content-program-p01_03 #class_box ul#class li.blue,
.content-program-p01_05 #class_box ul#class li.blue,
.content-program-p01_06 #class_box ul#class li.blue,
.content-program-p01_07 #class_box ul#class li.blue,
.content-program-p01_08 #class_box ul#class li.blue,
.content-program-p01_09 #class_box ul#class li.blue,
.content-program-p01_10 #class_box ul#class li.blue,
.content-program-p01_11 #class_box ul#class li.blue,
.content-program-p02_01 #class_box ul#class li.blue,
.content-program-p02_02 #class_box ul#class li.blue,
.content-program-p02_03 #class_box ul#class li.blue,
.content-program-p02_04 #class_box ul#class li.blue,
.content-program-p02_05 #class_box ul#class li.blue,
.content-program-p02_06 #class_box ul#class li.blue,
.content-program-p02_07 #class_box ul#class li.blue,
.content-program-p02_08 #class_box ul#class li.blue,
.content-program-p02_10 #class_box ul#class li.blue,
.content-program-p02_15 #class_box ul#class li.blue,
.content-program-p03_01 #class_box ul#class li.blue,
.content-program-p03_02 #class_box ul#class li.blue,
.content-program-p03_03 #class_box ul#class li.blue,
.content-program-p03_04 #class_box ul#class li.blue,
.content-program-p03_05 #class_box ul#class li.blue,
.content-program-p03_07 #class_box ul#class li.blue {
  background: #2288c5;
}

.content-program-p01_01 .content-head-2-2,
.content-program-p01_02 .content-head-2-2,
.content-program-p01_03 .content-head-2-2,
.content-program-p01_05 .content-head-2-2,
.content-program-p01_06 .content-head-2-2,
.content-program-p01_07 .content-head-2-2,
.content-program-p01_08 .content-head-2-2,
.content-program-p01_09 .content-head-2-2,
.content-program-p01_10 .content-head-2-2,
.content-program-p01_11 .content-head-2-2,
.content-program-p02_01 .content-head-2-2,
.content-program-p02_02 .content-head-2-2,
.content-program-p02_03 .content-head-2-2,
.content-program-p02_04 .content-head-2-2,
.content-program-p02_05 .content-head-2-2,
.content-program-p02_06 .content-head-2-2,
.content-program-p02_07 .content-head-2-2,
.content-program-p02_08 .content-head-2-2,
.content-program-p02_10 .content-head-2-2,
.content-program-p02_15 .content-head-2-2,
.content-program-p03_01 .content-head-2-2,
.content-program-p03_02 .content-head-2-2,
.content-program-p03_03 .content-head-2-2,
.content-program-p03_04 .content-head-2-2,
.content-program-p03_05 .content-head-2-2,
.content-program-p03_07 .content-head-2-2 {
  padding: 20px 0 0 30px;
  clear: none;
}

@media (max-width: 823px) {
  .content-program-p01_01 .content-head-2-2,
  .content-program-p01_02 .content-head-2-2,
  .content-program-p01_03 .content-head-2-2,
  .content-program-p01_05 .content-head-2-2,
  .content-program-p01_06 .content-head-2-2,
  .content-program-p01_07 .content-head-2-2,
  .content-program-p01_08 .content-head-2-2,
  .content-program-p01_09 .content-head-2-2,
  .content-program-p01_10 .content-head-2-2,
  .content-program-p01_11 .content-head-2-2,
  .content-program-p02_01 .content-head-2-2,
  .content-program-p02_02 .content-head-2-2,
  .content-program-p02_03 .content-head-2-2,
  .content-program-p02_04 .content-head-2-2,
  .content-program-p02_05 .content-head-2-2,
  .content-program-p02_06 .content-head-2-2,
  .content-program-p02_07 .content-head-2-2,
  .content-program-p02_08 .content-head-2-2,
  .content-program-p02_10 .content-head-2-2,
  .content-program-p02_15 .content-head-2-2,
  .content-program-p03_01 .content-head-2-2,
  .content-program-p03_02 .content-head-2-2,
  .content-program-p03_03 .content-head-2-2,
  .content-program-p03_04 .content-head-2-2,
  .content-program-p03_05 .content-head-2-2,
  .content-program-p03_07 .content-head-2-2 {
    padding: 0px;
  }
  .content-program-p01_01 .content-head-2-2 br,
  .content-program-p01_02 .content-head-2-2 br,
  .content-program-p01_03 .content-head-2-2 br,
  .content-program-p01_05 .content-head-2-2 br,
  .content-program-p01_06 .content-head-2-2 br,
  .content-program-p01_07 .content-head-2-2 br,
  .content-program-p01_08 .content-head-2-2 br,
  .content-program-p01_09 .content-head-2-2 br,
  .content-program-p01_10 .content-head-2-2 br,
  .content-program-p01_11 .content-head-2-2 br,
  .content-program-p02_01 .content-head-2-2 br,
  .content-program-p02_02 .content-head-2-2 br,
  .content-program-p02_03 .content-head-2-2 br,
  .content-program-p02_04 .content-head-2-2 br,
  .content-program-p02_05 .content-head-2-2 br,
  .content-program-p02_06 .content-head-2-2 br,
  .content-program-p02_07 .content-head-2-2 br,
  .content-program-p02_08 .content-head-2-2 br,
  .content-program-p02_10 .content-head-2-2 br,
  .content-program-p02_15 .content-head-2-2 br,
  .content-program-p03_01 .content-head-2-2 br,
  .content-program-p03_02 .content-head-2-2 br,
  .content-program-p03_03 .content-head-2-2 br,
  .content-program-p03_04 .content-head-2-2 br,
  .content-program-p03_05 .content-head-2-2 br,
  .content-program-p03_07 .content-head-2-2 br {
    display: none;
  }
}

.content-program-p01_01 .image-floatr-1,
.content-program-p01_02 .image-floatr-1,
.content-program-p01_03 .image-floatr-1,
.content-program-p01_05 .image-floatr-1,
.content-program-p01_06 .image-floatr-1,
.content-program-p01_07 .image-floatr-1,
.content-program-p01_08 .image-floatr-1,
.content-program-p01_09 .image-floatr-1,
.content-program-p01_10 .image-floatr-1,
.content-program-p01_11 .image-floatr-1,
.content-program-p02_01 .image-floatr-1,
.content-program-p02_02 .image-floatr-1,
.content-program-p02_03 .image-floatr-1,
.content-program-p02_04 .image-floatr-1,
.content-program-p02_05 .image-floatr-1,
.content-program-p02_06 .image-floatr-1,
.content-program-p02_07 .image-floatr-1,
.content-program-p02_08 .image-floatr-1,
.content-program-p02_10 .image-floatr-1,
.content-program-p02_15 .image-floatr-1,
.content-program-p03_01 .image-floatr-1,
.content-program-p03_02 .image-floatr-1,
.content-program-p03_03 .image-floatr-1,
.content-program-p03_04 .image-floatr-1,
.content-program-p03_05 .image-floatr-1,
.content-program-p03_07 .image-floatr-1 {
  margin-bottom: 20px;
}

.content-program-p01_01 #graph_box,
.content-program-p01_02 #graph_box,
.content-program-p01_03 #graph_box,
.content-program-p01_05 #graph_box,
.content-program-p01_06 #graph_box,
.content-program-p01_07 #graph_box,
.content-program-p01_08 #graph_box,
.content-program-p01_09 #graph_box,
.content-program-p01_10 #graph_box,
.content-program-p01_11 #graph_box,
.content-program-p02_01 #graph_box,
.content-program-p02_02 #graph_box,
.content-program-p02_03 #graph_box,
.content-program-p02_04 #graph_box,
.content-program-p02_05 #graph_box,
.content-program-p02_06 #graph_box,
.content-program-p02_07 #graph_box,
.content-program-p02_08 #graph_box,
.content-program-p02_10 #graph_box,
.content-program-p02_15 #graph_box,
.content-program-p03_01 #graph_box,
.content-program-p03_02 #graph_box,
.content-program-p03_03 #graph_box,
.content-program-p03_04 #graph_box,
.content-program-p03_05 #graph_box,
.content-program-p03_07 #graph_box {
  /* font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
  background: #f2f2f2;
  margin-bottom: 20px;
  clear: both;
  overflow: hidden;
  border-radius: 3px;
}

.content-program-p01_01 #graph_inner02,
.content-program-p01_02 #graph_inner02,
.content-program-p01_03 #graph_inner02,
.content-program-p01_05 #graph_inner02,
.content-program-p01_06 #graph_inner02,
.content-program-p01_07 #graph_inner02,
.content-program-p01_08 #graph_inner02,
.content-program-p01_09 #graph_inner02,
.content-program-p01_10 #graph_inner02,
.content-program-p01_11 #graph_inner02,
.content-program-p02_01 #graph_inner02,
.content-program-p02_02 #graph_inner02,
.content-program-p02_03 #graph_inner02,
.content-program-p02_04 #graph_inner02,
.content-program-p02_05 #graph_inner02,
.content-program-p02_06 #graph_inner02,
.content-program-p02_07 #graph_inner02,
.content-program-p02_08 #graph_inner02,
.content-program-p02_10 #graph_inner02,
.content-program-p02_15 #graph_inner02,
.content-program-p03_01 #graph_inner02,
.content-program-p03_02 #graph_inner02,
.content-program-p03_03 #graph_inner02,
.content-program-p03_04 #graph_inner02,
.content-program-p03_05 #graph_inner02,
.content-program-p03_07 #graph_inner02 {
  padding: 10px 0 5px;
}

.content-program-p01_01 #graph_inner02 .graph,
.content-program-p01_02 #graph_inner02 .graph,
.content-program-p01_03 #graph_inner02 .graph,
.content-program-p01_05 #graph_inner02 .graph,
.content-program-p01_06 #graph_inner02 .graph,
.content-program-p01_07 #graph_inner02 .graph,
.content-program-p01_08 #graph_inner02 .graph,
.content-program-p01_09 #graph_inner02 .graph,
.content-program-p01_10 #graph_inner02 .graph,
.content-program-p01_11 #graph_inner02 .graph,
.content-program-p02_01 #graph_inner02 .graph,
.content-program-p02_02 #graph_inner02 .graph,
.content-program-p02_03 #graph_inner02 .graph,
.content-program-p02_04 #graph_inner02 .graph,
.content-program-p02_05 #graph_inner02 .graph,
.content-program-p02_06 #graph_inner02 .graph,
.content-program-p02_07 #graph_inner02 .graph,
.content-program-p02_08 #graph_inner02 .graph,
.content-program-p02_10 #graph_inner02 .graph,
.content-program-p02_15 #graph_inner02 .graph,
.content-program-p03_01 #graph_inner02 .graph,
.content-program-p03_02 #graph_inner02 .graph,
.content-program-p03_03 #graph_inner02 .graph,
.content-program-p03_04 #graph_inner02 .graph,
.content-program-p03_05 #graph_inner02 .graph,
.content-program-p03_07 #graph_inner02 .graph {
  float: left;
  padding-left: 55px;
}

@media (max-width: 823px) {
  .content-program-p01_01 #graph_inner02 .graph,
  .content-program-p01_02 #graph_inner02 .graph,
  .content-program-p01_03 #graph_inner02 .graph,
  .content-program-p01_05 #graph_inner02 .graph,
  .content-program-p01_06 #graph_inner02 .graph,
  .content-program-p01_07 #graph_inner02 .graph,
  .content-program-p01_08 #graph_inner02 .graph,
  .content-program-p01_09 #graph_inner02 .graph,
  .content-program-p01_10 #graph_inner02 .graph,
  .content-program-p01_11 #graph_inner02 .graph,
  .content-program-p02_01 #graph_inner02 .graph,
  .content-program-p02_02 #graph_inner02 .graph,
  .content-program-p02_03 #graph_inner02 .graph,
  .content-program-p02_04 #graph_inner02 .graph,
  .content-program-p02_05 #graph_inner02 .graph,
  .content-program-p02_06 #graph_inner02 .graph,
  .content-program-p02_07 #graph_inner02 .graph,
  .content-program-p02_08 #graph_inner02 .graph,
  .content-program-p02_10 #graph_inner02 .graph,
  .content-program-p02_15 #graph_inner02 .graph,
  .content-program-p03_01 #graph_inner02 .graph,
  .content-program-p03_02 #graph_inner02 .graph,
  .content-program-p03_03 #graph_inner02 .graph,
  .content-program-p03_04 #graph_inner02 .graph,
  .content-program-p03_05 #graph_inner02 .graph,
  .content-program-p03_07 #graph_inner02 .graph {
    float: none;
    padding: 0;
    width: 100%;
    text-align: center;
  }
  .content-program-p01_01 #graph_inner02 .graph img,
  .content-program-p01_02 #graph_inner02 .graph img,
  .content-program-p01_03 #graph_inner02 .graph img,
  .content-program-p01_05 #graph_inner02 .graph img,
  .content-program-p01_06 #graph_inner02 .graph img,
  .content-program-p01_07 #graph_inner02 .graph img,
  .content-program-p01_08 #graph_inner02 .graph img,
  .content-program-p01_09 #graph_inner02 .graph img,
  .content-program-p01_10 #graph_inner02 .graph img,
  .content-program-p01_11 #graph_inner02 .graph img,
  .content-program-p02_01 #graph_inner02 .graph img,
  .content-program-p02_02 #graph_inner02 .graph img,
  .content-program-p02_03 #graph_inner02 .graph img,
  .content-program-p02_04 #graph_inner02 .graph img,
  .content-program-p02_05 #graph_inner02 .graph img,
  .content-program-p02_06 #graph_inner02 .graph img,
  .content-program-p02_07 #graph_inner02 .graph img,
  .content-program-p02_08 #graph_inner02 .graph img,
  .content-program-p02_10 #graph_inner02 .graph img,
  .content-program-p02_15 #graph_inner02 .graph img,
  .content-program-p03_01 #graph_inner02 .graph img,
  .content-program-p03_02 #graph_inner02 .graph img,
  .content-program-p03_03 #graph_inner02 .graph img,
  .content-program-p03_04 #graph_inner02 .graph img,
  .content-program-p03_05 #graph_inner02 .graph img,
  .content-program-p03_07 #graph_inner02 .graph img {
    margin: auto;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-program-p01_01 #graph_inner02 .graph,
  .content-program-p01_02 #graph_inner02 .graph,
  .content-program-p01_03 #graph_inner02 .graph,
  .content-program-p01_05 #graph_inner02 .graph,
  .content-program-p01_06 #graph_inner02 .graph,
  .content-program-p01_07 #graph_inner02 .graph,
  .content-program-p01_08 #graph_inner02 .graph,
  .content-program-p01_09 #graph_inner02 .graph,
  .content-program-p01_10 #graph_inner02 .graph,
  .content-program-p01_11 #graph_inner02 .graph,
  .content-program-p02_01 #graph_inner02 .graph,
  .content-program-p02_02 #graph_inner02 .graph,
  .content-program-p02_03 #graph_inner02 .graph,
  .content-program-p02_04 #graph_inner02 .graph,
  .content-program-p02_05 #graph_inner02 .graph,
  .content-program-p02_06 #graph_inner02 .graph,
  .content-program-p02_07 #graph_inner02 .graph,
  .content-program-p02_08 #graph_inner02 .graph,
  .content-program-p02_10 #graph_inner02 .graph,
  .content-program-p02_15 #graph_inner02 .graph,
  .content-program-p03_01 #graph_inner02 .graph,
  .content-program-p03_02 #graph_inner02 .graph,
  .content-program-p03_03 #graph_inner02 .graph,
  .content-program-p03_04 #graph_inner02 .graph,
  .content-program-p03_05 #graph_inner02 .graph,
  .content-program-p03_07 #graph_inner02 .graph {
    float: left;
    width: 37%;
    padding: 20px 0 0 20px;
  }
  .content-program-p01_01 #graph_inner02 .graph img,
  .content-program-p01_02 #graph_inner02 .graph img,
  .content-program-p01_03 #graph_inner02 .graph img,
  .content-program-p01_05 #graph_inner02 .graph img,
  .content-program-p01_06 #graph_inner02 .graph img,
  .content-program-p01_07 #graph_inner02 .graph img,
  .content-program-p01_08 #graph_inner02 .graph img,
  .content-program-p01_09 #graph_inner02 .graph img,
  .content-program-p01_10 #graph_inner02 .graph img,
  .content-program-p01_11 #graph_inner02 .graph img,
  .content-program-p02_01 #graph_inner02 .graph img,
  .content-program-p02_02 #graph_inner02 .graph img,
  .content-program-p02_03 #graph_inner02 .graph img,
  .content-program-p02_04 #graph_inner02 .graph img,
  .content-program-p02_05 #graph_inner02 .graph img,
  .content-program-p02_06 #graph_inner02 .graph img,
  .content-program-p02_07 #graph_inner02 .graph img,
  .content-program-p02_08 #graph_inner02 .graph img,
  .content-program-p02_10 #graph_inner02 .graph img,
  .content-program-p02_15 #graph_inner02 .graph img,
  .content-program-p03_01 #graph_inner02 .graph img,
  .content-program-p03_02 #graph_inner02 .graph img,
  .content-program-p03_03 #graph_inner02 .graph img,
  .content-program-p03_04 #graph_inner02 .graph img,
  .content-program-p03_05 #graph_inner02 .graph img,
  .content-program-p03_07 #graph_inner02 .graph img {
    width: 100%;
  }
}

.content-program-p01_01 #graph_inner02 ul#icon,
.content-program-p01_02 #graph_inner02 ul#icon,
.content-program-p01_03 #graph_inner02 ul#icon,
.content-program-p01_05 #graph_inner02 ul#icon,
.content-program-p01_06 #graph_inner02 ul#icon,
.content-program-p01_07 #graph_inner02 ul#icon,
.content-program-p01_08 #graph_inner02 ul#icon,
.content-program-p01_09 #graph_inner02 ul#icon,
.content-program-p01_10 #graph_inner02 ul#icon,
.content-program-p01_11 #graph_inner02 ul#icon,
.content-program-p02_01 #graph_inner02 ul#icon,
.content-program-p02_02 #graph_inner02 ul#icon,
.content-program-p02_03 #graph_inner02 ul#icon,
.content-program-p02_04 #graph_inner02 ul#icon,
.content-program-p02_05 #graph_inner02 ul#icon,
.content-program-p02_06 #graph_inner02 ul#icon,
.content-program-p02_07 #graph_inner02 ul#icon,
.content-program-p02_08 #graph_inner02 ul#icon,
.content-program-p02_10 #graph_inner02 ul#icon,
.content-program-p02_15 #graph_inner02 ul#icon,
.content-program-p03_01 #graph_inner02 ul#icon,
.content-program-p03_02 #graph_inner02 ul#icon,
.content-program-p03_03 #graph_inner02 ul#icon,
.content-program-p03_04 #graph_inner02 ul#icon,
.content-program-p03_05 #graph_inner02 ul#icon,
.content-program-p03_07 #graph_inner02 ul#icon {
  float: right;
  width: 540px;
  font-size: 12px;
  margin-right: 10px;
  margin-bottom: 5px;
}

@media (max-width: 823px) {
  .content-program-p01_01 #graph_inner02 ul#icon,
  .content-program-p01_02 #graph_inner02 ul#icon,
  .content-program-p01_03 #graph_inner02 ul#icon,
  .content-program-p01_05 #graph_inner02 ul#icon,
  .content-program-p01_06 #graph_inner02 ul#icon,
  .content-program-p01_07 #graph_inner02 ul#icon,
  .content-program-p01_08 #graph_inner02 ul#icon,
  .content-program-p01_09 #graph_inner02 ul#icon,
  .content-program-p01_10 #graph_inner02 ul#icon,
  .content-program-p01_11 #graph_inner02 ul#icon,
  .content-program-p02_01 #graph_inner02 ul#icon,
  .content-program-p02_02 #graph_inner02 ul#icon,
  .content-program-p02_03 #graph_inner02 ul#icon,
  .content-program-p02_04 #graph_inner02 ul#icon,
  .content-program-p02_05 #graph_inner02 ul#icon,
  .content-program-p02_06 #graph_inner02 ul#icon,
  .content-program-p02_07 #graph_inner02 ul#icon,
  .content-program-p02_08 #graph_inner02 ul#icon,
  .content-program-p02_10 #graph_inner02 ul#icon,
  .content-program-p02_15 #graph_inner02 ul#icon,
  .content-program-p03_01 #graph_inner02 ul#icon,
  .content-program-p03_02 #graph_inner02 ul#icon,
  .content-program-p03_03 #graph_inner02 ul#icon,
  .content-program-p03_04 #graph_inner02 ul#icon,
  .content-program-p03_05 #graph_inner02 ul#icon,
  .content-program-p03_07 #graph_inner02 ul#icon {
    width: 95%;
    margin-right: auto;
    float: none;
    margin-left: 10px;
    margin-top: 20px;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-program-p01_01 #graph_inner02 ul#icon,
  .content-program-p01_02 #graph_inner02 ul#icon,
  .content-program-p01_03 #graph_inner02 ul#icon,
  .content-program-p01_05 #graph_inner02 ul#icon,
  .content-program-p01_06 #graph_inner02 ul#icon,
  .content-program-p01_07 #graph_inner02 ul#icon,
  .content-program-p01_08 #graph_inner02 ul#icon,
  .content-program-p01_09 #graph_inner02 ul#icon,
  .content-program-p01_10 #graph_inner02 ul#icon,
  .content-program-p01_11 #graph_inner02 ul#icon,
  .content-program-p02_01 #graph_inner02 ul#icon,
  .content-program-p02_02 #graph_inner02 ul#icon,
  .content-program-p02_03 #graph_inner02 ul#icon,
  .content-program-p02_04 #graph_inner02 ul#icon,
  .content-program-p02_05 #graph_inner02 ul#icon,
  .content-program-p02_06 #graph_inner02 ul#icon,
  .content-program-p02_07 #graph_inner02 ul#icon,
  .content-program-p02_08 #graph_inner02 ul#icon,
  .content-program-p02_10 #graph_inner02 ul#icon,
  .content-program-p02_15 #graph_inner02 ul#icon,
  .content-program-p03_01 #graph_inner02 ul#icon,
  .content-program-p03_02 #graph_inner02 ul#icon,
  .content-program-p03_03 #graph_inner02 ul#icon,
  .content-program-p03_04 #graph_inner02 ul#icon,
  .content-program-p03_05 #graph_inner02 ul#icon,
  .content-program-p03_07 #graph_inner02 ul#icon {
    float: right;
    width: 55%;
    margin-right: 10px;
  }
}

.content-program-p01_01 #graph_inner02 ul#icon li,
.content-program-p01_02 #graph_inner02 ul#icon li,
.content-program-p01_03 #graph_inner02 ul#icon li,
.content-program-p01_05 #graph_inner02 ul#icon li,
.content-program-p01_06 #graph_inner02 ul#icon li,
.content-program-p01_07 #graph_inner02 ul#icon li,
.content-program-p01_08 #graph_inner02 ul#icon li,
.content-program-p01_09 #graph_inner02 ul#icon li,
.content-program-p01_10 #graph_inner02 ul#icon li,
.content-program-p01_11 #graph_inner02 ul#icon li,
.content-program-p02_01 #graph_inner02 ul#icon li,
.content-program-p02_02 #graph_inner02 ul#icon li,
.content-program-p02_03 #graph_inner02 ul#icon li,
.content-program-p02_04 #graph_inner02 ul#icon li,
.content-program-p02_05 #graph_inner02 ul#icon li,
.content-program-p02_06 #graph_inner02 ul#icon li,
.content-program-p02_07 #graph_inner02 ul#icon li,
.content-program-p02_08 #graph_inner02 ul#icon li,
.content-program-p02_10 #graph_inner02 ul#icon li,
.content-program-p02_15 #graph_inner02 ul#icon li,
.content-program-p03_01 #graph_inner02 ul#icon li,
.content-program-p03_02 #graph_inner02 ul#icon li,
.content-program-p03_03 #graph_inner02 ul#icon li,
.content-program-p03_04 #graph_inner02 ul#icon li,
.content-program-p03_05 #graph_inner02 ul#icon li,
.content-program-p03_07 #graph_inner02 ul#icon li {
  background: #fff;
  border-radius: 3px;
  padding: 6px 0;
  margin-bottom: 5px;
  clear: both;
  display: flex;
  line-height: normal;
}

@media (max-width: 823px) {
  .content-program-p01_01 #graph_inner02 ul#icon li,
  .content-program-p01_02 #graph_inner02 ul#icon li,
  .content-program-p01_03 #graph_inner02 ul#icon li,
  .content-program-p01_05 #graph_inner02 ul#icon li,
  .content-program-p01_06 #graph_inner02 ul#icon li,
  .content-program-p01_07 #graph_inner02 ul#icon li,
  .content-program-p01_08 #graph_inner02 ul#icon li,
  .content-program-p01_09 #graph_inner02 ul#icon li,
  .content-program-p01_10 #graph_inner02 ul#icon li,
  .content-program-p01_11 #graph_inner02 ul#icon li,
  .content-program-p02_01 #graph_inner02 ul#icon li,
  .content-program-p02_02 #graph_inner02 ul#icon li,
  .content-program-p02_03 #graph_inner02 ul#icon li,
  .content-program-p02_04 #graph_inner02 ul#icon li,
  .content-program-p02_05 #graph_inner02 ul#icon li,
  .content-program-p02_06 #graph_inner02 ul#icon li,
  .content-program-p02_07 #graph_inner02 ul#icon li,
  .content-program-p02_08 #graph_inner02 ul#icon li,
  .content-program-p02_10 #graph_inner02 ul#icon li,
  .content-program-p02_15 #graph_inner02 ul#icon li,
  .content-program-p03_01 #graph_inner02 ul#icon li,
  .content-program-p03_02 #graph_inner02 ul#icon li,
  .content-program-p03_03 #graph_inner02 ul#icon li,
  .content-program-p03_04 #graph_inner02 ul#icon li,
  .content-program-p03_05 #graph_inner02 ul#icon li,
  .content-program-p03_07 #graph_inner02 ul#icon li {
    display: flex;
    flex-flow: row;
    align-items: stretch;
    padding: 10px 10px 10px 0px;
  }
  .content-program-p01_01 #graph_inner02 ul#icon li br,
  .content-program-p01_02 #graph_inner02 ul#icon li br,
  .content-program-p01_03 #graph_inner02 ul#icon li br,
  .content-program-p01_05 #graph_inner02 ul#icon li br,
  .content-program-p01_06 #graph_inner02 ul#icon li br,
  .content-program-p01_07 #graph_inner02 ul#icon li br,
  .content-program-p01_08 #graph_inner02 ul#icon li br,
  .content-program-p01_09 #graph_inner02 ul#icon li br,
  .content-program-p01_10 #graph_inner02 ul#icon li br,
  .content-program-p01_11 #graph_inner02 ul#icon li br,
  .content-program-p02_01 #graph_inner02 ul#icon li br,
  .content-program-p02_02 #graph_inner02 ul#icon li br,
  .content-program-p02_03 #graph_inner02 ul#icon li br,
  .content-program-p02_04 #graph_inner02 ul#icon li br,
  .content-program-p02_05 #graph_inner02 ul#icon li br,
  .content-program-p02_06 #graph_inner02 ul#icon li br,
  .content-program-p02_07 #graph_inner02 ul#icon li br,
  .content-program-p02_08 #graph_inner02 ul#icon li br,
  .content-program-p02_10 #graph_inner02 ul#icon li br,
  .content-program-p02_15 #graph_inner02 ul#icon li br,
  .content-program-p03_01 #graph_inner02 ul#icon li br,
  .content-program-p03_02 #graph_inner02 ul#icon li br,
  .content-program-p03_03 #graph_inner02 ul#icon li br,
  .content-program-p03_04 #graph_inner02 ul#icon li br,
  .content-program-p03_05 #graph_inner02 ul#icon li br,
  .content-program-p03_07 #graph_inner02 ul#icon li br {
    display: none;
  }
}

.content-program-p01_01 #graph_inner02 ul#icon li img,
.content-program-p01_02 #graph_inner02 ul#icon li img,
.content-program-p01_03 #graph_inner02 ul#icon li img,
.content-program-p01_05 #graph_inner02 ul#icon li img,
.content-program-p01_06 #graph_inner02 ul#icon li img,
.content-program-p01_07 #graph_inner02 ul#icon li img,
.content-program-p01_08 #graph_inner02 ul#icon li img,
.content-program-p01_09 #graph_inner02 ul#icon li img,
.content-program-p01_10 #graph_inner02 ul#icon li img,
.content-program-p01_11 #graph_inner02 ul#icon li img,
.content-program-p02_01 #graph_inner02 ul#icon li img,
.content-program-p02_02 #graph_inner02 ul#icon li img,
.content-program-p02_03 #graph_inner02 ul#icon li img,
.content-program-p02_04 #graph_inner02 ul#icon li img,
.content-program-p02_05 #graph_inner02 ul#icon li img,
.content-program-p02_06 #graph_inner02 ul#icon li img,
.content-program-p02_07 #graph_inner02 ul#icon li img,
.content-program-p02_08 #graph_inner02 ul#icon li img,
.content-program-p02_10 #graph_inner02 ul#icon li img,
.content-program-p02_15 #graph_inner02 ul#icon li img,
.content-program-p03_01 #graph_inner02 ul#icon li img,
.content-program-p03_02 #graph_inner02 ul#icon li img,
.content-program-p03_03 #graph_inner02 ul#icon li img,
.content-program-p03_04 #graph_inner02 ul#icon li img,
.content-program-p03_05 #graph_inner02 ul#icon li img,
.content-program-p03_07 #graph_inner02 ul#icon li img {
  float: left;
  padding: 0 10px;
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-program-p01_01 #graph_inner02 ul#icon li img,
  .content-program-p01_02 #graph_inner02 ul#icon li img,
  .content-program-p01_03 #graph_inner02 ul#icon li img,
  .content-program-p01_05 #graph_inner02 ul#icon li img,
  .content-program-p01_06 #graph_inner02 ul#icon li img,
  .content-program-p01_07 #graph_inner02 ul#icon li img,
  .content-program-p01_08 #graph_inner02 ul#icon li img,
  .content-program-p01_09 #graph_inner02 ul#icon li img,
  .content-program-p01_10 #graph_inner02 ul#icon li img,
  .content-program-p01_11 #graph_inner02 ul#icon li img,
  .content-program-p02_01 #graph_inner02 ul#icon li img,
  .content-program-p02_02 #graph_inner02 ul#icon li img,
  .content-program-p02_03 #graph_inner02 ul#icon li img,
  .content-program-p02_04 #graph_inner02 ul#icon li img,
  .content-program-p02_05 #graph_inner02 ul#icon li img,
  .content-program-p02_06 #graph_inner02 ul#icon li img,
  .content-program-p02_07 #graph_inner02 ul#icon li img,
  .content-program-p02_08 #graph_inner02 ul#icon li img,
  .content-program-p02_10 #graph_inner02 ul#icon li img,
  .content-program-p02_15 #graph_inner02 ul#icon li img,
  .content-program-p03_01 #graph_inner02 ul#icon li img,
  .content-program-p03_02 #graph_inner02 ul#icon li img,
  .content-program-p03_03 #graph_inner02 ul#icon li img,
  .content-program-p03_04 #graph_inner02 ul#icon li img,
  .content-program-p03_05 #graph_inner02 ul#icon li img,
  .content-program-p03_07 #graph_inner02 ul#icon li img {
    height: 100%;
    display: block;
    width: auto;
    margin: auto 0;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-program-p01_01 #graph_inner02 ul#icon li img,
  .content-program-p01_02 #graph_inner02 ul#icon li img,
  .content-program-p01_03 #graph_inner02 ul#icon li img,
  .content-program-p01_05 #graph_inner02 ul#icon li img,
  .content-program-p01_06 #graph_inner02 ul#icon li img,
  .content-program-p01_07 #graph_inner02 ul#icon li img,
  .content-program-p01_08 #graph_inner02 ul#icon li img,
  .content-program-p01_09 #graph_inner02 ul#icon li img,
  .content-program-p01_10 #graph_inner02 ul#icon li img,
  .content-program-p01_11 #graph_inner02 ul#icon li img,
  .content-program-p02_01 #graph_inner02 ul#icon li img,
  .content-program-p02_02 #graph_inner02 ul#icon li img,
  .content-program-p02_03 #graph_inner02 ul#icon li img,
  .content-program-p02_04 #graph_inner02 ul#icon li img,
  .content-program-p02_05 #graph_inner02 ul#icon li img,
  .content-program-p02_06 #graph_inner02 ul#icon li img,
  .content-program-p02_07 #graph_inner02 ul#icon li img,
  .content-program-p02_08 #graph_inner02 ul#icon li img,
  .content-program-p02_10 #graph_inner02 ul#icon li img,
  .content-program-p02_15 #graph_inner02 ul#icon li img,
  .content-program-p03_01 #graph_inner02 ul#icon li img,
  .content-program-p03_02 #graph_inner02 ul#icon li img,
  .content-program-p03_03 #graph_inner02 ul#icon li img,
  .content-program-p03_04 #graph_inner02 ul#icon li img,
  .content-program-p03_05 #graph_inner02 ul#icon li img,
  .content-program-p03_07 #graph_inner02 ul#icon li img {
    width: auto;
    height: 40px;
    margin: auto;
    padding: 0px;
    margin: 0px 10px 0px 10px;
  }
}

.content-program-p01_01 table.check_box,
.content-program-p01_02 table.check_box,
.content-program-p01_03 table.check_box,
.content-program-p01_05 table.check_box,
.content-program-p01_06 table.check_box,
.content-program-p01_07 table.check_box,
.content-program-p01_08 table.check_box,
.content-program-p01_09 table.check_box,
.content-program-p01_10 table.check_box,
.content-program-p01_11 table.check_box,
.content-program-p02_01 table.check_box,
.content-program-p02_02 table.check_box,
.content-program-p02_03 table.check_box,
.content-program-p02_04 table.check_box,
.content-program-p02_05 table.check_box,
.content-program-p02_06 table.check_box,
.content-program-p02_07 table.check_box,
.content-program-p02_08 table.check_box,
.content-program-p02_10 table.check_box,
.content-program-p02_15 table.check_box,
.content-program-p03_01 table.check_box,
.content-program-p03_02 table.check_box,
.content-program-p03_03 table.check_box,
.content-program-p03_04 table.check_box,
.content-program-p03_05 table.check_box,
.content-program-p03_07 table.check_box {
  width: 100%;
  background: #fbfbfb;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  clear: both;
}

@media (max-width: 823px) {
  .content-program-p01_01 table.check_box,
  .content-program-p01_02 table.check_box,
  .content-program-p01_03 table.check_box,
  .content-program-p01_05 table.check_box,
  .content-program-p01_06 table.check_box,
  .content-program-p01_07 table.check_box,
  .content-program-p01_08 table.check_box,
  .content-program-p01_09 table.check_box,
  .content-program-p01_10 table.check_box,
  .content-program-p01_11 table.check_box,
  .content-program-p02_01 table.check_box,
  .content-program-p02_02 table.check_box,
  .content-program-p02_03 table.check_box,
  .content-program-p02_04 table.check_box,
  .content-program-p02_05 table.check_box,
  .content-program-p02_06 table.check_box,
  .content-program-p02_07 table.check_box,
  .content-program-p02_08 table.check_box,
  .content-program-p02_10 table.check_box,
  .content-program-p02_15 table.check_box,
  .content-program-p03_01 table.check_box,
  .content-program-p03_02 table.check_box,
  .content-program-p03_03 table.check_box,
  .content-program-p03_04 table.check_box,
  .content-program-p03_05 table.check_box,
  .content-program-p03_07 table.check_box {
    width: 100%;
    border: none;
  }
  .content-program-p01_01 table.check_box tr,
  .content-program-p01_02 table.check_box tr,
  .content-program-p01_03 table.check_box tr,
  .content-program-p01_05 table.check_box tr,
  .content-program-p01_06 table.check_box tr,
  .content-program-p01_07 table.check_box tr,
  .content-program-p01_08 table.check_box tr,
  .content-program-p01_09 table.check_box tr,
  .content-program-p01_10 table.check_box tr,
  .content-program-p01_11 table.check_box tr,
  .content-program-p02_01 table.check_box tr,
  .content-program-p02_02 table.check_box tr,
  .content-program-p02_03 table.check_box tr,
  .content-program-p02_04 table.check_box tr,
  .content-program-p02_05 table.check_box tr,
  .content-program-p02_06 table.check_box tr,
  .content-program-p02_07 table.check_box tr,
  .content-program-p02_08 table.check_box tr,
  .content-program-p02_10 table.check_box tr,
  .content-program-p02_15 table.check_box tr,
  .content-program-p03_01 table.check_box tr,
  .content-program-p03_02 table.check_box tr,
  .content-program-p03_03 table.check_box tr,
  .content-program-p03_04 table.check_box tr,
  .content-program-p03_05 table.check_box tr,
  .content-program-p03_07 table.check_box tr {
    display: flex;
    flex-flow: column;
    width: 100%;
  }
}

.content-program-p01_01 table.check_box th,
.content-program-p01_02 table.check_box th,
.content-program-p01_03 table.check_box th,
.content-program-p01_05 table.check_box th,
.content-program-p01_06 table.check_box th,
.content-program-p01_07 table.check_box th,
.content-program-p01_08 table.check_box th,
.content-program-p01_09 table.check_box th,
.content-program-p01_10 table.check_box th,
.content-program-p01_11 table.check_box th,
.content-program-p02_01 table.check_box th,
.content-program-p02_02 table.check_box th,
.content-program-p02_03 table.check_box th,
.content-program-p02_04 table.check_box th,
.content-program-p02_05 table.check_box th,
.content-program-p02_06 table.check_box th,
.content-program-p02_07 table.check_box th,
.content-program-p02_08 table.check_box th,
.content-program-p02_10 table.check_box th,
.content-program-p02_15 table.check_box th,
.content-program-p03_01 table.check_box th,
.content-program-p03_02 table.check_box th,
.content-program-p03_03 table.check_box th,
.content-program-p03_04 table.check_box th,
.content-program-p03_05 table.check_box th,
.content-program-p03_07 table.check_box th {
  width: 179px;
  border-right: 1px solid #ccc;
  font-size: 22px;
  font-weight: bold;
  padding: 20px 10px 10px 20px;
  text-align: left;
}

@media (max-width: 823px) {
  .content-program-p01_01 table.check_box th,
  .content-program-p01_02 table.check_box th,
  .content-program-p01_03 table.check_box th,
  .content-program-p01_05 table.check_box th,
  .content-program-p01_06 table.check_box th,
  .content-program-p01_07 table.check_box th,
  .content-program-p01_08 table.check_box th,
  .content-program-p01_09 table.check_box th,
  .content-program-p01_10 table.check_box th,
  .content-program-p01_11 table.check_box th,
  .content-program-p02_01 table.check_box th,
  .content-program-p02_02 table.check_box th,
  .content-program-p02_03 table.check_box th,
  .content-program-p02_04 table.check_box th,
  .content-program-p02_05 table.check_box th,
  .content-program-p02_06 table.check_box th,
  .content-program-p02_07 table.check_box th,
  .content-program-p02_08 table.check_box th,
  .content-program-p02_10 table.check_box th,
  .content-program-p02_15 table.check_box th,
  .content-program-p03_01 table.check_box th,
  .content-program-p03_02 table.check_box th,
  .content-program-p03_03 table.check_box th,
  .content-program-p03_04 table.check_box th,
  .content-program-p03_05 table.check_box th,
  .content-program-p03_07 table.check_box th {
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 0px 10px 10px 30px;
  }
}

@media (max-width: 823px) and (max-width: 320px) {
  .content-program-p01_01 table.check_box th,
  .content-program-p01_02 table.check_box th,
  .content-program-p01_03 table.check_box th,
  .content-program-p01_05 table.check_box th,
  .content-program-p01_06 table.check_box th,
  .content-program-p01_07 table.check_box th,
  .content-program-p01_08 table.check_box th,
  .content-program-p01_09 table.check_box th,
  .content-program-p01_10 table.check_box th,
  .content-program-p01_11 table.check_box th,
  .content-program-p02_01 table.check_box th,
  .content-program-p02_02 table.check_box th,
  .content-program-p02_03 table.check_box th,
  .content-program-p02_04 table.check_box th,
  .content-program-p02_05 table.check_box th,
  .content-program-p02_06 table.check_box th,
  .content-program-p02_07 table.check_box th,
  .content-program-p02_08 table.check_box th,
  .content-program-p02_10 table.check_box th,
  .content-program-p02_15 table.check_box th,
  .content-program-p03_01 table.check_box th,
  .content-program-p03_02 table.check_box th,
  .content-program-p03_03 table.check_box th,
  .content-program-p03_04 table.check_box th,
  .content-program-p03_05 table.check_box th,
  .content-program-p03_07 table.check_box th {
    font-size: 16px;
  }
}

.content-program-p01_01 table.check_box th span.green,
.content-program-p01_02 table.check_box th span.green,
.content-program-p01_03 table.check_box th span.green,
.content-program-p01_05 table.check_box th span.green,
.content-program-p01_06 table.check_box th span.green,
.content-program-p01_07 table.check_box th span.green,
.content-program-p01_08 table.check_box th span.green,
.content-program-p01_09 table.check_box th span.green,
.content-program-p01_10 table.check_box th span.green,
.content-program-p01_11 table.check_box th span.green,
.content-program-p02_01 table.check_box th span.green,
.content-program-p02_02 table.check_box th span.green,
.content-program-p02_03 table.check_box th span.green,
.content-program-p02_04 table.check_box th span.green,
.content-program-p02_05 table.check_box th span.green,
.content-program-p02_06 table.check_box th span.green,
.content-program-p02_07 table.check_box th span.green,
.content-program-p02_08 table.check_box th span.green,
.content-program-p02_10 table.check_box th span.green,
.content-program-p02_15 table.check_box th span.green,
.content-program-p03_01 table.check_box th span.green,
.content-program-p03_02 table.check_box th span.green,
.content-program-p03_03 table.check_box th span.green,
.content-program-p03_04 table.check_box th span.green,
.content-program-p03_05 table.check_box th span.green,
.content-program-p03_07 table.check_box th span.green {
  display: block;
  color: #70b300;
  font-size: 11px;
}

.content-program-p01_01 table.check_box th .watch,
.content-program-p01_02 table.check_box th .watch,
.content-program-p01_03 table.check_box th .watch,
.content-program-p01_05 table.check_box th .watch,
.content-program-p01_06 table.check_box th .watch,
.content-program-p01_07 table.check_box th .watch,
.content-program-p01_08 table.check_box th .watch,
.content-program-p01_09 table.check_box th .watch,
.content-program-p01_10 table.check_box th .watch,
.content-program-p01_11 table.check_box th .watch,
.content-program-p02_01 table.check_box th .watch,
.content-program-p02_02 table.check_box th .watch,
.content-program-p02_03 table.check_box th .watch,
.content-program-p02_04 table.check_box th .watch,
.content-program-p02_05 table.check_box th .watch,
.content-program-p02_06 table.check_box th .watch,
.content-program-p02_07 table.check_box th .watch,
.content-program-p02_08 table.check_box th .watch,
.content-program-p02_10 table.check_box th .watch,
.content-program-p02_15 table.check_box th .watch,
.content-program-p03_01 table.check_box th .watch,
.content-program-p03_02 table.check_box th .watch,
.content-program-p03_03 table.check_box th .watch,
.content-program-p03_04 table.check_box th .watch,
.content-program-p03_05 table.check_box th .watch,
.content-program-p03_07 table.check_box th .watch {
  float: right;
  background: url("../img/program/icon_watch.gif") no-repeat left center;
  padding-left: 24px;
  margin-top: 20px;
  font-size: 24px;
  overflow: hidden;
}

.content-program-p01_01 table.check_box th .watch span,
.content-program-p01_02 table.check_box th .watch span,
.content-program-p01_03 table.check_box th .watch span,
.content-program-p01_05 table.check_box th .watch span,
.content-program-p01_06 table.check_box th .watch span,
.content-program-p01_07 table.check_box th .watch span,
.content-program-p01_08 table.check_box th .watch span,
.content-program-p01_09 table.check_box th .watch span,
.content-program-p01_10 table.check_box th .watch span,
.content-program-p01_11 table.check_box th .watch span,
.content-program-p02_01 table.check_box th .watch span,
.content-program-p02_02 table.check_box th .watch span,
.content-program-p02_03 table.check_box th .watch span,
.content-program-p02_04 table.check_box th .watch span,
.content-program-p02_05 table.check_box th .watch span,
.content-program-p02_06 table.check_box th .watch span,
.content-program-p02_07 table.check_box th .watch span,
.content-program-p02_08 table.check_box th .watch span,
.content-program-p02_10 table.check_box th .watch span,
.content-program-p02_15 table.check_box th .watch span,
.content-program-p03_01 table.check_box th .watch span,
.content-program-p03_02 table.check_box th .watch span,
.content-program-p03_03 table.check_box th .watch span,
.content-program-p03_04 table.check_box th .watch span,
.content-program-p03_05 table.check_box th .watch span,
.content-program-p03_07 table.check_box th .watch span {
  font-size: 12px;
}

.content-program-p01_01 table.check_box td,
.content-program-p01_02 table.check_box td,
.content-program-p01_03 table.check_box td,
.content-program-p01_05 table.check_box td,
.content-program-p01_06 table.check_box td,
.content-program-p01_07 table.check_box td,
.content-program-p01_08 table.check_box td,
.content-program-p01_09 table.check_box td,
.content-program-p01_10 table.check_box td,
.content-program-p01_11 table.check_box td,
.content-program-p02_01 table.check_box td,
.content-program-p02_02 table.check_box td,
.content-program-p02_03 table.check_box td,
.content-program-p02_04 table.check_box td,
.content-program-p02_05 table.check_box td,
.content-program-p02_06 table.check_box td,
.content-program-p02_07 table.check_box td,
.content-program-p02_08 table.check_box td,
.content-program-p02_10 table.check_box td,
.content-program-p02_15 table.check_box td,
.content-program-p03_01 table.check_box td,
.content-program-p03_02 table.check_box td,
.content-program-p03_03 table.check_box td,
.content-program-p03_04 table.check_box td,
.content-program-p03_05 table.check_box td,
.content-program-p03_07 table.check_box td {
  color: #007ec4;
  font-size: 12px;
  font-weight: bold;
  padding: 10px 10px 10px 20px;
  vertical-align: top;
}

@media (max-width: 823px) {
  .content-program-p01_01 table.check_box td,
  .content-program-p01_02 table.check_box td,
  .content-program-p01_03 table.check_box td,
  .content-program-p01_05 table.check_box td,
  .content-program-p01_06 table.check_box td,
  .content-program-p01_07 table.check_box td,
  .content-program-p01_08 table.check_box td,
  .content-program-p01_09 table.check_box td,
  .content-program-p01_10 table.check_box td,
  .content-program-p01_11 table.check_box td,
  .content-program-p02_01 table.check_box td,
  .content-program-p02_02 table.check_box td,
  .content-program-p02_03 table.check_box td,
  .content-program-p02_04 table.check_box td,
  .content-program-p02_05 table.check_box td,
  .content-program-p02_06 table.check_box td,
  .content-program-p02_07 table.check_box td,
  .content-program-p02_08 table.check_box td,
  .content-program-p02_10 table.check_box td,
  .content-program-p02_15 table.check_box td,
  .content-program-p03_01 table.check_box td,
  .content-program-p03_02 table.check_box td,
  .content-program-p03_03 table.check_box td,
  .content-program-p03_04 table.check_box td,
  .content-program-p03_05 table.check_box td,
  .content-program-p03_07 table.check_box td {
    padding: 0px;
    margin: 10px 0 0 0;
  }
}

.content-program-p01_01 table.check_box td .title_blue,
.content-program-p01_02 table.check_box td .title_blue,
.content-program-p01_03 table.check_box td .title_blue,
.content-program-p01_05 table.check_box td .title_blue,
.content-program-p01_06 table.check_box td .title_blue,
.content-program-p01_07 table.check_box td .title_blue,
.content-program-p01_08 table.check_box td .title_blue,
.content-program-p01_09 table.check_box td .title_blue,
.content-program-p01_10 table.check_box td .title_blue,
.content-program-p01_11 table.check_box td .title_blue,
.content-program-p02_01 table.check_box td .title_blue,
.content-program-p02_02 table.check_box td .title_blue,
.content-program-p02_03 table.check_box td .title_blue,
.content-program-p02_04 table.check_box td .title_blue,
.content-program-p02_05 table.check_box td .title_blue,
.content-program-p02_06 table.check_box td .title_blue,
.content-program-p02_07 table.check_box td .title_blue,
.content-program-p02_08 table.check_box td .title_blue,
.content-program-p02_10 table.check_box td .title_blue,
.content-program-p02_15 table.check_box td .title_blue,
.content-program-p03_01 table.check_box td .title_blue,
.content-program-p03_02 table.check_box td .title_blue,
.content-program-p03_03 table.check_box td .title_blue,
.content-program-p03_04 table.check_box td .title_blue,
.content-program-p03_05 table.check_box td .title_blue,
.content-program-p03_07 table.check_box td .title_blue {
  margin-bottom: 8px;
  overflow: hidden;
}

.content-program-p01_01 table.check_box td .box,
.content-program-p01_02 table.check_box td .box,
.content-program-p01_03 table.check_box td .box,
.content-program-p01_05 table.check_box td .box,
.content-program-p01_06 table.check_box td .box,
.content-program-p01_07 table.check_box td .box,
.content-program-p01_08 table.check_box td .box,
.content-program-p01_09 table.check_box td .box,
.content-program-p01_10 table.check_box td .box,
.content-program-p01_11 table.check_box td .box,
.content-program-p02_01 table.check_box td .box,
.content-program-p02_02 table.check_box td .box,
.content-program-p02_03 table.check_box td .box,
.content-program-p02_04 table.check_box td .box,
.content-program-p02_05 table.check_box td .box,
.content-program-p02_06 table.check_box td .box,
.content-program-p02_07 table.check_box td .box,
.content-program-p02_08 table.check_box td .box,
.content-program-p02_10 table.check_box td .box,
.content-program-p02_15 table.check_box td .box,
.content-program-p03_01 table.check_box td .box,
.content-program-p03_02 table.check_box td .box,
.content-program-p03_03 table.check_box td .box,
.content-program-p03_04 table.check_box td .box,
.content-program-p03_05 table.check_box td .box,
.content-program-p03_07 table.check_box td .box {
  margin: auto;
  width: 740px;
  background: url("../img/program/bg_icon_title02.gif") repeat-y left top;
  margin-bottom: 5px;
  overflow: hidden;
}

@media (max-width: 823px) {
  .content-program-p01_01 table.check_box td .box,
  .content-program-p01_02 table.check_box td .box,
  .content-program-p01_03 table.check_box td .box,
  .content-program-p01_05 table.check_box td .box,
  .content-program-p01_06 table.check_box td .box,
  .content-program-p01_07 table.check_box td .box,
  .content-program-p01_08 table.check_box td .box,
  .content-program-p01_09 table.check_box td .box,
  .content-program-p01_10 table.check_box td .box,
  .content-program-p01_11 table.check_box td .box,
  .content-program-p02_01 table.check_box td .box,
  .content-program-p02_02 table.check_box td .box,
  .content-program-p02_03 table.check_box td .box,
  .content-program-p02_04 table.check_box td .box,
  .content-program-p02_05 table.check_box td .box,
  .content-program-p02_06 table.check_box td .box,
  .content-program-p02_07 table.check_box td .box,
  .content-program-p02_08 table.check_box td .box,
  .content-program-p02_10 table.check_box td .box,
  .content-program-p02_15 table.check_box td .box,
  .content-program-p03_01 table.check_box td .box,
  .content-program-p03_02 table.check_box td .box,
  .content-program-p03_03 table.check_box td .box,
  .content-program-p03_04 table.check_box td .box,
  .content-program-p03_05 table.check_box td .box,
  .content-program-p03_07 table.check_box td .box {
    width: 100%;
    background: none;
    border-radius: 5px;
    border: solid 1px #0080cc;
  }
}

.content-program-p01_01 table.check_box td .box_inner,
.content-program-p01_02 table.check_box td .box_inner,
.content-program-p01_03 table.check_box td .box_inner,
.content-program-p01_05 table.check_box td .box_inner,
.content-program-p01_06 table.check_box td .box_inner,
.content-program-p01_07 table.check_box td .box_inner,
.content-program-p01_08 table.check_box td .box_inner,
.content-program-p01_09 table.check_box td .box_inner,
.content-program-p01_10 table.check_box td .box_inner,
.content-program-p01_11 table.check_box td .box_inner,
.content-program-p02_01 table.check_box td .box_inner,
.content-program-p02_02 table.check_box td .box_inner,
.content-program-p02_03 table.check_box td .box_inner,
.content-program-p02_04 table.check_box td .box_inner,
.content-program-p02_05 table.check_box td .box_inner,
.content-program-p02_06 table.check_box td .box_inner,
.content-program-p02_07 table.check_box td .box_inner,
.content-program-p02_08 table.check_box td .box_inner,
.content-program-p02_10 table.check_box td .box_inner,
.content-program-p02_15 table.check_box td .box_inner,
.content-program-p03_01 table.check_box td .box_inner,
.content-program-p03_02 table.check_box td .box_inner,
.content-program-p03_03 table.check_box td .box_inner,
.content-program-p03_04 table.check_box td .box_inner,
.content-program-p03_05 table.check_box td .box_inner,
.content-program-p03_07 table.check_box td .box_inner {
  background: url("../img/program/bg_icon_title01.gif") no-repeat left top;
  overflow: hidden;
}

@media (max-width: 823px) {
  .content-program-p01_01 table.check_box td .box_inner,
  .content-program-p01_02 table.check_box td .box_inner,
  .content-program-p01_03 table.check_box td .box_inner,
  .content-program-p01_05 table.check_box td .box_inner,
  .content-program-p01_06 table.check_box td .box_inner,
  .content-program-p01_07 table.check_box td .box_inner,
  .content-program-p01_08 table.check_box td .box_inner,
  .content-program-p01_09 table.check_box td .box_inner,
  .content-program-p01_10 table.check_box td .box_inner,
  .content-program-p01_11 table.check_box td .box_inner,
  .content-program-p02_01 table.check_box td .box_inner,
  .content-program-p02_02 table.check_box td .box_inner,
  .content-program-p02_03 table.check_box td .box_inner,
  .content-program-p02_04 table.check_box td .box_inner,
  .content-program-p02_05 table.check_box td .box_inner,
  .content-program-p02_06 table.check_box td .box_inner,
  .content-program-p02_07 table.check_box td .box_inner,
  .content-program-p02_08 table.check_box td .box_inner,
  .content-program-p02_10 table.check_box td .box_inner,
  .content-program-p02_15 table.check_box td .box_inner,
  .content-program-p03_01 table.check_box td .box_inner,
  .content-program-p03_02 table.check_box td .box_inner,
  .content-program-p03_03 table.check_box td .box_inner,
  .content-program-p03_04 table.check_box td .box_inner,
  .content-program-p03_05 table.check_box td .box_inner,
  .content-program-p03_07 table.check_box td .box_inner {
    background: none;
  }
}

.content-program-p01_01 table.check_box td .box_inner02,
.content-program-p01_02 table.check_box td .box_inner02,
.content-program-p01_03 table.check_box td .box_inner02,
.content-program-p01_05 table.check_box td .box_inner02,
.content-program-p01_06 table.check_box td .box_inner02,
.content-program-p01_07 table.check_box td .box_inner02,
.content-program-p01_08 table.check_box td .box_inner02,
.content-program-p01_09 table.check_box td .box_inner02,
.content-program-p01_10 table.check_box td .box_inner02,
.content-program-p01_11 table.check_box td .box_inner02,
.content-program-p02_01 table.check_box td .box_inner02,
.content-program-p02_02 table.check_box td .box_inner02,
.content-program-p02_03 table.check_box td .box_inner02,
.content-program-p02_04 table.check_box td .box_inner02,
.content-program-p02_05 table.check_box td .box_inner02,
.content-program-p02_06 table.check_box td .box_inner02,
.content-program-p02_07 table.check_box td .box_inner02,
.content-program-p02_08 table.check_box td .box_inner02,
.content-program-p02_10 table.check_box td .box_inner02,
.content-program-p02_15 table.check_box td .box_inner02,
.content-program-p03_01 table.check_box td .box_inner02,
.content-program-p03_02 table.check_box td .box_inner02,
.content-program-p03_03 table.check_box td .box_inner02,
.content-program-p03_04 table.check_box td .box_inner02,
.content-program-p03_05 table.check_box td .box_inner02,
.content-program-p03_07 table.check_box td .box_inner02 {
  background: url("../img/program/bg_icon_title03.gif") no-repeat left bottom;
  overflow: hidden;
}

@media (max-width: 823px) {
  .content-program-p01_01 table.check_box td .box_inner02,
  .content-program-p01_02 table.check_box td .box_inner02,
  .content-program-p01_03 table.check_box td .box_inner02,
  .content-program-p01_05 table.check_box td .box_inner02,
  .content-program-p01_06 table.check_box td .box_inner02,
  .content-program-p01_07 table.check_box td .box_inner02,
  .content-program-p01_08 table.check_box td .box_inner02,
  .content-program-p01_09 table.check_box td .box_inner02,
  .content-program-p01_10 table.check_box td .box_inner02,
  .content-program-p01_11 table.check_box td .box_inner02,
  .content-program-p02_01 table.check_box td .box_inner02,
  .content-program-p02_02 table.check_box td .box_inner02,
  .content-program-p02_03 table.check_box td .box_inner02,
  .content-program-p02_04 table.check_box td .box_inner02,
  .content-program-p02_05 table.check_box td .box_inner02,
  .content-program-p02_06 table.check_box td .box_inner02,
  .content-program-p02_07 table.check_box td .box_inner02,
  .content-program-p02_08 table.check_box td .box_inner02,
  .content-program-p02_10 table.check_box td .box_inner02,
  .content-program-p02_15 table.check_box td .box_inner02,
  .content-program-p03_01 table.check_box td .box_inner02,
  .content-program-p03_02 table.check_box td .box_inner02,
  .content-program-p03_03 table.check_box td .box_inner02,
  .content-program-p03_04 table.check_box td .box_inner02,
  .content-program-p03_05 table.check_box td .box_inner02,
  .content-program-p03_07 table.check_box td .box_inner02 {
    background: none;
  }
}

.content-program-p01_01 table.check_box td .box_inner02 .title01,
.content-program-p01_02 table.check_box td .box_inner02 .title01,
.content-program-p01_03 table.check_box td .box_inner02 .title01,
.content-program-p01_05 table.check_box td .box_inner02 .title01,
.content-program-p01_06 table.check_box td .box_inner02 .title01,
.content-program-p01_07 table.check_box td .box_inner02 .title01,
.content-program-p01_08 table.check_box td .box_inner02 .title01,
.content-program-p01_09 table.check_box td .box_inner02 .title01,
.content-program-p01_10 table.check_box td .box_inner02 .title01,
.content-program-p01_11 table.check_box td .box_inner02 .title01,
.content-program-p02_01 table.check_box td .box_inner02 .title01,
.content-program-p02_02 table.check_box td .box_inner02 .title01,
.content-program-p02_03 table.check_box td .box_inner02 .title01,
.content-program-p02_04 table.check_box td .box_inner02 .title01,
.content-program-p02_05 table.check_box td .box_inner02 .title01,
.content-program-p02_06 table.check_box td .box_inner02 .title01,
.content-program-p02_07 table.check_box td .box_inner02 .title01,
.content-program-p02_08 table.check_box td .box_inner02 .title01,
.content-program-p02_10 table.check_box td .box_inner02 .title01,
.content-program-p02_15 table.check_box td .box_inner02 .title01,
.content-program-p03_01 table.check_box td .box_inner02 .title01,
.content-program-p03_02 table.check_box td .box_inner02 .title01,
.content-program-p03_03 table.check_box td .box_inner02 .title01,
.content-program-p03_04 table.check_box td .box_inner02 .title01,
.content-program-p03_05 table.check_box td .box_inner02 .title01,
.content-program-p03_07 table.check_box td .box_inner02 .title01 {
  height: 50px;
  background: url("../img/program/icon_title01.gif") no-repeat 6px center;
  padding-left: 100px;
  color: #333;
  line-height: 50px;
  overflow: hidden;
}

@media (max-width: 823px) {
  .content-program-p01_01 table.check_box td .box_inner02 .title01,
  .content-program-p01_02 table.check_box td .box_inner02 .title01,
  .content-program-p01_03 table.check_box td .box_inner02 .title01,
  .content-program-p01_05 table.check_box td .box_inner02 .title01,
  .content-program-p01_06 table.check_box td .box_inner02 .title01,
  .content-program-p01_07 table.check_box td .box_inner02 .title01,
  .content-program-p01_08 table.check_box td .box_inner02 .title01,
  .content-program-p01_09 table.check_box td .box_inner02 .title01,
  .content-program-p01_10 table.check_box td .box_inner02 .title01,
  .content-program-p01_11 table.check_box td .box_inner02 .title01,
  .content-program-p02_01 table.check_box td .box_inner02 .title01,
  .content-program-p02_02 table.check_box td .box_inner02 .title01,
  .content-program-p02_03 table.check_box td .box_inner02 .title01,
  .content-program-p02_04 table.check_box td .box_inner02 .title01,
  .content-program-p02_05 table.check_box td .box_inner02 .title01,
  .content-program-p02_06 table.check_box td .box_inner02 .title01,
  .content-program-p02_07 table.check_box td .box_inner02 .title01,
  .content-program-p02_08 table.check_box td .box_inner02 .title01,
  .content-program-p02_10 table.check_box td .box_inner02 .title01,
  .content-program-p02_15 table.check_box td .box_inner02 .title01,
  .content-program-p03_01 table.check_box td .box_inner02 .title01,
  .content-program-p03_02 table.check_box td .box_inner02 .title01,
  .content-program-p03_03 table.check_box td .box_inner02 .title01,
  .content-program-p03_04 table.check_box td .box_inner02 .title01,
  .content-program-p03_05 table.check_box td .box_inner02 .title01,
  .content-program-p03_07 table.check_box td .box_inner02 .title01 {
    background: url("../img/program/icon_title01.gif") no-repeat 2px center #0080cc;
    padding: 0px 0 0px 90px;
    position: relative;
  }
  .content-program-p01_01 table.check_box td .box_inner02 .title01 span,
  .content-program-p01_02 table.check_box td .box_inner02 .title01 span,
  .content-program-p01_03 table.check_box td .box_inner02 .title01 span,
  .content-program-p01_05 table.check_box td .box_inner02 .title01 span,
  .content-program-p01_06 table.check_box td .box_inner02 .title01 span,
  .content-program-p01_07 table.check_box td .box_inner02 .title01 span,
  .content-program-p01_08 table.check_box td .box_inner02 .title01 span,
  .content-program-p01_09 table.check_box td .box_inner02 .title01 span,
  .content-program-p01_10 table.check_box td .box_inner02 .title01 span,
  .content-program-p01_11 table.check_box td .box_inner02 .title01 span,
  .content-program-p02_01 table.check_box td .box_inner02 .title01 span,
  .content-program-p02_02 table.check_box td .box_inner02 .title01 span,
  .content-program-p02_03 table.check_box td .box_inner02 .title01 span,
  .content-program-p02_04 table.check_box td .box_inner02 .title01 span,
  .content-program-p02_05 table.check_box td .box_inner02 .title01 span,
  .content-program-p02_06 table.check_box td .box_inner02 .title01 span,
  .content-program-p02_07 table.check_box td .box_inner02 .title01 span,
  .content-program-p02_08 table.check_box td .box_inner02 .title01 span,
  .content-program-p02_10 table.check_box td .box_inner02 .title01 span,
  .content-program-p02_15 table.check_box td .box_inner02 .title01 span,
  .content-program-p03_01 table.check_box td .box_inner02 .title01 span,
  .content-program-p03_02 table.check_box td .box_inner02 .title01 span,
  .content-program-p03_03 table.check_box td .box_inner02 .title01 span,
  .content-program-p03_04 table.check_box td .box_inner02 .title01 span,
  .content-program-p03_05 table.check_box td .box_inner02 .title01 span,
  .content-program-p03_07 table.check_box td .box_inner02 .title01 span {
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    position: relative;
    margin-left: 0px;
    padding: 5px 5px 5px 10px;
    min-height: 50px;
  }
}

.content-program-p01_01 table.check_box td .box_inner02 .title01_col2,
.content-program-p01_02 table.check_box td .box_inner02 .title01_col2,
.content-program-p01_03 table.check_box td .box_inner02 .title01_col2,
.content-program-p01_05 table.check_box td .box_inner02 .title01_col2,
.content-program-p01_06 table.check_box td .box_inner02 .title01_col2,
.content-program-p01_07 table.check_box td .box_inner02 .title01_col2,
.content-program-p01_08 table.check_box td .box_inner02 .title01_col2,
.content-program-p01_09 table.check_box td .box_inner02 .title01_col2,
.content-program-p01_10 table.check_box td .box_inner02 .title01_col2,
.content-program-p01_11 table.check_box td .box_inner02 .title01_col2,
.content-program-p02_01 table.check_box td .box_inner02 .title01_col2,
.content-program-p02_02 table.check_box td .box_inner02 .title01_col2,
.content-program-p02_03 table.check_box td .box_inner02 .title01_col2,
.content-program-p02_04 table.check_box td .box_inner02 .title01_col2,
.content-program-p02_05 table.check_box td .box_inner02 .title01_col2,
.content-program-p02_06 table.check_box td .box_inner02 .title01_col2,
.content-program-p02_07 table.check_box td .box_inner02 .title01_col2,
.content-program-p02_08 table.check_box td .box_inner02 .title01_col2,
.content-program-p02_10 table.check_box td .box_inner02 .title01_col2,
.content-program-p02_15 table.check_box td .box_inner02 .title01_col2,
.content-program-p03_01 table.check_box td .box_inner02 .title01_col2,
.content-program-p03_02 table.check_box td .box_inner02 .title01_col2,
.content-program-p03_03 table.check_box td .box_inner02 .title01_col2,
.content-program-p03_04 table.check_box td .box_inner02 .title01_col2,
.content-program-p03_05 table.check_box td .box_inner02 .title01_col2,
.content-program-p03_07 table.check_box td .box_inner02 .title01_col2 {
  background: url("../img/program/icon_title01.gif") no-repeat 6px center;
  padding: 9px 0 7px 100px;
  color: #333;
  line-height: 18px;
  overflow: hidden;
  height: 100%;
  min-height: 50px;
}

@media (max-width: 823px) {
  .content-program-p01_01 table.check_box td .box_inner02 .title01_col2,
  .content-program-p01_02 table.check_box td .box_inner02 .title01_col2,
  .content-program-p01_03 table.check_box td .box_inner02 .title01_col2,
  .content-program-p01_05 table.check_box td .box_inner02 .title01_col2,
  .content-program-p01_06 table.check_box td .box_inner02 .title01_col2,
  .content-program-p01_07 table.check_box td .box_inner02 .title01_col2,
  .content-program-p01_08 table.check_box td .box_inner02 .title01_col2,
  .content-program-p01_09 table.check_box td .box_inner02 .title01_col2,
  .content-program-p01_10 table.check_box td .box_inner02 .title01_col2,
  .content-program-p01_11 table.check_box td .box_inner02 .title01_col2,
  .content-program-p02_01 table.check_box td .box_inner02 .title01_col2,
  .content-program-p02_02 table.check_box td .box_inner02 .title01_col2,
  .content-program-p02_03 table.check_box td .box_inner02 .title01_col2,
  .content-program-p02_04 table.check_box td .box_inner02 .title01_col2,
  .content-program-p02_05 table.check_box td .box_inner02 .title01_col2,
  .content-program-p02_06 table.check_box td .box_inner02 .title01_col2,
  .content-program-p02_07 table.check_box td .box_inner02 .title01_col2,
  .content-program-p02_08 table.check_box td .box_inner02 .title01_col2,
  .content-program-p02_10 table.check_box td .box_inner02 .title01_col2,
  .content-program-p02_15 table.check_box td .box_inner02 .title01_col2,
  .content-program-p03_01 table.check_box td .box_inner02 .title01_col2,
  .content-program-p03_02 table.check_box td .box_inner02 .title01_col2,
  .content-program-p03_03 table.check_box td .box_inner02 .title01_col2,
  .content-program-p03_04 table.check_box td .box_inner02 .title01_col2,
  .content-program-p03_05 table.check_box td .box_inner02 .title01_col2,
  .content-program-p03_07 table.check_box td .box_inner02 .title01_col2 {
    background: url("../img/program/icon_title01.gif") no-repeat 2px center #0080cc;
    padding: 0px 0 0px 90px;
    position: relative;
  }
  .content-program-p01_01 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p01_02 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p01_03 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p01_05 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p01_06 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p01_07 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p01_08 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p01_09 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p01_10 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p01_11 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p02_01 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p02_02 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p02_03 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p02_04 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p02_05 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p02_06 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p02_07 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p02_08 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p02_10 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p02_15 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p03_01 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p03_02 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p03_03 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p03_04 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p03_05 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p03_07 table.check_box td .box_inner02 .title01_col2 span {
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    position: relative;
    margin-left: 0px;
    padding: 5px 5px 5px 10px;
    box-sizing: border-box;
    min-height: 50px;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-program-p01_01 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p01_02 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p01_03 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p01_05 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p01_06 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p01_07 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p01_08 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p01_09 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p01_10 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p01_11 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p02_01 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p02_02 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p02_03 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p02_04 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p02_05 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p02_06 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p02_07 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p02_08 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p02_10 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p02_15 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p03_01 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p03_02 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p03_03 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p03_04 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p03_05 table.check_box td .box_inner02 .title01_col2 span,
  .content-program-p03_07 table.check_box td .box_inner02 .title01_col2 span {
    border: solid 2px #fff;
  }
}

.content-program-p01_01 table.check_box td .box_inner02 .title02,
.content-program-p01_02 table.check_box td .box_inner02 .title02,
.content-program-p01_03 table.check_box td .box_inner02 .title02,
.content-program-p01_05 table.check_box td .box_inner02 .title02,
.content-program-p01_06 table.check_box td .box_inner02 .title02,
.content-program-p01_07 table.check_box td .box_inner02 .title02,
.content-program-p01_08 table.check_box td .box_inner02 .title02,
.content-program-p01_09 table.check_box td .box_inner02 .title02,
.content-program-p01_10 table.check_box td .box_inner02 .title02,
.content-program-p01_11 table.check_box td .box_inner02 .title02,
.content-program-p02_01 table.check_box td .box_inner02 .title02,
.content-program-p02_02 table.check_box td .box_inner02 .title02,
.content-program-p02_03 table.check_box td .box_inner02 .title02,
.content-program-p02_04 table.check_box td .box_inner02 .title02,
.content-program-p02_05 table.check_box td .box_inner02 .title02,
.content-program-p02_06 table.check_box td .box_inner02 .title02,
.content-program-p02_07 table.check_box td .box_inner02 .title02,
.content-program-p02_08 table.check_box td .box_inner02 .title02,
.content-program-p02_10 table.check_box td .box_inner02 .title02,
.content-program-p02_15 table.check_box td .box_inner02 .title02,
.content-program-p03_01 table.check_box td .box_inner02 .title02,
.content-program-p03_02 table.check_box td .box_inner02 .title02,
.content-program-p03_03 table.check_box td .box_inner02 .title02,
.content-program-p03_04 table.check_box td .box_inner02 .title02,
.content-program-p03_05 table.check_box td .box_inner02 .title02,
.content-program-p03_07 table.check_box td .box_inner02 .title02 {
  height: 50px;
  background: url("../img/program/icon_title02.gif") no-repeat 6px center;
  padding: 5px 5px 5px 100px;
  color: #333;
  overflow: hidden;
}

@media (max-width: 823px) {
  .content-program-p01_01 table.check_box td .box_inner02 .title02,
  .content-program-p01_02 table.check_box td .box_inner02 .title02,
  .content-program-p01_03 table.check_box td .box_inner02 .title02,
  .content-program-p01_05 table.check_box td .box_inner02 .title02,
  .content-program-p01_06 table.check_box td .box_inner02 .title02,
  .content-program-p01_07 table.check_box td .box_inner02 .title02,
  .content-program-p01_08 table.check_box td .box_inner02 .title02,
  .content-program-p01_09 table.check_box td .box_inner02 .title02,
  .content-program-p01_10 table.check_box td .box_inner02 .title02,
  .content-program-p01_11 table.check_box td .box_inner02 .title02,
  .content-program-p02_01 table.check_box td .box_inner02 .title02,
  .content-program-p02_02 table.check_box td .box_inner02 .title02,
  .content-program-p02_03 table.check_box td .box_inner02 .title02,
  .content-program-p02_04 table.check_box td .box_inner02 .title02,
  .content-program-p02_05 table.check_box td .box_inner02 .title02,
  .content-program-p02_06 table.check_box td .box_inner02 .title02,
  .content-program-p02_07 table.check_box td .box_inner02 .title02,
  .content-program-p02_08 table.check_box td .box_inner02 .title02,
  .content-program-p02_10 table.check_box td .box_inner02 .title02,
  .content-program-p02_15 table.check_box td .box_inner02 .title02,
  .content-program-p03_01 table.check_box td .box_inner02 .title02,
  .content-program-p03_02 table.check_box td .box_inner02 .title02,
  .content-program-p03_03 table.check_box td .box_inner02 .title02,
  .content-program-p03_04 table.check_box td .box_inner02 .title02,
  .content-program-p03_05 table.check_box td .box_inner02 .title02,
  .content-program-p03_07 table.check_box td .box_inner02 .title02 {
    background: url("../img/program/icon_title02.gif") no-repeat 2px center #0080cc;
    padding: 0px 0 0px 90px;
    position: relative;
    overflow: visible;
    min-height: 50px;
    height: auto;
    display: flex;
    flex-flow: column;
    align-items: stretch;
  }
  .content-program-p01_01 table.check_box td .box_inner02 .title02 span,
  .content-program-p01_02 table.check_box td .box_inner02 .title02 span,
  .content-program-p01_03 table.check_box td .box_inner02 .title02 span,
  .content-program-p01_05 table.check_box td .box_inner02 .title02 span,
  .content-program-p01_06 table.check_box td .box_inner02 .title02 span,
  .content-program-p01_07 table.check_box td .box_inner02 .title02 span,
  .content-program-p01_08 table.check_box td .box_inner02 .title02 span,
  .content-program-p01_09 table.check_box td .box_inner02 .title02 span,
  .content-program-p01_10 table.check_box td .box_inner02 .title02 span,
  .content-program-p01_11 table.check_box td .box_inner02 .title02 span,
  .content-program-p02_01 table.check_box td .box_inner02 .title02 span,
  .content-program-p02_02 table.check_box td .box_inner02 .title02 span,
  .content-program-p02_03 table.check_box td .box_inner02 .title02 span,
  .content-program-p02_04 table.check_box td .box_inner02 .title02 span,
  .content-program-p02_05 table.check_box td .box_inner02 .title02 span,
  .content-program-p02_06 table.check_box td .box_inner02 .title02 span,
  .content-program-p02_07 table.check_box td .box_inner02 .title02 span,
  .content-program-p02_08 table.check_box td .box_inner02 .title02 span,
  .content-program-p02_10 table.check_box td .box_inner02 .title02 span,
  .content-program-p02_15 table.check_box td .box_inner02 .title02 span,
  .content-program-p03_01 table.check_box td .box_inner02 .title02 span,
  .content-program-p03_02 table.check_box td .box_inner02 .title02 span,
  .content-program-p03_03 table.check_box td .box_inner02 .title02 span,
  .content-program-p03_04 table.check_box td .box_inner02 .title02 span,
  .content-program-p03_05 table.check_box td .box_inner02 .title02 span,
  .content-program-p03_07 table.check_box td .box_inner02 .title02 span {
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    position: relative;
    margin-left: 0px;
    padding: 5px 5px 5px 10px;
    line-height: 20px;
    min-height: 50px;
  }
}

.content-program-p01_01 table.check_box td .box_inner02 .title02_col2,
.content-program-p01_02 table.check_box td .box_inner02 .title02_col2,
.content-program-p01_03 table.check_box td .box_inner02 .title02_col2,
.content-program-p01_05 table.check_box td .box_inner02 .title02_col2,
.content-program-p01_06 table.check_box td .box_inner02 .title02_col2,
.content-program-p01_07 table.check_box td .box_inner02 .title02_col2,
.content-program-p01_08 table.check_box td .box_inner02 .title02_col2,
.content-program-p01_09 table.check_box td .box_inner02 .title02_col2,
.content-program-p01_10 table.check_box td .box_inner02 .title02_col2,
.content-program-p01_11 table.check_box td .box_inner02 .title02_col2,
.content-program-p02_01 table.check_box td .box_inner02 .title02_col2,
.content-program-p02_02 table.check_box td .box_inner02 .title02_col2,
.content-program-p02_03 table.check_box td .box_inner02 .title02_col2,
.content-program-p02_04 table.check_box td .box_inner02 .title02_col2,
.content-program-p02_05 table.check_box td .box_inner02 .title02_col2,
.content-program-p02_06 table.check_box td .box_inner02 .title02_col2,
.content-program-p02_07 table.check_box td .box_inner02 .title02_col2,
.content-program-p02_08 table.check_box td .box_inner02 .title02_col2,
.content-program-p02_10 table.check_box td .box_inner02 .title02_col2,
.content-program-p02_15 table.check_box td .box_inner02 .title02_col2,
.content-program-p03_01 table.check_box td .box_inner02 .title02_col2,
.content-program-p03_02 table.check_box td .box_inner02 .title02_col2,
.content-program-p03_03 table.check_box td .box_inner02 .title02_col2,
.content-program-p03_04 table.check_box td .box_inner02 .title02_col2,
.content-program-p03_05 table.check_box td .box_inner02 .title02_col2,
.content-program-p03_07 table.check_box td .box_inner02 .title02_col2 {
  background: url("../img/program/icon_title02.gif") no-repeat 6px center;
  padding: 8px 0 8px 100px;
  color: #333;
  line-height: 18px;
  overflow: hidden;
  min-height: 50px;
}

.content-program-p01_01 table.check_box td .box_inner02 .title03,
.content-program-p01_02 table.check_box td .box_inner02 .title03,
.content-program-p01_03 table.check_box td .box_inner02 .title03,
.content-program-p01_05 table.check_box td .box_inner02 .title03,
.content-program-p01_06 table.check_box td .box_inner02 .title03,
.content-program-p01_07 table.check_box td .box_inner02 .title03,
.content-program-p01_08 table.check_box td .box_inner02 .title03,
.content-program-p01_09 table.check_box td .box_inner02 .title03,
.content-program-p01_10 table.check_box td .box_inner02 .title03,
.content-program-p01_11 table.check_box td .box_inner02 .title03,
.content-program-p02_01 table.check_box td .box_inner02 .title03,
.content-program-p02_02 table.check_box td .box_inner02 .title03,
.content-program-p02_03 table.check_box td .box_inner02 .title03,
.content-program-p02_04 table.check_box td .box_inner02 .title03,
.content-program-p02_05 table.check_box td .box_inner02 .title03,
.content-program-p02_06 table.check_box td .box_inner02 .title03,
.content-program-p02_07 table.check_box td .box_inner02 .title03,
.content-program-p02_08 table.check_box td .box_inner02 .title03,
.content-program-p02_10 table.check_box td .box_inner02 .title03,
.content-program-p02_15 table.check_box td .box_inner02 .title03,
.content-program-p03_01 table.check_box td .box_inner02 .title03,
.content-program-p03_02 table.check_box td .box_inner02 .title03,
.content-program-p03_03 table.check_box td .box_inner02 .title03,
.content-program-p03_04 table.check_box td .box_inner02 .title03,
.content-program-p03_05 table.check_box td .box_inner02 .title03,
.content-program-p03_07 table.check_box td .box_inner02 .title03 {
  height: 50px;
  background: url("../img/program/icon_title03.gif") no-repeat 6px center;
  padding-left: 100px;
  color: #333;
  line-height: 50px;
  overflow: hidden;
  min-height: 50px;
}

@media (max-width: 823px) {
  .content-program-p01_01 table.check_box td .box_inner02 .title03,
  .content-program-p01_02 table.check_box td .box_inner02 .title03,
  .content-program-p01_03 table.check_box td .box_inner02 .title03,
  .content-program-p01_05 table.check_box td .box_inner02 .title03,
  .content-program-p01_06 table.check_box td .box_inner02 .title03,
  .content-program-p01_07 table.check_box td .box_inner02 .title03,
  .content-program-p01_08 table.check_box td .box_inner02 .title03,
  .content-program-p01_09 table.check_box td .box_inner02 .title03,
  .content-program-p01_10 table.check_box td .box_inner02 .title03,
  .content-program-p01_11 table.check_box td .box_inner02 .title03,
  .content-program-p02_01 table.check_box td .box_inner02 .title03,
  .content-program-p02_02 table.check_box td .box_inner02 .title03,
  .content-program-p02_03 table.check_box td .box_inner02 .title03,
  .content-program-p02_04 table.check_box td .box_inner02 .title03,
  .content-program-p02_05 table.check_box td .box_inner02 .title03,
  .content-program-p02_06 table.check_box td .box_inner02 .title03,
  .content-program-p02_07 table.check_box td .box_inner02 .title03,
  .content-program-p02_08 table.check_box td .box_inner02 .title03,
  .content-program-p02_10 table.check_box td .box_inner02 .title03,
  .content-program-p02_15 table.check_box td .box_inner02 .title03,
  .content-program-p03_01 table.check_box td .box_inner02 .title03,
  .content-program-p03_02 table.check_box td .box_inner02 .title03,
  .content-program-p03_03 table.check_box td .box_inner02 .title03,
  .content-program-p03_04 table.check_box td .box_inner02 .title03,
  .content-program-p03_05 table.check_box td .box_inner02 .title03,
  .content-program-p03_07 table.check_box td .box_inner02 .title03 {
    background: url("../img/program/icon_title01.gif") no-repeat 2px center #0080cc;
    padding: 0px 0 0px 90px;
    position: relative;
  }
  .content-program-p01_01 table.check_box td .box_inner02 .title03 span,
  .content-program-p01_02 table.check_box td .box_inner02 .title03 span,
  .content-program-p01_03 table.check_box td .box_inner02 .title03 span,
  .content-program-p01_05 table.check_box td .box_inner02 .title03 span,
  .content-program-p01_06 table.check_box td .box_inner02 .title03 span,
  .content-program-p01_07 table.check_box td .box_inner02 .title03 span,
  .content-program-p01_08 table.check_box td .box_inner02 .title03 span,
  .content-program-p01_09 table.check_box td .box_inner02 .title03 span,
  .content-program-p01_10 table.check_box td .box_inner02 .title03 span,
  .content-program-p01_11 table.check_box td .box_inner02 .title03 span,
  .content-program-p02_01 table.check_box td .box_inner02 .title03 span,
  .content-program-p02_02 table.check_box td .box_inner02 .title03 span,
  .content-program-p02_03 table.check_box td .box_inner02 .title03 span,
  .content-program-p02_04 table.check_box td .box_inner02 .title03 span,
  .content-program-p02_05 table.check_box td .box_inner02 .title03 span,
  .content-program-p02_06 table.check_box td .box_inner02 .title03 span,
  .content-program-p02_07 table.check_box td .box_inner02 .title03 span,
  .content-program-p02_08 table.check_box td .box_inner02 .title03 span,
  .content-program-p02_10 table.check_box td .box_inner02 .title03 span,
  .content-program-p02_15 table.check_box td .box_inner02 .title03 span,
  .content-program-p03_01 table.check_box td .box_inner02 .title03 span,
  .content-program-p03_02 table.check_box td .box_inner02 .title03 span,
  .content-program-p03_03 table.check_box td .box_inner02 .title03 span,
  .content-program-p03_04 table.check_box td .box_inner02 .title03 span,
  .content-program-p03_05 table.check_box td .box_inner02 .title03 span,
  .content-program-p03_07 table.check_box td .box_inner02 .title03 span {
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    position: relative;
    margin-left: 0px;
    padding: 5px 5px 5px 10px;
    min-height: 50px;
  }
}

.content-program-p01_01 table.check_box td .box_inner02 .title03_col2,
.content-program-p01_02 table.check_box td .box_inner02 .title03_col2,
.content-program-p01_03 table.check_box td .box_inner02 .title03_col2,
.content-program-p01_05 table.check_box td .box_inner02 .title03_col2,
.content-program-p01_06 table.check_box td .box_inner02 .title03_col2,
.content-program-p01_07 table.check_box td .box_inner02 .title03_col2,
.content-program-p01_08 table.check_box td .box_inner02 .title03_col2,
.content-program-p01_09 table.check_box td .box_inner02 .title03_col2,
.content-program-p01_10 table.check_box td .box_inner02 .title03_col2,
.content-program-p01_11 table.check_box td .box_inner02 .title03_col2,
.content-program-p02_01 table.check_box td .box_inner02 .title03_col2,
.content-program-p02_02 table.check_box td .box_inner02 .title03_col2,
.content-program-p02_03 table.check_box td .box_inner02 .title03_col2,
.content-program-p02_04 table.check_box td .box_inner02 .title03_col2,
.content-program-p02_05 table.check_box td .box_inner02 .title03_col2,
.content-program-p02_06 table.check_box td .box_inner02 .title03_col2,
.content-program-p02_07 table.check_box td .box_inner02 .title03_col2,
.content-program-p02_08 table.check_box td .box_inner02 .title03_col2,
.content-program-p02_10 table.check_box td .box_inner02 .title03_col2,
.content-program-p02_15 table.check_box td .box_inner02 .title03_col2,
.content-program-p03_01 table.check_box td .box_inner02 .title03_col2,
.content-program-p03_02 table.check_box td .box_inner02 .title03_col2,
.content-program-p03_03 table.check_box td .box_inner02 .title03_col2,
.content-program-p03_04 table.check_box td .box_inner02 .title03_col2,
.content-program-p03_05 table.check_box td .box_inner02 .title03_col2,
.content-program-p03_07 table.check_box td .box_inner02 .title03_col2 {
  background: url("../img/program/icon_title03.gif") no-repeat 6px center;
  padding: 8px 0 8px 100px;
  color: #333;
  line-height: 18px;
  overflow: hidden;
  min-height: 50px;
}

@media (max-width: 823px) {
  .content-program-p01_01 table.check_box td .box_inner02 .title03_col2,
  .content-program-p01_02 table.check_box td .box_inner02 .title03_col2,
  .content-program-p01_03 table.check_box td .box_inner02 .title03_col2,
  .content-program-p01_05 table.check_box td .box_inner02 .title03_col2,
  .content-program-p01_06 table.check_box td .box_inner02 .title03_col2,
  .content-program-p01_07 table.check_box td .box_inner02 .title03_col2,
  .content-program-p01_08 table.check_box td .box_inner02 .title03_col2,
  .content-program-p01_09 table.check_box td .box_inner02 .title03_col2,
  .content-program-p01_10 table.check_box td .box_inner02 .title03_col2,
  .content-program-p01_11 table.check_box td .box_inner02 .title03_col2,
  .content-program-p02_01 table.check_box td .box_inner02 .title03_col2,
  .content-program-p02_02 table.check_box td .box_inner02 .title03_col2,
  .content-program-p02_03 table.check_box td .box_inner02 .title03_col2,
  .content-program-p02_04 table.check_box td .box_inner02 .title03_col2,
  .content-program-p02_05 table.check_box td .box_inner02 .title03_col2,
  .content-program-p02_06 table.check_box td .box_inner02 .title03_col2,
  .content-program-p02_07 table.check_box td .box_inner02 .title03_col2,
  .content-program-p02_08 table.check_box td .box_inner02 .title03_col2,
  .content-program-p02_10 table.check_box td .box_inner02 .title03_col2,
  .content-program-p02_15 table.check_box td .box_inner02 .title03_col2,
  .content-program-p03_01 table.check_box td .box_inner02 .title03_col2,
  .content-program-p03_02 table.check_box td .box_inner02 .title03_col2,
  .content-program-p03_03 table.check_box td .box_inner02 .title03_col2,
  .content-program-p03_04 table.check_box td .box_inner02 .title03_col2,
  .content-program-p03_05 table.check_box td .box_inner02 .title03_col2,
  .content-program-p03_07 table.check_box td .box_inner02 .title03_col2 {
    background: url("../img/program/icon_title03.gif") no-repeat 2px center #0080cc;
    padding: 0px 0 0px 90px;
    position: relative;
  }
  .content-program-p01_01 table.check_box td .box_inner02 .title03_col2 span,
  .content-program-p01_02 table.check_box td .box_inner02 .title03_col2 span,
  .content-program-p01_03 table.check_box td .box_inner02 .title03_col2 span,
  .content-program-p01_05 table.check_box td .box_inner02 .title03_col2 span,
  .content-program-p01_06 table.check_box td .box_inner02 .title03_col2 span,
  .content-program-p01_07 table.check_box td .box_inner02 .title03_col2 span,
  .content-program-p01_08 table.check_box td .box_inner02 .title03_col2 span,
  .content-program-p01_09 table.check_box td .box_inner02 .title03_col2 span,
  .content-program-p01_10 table.check_box td .box_inner02 .title03_col2 span,
  .content-program-p01_11 table.check_box td .box_inner02 .title03_col2 span,
  .content-program-p02_01 table.check_box td .box_inner02 .title03_col2 span,
  .content-program-p02_02 table.check_box td .box_inner02 .title03_col2 span,
  .content-program-p02_03 table.check_box td .box_inner02 .title03_col2 span,
  .content-program-p02_04 table.check_box td .box_inner02 .title03_col2 span,
  .content-program-p02_05 table.check_box td .box_inner02 .title03_col2 span,
  .content-program-p02_06 table.check_box td .box_inner02 .title03_col2 span,
  .content-program-p02_07 table.check_box td .box_inner02 .title03_col2 span,
  .content-program-p02_08 table.check_box td .box_inner02 .title03_col2 span,
  .content-program-p02_10 table.check_box td .box_inner02 .title03_col2 span,
  .content-program-p02_15 table.check_box td .box_inner02 .title03_col2 span,
  .content-program-p03_01 table.check_box td .box_inner02 .title03_col2 span,
  .content-program-p03_02 table.check_box td .box_inner02 .title03_col2 span,
  .content-program-p03_03 table.check_box td .box_inner02 .title03_col2 span,
  .content-program-p03_04 table.check_box td .box_inner02 .title03_col2 span,
  .content-program-p03_05 table.check_box td .box_inner02 .title03_col2 span,
  .content-program-p03_07 table.check_box td .box_inner02 .title03_col2 span {
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    position: relative;
    margin-left: 0px;
    padding: 5px 5px 5px 10px;
    line-height: 20px;
    min-height: 50px;
  }
}

.content-program-p01_01 table.check_box th.bg01,
.content-program-p01_02 table.check_box th.bg01,
.content-program-p01_03 table.check_box th.bg01,
.content-program-p01_05 table.check_box th.bg01,
.content-program-p01_06 table.check_box th.bg01,
.content-program-p01_07 table.check_box th.bg01,
.content-program-p01_08 table.check_box th.bg01,
.content-program-p01_09 table.check_box th.bg01,
.content-program-p01_10 table.check_box th.bg01,
.content-program-p01_11 table.check_box th.bg01,
.content-program-p02_01 table.check_box th.bg01,
.content-program-p02_02 table.check_box th.bg01,
.content-program-p02_03 table.check_box th.bg01,
.content-program-p02_04 table.check_box th.bg01,
.content-program-p02_05 table.check_box th.bg01,
.content-program-p02_06 table.check_box th.bg01,
.content-program-p02_07 table.check_box th.bg01,
.content-program-p02_08 table.check_box th.bg01,
.content-program-p02_10 table.check_box th.bg01,
.content-program-p02_15 table.check_box th.bg01,
.content-program-p03_01 table.check_box th.bg01,
.content-program-p03_02 table.check_box th.bg01,
.content-program-p03_03 table.check_box th.bg01,
.content-program-p03_04 table.check_box th.bg01,
.content-program-p03_05 table.check_box th.bg01,
.content-program-p03_07 table.check_box th.bg01 {
  background: url("../img/number01.gif") no-repeat left top;
}

.content-program-p01_01 table.check_box th.bg02,
.content-program-p01_02 table.check_box th.bg02,
.content-program-p01_03 table.check_box th.bg02,
.content-program-p01_05 table.check_box th.bg02,
.content-program-p01_06 table.check_box th.bg02,
.content-program-p01_07 table.check_box th.bg02,
.content-program-p01_08 table.check_box th.bg02,
.content-program-p01_09 table.check_box th.bg02,
.content-program-p01_10 table.check_box th.bg02,
.content-program-p01_11 table.check_box th.bg02,
.content-program-p02_01 table.check_box th.bg02,
.content-program-p02_02 table.check_box th.bg02,
.content-program-p02_03 table.check_box th.bg02,
.content-program-p02_04 table.check_box th.bg02,
.content-program-p02_05 table.check_box th.bg02,
.content-program-p02_06 table.check_box th.bg02,
.content-program-p02_07 table.check_box th.bg02,
.content-program-p02_08 table.check_box th.bg02,
.content-program-p02_10 table.check_box th.bg02,
.content-program-p02_15 table.check_box th.bg02,
.content-program-p03_01 table.check_box th.bg02,
.content-program-p03_02 table.check_box th.bg02,
.content-program-p03_03 table.check_box th.bg02,
.content-program-p03_04 table.check_box th.bg02,
.content-program-p03_05 table.check_box th.bg02,
.content-program-p03_07 table.check_box th.bg02 {
  background: url("../img/number02.gif") no-repeat left top;
}

.content-program-p01_01 table.check_box th.bg03,
.content-program-p01_02 table.check_box th.bg03,
.content-program-p01_03 table.check_box th.bg03,
.content-program-p01_05 table.check_box th.bg03,
.content-program-p01_06 table.check_box th.bg03,
.content-program-p01_07 table.check_box th.bg03,
.content-program-p01_08 table.check_box th.bg03,
.content-program-p01_09 table.check_box th.bg03,
.content-program-p01_10 table.check_box th.bg03,
.content-program-p01_11 table.check_box th.bg03,
.content-program-p02_01 table.check_box th.bg03,
.content-program-p02_02 table.check_box th.bg03,
.content-program-p02_03 table.check_box th.bg03,
.content-program-p02_04 table.check_box th.bg03,
.content-program-p02_05 table.check_box th.bg03,
.content-program-p02_06 table.check_box th.bg03,
.content-program-p02_07 table.check_box th.bg03,
.content-program-p02_08 table.check_box th.bg03,
.content-program-p02_10 table.check_box th.bg03,
.content-program-p02_15 table.check_box th.bg03,
.content-program-p03_01 table.check_box th.bg03,
.content-program-p03_02 table.check_box th.bg03,
.content-program-p03_03 table.check_box th.bg03,
.content-program-p03_04 table.check_box th.bg03,
.content-program-p03_05 table.check_box th.bg03,
.content-program-p03_07 table.check_box th.bg03 {
  background: url("../img/number03.gif") no-repeat left top;
}

.content-program-p01_01 table.check_box th.bg04,
.content-program-p01_02 table.check_box th.bg04,
.content-program-p01_03 table.check_box th.bg04,
.content-program-p01_05 table.check_box th.bg04,
.content-program-p01_06 table.check_box th.bg04,
.content-program-p01_07 table.check_box th.bg04,
.content-program-p01_08 table.check_box th.bg04,
.content-program-p01_09 table.check_box th.bg04,
.content-program-p01_10 table.check_box th.bg04,
.content-program-p01_11 table.check_box th.bg04,
.content-program-p02_01 table.check_box th.bg04,
.content-program-p02_02 table.check_box th.bg04,
.content-program-p02_03 table.check_box th.bg04,
.content-program-p02_04 table.check_box th.bg04,
.content-program-p02_05 table.check_box th.bg04,
.content-program-p02_06 table.check_box th.bg04,
.content-program-p02_07 table.check_box th.bg04,
.content-program-p02_08 table.check_box th.bg04,
.content-program-p02_10 table.check_box th.bg04,
.content-program-p02_15 table.check_box th.bg04,
.content-program-p03_01 table.check_box th.bg04,
.content-program-p03_02 table.check_box th.bg04,
.content-program-p03_03 table.check_box th.bg04,
.content-program-p03_04 table.check_box th.bg04,
.content-program-p03_05 table.check_box th.bg04,
.content-program-p03_07 table.check_box th.bg04 {
  background: url("../img/number04.gif") no-repeat left top;
}

.content-program-p01_01 table.check_box th.bg05,
.content-program-p01_02 table.check_box th.bg05,
.content-program-p01_03 table.check_box th.bg05,
.content-program-p01_05 table.check_box th.bg05,
.content-program-p01_06 table.check_box th.bg05,
.content-program-p01_07 table.check_box th.bg05,
.content-program-p01_08 table.check_box th.bg05,
.content-program-p01_09 table.check_box th.bg05,
.content-program-p01_10 table.check_box th.bg05,
.content-program-p01_11 table.check_box th.bg05,
.content-program-p02_01 table.check_box th.bg05,
.content-program-p02_02 table.check_box th.bg05,
.content-program-p02_03 table.check_box th.bg05,
.content-program-p02_04 table.check_box th.bg05,
.content-program-p02_05 table.check_box th.bg05,
.content-program-p02_06 table.check_box th.bg05,
.content-program-p02_07 table.check_box th.bg05,
.content-program-p02_08 table.check_box th.bg05,
.content-program-p02_10 table.check_box th.bg05,
.content-program-p02_15 table.check_box th.bg05,
.content-program-p03_01 table.check_box th.bg05,
.content-program-p03_02 table.check_box th.bg05,
.content-program-p03_03 table.check_box th.bg05,
.content-program-p03_04 table.check_box th.bg05,
.content-program-p03_05 table.check_box th.bg05,
.content-program-p03_07 table.check_box th.bg05 {
  background: url("../img/number05.gif") no-repeat left top;
}

.content-program-p01_01 table.check_box th.bg06,
.content-program-p01_02 table.check_box th.bg06,
.content-program-p01_03 table.check_box th.bg06,
.content-program-p01_05 table.check_box th.bg06,
.content-program-p01_06 table.check_box th.bg06,
.content-program-p01_07 table.check_box th.bg06,
.content-program-p01_08 table.check_box th.bg06,
.content-program-p01_09 table.check_box th.bg06,
.content-program-p01_10 table.check_box th.bg06,
.content-program-p01_11 table.check_box th.bg06,
.content-program-p02_01 table.check_box th.bg06,
.content-program-p02_02 table.check_box th.bg06,
.content-program-p02_03 table.check_box th.bg06,
.content-program-p02_04 table.check_box th.bg06,
.content-program-p02_05 table.check_box th.bg06,
.content-program-p02_06 table.check_box th.bg06,
.content-program-p02_07 table.check_box th.bg06,
.content-program-p02_08 table.check_box th.bg06,
.content-program-p02_10 table.check_box th.bg06,
.content-program-p02_15 table.check_box th.bg06,
.content-program-p03_01 table.check_box th.bg06,
.content-program-p03_02 table.check_box th.bg06,
.content-program-p03_03 table.check_box th.bg06,
.content-program-p03_04 table.check_box th.bg06,
.content-program-p03_05 table.check_box th.bg06,
.content-program-p03_07 table.check_box th.bg06 {
  background: url("../img/number06.gif") no-repeat left top;
}

.content-program-p01_01 table.check_box th.bg07,
.content-program-p01_02 table.check_box th.bg07,
.content-program-p01_03 table.check_box th.bg07,
.content-program-p01_05 table.check_box th.bg07,
.content-program-p01_06 table.check_box th.bg07,
.content-program-p01_07 table.check_box th.bg07,
.content-program-p01_08 table.check_box th.bg07,
.content-program-p01_09 table.check_box th.bg07,
.content-program-p01_10 table.check_box th.bg07,
.content-program-p01_11 table.check_box th.bg07,
.content-program-p02_01 table.check_box th.bg07,
.content-program-p02_02 table.check_box th.bg07,
.content-program-p02_03 table.check_box th.bg07,
.content-program-p02_04 table.check_box th.bg07,
.content-program-p02_05 table.check_box th.bg07,
.content-program-p02_06 table.check_box th.bg07,
.content-program-p02_07 table.check_box th.bg07,
.content-program-p02_08 table.check_box th.bg07,
.content-program-p02_10 table.check_box th.bg07,
.content-program-p02_15 table.check_box th.bg07,
.content-program-p03_01 table.check_box th.bg07,
.content-program-p03_02 table.check_box th.bg07,
.content-program-p03_03 table.check_box th.bg07,
.content-program-p03_04 table.check_box th.bg07,
.content-program-p03_05 table.check_box th.bg07,
.content-program-p03_07 table.check_box th.bg07 {
  background: url("../img/number07.gif") no-repeat left top;
}

.content-program-p01_01 table.check_box th.bg08,
.content-program-p01_02 table.check_box th.bg08,
.content-program-p01_03 table.check_box th.bg08,
.content-program-p01_05 table.check_box th.bg08,
.content-program-p01_06 table.check_box th.bg08,
.content-program-p01_07 table.check_box th.bg08,
.content-program-p01_08 table.check_box th.bg08,
.content-program-p01_09 table.check_box th.bg08,
.content-program-p01_10 table.check_box th.bg08,
.content-program-p01_11 table.check_box th.bg08,
.content-program-p02_01 table.check_box th.bg08,
.content-program-p02_02 table.check_box th.bg08,
.content-program-p02_03 table.check_box th.bg08,
.content-program-p02_04 table.check_box th.bg08,
.content-program-p02_05 table.check_box th.bg08,
.content-program-p02_06 table.check_box th.bg08,
.content-program-p02_07 table.check_box th.bg08,
.content-program-p02_08 table.check_box th.bg08,
.content-program-p02_10 table.check_box th.bg08,
.content-program-p02_15 table.check_box th.bg08,
.content-program-p03_01 table.check_box th.bg08,
.content-program-p03_02 table.check_box th.bg08,
.content-program-p03_03 table.check_box th.bg08,
.content-program-p03_04 table.check_box th.bg08,
.content-program-p03_05 table.check_box th.bg08,
.content-program-p03_07 table.check_box th.bg08 {
  background: url("../img/number08.gif") no-repeat left top;
}

.content-program-p01_01 table.check_box th.bg09,
.content-program-p01_02 table.check_box th.bg09,
.content-program-p01_03 table.check_box th.bg09,
.content-program-p01_05 table.check_box th.bg09,
.content-program-p01_06 table.check_box th.bg09,
.content-program-p01_07 table.check_box th.bg09,
.content-program-p01_08 table.check_box th.bg09,
.content-program-p01_09 table.check_box th.bg09,
.content-program-p01_10 table.check_box th.bg09,
.content-program-p01_11 table.check_box th.bg09,
.content-program-p02_01 table.check_box th.bg09,
.content-program-p02_02 table.check_box th.bg09,
.content-program-p02_03 table.check_box th.bg09,
.content-program-p02_04 table.check_box th.bg09,
.content-program-p02_05 table.check_box th.bg09,
.content-program-p02_06 table.check_box th.bg09,
.content-program-p02_07 table.check_box th.bg09,
.content-program-p02_08 table.check_box th.bg09,
.content-program-p02_10 table.check_box th.bg09,
.content-program-p02_15 table.check_box th.bg09,
.content-program-p03_01 table.check_box th.bg09,
.content-program-p03_02 table.check_box th.bg09,
.content-program-p03_03 table.check_box th.bg09,
.content-program-p03_04 table.check_box th.bg09,
.content-program-p03_05 table.check_box th.bg09,
.content-program-p03_07 table.check_box th.bg09 {
  background: url("../img/number09.gif") no-repeat left top;
}

.content-program-p01_01 table.check_box th.bg10,
.content-program-p01_02 table.check_box th.bg10,
.content-program-p01_03 table.check_box th.bg10,
.content-program-p01_05 table.check_box th.bg10,
.content-program-p01_06 table.check_box th.bg10,
.content-program-p01_07 table.check_box th.bg10,
.content-program-p01_08 table.check_box th.bg10,
.content-program-p01_09 table.check_box th.bg10,
.content-program-p01_10 table.check_box th.bg10,
.content-program-p01_11 table.check_box th.bg10,
.content-program-p02_01 table.check_box th.bg10,
.content-program-p02_02 table.check_box th.bg10,
.content-program-p02_03 table.check_box th.bg10,
.content-program-p02_04 table.check_box th.bg10,
.content-program-p02_05 table.check_box th.bg10,
.content-program-p02_06 table.check_box th.bg10,
.content-program-p02_07 table.check_box th.bg10,
.content-program-p02_08 table.check_box th.bg10,
.content-program-p02_10 table.check_box th.bg10,
.content-program-p02_15 table.check_box th.bg10,
.content-program-p03_01 table.check_box th.bg10,
.content-program-p03_02 table.check_box th.bg10,
.content-program-p03_03 table.check_box th.bg10,
.content-program-p03_04 table.check_box th.bg10,
.content-program-p03_05 table.check_box th.bg10,
.content-program-p03_07 table.check_box th.bg10 {
  background: url("../img/number10.gif") no-repeat left top;
}

.content-program-p01_01 table.check_box th.bg11,
.content-program-p01_02 table.check_box th.bg11,
.content-program-p01_03 table.check_box th.bg11,
.content-program-p01_05 table.check_box th.bg11,
.content-program-p01_06 table.check_box th.bg11,
.content-program-p01_07 table.check_box th.bg11,
.content-program-p01_08 table.check_box th.bg11,
.content-program-p01_09 table.check_box th.bg11,
.content-program-p01_10 table.check_box th.bg11,
.content-program-p01_11 table.check_box th.bg11,
.content-program-p02_01 table.check_box th.bg11,
.content-program-p02_02 table.check_box th.bg11,
.content-program-p02_03 table.check_box th.bg11,
.content-program-p02_04 table.check_box th.bg11,
.content-program-p02_05 table.check_box th.bg11,
.content-program-p02_06 table.check_box th.bg11,
.content-program-p02_07 table.check_box th.bg11,
.content-program-p02_08 table.check_box th.bg11,
.content-program-p02_10 table.check_box th.bg11,
.content-program-p02_15 table.check_box th.bg11,
.content-program-p03_01 table.check_box th.bg11,
.content-program-p03_02 table.check_box th.bg11,
.content-program-p03_03 table.check_box th.bg11,
.content-program-p03_04 table.check_box th.bg11,
.content-program-p03_05 table.check_box th.bg11,
.content-program-p03_07 table.check_box th.bg11 {
  background: url("../img/number11.gif") no-repeat left top;
}

.content-program-p01_01 .arrow03,
.content-program-p01_02 .arrow03,
.content-program-p01_03 .arrow03,
.content-program-p01_05 .arrow03,
.content-program-p01_06 .arrow03,
.content-program-p01_07 .arrow03,
.content-program-p01_08 .arrow03,
.content-program-p01_09 .arrow03,
.content-program-p01_10 .arrow03,
.content-program-p01_11 .arrow03,
.content-program-p02_01 .arrow03,
.content-program-p02_02 .arrow03,
.content-program-p02_03 .arrow03,
.content-program-p02_04 .arrow03,
.content-program-p02_05 .arrow03,
.content-program-p02_06 .arrow03,
.content-program-p02_07 .arrow03,
.content-program-p02_08 .arrow03,
.content-program-p02_10 .arrow03,
.content-program-p02_15 .arrow03,
.content-program-p03_01 .arrow03,
.content-program-p03_02 .arrow03,
.content-program-p03_03 .arrow03,
.content-program-p03_04 .arrow03,
.content-program-p03_05 .arrow03,
.content-program-p03_07 .arrow03 {
  display: block;
  height: 20px;
  margin: 0 auto 10px;
  width: 40px;
}

.content-program-p01_01 .recommend-program-list ul li:first-child,
.content-program-p01_02 .recommend-program-list ul li:first-child,
.content-program-p01_03 .recommend-program-list ul li:first-child,
.content-program-p01_05 .recommend-program-list ul li:first-child,
.content-program-p01_06 .recommend-program-list ul li:first-child,
.content-program-p01_07 .recommend-program-list ul li:first-child,
.content-program-p01_08 .recommend-program-list ul li:first-child,
.content-program-p01_09 .recommend-program-list ul li:first-child,
.content-program-p01_10 .recommend-program-list ul li:first-child,
.content-program-p01_11 .recommend-program-list ul li:first-child,
.content-program-p02_01 .recommend-program-list ul li:first-child,
.content-program-p02_02 .recommend-program-list ul li:first-child,
.content-program-p02_03 .recommend-program-list ul li:first-child,
.content-program-p02_04 .recommend-program-list ul li:first-child,
.content-program-p02_05 .recommend-program-list ul li:first-child,
.content-program-p02_06 .recommend-program-list ul li:first-child,
.content-program-p02_07 .recommend-program-list ul li:first-child,
.content-program-p02_08 .recommend-program-list ul li:first-child,
.content-program-p02_10 .recommend-program-list ul li:first-child,
.content-program-p02_15 .recommend-program-list ul li:first-child,
.content-program-p03_01 .recommend-program-list ul li:first-child,
.content-program-p03_02 .recommend-program-list ul li:first-child,
.content-program-p03_03 .recommend-program-list ul li:first-child,
.content-program-p03_04 .recommend-program-list ul li:first-child,
.content-program-p03_05 .recommend-program-list ul li:first-child,
.content-program-p03_07 .recommend-program-list ul li:first-child {
  width: 270px;
}

.content-program-p01_01 .program-head,
.content-program-p01_02 .program-head,
.content-program-p01_03 .program-head,
.content-program-p01_05 .program-head,
.content-program-p01_06 .program-head,
.content-program-p01_07 .program-head,
.content-program-p01_08 .program-head,
.content-program-p01_09 .program-head,
.content-program-p01_10 .program-head,
.content-program-p01_11 .program-head,
.content-program-p02_01 .program-head,
.content-program-p02_02 .program-head,
.content-program-p02_03 .program-head,
.content-program-p02_04 .program-head,
.content-program-p02_05 .program-head,
.content-program-p02_06 .program-head,
.content-program-p02_07 .program-head,
.content-program-p02_08 .program-head,
.content-program-p02_10 .program-head,
.content-program-p02_15 .program-head,
.content-program-p03_01 .program-head,
.content-program-p03_02 .program-head,
.content-program-p03_03 .program-head,
.content-program-p03_04 .program-head,
.content-program-p03_05 .program-head,
.content-program-p03_07 .program-head {
  line-height: 1.3;
  margin-bottom: 2px;
}

@media (max-width: 823px) {
  .content-program-p01_01 .program-head br,
  .content-program-p01_02 .program-head br,
  .content-program-p01_03 .program-head br,
  .content-program-p01_05 .program-head br,
  .content-program-p01_06 .program-head br,
  .content-program-p01_07 .program-head br,
  .content-program-p01_08 .program-head br,
  .content-program-p01_09 .program-head br,
  .content-program-p01_10 .program-head br,
  .content-program-p01_11 .program-head br,
  .content-program-p02_01 .program-head br,
  .content-program-p02_02 .program-head br,
  .content-program-p02_03 .program-head br,
  .content-program-p02_04 .program-head br,
  .content-program-p02_05 .program-head br,
  .content-program-p02_06 .program-head br,
  .content-program-p02_07 .program-head br,
  .content-program-p02_08 .program-head br,
  .content-program-p02_10 .program-head br,
  .content-program-p02_15 .program-head br,
  .content-program-p03_01 .program-head br,
  .content-program-p03_02 .program-head br,
  .content-program-p03_03 .program-head br,
  .content-program-p03_04 .program-head br,
  .content-program-p03_05 .program-head br,
  .content-program-p03_07 .program-head br {
    display: none;
  }
}

.content-program-p01_01 .program-head-sub,
.content-program-p01_02 .program-head-sub,
.content-program-p01_03 .program-head-sub,
.content-program-p01_05 .program-head-sub,
.content-program-p01_06 .program-head-sub,
.content-program-p01_07 .program-head-sub,
.content-program-p01_08 .program-head-sub,
.content-program-p01_09 .program-head-sub,
.content-program-p01_10 .program-head-sub,
.content-program-p01_11 .program-head-sub,
.content-program-p02_01 .program-head-sub,
.content-program-p02_02 .program-head-sub,
.content-program-p02_03 .program-head-sub,
.content-program-p02_04 .program-head-sub,
.content-program-p02_05 .program-head-sub,
.content-program-p02_06 .program-head-sub,
.content-program-p02_07 .program-head-sub,
.content-program-p02_08 .program-head-sub,
.content-program-p02_10 .program-head-sub,
.content-program-p02_15 .program-head-sub,
.content-program-p03_01 .program-head-sub,
.content-program-p03_02 .program-head-sub,
.content-program-p03_03 .program-head-sub,
.content-program-p03_04 .program-head-sub,
.content-program-p03_05 .program-head-sub,
.content-program-p03_07 .program-head-sub {
  color: #70b300;
  font-size: 12px;
  margin-bottom: 5px;
  line-height: 1.4;
}

.content-program-p01_01 .program-head-time,
.content-program-p01_02 .program-head-time,
.content-program-p01_03 .program-head-time,
.content-program-p01_05 .program-head-time,
.content-program-p01_06 .program-head-time,
.content-program-p01_07 .program-head-time,
.content-program-p01_08 .program-head-time,
.content-program-p01_09 .program-head-time,
.content-program-p01_10 .program-head-time,
.content-program-p01_11 .program-head-time,
.content-program-p02_01 .program-head-time,
.content-program-p02_02 .program-head-time,
.content-program-p02_03 .program-head-time,
.content-program-p02_04 .program-head-time,
.content-program-p02_05 .program-head-time,
.content-program-p02_06 .program-head-time,
.content-program-p02_07 .program-head-time,
.content-program-p02_08 .program-head-time,
.content-program-p02_10 .program-head-time,
.content-program-p02_15 .program-head-time,
.content-program-p03_01 .program-head-time,
.content-program-p03_02 .program-head-time,
.content-program-p03_03 .program-head-time,
.content-program-p03_04 .program-head-time,
.content-program-p03_05 .program-head-time,
.content-program-p03_07 .program-head-time {
  background: url("../img/program/icon_watch.gif") no-repeat bottom left;
  display: inline-block;
  float: right;
  font-size: 24px;
  padding-left: 26px;
}

.content-program-p01_01 .program-head-time span,
.content-program-p01_02 .program-head-time span,
.content-program-p01_03 .program-head-time span,
.content-program-p01_05 .program-head-time span,
.content-program-p01_06 .program-head-time span,
.content-program-p01_07 .program-head-time span,
.content-program-p01_08 .program-head-time span,
.content-program-p01_09 .program-head-time span,
.content-program-p01_10 .program-head-time span,
.content-program-p01_11 .program-head-time span,
.content-program-p02_01 .program-head-time span,
.content-program-p02_02 .program-head-time span,
.content-program-p02_03 .program-head-time span,
.content-program-p02_04 .program-head-time span,
.content-program-p02_05 .program-head-time span,
.content-program-p02_06 .program-head-time span,
.content-program-p02_07 .program-head-time span,
.content-program-p02_08 .program-head-time span,
.content-program-p02_10 .program-head-time span,
.content-program-p02_15 .program-head-time span,
.content-program-p03_01 .program-head-time span,
.content-program-p03_02 .program-head-time span,
.content-program-p03_03 .program-head-time span,
.content-program-p03_04 .program-head-time span,
.content-program-p03_05 .program-head-time span,
.content-program-p03_07 .program-head-time span {
  font-size: 12px;
}

@media (max-width: 823px) {
  .content-program-p01_01 .program-head-time,
  .content-program-p01_02 .program-head-time,
  .content-program-p01_03 .program-head-time,
  .content-program-p01_05 .program-head-time,
  .content-program-p01_06 .program-head-time,
  .content-program-p01_07 .program-head-time,
  .content-program-p01_08 .program-head-time,
  .content-program-p01_09 .program-head-time,
  .content-program-p01_10 .program-head-time,
  .content-program-p01_11 .program-head-time,
  .content-program-p02_01 .program-head-time,
  .content-program-p02_02 .program-head-time,
  .content-program-p02_03 .program-head-time,
  .content-program-p02_04 .program-head-time,
  .content-program-p02_05 .program-head-time,
  .content-program-p02_06 .program-head-time,
  .content-program-p02_07 .program-head-time,
  .content-program-p02_08 .program-head-time,
  .content-program-p02_10 .program-head-time,
  .content-program-p02_15 .program-head-time,
  .content-program-p03_01 .program-head-time,
  .content-program-p03_02 .program-head-time,
  .content-program-p03_03 .program-head-time,
  .content-program-p03_04 .program-head-time,
  .content-program-p03_05 .program-head-time,
  .content-program-p03_07 .program-head-time {
    margin-top: -40px;
  }
}

/* hack for IE11 */
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  .content-program-p01_02 .program-head-time {
    background-position: left 5px;
  }
}

/* /hack for IE11 */
.content-program-p01_07 .column,
.content-program-p01_08 .column,
.content-program-p01_09 .column,
.content-program-p01_10 .column,
.content-program-p01_11 .column,
.content-program-p02_11 .column,
.content-program-p02_12 .column,
.content-program-p02_13 .column,
.content-program-p02_14 .column,
.content-program-p02_15 .column {
  background: #f4fbf5;
}

.content-program-p01_07 .column .point .head,
.content-program-p01_07 .column .example .head,
.content-program-p01_08 .column .point .head,
.content-program-p01_08 .column .example .head,
.content-program-p01_09 .column .point .head,
.content-program-p01_09 .column .example .head,
.content-program-p01_10 .column .point .head,
.content-program-p01_10 .column .example .head,
.content-program-p01_11 .column .point .head,
.content-program-p01_11 .column .example .head,
.content-program-p02_11 .column .point .head,
.content-program-p02_11 .column .example .head,
.content-program-p02_12 .column .point .head,
.content-program-p02_12 .column .example .head,
.content-program-p02_13 .column .point .head,
.content-program-p02_13 .column .example .head,
.content-program-p02_14 .column .point .head,
.content-program-p02_14 .column .example .head,
.content-program-p02_15 .column .point .head,
.content-program-p02_15 .column .example .head {
  color: #22ac38;
}

.content-program-p01_07 .recommend-program-list ul li:first-child,
.content-program-p01_08 .recommend-program-list ul li:first-child,
.content-program-p01_09 .recommend-program-list ul li:first-child,
.content-program-p01_10 .recommend-program-list ul li:first-child,
.content-program-p01_11 .recommend-program-list ul li:first-child,
.content-program-p02_11 .recommend-program-list ul li:first-child,
.content-program-p02_12 .recommend-program-list ul li:first-child,
.content-program-p02_13 .recommend-program-list ul li:first-child,
.content-program-p02_14 .recommend-program-list ul li:first-child,
.content-program-p02_15 .recommend-program-list ul li:first-child {
  width: 270px;
}

.content-program-p01_07 .content-head-5 .tool,
.content-program-p01_08 .content-head-5 .tool,
.content-program-p01_09 .content-head-5 .tool,
.content-program-p01_10 .content-head-5 .tool,
.content-program-p01_11 .content-head-5 .tool,
.content-program-p02_11 .content-head-5 .tool,
.content-program-p02_12 .content-head-5 .tool,
.content-program-p02_13 .content-head-5 .tool,
.content-program-p02_14 .content-head-5 .tool,
.content-program-p02_15 .content-head-5 .tool {
  font-size: 14px;
  float: right;
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-program-p01_07 .content-head-5 .tool,
  .content-program-p01_08 .content-head-5 .tool,
  .content-program-p01_09 .content-head-5 .tool,
  .content-program-p01_10 .content-head-5 .tool,
  .content-program-p01_11 .content-head-5 .tool,
  .content-program-p02_11 .content-head-5 .tool,
  .content-program-p02_12 .content-head-5 .tool,
  .content-program-p02_13 .content-head-5 .tool,
  .content-program-p02_14 .content-head-5 .tool,
  .content-program-p02_15 .content-head-5 .tool {
    float: none;
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
}

.content-program02-p01_01 .content-head-5 .tool,
.content-program02-p01_02 .content-head-5 .tool,
.content-program02-p01_03 .content-head-5 .tool,
.content-program02-p02_01 .content-head-5 .tool,
.content-program02-p02_02 .content-head-5 .tool,
.content-program02-p02_03 .content-head-5 .tool,
.content-program02-p03_01 .content-head-5 .tool,
.content-program02-p03_02 .content-head-5 .tool,
.content-program02-p03_03 .content-head-5 .tool,
.content-program02-p04_01 .content-head-5 .tool,
.content-program02-p04_02 .content-head-5 .tool,
.content-program02-p04_03 .content-head-5 .tool,
.content-program03-p01_01 .content-head-5 .tool,
.content-program03-p01_02 .content-head-5 .tool,
.content-program03-p02_01 .content-head-5 .tool,
.content-program03-p02_02 .content-head-5 .tool,
.content-program03-p03_01 .content-head-5 .tool,
.content-program03-p03_02 .content-head-5 .tool,
.content-program03-p04_01 .content-head-5 .tool,
.content-program03-p04_02 .content-head-5 .tool,
.content-program03-p05_01 .content-head-5 .tool,
.content-program03-p05_02 .content-head-5 .tool {
  font-size: 14px;
  float: right;
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-program02-p01_01 .content-head-5 .tool,
  .content-program02-p01_02 .content-head-5 .tool,
  .content-program02-p01_03 .content-head-5 .tool,
  .content-program02-p02_01 .content-head-5 .tool,
  .content-program02-p02_02 .content-head-5 .tool,
  .content-program02-p02_03 .content-head-5 .tool,
  .content-program02-p03_01 .content-head-5 .tool,
  .content-program02-p03_02 .content-head-5 .tool,
  .content-program02-p03_03 .content-head-5 .tool,
  .content-program02-p04_01 .content-head-5 .tool,
  .content-program02-p04_02 .content-head-5 .tool,
  .content-program02-p04_03 .content-head-5 .tool,
  .content-program03-p01_01 .content-head-5 .tool,
  .content-program03-p01_02 .content-head-5 .tool,
  .content-program03-p02_01 .content-head-5 .tool,
  .content-program03-p02_02 .content-head-5 .tool,
  .content-program03-p03_01 .content-head-5 .tool,
  .content-program03-p03_02 .content-head-5 .tool,
  .content-program03-p04_01 .content-head-5 .tool,
  .content-program03-p04_02 .content-head-5 .tool,
  .content-program03-p05_01 .content-head-5 .tool,
  .content-program03-p05_02 .content-head-5 .tool {
    float: none;
    margin: 10px auto;
    display: block;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-program02-p01_01 .content-head-5 .tool,
  .content-program02-p01_02 .content-head-5 .tool,
  .content-program02-p01_03 .content-head-5 .tool,
  .content-program02-p02_01 .content-head-5 .tool,
  .content-program02-p02_02 .content-head-5 .tool,
  .content-program02-p02_03 .content-head-5 .tool,
  .content-program02-p03_01 .content-head-5 .tool,
  .content-program02-p03_02 .content-head-5 .tool,
  .content-program02-p03_03 .content-head-5 .tool,
  .content-program02-p04_01 .content-head-5 .tool,
  .content-program02-p04_02 .content-head-5 .tool,
  .content-program02-p04_03 .content-head-5 .tool,
  .content-program03-p01_01 .content-head-5 .tool,
  .content-program03-p01_02 .content-head-5 .tool,
  .content-program03-p02_01 .content-head-5 .tool,
  .content-program03-p02_02 .content-head-5 .tool,
  .content-program03-p03_01 .content-head-5 .tool,
  .content-program03-p03_02 .content-head-5 .tool,
  .content-program03-p04_01 .content-head-5 .tool,
  .content-program03-p04_02 .content-head-5 .tool,
  .content-program03-p05_01 .content-head-5 .tool,
  .content-program03-p05_02 .content-head-5 .tool {
    /* 横向きの場合のスタイル */
  }
}

/* hack for IE11 */
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  .content-program-p01_02 #class_box h4.title {
    padding-top: 8px !important;
  }
  *::-ms-backdrop,
  .content-program-p01_02 #class_box ul#class li {
    padding-top: 4px !important;
  }
}

/* /hack for IE11 */
.content-program-index .sprite-program-index-nav01 {
  margin: 30px 0 25px;
  overflow: hidden;
}

@media (max-width: 823px) {
  .content-program-index .sprite-program-index-nav01 {
    text-align: center;
  }
  .content-program-index .sprite-program-index-nav01 ul {
    margin: auto;
    width: 100%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-program-index .sprite-program-index-nav01 ul {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    margin: 0px;
  }
}

.content-program-index .sprite-program-index-nav01 li {
  display: block;
  float: left;
  height: 85px;
  width: 310px;
  margin: 0 15px 0 0;
}

@media (max-width: 823px) {
  .content-program-index .sprite-program-index-nav01 li {
    margin: auto;
    float: none;
    width: 100%;
    height: auto;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-program-index .sprite-program-index-nav01 li {
    width: 32%;
    float: none;
    margin: 0 !important;
  }
}

.content-program-index .sprite-program-index-nav01 li:last-child {
  margin-right: 0;
}

@media (max-width: 823px) {
  .content-program-index .sprite-program-index-nav01 li:last-child {
    margin: auto;
  }
}

.content-program-index .sprite-program-index-nav01 a {
  display: block;
  height: 85px;
  overflow: hidden;
  width: 310px;
}

@media (max-width: 823px) {
  .content-program-index .sprite-program-index-nav01 a {
    width: 100%;
    height: auto;
  }
}

.content-program-index .sprite-program-index-nav01 a img {
  margin: -5px 0 0 -5px;
}

@media (max-width: 823px) {
  .content-program-index .sprite-program-index-nav01 a img {
    width: 100%;
    margin: 0;
    height: auto;
  }
}

.content-program-index .sprite-program-index-nav01 a.item02 img {
  margin-left: -330px;
}

@media (max-width: 823px) {
  .content-program-index .sprite-program-index-nav01 a.item02 img {
    margin: 0;
  }
}

.content-program-index .sprite-program-index-nav01 a.item03 img {
  margin-left: -655px;
}

@media (max-width: 823px) {
  .content-program-index .sprite-program-index-nav01 a.item03 img {
    margin: 0;
  }
}

.content-program-index .sprite-program-index-nav01 a:hover img {
  margin-top: -100px;
}

@media (max-width: 823px) {
  .content-program-index .sprite-program-index-nav01 a:hover img {
    margin: 0;
  }
}

.content-program-index .content-head-3 {
  background: #d9ecf7;
  border-left: 5px solid #0080cc;
  clear: both;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 0;
  padding: 8px 12px 6px;
}

.content-program-index .content-head-3 + .program-p {
  border: none;
}

.content-program-index #item01,
.content-program-index #item02,
.content-program-index #item03 {
  margin-top: -130px;
  padding-top: 130px;
}

.content-program-index .program-p {
  border-top: 1px solid #c8c8c8;
  overflow: hidden;
  position: relative;
  padding: 30px 0;
  margin: 0 0 80px;
}

.content-program-index .program-p + .program-p {
  margin-top: -80px;
}

.content-program-index .program-p + .content-head-3 {
  margin-top: -10px;
}

@media (max-width: 823px) {
  .content-program-index .program-p {
    position: relative;
    padding: 30px 0 70px 0;
  }
  .content-program-index .program-p .content-head-2, .content-program-index .program-p .content-head-2-2, .content-program-index .program-p .content-head-2-3, .content-program-index .program-p .content-head-2-blue {
    padding-left: 35px;
  }
  .content-program-index .program-p .substitute-photo {
    position: absolute;
    left: 0px;
    top: 28px;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-program-index .program-p {
    padding: 30px 0 100px 0;
  }
}

.content-program-index .program-p .photo {
  width: 220px;
  display: block;
  float: left;
}

.content-program-index .program-p .substitute-photo {
  width: 36px;
  display: block;
  float: left;
  color: #0080cc;
  font-size: 24px;
  font-weight: bold;
  padding-left: 8px;
  padding-right: 8px;
  line-height: 1.4;
}

.content-program-index .program-p .description {
  width: 924px;
  float: right;
}

@media (max-width: 823px) {
  .content-program-index .program-p .description {
    float: none;
    width: 100%;
  }
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-program-index .program-p .description {
    /* 縦向きの場合のスタイル */
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-program-index .program-p .description {
    /* 横向きの場合のスタイル */
  }
}

.content-program-index .program-p .description p {
  margin: 0;
  width: 712px;
}

@media (max-width: 823px) {
  .content-program-index .program-p .description p {
    width: 95%;
    padding-left: 5%;
  }
}

.content-program-index .program-p .detail-btn01 {
  position: absolute;
  bottom: 30px;
  right: 0;
}

@media (max-width: 823px) {
  .content-program-index .program-p .detail-btn01 {
    bottom: 20px;
    margin: auto;
    right: 0;
    left: 0;
    width: 50%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-program-index .program-p .detail-btn01 {
    width: 30%;
    margin-top: 20px;
    float: none;
  }
}

.content-program-index .program-p img.label-new01 {
  margin-left: 5px;
  vertical-align: middle;
}

.content-program04-index .content-description {
  margin-top: 1em;
}

.content-program04-index .img {
  display: flex;
  justify-content: center;
  margin: 1em 0;
}

.content-program04-index .img img {
  max-width: 100%;
  height: auto;
  flex: 0 0 auto;
}

.content-program04-index .flow {
  display: flex;
  align-items: center;
  margin: -8px 0 0 -32px;
  flex-wrap: wrap;
}

.content-program04-index .flow > * {
  padding: 8px 0 0 32px;
  position: relative;
}

.content-program04-index .layout {
  display: flex;
  flex-wrap: wrap;
  margin: -10px 0 0 -10px;
}

.content-program04-index .layout > * {
  padding: 10px 0 0 10px;
  flex: 1 1 auto;
}

.content-program04-index .layout-2 {
  display: flex;
  margin: -1em 0 0 -1em;
}


.content-program04-index .layout-1 > * {

  padding: 1em 0 0 0;
  width: 49.2%;
}
@media (max-width: 823px) {
  .content-program04-index .layout-1 > * {

    padding: 1em 0 0 0;
    width: 100%;
  }
}
.content-program04-index .layout-2 > * {
  flex: 1 1 0%;
  padding: 1em 0 0 1em;
}

@media (max-width: 823px) {
  .content-program04-index .layout-2 {
    display: block;
  }
}

.content-program04-index .flow__item {
  border: 4px solid #0080cc;
  border-radius: 8px;
  padding: .75em 1em;
  font-weight: bold;
  font-size: 16px;
  position: relative;
}

@media (max-width: 823px) {
  .content-program04-index .flow__item {
    padding: 0.25em .5em;
    font-size: 14px;
  }
}

.content-program04-index .flow__item::after {
  content: '';
  width: 0;
  height: 0;
  display: block;
  border-style: solid;
  border-color: transparent;
  border-left-color: #0080cc;
  border-width: 8px 0 8px 16px;
  position: absolute;
  right: -28px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.content-program04-index .flow > *:last-child > .flow__item::after {
  content: none;
}

.content-program04-index .label-box {
  display: flex;
  background-color: #0080cc;
  font-size: 16px;
  color: #fff;
  align-items: stretch;
}

.content-program04-index .label-box > * {
  border: 4px solid #0080cc;
  border-width: 4px 0;
  padding: .75em 1em;
  position: relative;
}

.content-program04-index .label-box > *::before {
  content: '';
  display: block;
  height: 100%;
  width: 0;
  border-left: 1px solid #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.content-program04-index .label-box > *:first-child::before {
  content: none;
}

.content-program04-index .song_list {
  width: 100%;
  table-layout: fixed;
}

.content-program04-index .song_list th,
.content-program04-index .song_list td {
  border: 1px solid #c8c8c8;
}

.content-program04-index .song_list th.thin,
.content-program04-index .song_list td.thin {
  width: 4em;
}

.content-program04-index .song_list th.center,
.content-program04-index .song_list td.center {
  text-align: center;
}

.content-program04-index .content {
  padding-bottom: 5em;
}

/*
/dir-proguram
*/
/*
/dir program
 */
/*
dir free_dam
 */
/*
common
*/
.content-free_dam .label-norton,
.content-contact .label-norton {
  float: right;
  margin: 50px 20px 0 0;
}

@media (max-width: 823px) {
  .content-free_dam .label-norton,
  .content-contact .label-norton {
    float: none;
  }
}

.content-free_dam .description,
.content-contact .description {
  width: 70%;
  float: left;
  margin-top: 30px;
}

@media (max-width: 823px) {
  .content-free_dam .description,
  .content-contact .description {
    width: 100%;
    margin-top: 0px;
  }
}

.content-free_dam img.check,
.content-contact img.check{
  margin-right: 5px;
  vertical-align: sub;
}

.content-free_dam .description .content-head-2-3,
.content-contact .description .content-head-2-3 {
  margin-bottom: 35px;
}

.content-free_dam .description .check,
.content-contact .description .check {
  margin-right: 3px;
}

.content-free_dam #form,
.content-contact #form {
  font-size: 16px;
  margin: 20px 0;
  width: 960px;
}

@media (max-width: 823px) {
  .content-free_dam #form,
  .content-contact #form {
    width: 100%;
  }
}

.content-free_dam #form tr,
.content-contact #form tr {
  border-bottom: 1px solid #c8c8c8;
}

@media (max-width: 823px) {
  .content-free_dam #form tr,
  .content-contact #form tr {
    display: flex;
    flex-flow: column;
  }
}

.content-free_dam #form th,
.content-free_dam #form td,
.content-contact #form th,
.content-contact #form td {
  font-weight: normal;
  /* font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
}

.content-free_dam #form th,
.content-contact #form th {
  padding: 18px 20px 17px 20px;
  text-align: left;
  width: 180px;
}

.content-free_dam #form th:before,
.content-contact #form th:before {
  content: "";
  display: inline-block;
  height: 32px;
}

@media (max-width: 823px) {
  .content-free_dam #form th,
  .content-contact #form th {
    width: 100%;
    font-weight: bold;
    padding: 0px;
  }
}

.content-free_dam #form td,
.content-contact #form td {
  padding: 18px 20px 17px 0;
}

.content-free_dam #form td .txt,
.content-contact #form td .txt {
  height: 30px;
}

.content-free_dam #form td.option,
.content-contact #form td.option {
  padding-left: 61px;
}

@media (max-width: 823px) {
  .content-free_dam #form td,
  .content-contact #form td {
    padding: 0px;
    margin-bottom: 10px;
  }
  .content-free_dam #form td .txt,
  .content-contact #form td .txt {
    width: 80% !important;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-free_dam #form td .txt,
  .content-contact #form td .txt {
    width: 100% !important;
  }
}

.content-free_dam #form .check,
.content-contact #form .check {
  margin-right: 20px;
}

@media (max-width: 823px) {
  .content-free_dam #form .check,
  .content-contact #form .check {
    margin-right: 10px;
  }
}

.content-free_dam #form input,
.content-free_dam #form textarea,
.content-contact #form input,
.content-contact #form textarea {
  border: 1px solid #969696;
  /* font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
}

.content-free_dam #form textarea,
.content-contact #form textarea {
  width: 500px;
}

@media (max-width: 823px) {
  .content-free_dam #form textarea,
  .content-contact #form textarea {
    width: 100%;
  }
}

.content-free_dam #form input[type="radio"],
.content-contact #form input[type="radio"] {
  display: none;
}

.content-free_dam #form label,
.content-contact #form label {
  cursor: pointer;
  display: inline-block;
  /* font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
  padding: 0 20px;
  position: relative;
}

.content-free_dam #form label::before,
.content-contact #form label::before {
  background: #fff;
  border-radius: 100%;
  border: 1px solid #969696;
  content: "";
  height: 16px;
  left: 0;
  margin-top: -8px;
  position: absolute;
  top: 48%;
  width: 16px;
}

.content-free_dam #form input[type="radio"]:checked + label::after,
.content-contact #form input[type="radio"]:checked + label::after {
  background: #fff;
  border-radius: 100%;
  border: 5px solid #47bf8f;
  content: "";
  height: 16px;
  left: 0;
  margin-top: -8px;
  position: absolute;
  top: 48%;
  width: 16px;
}

.content-free_dam .attention,
.content-contact .attention {
  font-size: 16px;
  margin-bottom: 30px;
}

.content-free_dam .privacy,
.content-contact .privacy {
  background: #f0f0f0;
  border: 1px solid #c8c8c8;
  height: 190px;
  margin-bottom: 10px;
  max-width: 960px;
  width: 100%;
}

.content-free_dam .agree,
.content-contact .agree {
  font-size: 16px;
  margin-bottom: 30px;
  text-align: center;
}

.content-free_dam .agree input[type="checkbox"],
.content-contact .agree input[type="checkbox"] {
  display: none;
}

.content-free_dam .agree label,
.content-contact .agree label {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 22px;
  cursor: pointer;
}

.content-free_dam .agree label::before,
.content-free_dam .agree label::after,
.content-contact .agree label::before,
.content-contact .agree label::after {
  position: absolute;
  content: "";
}

.content-free_dam .agree label::before,
.content-contact .agree label::before {
  background: #fff;
  border-radius: 3px;
  border: 1px solid #969696;
  height: 1em;
  left: 0;
  margin-top: -8px;
  top: 15px;
  width: 1em;
}

.content-free_dam .agree label::after,
.content-contact .agree label::after {
  border-bottom: 2px solid #0080cc;
  border-left: 2px solid #0080cc;
  margin-top: -2px;
  opacity: 0;
  height: 6px;
  left: 3px;
  top: 40%;
  width: 10px;
  -webkit-transform: rotate(-45deg) scale(0.5);
  transform: rotate(-45deg) scale(0.5);
}

.content-free_dam .agree label:hover::before,
.content-contact .agree label:hover::before {
  background: #fff;
}

.content-free_dam .agree input[type="checkbox"]:checked + label::before,
.content-contact .agree input[type="checkbox"]:checked + label::before {
  background: #fff;
  border: 1px solid #0080cc;
}

.content-free_dam .agree input[type="checkbox"]:checked + label::after,
.content-contact .agree input[type="checkbox"]:checked + label::after {
  opacity: 1;
  -webkit-transform: rotate(-45deg) scale(1);
  transform: rotate(-45deg) scale(1);
}

.content-free_dam #form_btn_box,
.content-contact #form_btn_box {
  margin-bottom: 60px;
}

.content-free_dam .form_btn,
.content-contact .form_btn {
  width: 640px;
  margin: 0 auto;
  overflow: hidden;
}

@media (max-width: 823px) {
  .content-free_dam .form_btn,
  .content-contact .form_btn {
    width: 80%;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-free_dam .form_btn,
  .content-contact .form_btn {
    width: 40%;
  }
}

@media (max-width: 823px) {
  .content-free_dam .form_btn img,
  .content-contact .form_btn img {
    width: 100%;
    height: auto;
    margin: 0;
  }
}

.content-free_dam a.btn-preview01,
.content-contact a.btn-preview01 {
  display: block;
  height: 60px;
  margin: 0 auto;
  overflow: hidden;
  width: 400px;
}

@media (max-width: 823px) {
  .content-free_dam a.btn-preview01,
  .content-contact a.btn-preview01 {
    width: 100%;
    height: auto;
  }
}

.content-free_dam a.btn-preview01 img,
.content-contact a.btn-preview01 img {
  margin: -5px 0 0 -5px;
}

@media (max-width: 823px) {
  .content-free_dam a.btn-preview01 img,
  .content-contact a.btn-preview01 img {
    margin: 0;
  }
}

.content-free_dam a.btn-preview01:hover img,
.content-contact a.btn-preview01:hover img {
  margin: -75px 0 0 -5px;
}

@media (max-width: 823px) {
  .content-free_dam a.btn-preview01:hover img,
  .content-contact a.btn-preview01:hover img {
    margin: 0;
  }
}

.content-free_dam a.btn-back01,
.content-contact a.btn-back01 {
  display: block;
  float: left;
  height: 40px;
  margin-top: 10px;
  overflow: hidden;
  width: 200px;
}

.content-free_dam a.btn-back01 img,
.content-contact a.btn-back01 img {
  margin: -145px 0 0 -5px;
}

.content-free_dam a.btn-back01:hover img,
.content-contact a.btn-back01:hover img {
  margin: -195px 0 0 -5px;
}

.content-free_dam a.btn-send01,
.content-contact a.btn-send01 {
  display: block;
  float: right;
  height: 60px;
  overflow: hidden;
  width: 400px;
}

.content-free_dam a.btn-send01 img,
.content-contact a.btn-send01 img {
  margin: -245px 0 0 -5px;
}

.content-free_dam a.btn-send01:hover img,
.content-contact a.btn-send01:hover img {
  margin: -315px 0 0 -5px;
}

.content-free_dam .btn-back02,
.content-contact .btn-back02 {
  display: block;
  height: 40px;
  margin: 0 auto;
  overflow: hidden;
  width: 200px;
}

.content-free_dam .btn-back02 img,
.content-contact .btn-back02 img {
  margin: -5px 0 0 -415px;
}

.content-free_dam .btn-back02:hover img,
.content-contact .btn-back02:hover img {
  margin: -55px 0 0 -415px;
}

/*
/common
*/
/*
dir free_dam
 */
.content-free_dam-index .image-floatr-1 {
  margin: 0;
}

@media (max-width: 823px) {
  .content-free_dam-index .image-floatr-1 {
    margin: 0 auto 20px 10%;
  }
}

@media screen and (orientation: landscape), (width: 768px) {
  .content-free_dam-index .image-floatr-1 {
    margin: 0 auto 20px 10%;
    float: right;
  }
}

.content-free_dam-index .content-head-box {
  margin: 30px 0 60px;
  overflow: hidden;
}

.content-free_dam-index .content-head-box .content-head-2, .content-free_dam-index .content-head-box .content-head-2-2, .content-free_dam-index .content-head-box .content-head-2-3, .content-free_dam-index .content-head-box .content-head-2-blue {
  clear: none;
}

.content-free_dam-index .content-head-box .content-description {
  margin-bottom: 0;
}

.content-free_dam-index .flow {
  margin-bottom: 75px;
}

@media (max-width: 823px) {
  .content-free_dam-index .flow {
    margin-bottom: 30px;
  }
}

.content-free_dam-index .flow .content-head-1 {
  margin-bottom: 20px;
}

.content-free_dam-index .flow .note {
  margin-bottom: 30px;
}

.content-free_dam-index .free_dam-index-image02 {
  width: 680px;
  display: block;
  margin: 0 auto;
}

@media (max-width: 823px) {
  .content-free_dam-index .free_dam-index-image02 {
    width: 100%;
  }
}

.content-free_dam-index .howto-app {
  margin-bottom: 60px;
}

.content-free_dam-index .howto-app .content-head-1 {
  margin-bottom: 20px;
}

.content-free_dam-index .howto-app .type {
  overflow: hidden;
}

@media (max-width: 823px) {
  .content-free_dam-index .howto-app .type {
    display: flex;
  }
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-free_dam-index .howto-app .type {
    width: 100%;
    flex-flow: column;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-free_dam-index .howto-app .type {
    justify-content: space-between;
    display: flex;
    flex-flow: row;
  }
}

.content-free_dam-index .howto-app .type .description {
  border: 1px solid #c8c8c8;
  border-radius: 0 0 10px 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  padding: 15px 0 12px;
  min-height: 132px;
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-free_dam-index .howto-app .type .description {
    font-size: 12px;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-free_dam-index .howto-app .type .description {
    min-height: 138px;
  }
}

.content-free_dam-index .howto-app .type .form,
.content-free_dam-index .howto-app .type .tel,
.content-free_dam-index .howto-app .type .fax {
  display: block;
  width: 300px;
  float: left;
  text-align: center;
}

@media (max-width: 823px) {
  .content-free_dam-index .howto-app .type .form,
  .content-free_dam-index .howto-app .type .tel,
  .content-free_dam-index .howto-app .type .fax {
    width: 90%;
    margin: auto;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-free_dam-index .howto-app .type .form,
  .content-free_dam-index .howto-app .type .tel,
  .content-free_dam-index .howto-app .type .fax {
    width: 31%;
    font-size: 80%;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-free_dam-index .howto-app .type .form,
  .content-free_dam-index .howto-app .type .tel,
  .content-free_dam-index .howto-app .type .fax {
    width: 31%;
  }
}

.content-free_dam-index .howto-app .type .form .head,
.content-free_dam-index .howto-app .type .tel .head,
.content-free_dam-index .howto-app .type .fax .head {
  width: 300px;
  height: 50px;
  overflow: hidden;
}

@media (max-width: 823px) {
  .content-free_dam-index .howto-app .type .form .head,
  .content-free_dam-index .howto-app .type .tel .head,
  .content-free_dam-index .howto-app .type .fax .head {
    width: 100%;
    height: auto;
  }
}

.content-free_dam-index .howto-app .type .form .head img {
  margin: 0;
}

@media (max-width: 823px) {
  .content-free_dam-index .howto-app .type .form .head img {
    width: 100%;
  }
}

.content-free_dam-index .howto-app .type .form .app-form-btn01 {
  margin: 15px auto 0;
}

@media (max-width: 823px) {
  .content-free_dam-index .howto-app .type .form .app-form-btn01 {
    height: auto;
  }
  .content-free_dam-index .howto-app .type .form .app-form-btn01 img {
    width: 100%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-free_dam-index .howto-app .type .form .app-form-btn01 {
    width: 80%;
  }
}

.content-free_dam-index .howto-app .type .tel {
  margin: 0 30px;
}

@media (max-width: 823px) {
  .content-free_dam-index .howto-app .type .tel {
    margin: auto auto 20px auto;
  }
}

.content-free_dam-index .howto-app .type .tel .head img {
  margin: 0 0 0 -330px;
}

@media (max-width: 823px) {
  .content-free_dam-index .howto-app .type .tel .head img {
    width: 100%;
    height: auto;
    margin: auto;
  }
}

.content-free_dam-index .howto-app .type .tel .free_dam-index-tel01 {
  width: 250px;
  display: block;
  margin: 10px auto 15px;
}

@media (max-width: 823px) {
  .content-free_dam-index .howto-app .type .tel .free_dam-index-tel01 {
    display: none;
  }
}

.content-free_dam-index .howto-app .type .tel .free_dam-index-tel02 {
  width: 250px;
  display: block;
  margin: 10px auto 15px;
}

@media (max-width: 823px) {
  .content-free_dam-index .howto-app .type .tel .free_dam-index-tel02 {
    width: 80%;
    height: auto;
  }
  .content-free_dam-index .howto-app .type .tel .free_dam-index-tel02 img {
    width: 100%;
  }
}

.content-free_dam-index .howto-app .type .fax .head img {
  margin: 0 0 0 -660px;
}

@media (max-width: 823px) {
  .content-free_dam-index .howto-app .type .fax .head img {
    width: 100%;
    margin: auto;
    height: auto;
  }
}

.content-free_dam-index .howto-app .type .fax .pdf-btn01 {
  margin: 15px auto 0;
}

/*
/dir free_dam
*/
/*
Privacy
*/
.content-free_dam-privacy-free-dam.content-area,
.content-contact-privacy-contact.content-area {
  background: #f0f0f0;
  min-width: auto;
}

@media (max-width: 823px) {
  .content-free_dam-privacy-free-dam.content-area,
  .content-contact-privacy-contact.content-area {
    width: 100%;
    min-width: 100%;
    overflow: hidden;
  }
}

.content-free_dam-privacy-free-dam.content-area .entry-content,
.content-contact-privacy-contact.content-area .entry-content {
  padding: 0 30px;
}

.content-free_dam-privacy-free-dam.content-area .entry-content .inner,
.content-contact-privacy-contact.content-area .entry-content .inner {
  width: auto;
}

.content-free_dam-privacy-free-dam.content-area dl#privacy,
.content-contact-privacy-contact.content-area dl#privacy {
  width: auto;
  margin: 0 auto;
  padding: 20px 0;
}

@media (max-width: 823px) {
  .content-free_dam-privacy-free-dam.content-area dl#privacy,
  .content-contact-privacy-contact.content-area dl#privacy {
    width: 100%;
  }
}

.content-free_dam-privacy-free-dam.content-area dl#privacy dt,
.content-contact-privacy-contact.content-area dl#privacy dt {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.content-free_dam-privacy-free-dam.content-area dl#privacy dd,
.content-contact-privacy-contact.content-area dl#privacy dd {
  /* font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
  margin-bottom: 15px;
}

.content-free_dam-privacy-free-dam.content-area #freedam .agree,
.content-contact-privacy-contact.content-area #freedam .agree {
  text-align: center;
  font-size: 13px;
  padding-top: 10px;
}

/* -- /Privacy -- */
/* -- thanks -- */
.content-free_dam-thanks .content-head-2-2,
.content-contact-thanks .content-head-2-2 {
  margin: 100px auto;
  text-align: center;
  line-height: 1.6;
}

.content-contact-thanks .content-head-2-2 {
  margin-bottom: 40px;
}

.content-contact-thanks .content-head-2-2 + p {
  width: 80%;
  margin: 0 auto 100px;
  text-align: center;
  font-size: 16px;
  line-height: 1.8;
}

/* -- /thanks -- */
/*
/dir free_dam
*/
/*
dir news
*/
.content-news {
  font-size: 16px;
}

.content-news table {
  margin: 30px 0 60px;
  width: 100%;
}

.content-news tr {
  border-bottom: 1px solid #c8c8c8;
}

.content-news th,
.content-news td {
  font-weight: normal;
  /* font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
}

.content-news th {
  padding: 18px 20px;
  text-align: left;
  width: 180px;
}

.content-news td {
  padding: 18px 20px 18px 0;
  min-height: 67px;
}

.content-news td .txt {
  height: 30px;
}

/*
/dir news
*/
/*
cate contents
*/
/*
cate contents common
 */
.cate-contents .inner > .content-head-1 {
  margin: 28px 0 23px;
}

@media (max-width: 823px) {
  .cate-contents .inner > .content-head-1 {
    margin: 15px 0 15px;
  }
}

.cate-contents .inner > .content-head-1-type2 {
  margin: 28px 0 10px;
}

.cate-contents .content-head-2, .cate-contents .content-head-2-2, .cate-contents .content-head-2-3, .cate-contents .content-head-2-blue {
  margin-top: 20px;
}

.cate-contents .column-box {
  overflow: hidden;
  margin-bottom: 40px;
}

@media (max-width: 823px) {
  .cate-contents .column-box {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .cate-contents .column-box {
    margin-top: 20px;
  }
}

.cate-contents .column-box + .content-head-3 {
  margin-top: -20px;
}

.cate-contents .column {
  width: 470px;
  float: left;
  margin: 0 0 25px;
}
.cate-contents .column:nth-child(2n+1) {
  clear: both;
}

@media (max-width: 823px) {
  .cate-contents .column {
    max-width: 470px;
    width: 100%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .cate-contents .column {
    width: 47%;
  }
}

.cate-contents .column:nth-child(odd) {
  margin-right: 20px;
}

@media (max-width: 823px) {
  .cate-contents .column:nth-child(odd) {
    margin-right: 0px;
  }
}

.cate-contents .column .description {
  /* font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
}

.cate-contents a.btn01, .cate-contents a.btn02 {
  display: block;
  height: 245px;
  margin-bottom: 12px;
  overflow: hidden;
  width: 470px;
}

@media (max-width: 823px) {
  .cate-contents a.btn01, .cate-contents a.btn02 {
    max-width: 470px;
    width: 100%;
    height: auto;
  }
  .cate-contents a.btn01 img.sp-active, .cate-contents a.btn02 img.sp-active {
    width: 100%;
    height: auto;
    margin: 0;
  }
}

.cate-contents .contents-index-btn01-01 img {
  margin: -5px 0 0 -5px;
}

.cate-contents .contents-index-btn01-01:hover img {
  margin: -5px 0 0 -485px;
}

.cate-contents .contents-index-btn01-02 img {
  margin: -260px 0 0 -5px;
}

.cate-contents .contents-index-btn01-02:hover img {
  margin: -260px 0 0 -485px;
}

.cate-contents .contents-index-btn01-03 img {
  margin: -515px 0 0 -5px;
}

.cate-contents .contents-index-btn01-03:hover img {
  margin: -515px 0 0 -485px;
}

.cate-contents .contents-index-btn01-04 img {
  margin: -5px 0 0 -965px;
}

.cate-contents .contents-index-btn01-04:hover img {
  margin: -260px 0 0 -965px;
}

.cate-contents a.btn02 {
  height: 130px;
}

@media (max-width: 823px) {
  .cate-contents a.btn02 {
    max-width: 470px;
    width: 100%;
    height: auto;
  }
  .cate-contents a.btn02 img.sp-active {
    width: 100%;
    height: auto;
    margin: 0;
  }
}

.cate-contents .contents-index-btn02-01 img {
  margin: -5px 0 0 -5px;
}

.cate-contents .contents-index-btn02-01:hover img {
  margin: -145px 0 0 -5px;
}

.cate-contents .contents-index-btn02-02 img {
  margin: -285px 0 0 -5px;
}

.cate-contents .contents-index-btn02-02:hover img {
  margin: -425px 0 0 -5px;
}

.cate-contents .contents-index-btn02-03 img {
  margin: -565px 0 0 -5px;
}

.cate-contents .contents-index-btn02-03:hover img {
  margin: -705px 0 0 -5px;
}

.cate-contents .contents-index-btn02-04 img {
  margin: -5px 0 0 -485px;
}

.cate-contents .contents-index-btn02-04:hover img {
  margin: -145px 0 0 -485px;
}

.cate-contents .contents-index-btn02-05 img {
  margin: -285px 0 0 -485px;
}

.cate-contents .contents-index-btn02-05:hover img {
  margin: -425px 0 0 -485px;
}

.cate-contents .contents-index-btn02-06 img {
  margin: -565px 0 0 -485px;
}

.cate-contents .contents-index-btn02-06:hover img {
  margin: -705px 0 0 -485px;
}

.cate-contents .contents-index-btn02-07 img {
  margin: -845px 0 0 -5px;
}

.cate-contents .contents-index-btn02-07:hover img {
  margin: -985px 0 0 -5px;
}

.cate-contents .contents-index-btn02-08 img {
  margin: -845px 0 0 -485px;
}

.cate-contents .contents-index-btn02-08:hover img {
  margin: -985px 0 0 -485px;
}

.cate-contents .contents-index-btn02-09 img {
  margin: -1125px 0 0 -5px;
}

.cate-contents .contents-index-btn02-09:hover img {
  margin: -1265px 0 0 -5px;
}

.cate-contents .contents-index-btn02-10 img {
  margin: -1125px 0 0 -485px;
}

.cate-contents .contents-index-btn02-10:hover img {
  margin: -1265px 0 0 -485px;
}

.cate-contents .contents-index-btn02-11 img {
  margin: -1405px 0 0 -5px;
}

.cate-contents .contents-index-btn02-11:hover img {
  margin: -1545px 0 0 -5px;
}

.cate-contents .contents-index-btn02-12 img {
  margin: -1405px 0 0 -485px;
}

.cate-contents .contents-index-btn02-12:hover img {
  margin: -1545px 0 0 -485px;
}

.cate-contents .contents-index-btn02-13 img {
  margin: -1685px 0 0 -5px;
}

.cate-contents .contents-index-btn02-13:hover img {
  margin: -1825px 0 0 -5px;
}

.cate-contents .contents-index-btn02-14 img {
  margin: -1685px 0 0 -485px;
}

.cate-contents .contents-index-btn02-14:hover img {
  margin: -1825px 0 0 -485px;
}

.cate-contents .contents-index-btn03-01 img {
  margin: -5px 0 0 -5px;
}

.cate-contents .contents-index-btn03-01:hover img {
  margin: -145px 0 0 -5px;
}

.cate-contents .contents-index-btn03-02 img {
  margin: -285px 0 0 -5px;
}

.cate-contents .contents-index-btn03-02:hover img {
  margin: -425px 0 0 -5px;
}

.cate-contents .contents-index-btn03-03 img {
  margin: -5px 0 0 -485px;
}

.cate-contents .contents-index-btn03-03:hover img {
  margin: -145px 0 0 -485px;
}

.cate-contents .contents-index-btn03-04 img {
  margin: -285px 0 0 -485px;
}

.cate-contents .contents-index-btn03-04:hover img {
  margin: -425px 0 0 -485px;
}

.cate-contents .contents-index-btn03-04 img {
  margin: -285px 0 0 -485px;
}

.cate-contents .contents-index-btn03-04:hover img {
  margin: -425px 0 0 -485px;
}

.cate-contents .contents-index-btn04-01 img {
  margin: -5px 0 0 -5px;
}

.cate-contents .contents-index-btn04-01:hover img {
  margin: -145px 0 0 -5px;
}

.cate-contents .contents-index-btn04-02 img {
  margin: -285px 0 0 -5px;
}

.cate-contents .contents-index-btn04-02:hover img {
  margin: -425px 0 0 -5px;
}

.cate-contents .contents-index-btn04-03 img {
  margin: -565px 0 0 -5px;
}

.cate-contents .contents-index-btn04-03:hover img {
  margin: -705px 0 0 -5px;
}

.cate-contents .contents-index-btn04-04 img {
  margin: -5px 0 0 -485px;
}

.cate-contents .contents-index-btn04-04:hover img {
  margin: -145px 0 0 -485px;
}

.cate-contents .contents-index-btn04-05 img {
  margin: -285px 0 0 -485px;
}

.cate-contents .contents-index-btn04-05:hover img {
  margin: -425px 0 0 -485px;
}

.cate-contents .contents-index-btn04-06 img {
  margin: -565px 0 0 -485px;
}

.cate-contents .contents-index-btn04-06:hover img {
  margin: -705px 0 0 -485px;
}

.cate-contents .contents-index-btn04-07 img {
  margin: -845px 0 0 -5px;
}

.cate-contents .contents-index-btn04-07:hover img {
  margin: -985px 0 0 -5px;
}

.cate-contents .contents-index-btn04-08 img {
  margin: -845px 0 0 -485px;
}

.cate-contents .contents-index-btn04-08:hover img {
  margin: -985px 0 0 -485px;
}

.cate-contents .contents-index-btn04-09 img {
  margin: -1125px 0 0 -5px;
}

.cate-contents .contents-index-btn04-09:hover img {
  margin: -1265px 0 0 -5px;
}

.cate-contents .contents-index-btn04-10 img {
  margin: -1125px 0 0 -485px;
}

.cate-contents .contents-index-btn04-10:hover img {
  margin: -1265px 0 0 -485px;
}

.cate-contents .contents-index-btn04-11 img {
  margin: -1125px 0 0 -485px;
}

.cate-contents .contents-index-btn04-11:hover img {
  margin: -1265px 0 0 -485px;
}

.cate-contents .contents-index-btn04-12 img {
  margin: -1406px 0 0 -5px;
}
.cate-contents .contents-index-btn04-12:hover img {
  margin: -1546px 0 0 -5px;
}

.cate-contents .contents-index-btn04-13 img {
  margin: -1406px 0 0 -485px;
}
.cate-contents .contents-index-btn04-13:hover img {
  margin: -1546px 0 0 -485px;
}

.cate-contents .contents-index-btn04-14 img {
  margin: -1686px 0 0 -485px;
}
.cate-contents .contents-index-btn04-14:hover img {
  margin: -1826px 0 0 -485px;
}

.cate-contents .contents-index-btn04-15 img {
  margin: -1686px 0 0 -5px;
}

.cate-contents .contents-index-btn04-15:hover img {
  margin: -1826px 0 0 -5px;
}

.cate-contents .contentslist-1 {
  margin-bottom: 60px;
}

@media (max-width: 823px) {
  .cate-contents .contentslist-1 {
    width: 100%;
    margin-bottom: 30px;
    text-align: left;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .cate-contents .contentslist-1 {
    width: 50%;
    position: absolute;
    bottom: 0;
  }
}

.cate-contents .contentslist-1 li {
  /* font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
  font-size: 16px;
  padding-left: 1em;
  position: relative;
}

@media (max-width: 823px) {
  .cate-contents .contentslist-1 li {
    font-size: 12px;
  }
}

.cate-contents .contentslist-1 li:before {
  color: #0080cc;
  content: "●";
  font-size: 70%;
  display: block;
  left: 0;
  position: absolute;
  top: 0.3em;
}

/*
/cate-contents common
 */
/*
content-contents
 */
.content-contents .term-name {
  margin-bottom: 30px;
}

.content-contents .term-name .inner {
  padding-top: 20px;
}

/*
/content-contents
*/
/*
content-contents-index
 */
.content-contents-index #premium,
.content-contents-index #recommend {
  margin-top: -130px;
  padding-top: 130px;
}

/*
/content-contents-index
 */
/*
contents-genki,
contents-school,
contents-clinic,
contents-fitness,
contents-koguni,
contents-sports
 */
.content-contents-bonodori {
  margin-top: 30px;
}

.content-contents-matsuken {
  /* margin-top: -40px; */
  margin-top: 40px;
}

.content-contents-matsuken .head {
  width: 100%;
  float: right;
  box-sizing: border-box;
  padding-left: 15px;
}

.content-contents-matsuken .column-movie-1:nth-child(2n+0) {
  float: right;
  margin: auto;
}

@media (max-width: 823px) {
  .content-contents-matsuken .column-movie-1:nth-child(2n+0) {
    float: none;
    margin: 0;
    height: auto;
    margin: 0 auto 20px 0;
  }
}

@media (max-width: 823px) {
  .content-contents-matsuken {
    /* margin-top: -20px; */
    margin-top: 20px;
  }
}

.content-contents-nikkan {
  margin-bottom: 30px;
}

.content-contents-nikkan p {
  margin-bottom: 0px;
}

.content-contents-nikkan h3.content-head-1 + p {
  margin-bottom: 10px;
  height: 30px;
}

.content-contents-nikkan ul.contentslist-1 {
  margin: -20px 0 -40px 0;
  padding: 0px;
}

.content-contents-nikkan ul.contentslist-1 li {
  margin-top: -20px;
}

.content-contents-nikkan ul.contentslist-1 + p {
  margin-bottom: 0px;
  margin-top: -20px;
}

.content-contents-nikkan .image-floatr-1 + .description {
  width: 52%;
  float: left;
  margin-bottom: 0px;
}

@media (max-width: 823px) {
  .content-contents-nikkan .image-floatr-1 + .description {
    width: 100%;
    margin: 30px auto auto auto;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-contents-nikkan .image-floatr-1 + .description {
    width: 55%;
    margin: 0 auto auto auto;
  }
}

.content-contents-nikkan .image-floatr-1 + .description :first-child {
  margin-bottom: 0px;
}

.content-contents-nikkan .image-floatr-1 + .description :after {
  content: "";
  display: block;
  clear: both;
  width: 0.1px;
  padding-bottom: 30px;
}

.content-contents-hikawa {
  /* margin-top: -30px; */
  margin-top: 30px;
  padding-bottom: 5px;
}

.content-contents-hikawa .column-movie-1 {
  width: 100%;
  height: auto;
  float: left;
  position: relative;
  align-items: flex-start;
}

@media (max-width: 823px) {
  .content-contents-hikawa .column-movie-1 {
    display: flex;
  }
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-contents-hikawa .column-movie-1 {
    flex-flow: column;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-contents-hikawa .column-movie-1 {
    flex-flow: row;
    justify-content: space-between;
  }
}

.content-contents-hikawa img {
  width: 30%;
  height: auto;
  margin-bottom: 30px;
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-contents-hikawa img {
    width: 80%;
    margin: auto;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-contents-hikawa img {
    width: 25%;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-contents-hikawa img {
    width: 20%;
    margin-right: 20px;
  }
}

.content-contents-hikawa .song_list {
  float: right;
  width: 68%;
}

@media (max-width: 823px) {
  .content-contents-hikawa .song_list {
    float: none;
    margin: auto;
  }
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-contents-hikawa .song_list {
    width: 100%;
    margin: 30px auto auto auto;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-contents-hikawa .song_list {
    width: 70%;
    margin: 0 auto;
  }
}

.song_list {
  font-size: 16px;
  font-weight: bold;
}

.song_list .tr_head {
  background: #f0f0f0;
}

.song_list th.head,
.song_list td.head {
  padding: 5px 10px;
}

.song_list th.head {
  text-align: center;
}

.song_list td.head {
  width: 35%;
}

.content-contents-matsuken #item01,
.content-contents-matsuken #item02,
.content-contents-matsuken #item03,
.content-contents-matsuken #item04,
.content-contents-matsuken #item05,
.content-contents-matsuken #item06,
.content-contents-genki #item01,
.content-contents-genki #item02,
.content-contents-genki #item03,
.content-contents-genki #item04,
.content-contents-genki #item05,
.content-contents-genki #item06,
.content-contents-school #item01,
.content-contents-school #item02,
.content-contents-school #item03,
.content-contents-school #item04,
.content-contents-school #item05,
.content-contents-school #item06,
.content-contents-clinic #item01,
.content-contents-clinic #item02,
.content-contents-clinic #item03,
.content-contents-clinic #item04,
.content-contents-clinic #item05,
.content-contents-clinic #item06,
.content-contents-fitness #item01, .content-contents-koguni #item01, .content-contents-sports #item01, .content-contents-gobou #item01,
.content-contents-lets #item01, .content-contents-ikiiki #item01,
.content-contents-anomatikonomati #item01,
.content-contents-fitness #item02, .content-contents-koguni #item02, .content-contents-sports #item02, .content-contents-gobou #item02,
.content-contents-lets #item02, .content-contents-ikiiki #item02,
.content-contents-anomatikonomati #item02,
.content-contents-fitness #item03, .content-contents-koguni #item03, .content-contents-sports #item03, .content-contents-gobou #item03,
.content-contents-lets #item03, .content-contents-ikiiki #item03,
.content-contents-anomatikonomati #item03,
.content-contents-fitness #item04, .content-contents-koguni #item04, .content-contents-sports #item04, .content-contents-gobou #item04,
.content-contents-lets #item04, .content-contents-ikiiki #item04,
.content-contents-anomatikonomati #item04,
.content-contents-fitness #item05, .content-contents-koguni #item05, .content-contents-sports #item05, .content-contents-gobou #item05,
.content-contents-lets #item05, .content-contents-ikiiki #item05,
.content-contents-anomatikonomati #item05,
.content-contents-fitness #item06, .content-contents-koguni #item06, .content-contents-sports #item06, .content-contents-gobou #item06,
.content-contents-lets #item06, .content-contents-ikiiki #item06,
.content-contents-anomatikonomati #item06,
.content-contents-koguni #item01,
.content-contents-koguni #item02,
.content-contents-koguni #item03,
.content-contents-koguni #item04,
.content-contents-koguni #item05,
.content-contents-koguni #item06,
.content-contents-gobou #item01,
.content-contents-gobou #item02,
.content-contents-gobou #item03,
.content-contents-gobou #item04,
.content-contents-gobou #item05,
.content-contents-gobou #item06,
.content-contents-bodydrum #item01,
.content-contents-bodydrum #item02,
.content-contents-bodydrum #item03,
.content-contents-bodydrum #item04,
.content-contents-bodydrum #item05,
.content-contents-bodydrum #item06,
.content-contents-sports #item01,
.content-contents-sports #item02,
.content-contents-sports #item03,
.content-contents-sports #item04,
.content-contents-sports #item05,
.content-contents-sports #item06 {
  margin-top: -130px;
  padding-top: 130px;
}

.content-contents-matsuken .term-name,
.content-contents-genki .term-name,
.content-contents-school .term-name,
.content-contents-clinic .term-name,
.content-contents-fitness .term-name, .content-contents-koguni .term-name, .content-contents-sports .term-name, .content-contents-gobou .term-name,
.content-contents-lets .term-name, .content-contents-ikiiki .term-name,
.content-contents-anomatikonomati .term-name,
.content-contents-koguni .term-name,
.content-contents-gobou .term-name,
.content-contents-bodydrum .term-name,
.content-contents-sports .term-name {
  margin-bottom: 0;
}

.content-contents-matsuken .term-name .content-head-1,
.content-contents-genki .term-name .content-head-1,
.content-contents-school .term-name .content-head-1,
.content-contents-clinic .term-name .content-head-1,
.content-contents-fitness .term-name .content-head-1, .content-contents-koguni .term-name .content-head-1, .content-contents-sports .term-name .content-head-1, .content-contents-gobou .term-name .content-head-1,
.content-contents-lets .term-name .content-head-1, .content-contents-ikiiki .term-name .content-head-1,
.content-contents-anomatikonomati .term-name .content-head-1,
.content-contents-koguni .term-name .content-head-1,
.content-contents-gobou .term-name .content-head-1,
.content-contents-bodydrum .term-name .content-head-1,
.content-contents-sports .term-name .content-head-1 {
  border: none;
  padding: 0;
  margin-bottom: 0;
}

.content-contents-matsuken .term-name .note,
.content-contents-genki .term-name .note,
.content-contents-school .term-name .note,
.content-contents-clinic .term-name .note,
.content-contents-fitness .term-name .note, .content-contents-koguni .term-name .note, .content-contents-sports .term-name .note, .content-contents-gobou .term-name .note,
.content-contents-lets .term-name .note, .content-contents-ikiiki .term-name .note,
.content-contents-anomatikonomati .term-name .note,
.content-contents-koguni .term-name .note,
.content-contents-gobou .term-name .note,
.content-contents-bodydrum .term-name .note,
.content-contents-sports .term-name .note {
  font-size: 13px;
  max-width: 960px;
  width: 100%;
  text-align: right;
  margin: 8px auto 0;
}

@media (max-width: 823px) {
  .content-contents-matsuken .term-name .note,
  .content-contents-genki .term-name .note,
  .content-contents-school .term-name .note,
  .content-contents-clinic .term-name .note,
  .content-contents-fitness .term-name .note, .content-contents-koguni .term-name .note, .content-contents-sports .term-name .note, .content-contents-gobou .term-name .note,
  .content-contents-lets .term-name .note, .content-contents-ikiiki .term-name .note,
  .content-contents-anomatikonomati .term-name .note,
  .content-contents-koguni .term-name .note,
  .content-contents-gobou .term-name .note,
  .content-contents-bodydrum .term-name .note,
  .content-contents-sports .term-name .note {
    margin: 8px auto 20px;
  }
}

.content-contents-matsuken .term-name .note img,
.content-contents-genki .term-name .note img,
.content-contents-school .term-name .note img,
.content-contents-clinic .term-name .note img,
.content-contents-fitness .term-name .note img, .content-contents-koguni .term-name .note img, .content-contents-sports .term-name .note img, .content-contents-gobou .term-name .note img,
.content-contents-lets .term-name .note img, .content-contents-ikiiki .term-name .note img,
.content-contents-anomatikonomati .term-name .note img,
.content-contents-koguni .term-name .note img,
.content-contents-gobou .term-name .note img,
.content-contents-bodydrum .term-name .note img,
.content-contents-sports .term-name .note img {
  vertical-align: -5px;
  margin-left: 3px;
}

.content-contents-matsuken .content-head-1,
.content-contents-genki .content-head-1,
.content-contents-school .content-head-1,
.content-contents-clinic .content-head-1,
.content-contents-fitness .content-head-1, .content-contents-koguni .content-head-1, .content-contents-sports .content-head-1, .content-contents-gobou .content-head-1,
.content-contents-lets .content-head-1, .content-contents-ikiiki .content-head-1,
.content-contents-anomatikonomati .content-head-1,
.content-contents-koguni .content-head-1,
.content-contents-gobou .content-head-1,
.content-contents-bodydrum .content-head-1,
.content-contents-sports .content-head-1 {
  margin-bottom: 30px;
}

.content-contents-matsuken .column-box,
.content-contents-genki .column-box,
.content-contents-school .column-box,
.content-contents-clinic .column-box,
.content-contents-fitness .column-box, .content-contents-koguni .column-box, .content-contents-sports .column-box, .content-contents-gobou .column-box,
.content-contents-lets .column-box, .content-contents-ikiiki .column-box,
.content-contents-anomatikonomati .column-box,
.content-contents-koguni .column-box,
.content-contents-gobou .column-box,
.content-contents-bodydrum .column-box,
.content-contents-sports .column-box {
  overflow: hidden;
  margin-bottom: 50px;
}

.content-contents-matsuken .column-box .column-movie-1:nth-child(even),
.content-contents-genki .column-box .column-movie-1:nth-child(even),
.content-contents-school .column-box .column-movie-1:nth-child(even),
.content-contents-clinic .column-box .column-movie-1:nth-child(even),
.content-contents-fitness .column-box .column-movie-1:nth-child(even), .content-contents-koguni .column-box .column-movie-1:nth-child(even), .content-contents-sports .column-box .column-movie-1:nth-child(even), .content-contents-gobou .column-box .column-movie-1:nth-child(even),
.content-contents-lets .column-box .column-movie-1:nth-child(even), .content-contents-ikiiki .column-box .column-movie-1:nth-child(even),
.content-contents-anomatikonomati .column-box .column-movie-1:nth-child(even),
.content-contents-koguni .column-box .column-movie-1:nth-child(even),
.content-contents-gobou .column-box .column-movie-1:nth-child(even),
.content-contents-bodydrum .column-box .column-movie-1:nth-child(even),
.content-contents-sports .column-box .column-movie-1:nth-child(even) {
  margin-right: 0;
}

@media (max-width: 823px) {
  .content-contents-matsuken .column-box,
  .content-contents-genki .column-box,
  .content-contents-school .column-box,
  .content-contents-clinic .column-box,
  .content-contents-fitness .column-box, .content-contents-koguni .column-box, .content-contents-sports .column-box, .content-contents-gobou .column-box,
  .content-contents-lets .column-box, .content-contents-ikiiki .column-box,
  .content-contents-anomatikonomati .column-box,
  .content-contents-koguni .column-box,
  .content-contents-gobou .column-box,
  .content-contents-bodydrum .column-box,
  .content-contents-sports .column-box {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}

.content-contents-matsuken .column-movie-1,
.content-contents-genki .column-movie-1,
.content-contents-school .column-movie-1,
.content-contents-clinic .column-movie-1,
.content-contents-fitness .column-movie-1, .content-contents-koguni .column-movie-1, .content-contents-sports .column-movie-1, .content-contents-gobou .column-movie-1,
.content-contents-lets .column-movie-1, .content-contents-ikiiki .column-movie-1,
.content-contents-anomatikonomati .column-movie-1,
.content-contents-koguni .column-movie-1,
.content-contents-gobou .column-movie-1,
.content-contents-bodydrum .column-movie-1,
.content-contents-sports .column-movie-1 {
  border-radius: 10px;
  border: 1px solid #c8c8c8;
  float: left;
  height: 185px;
  margin: 0 20px 20px 0;
  padding: 10px;
  position: relative;
  max-width: 470px;
  width: 100%;
}

@media (max-width: 823px) {
  .content-contents-matsuken .column-movie-1,
  .content-contents-genki .column-movie-1,
  .content-contents-school .column-movie-1,
  .content-contents-clinic .column-movie-1,
  .content-contents-fitness .column-movie-1, .content-contents-koguni .column-movie-1, .content-contents-sports .column-movie-1, .content-contents-gobou .column-movie-1,
  .content-contents-lets .column-movie-1, .content-contents-ikiiki .column-movie-1,
  .content-contents-anomatikonomati .column-movie-1,
  .content-contents-koguni .column-movie-1,
  .content-contents-gobou .column-movie-1,
  .content-contents-bodydrum .column-movie-1,
  .content-contents-sports .column-movie-1 {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    height: auto;
    padding: 10px;
    margin: 0 auto 20px 0;
    width: 100%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-contents-matsuken .column-movie-1,
  .content-contents-genki .column-movie-1,
  .content-contents-school .column-movie-1,
  .content-contents-clinic .column-movie-1,
  .content-contents-fitness .column-movie-1, .content-contents-koguni .column-movie-1, .content-contents-sports .column-movie-1, .content-contents-gobou .column-movie-1,
  .content-contents-lets .column-movie-1, .content-contents-ikiiki .column-movie-1,
  .content-contents-anomatikonomati .column-movie-1,
  .content-contents-koguni .column-movie-1,
  .content-contents-gobou .column-movie-1,
  .content-contents-bodydrum .column-movie-1,
  .content-contents-sports .column-movie-1 {
    height: auto;
    width: 48%;
    padding: 10px 10px 12% 10px;
  }
}

.content-contents-matsuken .column-movie-1 .thumbnail-movie-1,
.content-contents-genki .column-movie-1 .thumbnail-movie-1,
.content-contents-school .column-movie-1 .thumbnail-movie-1,
.content-contents-clinic .column-movie-1 .thumbnail-movie-1,
.content-contents-fitness .column-movie-1 .thumbnail-movie-1, .content-contents-koguni .column-movie-1 .thumbnail-movie-1, .content-contents-sports .column-movie-1 .thumbnail-movie-1, .content-contents-gobou .column-movie-1 .thumbnail-movie-1,
.content-contents-lets .column-movie-1 .thumbnail-movie-1, .content-contents-ikiiki .column-movie-1 .thumbnail-movie-1,
.content-contents-anomatikonomati .column-movie-1 .thumbnail-movie-1,
.content-contents-koguni .column-movie-1 .thumbnail-movie-1,
.content-contents-gobou .column-movie-1 .thumbnail-movie-1,
.content-contents-bodydrum .column-movie-1 .thumbnail-movie-1,
.content-contents-sports .column-movie-1 .thumbnail-movie-1 {
  display: block;
  float: left;
  height: 165px;
  width: 220px;
}

@media (max-width: 823px) {
  .content-contents-matsuken .column-movie-1 .thumbnail-movie-1,
  .content-contents-genki .column-movie-1 .thumbnail-movie-1,
  .content-contents-school .column-movie-1 .thumbnail-movie-1,
  .content-contents-clinic .column-movie-1 .thumbnail-movie-1,
  .content-contents-fitness .column-movie-1 .thumbnail-movie-1, .content-contents-koguni .column-movie-1 .thumbnail-movie-1, .content-contents-sports .column-movie-1 .thumbnail-movie-1, .content-contents-gobou .column-movie-1 .thumbnail-movie-1,
  .content-contents-lets .column-movie-1 .thumbnail-movie-1, .content-contents-ikiiki .column-movie-1 .thumbnail-movie-1,
  .content-contents-anomatikonomati .column-movie-1 .thumbnail-movie-1,
  .content-contents-koguni .column-movie-1 .thumbnail-movie-1,
  .content-contents-gobou .column-movie-1 .thumbnail-movie-1,
  .content-contents-bodydrum .column-movie-1 .thumbnail-movie-1,
  .content-contents-sports .column-movie-1 .thumbnail-movie-1 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-right: 10px;
  }
  .content-contents-matsuken .column-movie-1 .thumbnail-movie-1 img,
  .content-contents-genki .column-movie-1 .thumbnail-movie-1 img,
  .content-contents-school .column-movie-1 .thumbnail-movie-1 img,
  .content-contents-clinic .column-movie-1 .thumbnail-movie-1 img,
  .content-contents-fitness .column-movie-1 .thumbnail-movie-1 img, .content-contents-koguni .column-movie-1 .thumbnail-movie-1 img, .content-contents-sports .column-movie-1 .thumbnail-movie-1 img, .content-contents-gobou .column-movie-1 .thumbnail-movie-1 img,
  .content-contents-lets .column-movie-1 .thumbnail-movie-1 img, .content-contents-ikiiki .column-movie-1 .thumbnail-movie-1 img,
  .content-contents-anomatikonomati .column-movie-1 .thumbnail-movie-1 img,
  .content-contents-koguni .column-movie-1 .thumbnail-movie-1 img,
  .content-contents-gobou .column-movie-1 .thumbnail-movie-1 img,
  .content-contents-bodydrum .column-movie-1 .thumbnail-movie-1 img,
  .content-contents-sports .column-movie-1 .thumbnail-movie-1 img {
    width: 100%;
  }
}

.content-contents-matsuken .column-movie-1 .head,
.content-contents-genki .column-movie-1 .head,
.content-contents-school .column-movie-1 .head,
.content-contents-clinic .column-movie-1 .head,
.content-contents-fitness .column-movie-1 .head, .content-contents-koguni .column-movie-1 .head, .content-contents-sports .column-movie-1 .head, .content-contents-gobou .column-movie-1 .head,
.content-contents-lets .column-movie-1 .head, .content-contents-ikiiki .column-movie-1 .head,
.content-contents-anomatikonomati .column-movie-1 .head,
.content-contents-koguni .column-movie-1 .head,
.content-contents-gobou .column-movie-1 .head,
.content-contents-bodydrum .column-movie-1 .head,
.content-contents-sports .column-movie-1 .head {
  font-size: 16px;
  font-weight: bold;
}

@media (max-width: 823px) {
  .content-contents-matsuken .column-movie-1 .head,
  .content-contents-genki .column-movie-1 .head,
  .content-contents-school .column-movie-1 .head,
  .content-contents-clinic .column-movie-1 .head,
  .content-contents-fitness .column-movie-1 .head, .content-contents-koguni .column-movie-1 .head, .content-contents-sports .column-movie-1 .head, .content-contents-gobou .column-movie-1 .head,
  .content-contents-lets .column-movie-1 .head, .content-contents-ikiiki .column-movie-1 .head,
  .content-contents-anomatikonomati .column-movie-1 .head,
  .content-contents-koguni .column-movie-1 .head,
  .content-contents-gobou .column-movie-1 .head,
  .content-contents-bodydrum .column-movie-1 .head,
  .content-contents-sports .column-movie-1 .head {
    font-size: 14px;
    margin-bottom: 30px;
  }
}

.content-contents-matsuken .column-movie-1 .head .sub,
.content-contents-genki .column-movie-1 .head .sub,
.content-contents-school .column-movie-1 .head .sub,
.content-contents-clinic .column-movie-1 .head .sub,
.content-contents-fitness .column-movie-1 .head .sub, .content-contents-koguni .column-movie-1 .head .sub, .content-contents-sports .column-movie-1 .head .sub, .content-contents-gobou .column-movie-1 .head .sub,
.content-contents-lets .column-movie-1 .head .sub, .content-contents-ikiiki .column-movie-1 .head .sub,
.content-contents-anomatikonomati .column-movie-1 .head .sub,
.content-contents-koguni .column-movie-1 .head .sub,
.content-contents-gobou .column-movie-1 .head .sub,
.content-contents-bodydrum .column-movie-1 .head .sub,
.content-contents-sports .column-movie-1 .head .sub {
  font-size: 14px;
}

.content-contents-matsuken .column-movie-1 .description,
.content-contents-genki .column-movie-1 .description,
.content-contents-school .column-movie-1 .description,
.content-contents-clinic .column-movie-1 .description,
.content-contents-fitness .column-movie-1 .description, .content-contents-koguni .column-movie-1 .description, .content-contents-sports .column-movie-1 .description, .content-contents-gobou .column-movie-1 .description,
.content-contents-lets .column-movie-1 .description, .content-contents-ikiiki .column-movie-1 .description,
.content-contents-anomatikonomati .column-movie-1 .description,
.content-contents-koguni .column-movie-1 .description,
.content-contents-gobou .column-movie-1 .description,
.content-contents-bodydrum .column-movie-1 .description,
.content-contents-sports .column-movie-1 .description {
  max-width: 210px;
  width: 100%;
  float: right;
}

@media (max-width: 823px) {
  .content-contents-matsuken .column-movie-1 .description,
  .content-contents-genki .column-movie-1 .description,
  .content-contents-school .column-movie-1 .description,
  .content-contents-clinic .column-movie-1 .description,
  .content-contents-fitness .column-movie-1 .description, .content-contents-koguni .column-movie-1 .description, .content-contents-sports .column-movie-1 .description, .content-contents-gobou .column-movie-1 .description,
  .content-contents-lets .column-movie-1 .description, .content-contents-ikiiki .column-movie-1 .description,
  .content-contents-anomatikonomati .column-movie-1 .description,
  .content-contents-koguni .column-movie-1 .description,
  .content-contents-gobou .column-movie-1 .description,
  .content-contents-bodydrum .column-movie-1 .description,
  .content-contents-sports .column-movie-1 .description {
    float: none;
    height: auto;
    padding-bottom: 20px;
  }
  .content-contents-matsuken .column-movie-1 .description p.small,
  .content-contents-genki .column-movie-1 .description p.small,
  .content-contents-school .column-movie-1 .description p.small,
  .content-contents-clinic .column-movie-1 .description p.small,
  .content-contents-fitness .column-movie-1 .description p.small, .content-contents-koguni .column-movie-1 .description p.small, .content-contents-sports .column-movie-1 .description p.small, .content-contents-gobou .column-movie-1 .description p.small,
  .content-contents-lets .column-movie-1 .description p.small, .content-contents-ikiiki .column-movie-1 .description p.small,
  .content-contents-anomatikonomati .column-movie-1 .description p.small,
  .content-contents-koguni .column-movie-1 .description p.small,
  .content-contents-gobou .column-movie-1 .description p.small,
  .content-contents-bodydrum .column-movie-1 .description p.small,
  .content-contents-sports .column-movie-1 .description p.small {
    margin: 0 0 0 0 !important;
  }
}

.content-contents-matsuken .column-movie-1 .movie-btn01,
.content-contents-matsuken .column-movie-1 .pdf-btn01,
.content-contents-genki .column-movie-1 .movie-btn01,
.content-contents-genki .column-movie-1 .pdf-btn01,
.content-contents-school .column-movie-1 .movie-btn01,
.content-contents-school .column-movie-1 .pdf-btn01,
.content-contents-clinic .column-movie-1 .movie-btn01,
.content-contents-clinic .column-movie-1 .pdf-btn01,
.content-contents-fitness .column-movie-1 .movie-btn01, .content-contents-koguni .column-movie-1 .movie-btn01, .content-contents-sports .column-movie-1 .movie-btn01, .content-contents-gobou .column-movie-1 .movie-btn01,
.content-contents-lets .column-movie-1 .movie-btn01, .content-contents-ikiiki .column-movie-1 .movie-btn01,
.content-contents-anomatikonomati .column-movie-1 .movie-btn01,
.content-contents-fitness .column-movie-1 .pdf-btn01, .content-contents-koguni .column-movie-1 .pdf-btn01, .content-contents-sports .column-movie-1 .pdf-btn01, .content-contents-gobou .column-movie-1 .pdf-btn01,
.content-contents-lets .column-movie-1 .pdf-btn01, .content-contents-ikiiki .column-movie-1 .pdf-btn01,
.content-contents-anomatikonomati .column-movie-1 .pdf-btn01,
.content-contents-koguni .column-movie-1 .movie-btn01,
.content-contents-koguni .column-movie-1 .pdf-btn01,
.content-contents-gobou .column-movie-1 .movie-btn01,
.content-contents-gobou .column-movie-1 .pdf-btn01,
.content-contents-bodydrum .column-movie-1 .movie-btn01,
.content-contents-bodydrum .column-movie-1 .pdf-btn01,
.content-contents-sports .column-movie-1 .movie-btn01,
.content-contents-sports .column-movie-1 .pdf-btn01 {
  position: absolute;
  bottom: 20px;
}

@media (max-width: 823px) {
  .content-contents-matsuken .column-movie-1 .movie-btn01,
  .content-contents-matsuken .column-movie-1 .pdf-btn01,
  .content-contents-genki .column-movie-1 .movie-btn01,
  .content-contents-genki .column-movie-1 .pdf-btn01,
  .content-contents-school .column-movie-1 .movie-btn01,
  .content-contents-school .column-movie-1 .pdf-btn01,
  .content-contents-clinic .column-movie-1 .movie-btn01,
  .content-contents-clinic .column-movie-1 .pdf-btn01,
  .content-contents-fitness .column-movie-1 .movie-btn01, .content-contents-koguni .column-movie-1 .movie-btn01, .content-contents-sports .column-movie-1 .movie-btn01, .content-contents-gobou .column-movie-1 .movie-btn01,
  .content-contents-lets .column-movie-1 .movie-btn01, .content-contents-ikiiki .column-movie-1 .movie-btn01,
  .content-contents-anomatikonomati .column-movie-1 .movie-btn01,
  .content-contents-fitness .column-movie-1 .pdf-btn01, .content-contents-koguni .column-movie-1 .pdf-btn01, .content-contents-sports .column-movie-1 .pdf-btn01, .content-contents-gobou .column-movie-1 .pdf-btn01,
  .content-contents-lets .column-movie-1 .pdf-btn01, .content-contents-ikiiki .column-movie-1 .pdf-btn01,
  .content-contents-anomatikonomati .column-movie-1 .pdf-btn01,
  .content-contents-koguni .column-movie-1 .movie-btn01,
  .content-contents-koguni .column-movie-1 .pdf-btn01,
  .content-contents-gobou .column-movie-1 .movie-btn01,
  .content-contents-gobou .column-movie-1 .pdf-btn01,
  .content-contents-bodydrum .column-movie-1 .movie-btn01,
  .content-contents-bodydrum .column-movie-1 .pdf-btn01,
  .content-contents-sports .column-movie-1 .movie-btn01,
  .content-contents-sports .column-movie-1 .pdf-btn01 {
    bottom: 15px;
    margin: auto;
    right: 15px;
    width: 45%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-contents-matsuken .column-movie-1 .movie-btn01,
  .content-contents-matsuken .column-movie-1 .pdf-btn01,
  .content-contents-genki .column-movie-1 .movie-btn01,
  .content-contents-genki .column-movie-1 .pdf-btn01,
  .content-contents-school .column-movie-1 .movie-btn01,
  .content-contents-school .column-movie-1 .pdf-btn01,
  .content-contents-clinic .column-movie-1 .movie-btn01,
  .content-contents-clinic .column-movie-1 .pdf-btn01,
  .content-contents-fitness .column-movie-1 .movie-btn01, .content-contents-koguni .column-movie-1 .movie-btn01, .content-contents-sports .column-movie-1 .movie-btn01, .content-contents-gobou .column-movie-1 .movie-btn01,
  .content-contents-lets .column-movie-1 .movie-btn01, .content-contents-ikiiki .column-movie-1 .movie-btn01,
  .content-contents-anomatikonomati .column-movie-1 .movie-btn01,
  .content-contents-fitness .column-movie-1 .pdf-btn01, .content-contents-koguni .column-movie-1 .pdf-btn01, .content-contents-sports .column-movie-1 .pdf-btn01, .content-contents-gobou .column-movie-1 .pdf-btn01,
  .content-contents-lets .column-movie-1 .pdf-btn01, .content-contents-ikiiki .column-movie-1 .pdf-btn01,
  .content-contents-anomatikonomati .column-movie-1 .pdf-btn01,
  .content-contents-koguni .column-movie-1 .movie-btn01,
  .content-contents-koguni .column-movie-1 .pdf-btn01,
  .content-contents-gobou .column-movie-1 .movie-btn01,
  .content-contents-gobou .column-movie-1 .pdf-btn01,
  .content-contents-bodydrum .column-movie-1 .movie-btn01,
  .content-contents-bodydrum .column-movie-1 .pdf-btn01,
  .content-contents-sports .column-movie-1 .movie-btn01,
  .content-contents-sports .column-movie-1 .pdf-btn01 {
    bottom: 20px;
    left: 0px;
    width: 60%;
  }
}

/*
.content-contents-matsuken .column-movie-1.label-new01:before,
.content-contents-genki .column-movie-1.label-new01:before,
.content-contents-school .column-movie-1.label-new01:before,
.content-contents-clinic .column-movie-1.label-new01:before,
.content-contents-fitness .column-movie-1.label-new01:before, .content-contents-koguni .column-movie-1.label-new01:before, .content-contents-sports .column-movie-1.label-new01:before, .content-contents-gobou .column-movie-1.label-new01:before,
.content-contents-lets .column-movie-1.label-new01:before, .content-contents-ikiiki .column-movie-1.label-new01:before,
.content-contents-anomatikonomati .column-movie-1.label-new01:before,
.content-contents-koguni .column-movie-1.label-new01:before,
.content-contents-gobou .column-movie-1.label-new01:before,
.content-contents-bodydrum .column-movie-1.label-new01:before,
.content-contents-sports .column-movie-1.label-new01:before {
  content: url("../img/lavel-new01.png");
  height: 20px;
  left: 0px;
  position: absolute;
  top: 20px;
  width: 45px;
}
*/

.content-contents-matsuken .sprite-contents-genki-nav01,
.content-contents-genki .sprite-contents-genki-nav01,
.content-contents-school .sprite-contents-genki-nav01,
.content-contents-clinic .sprite-contents-genki-nav01,
.content-contents-fitness .sprite-contents-genki-nav01, .content-contents-koguni .sprite-contents-genki-nav01, .content-contents-sports .sprite-contents-genki-nav01, .content-contents-gobou .sprite-contents-genki-nav01,
.content-contents-lets .sprite-contents-genki-nav01, .content-contents-ikiiki .sprite-contents-genki-nav01,
.content-contents-anomatikonomati .sprite-contents-genki-nav01,
.content-contents-koguni .sprite-contents-genki-nav01,
.content-contents-gobou .sprite-contents-genki-nav01,
.content-contents-bodydrum .sprite-contents-genki-nav01,
.content-contents-sports .sprite-contents-genki-nav01 {
  margin: -10px 0 25px;
  overflow: hidden;
}

@media (max-width: 823px) {
  .content-contents-matsuken .sprite-contents-genki-nav01 ul,
  .content-contents-genki .sprite-contents-genki-nav01 ul,
  .content-contents-school .sprite-contents-genki-nav01 ul,
  .content-contents-clinic .sprite-contents-genki-nav01 ul,
  .content-contents-fitness .sprite-contents-genki-nav01 ul, .content-contents-koguni .sprite-contents-genki-nav01 ul, .content-contents-sports .sprite-contents-genki-nav01 ul, .content-contents-gobou .sprite-contents-genki-nav01 ul,
  .content-contents-lets .sprite-contents-genki-nav01 ul, .content-contents-ikiiki .sprite-contents-genki-nav01 ul,
  .content-contents-anomatikonomati .sprite-contents-genki-nav01 ul,
  .content-contents-koguni .sprite-contents-genki-nav01 ul,
  .content-contents-gobou .sprite-contents-genki-nav01 ul,
  .content-contents-bodydrum .sprite-contents-genki-nav01 ul,
  .content-contents-sports .sprite-contents-genki-nav01 ul {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
    background: #0080cc;
  }
}

.content-contents-matsuken .sprite-contents-genki-nav01 li,
.content-contents-genki .sprite-contents-genki-nav01 li,
.content-contents-school .sprite-contents-genki-nav01 li,
.content-contents-clinic .sprite-contents-genki-nav01 li,
.content-contents-fitness .sprite-contents-genki-nav01 li, .content-contents-koguni .sprite-contents-genki-nav01 li, .content-contents-sports .sprite-contents-genki-nav01 li, .content-contents-gobou .sprite-contents-genki-nav01 li,
.content-contents-lets .sprite-contents-genki-nav01 li, .content-contents-ikiiki .sprite-contents-genki-nav01 li,
.content-contents-anomatikonomati .sprite-contents-genki-nav01 li,
.content-contents-koguni .sprite-contents-genki-nav01 li,
.content-contents-gobou .sprite-contents-genki-nav01 li,
.content-contents-bodydrum .sprite-contents-genki-nav01 li,
.content-contents-sports .sprite-contents-genki-nav01 li {
  display: block;
  float: left;
  height: 85px;
  width: 150px;
  margin: 0 12px 0 0;
}

@media (max-width: 823px) {
  .content-contents-matsuken .sprite-contents-genki-nav01 li,
  .content-contents-genki .sprite-contents-genki-nav01 li,
  .content-contents-school .sprite-contents-genki-nav01 li,
  .content-contents-clinic .sprite-contents-genki-nav01 li,
  .content-contents-fitness .sprite-contents-genki-nav01 li, .content-contents-koguni .sprite-contents-genki-nav01 li, .content-contents-sports .sprite-contents-genki-nav01 li, .content-contents-gobou .sprite-contents-genki-nav01 li,
  .content-contents-lets .sprite-contents-genki-nav01 li, .content-contents-ikiiki .sprite-contents-genki-nav01 li,
  .content-contents-anomatikonomati .sprite-contents-genki-nav01 li,
  .content-contents-koguni .sprite-contents-genki-nav01 li,
  .content-contents-gobou .sprite-contents-genki-nav01 li,
  .content-contents-bodydrum .sprite-contents-genki-nav01 li,
  .content-contents-sports .sprite-contents-genki-nav01 li {
    width: 33.3%;
    height: auto;
    margin: 0 0 0 0;
  }
}

.content-contents-matsuken .sprite-contents-genki-nav01 li:last-child,
.content-contents-genki .sprite-contents-genki-nav01 li:last-child,
.content-contents-school .sprite-contents-genki-nav01 li:last-child,
.content-contents-clinic .sprite-contents-genki-nav01 li:last-child,
.content-contents-fitness .sprite-contents-genki-nav01 li:last-child, .content-contents-koguni .sprite-contents-genki-nav01 li:last-child, .content-contents-sports .sprite-contents-genki-nav01 li:last-child, .content-contents-gobou .sprite-contents-genki-nav01 li:last-child,
.content-contents-lets .sprite-contents-genki-nav01 li:last-child, .content-contents-ikiiki .sprite-contents-genki-nav01 li:last-child,
.content-contents-anomatikonomati .sprite-contents-genki-nav01 li:last-child,
.content-contents-koguni .sprite-contents-genki-nav01 li:last-child,
.content-contents-gobou .sprite-contents-genki-nav01 li:last-child,
.content-contents-bodydrum .sprite-contents-genki-nav01 li:last-child,
.content-contents-sports .sprite-contents-genki-nav01 li:last-child {
  margin-right: 0;
}

.content-contents-matsuken .sprite-contents-genki-nav01 a,
.content-contents-genki .sprite-contents-genki-nav01 a,
.content-contents-school .sprite-contents-genki-nav01 a,
.content-contents-clinic .sprite-contents-genki-nav01 a,
.content-contents-fitness .sprite-contents-genki-nav01 a, .content-contents-koguni .sprite-contents-genki-nav01 a, .content-contents-sports .sprite-contents-genki-nav01 a, .content-contents-gobou .sprite-contents-genki-nav01 a,
.content-contents-lets .sprite-contents-genki-nav01 a, .content-contents-ikiiki .sprite-contents-genki-nav01 a,
.content-contents-anomatikonomati .sprite-contents-genki-nav01 a,
.content-contents-koguni .sprite-contents-genki-nav01 a,
.content-contents-gobou .sprite-contents-genki-nav01 a,
.content-contents-bodydrum .sprite-contents-genki-nav01 a,
.content-contents-sports .sprite-contents-genki-nav01 a {
  display: block;
  height: 85px;
  overflow: hidden;
  width: 150px;
}

@media (max-width: 823px) {
  .content-contents-matsuken .sprite-contents-genki-nav01 a,
  .content-contents-genki .sprite-contents-genki-nav01 a,
  .content-contents-school .sprite-contents-genki-nav01 a,
  .content-contents-clinic .sprite-contents-genki-nav01 a,
  .content-contents-fitness .sprite-contents-genki-nav01 a, .content-contents-koguni .sprite-contents-genki-nav01 a, .content-contents-sports .sprite-contents-genki-nav01 a, .content-contents-gobou .sprite-contents-genki-nav01 a,
  .content-contents-lets .sprite-contents-genki-nav01 a, .content-contents-ikiiki .sprite-contents-genki-nav01 a,
  .content-contents-anomatikonomati .sprite-contents-genki-nav01 a,
  .content-contents-koguni .sprite-contents-genki-nav01 a,
  .content-contents-gobou .sprite-contents-genki-nav01 a,
  .content-contents-bodydrum .sprite-contents-genki-nav01 a,
  .content-contents-sports .sprite-contents-genki-nav01 a {
    width: 100%;
    height: auto;
    display: block;
    border: solid 1px #0080cc;
    background: #d9ecf7;
    padding: 5px;
    font-size: 70%;
    text-align: center;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-contents-matsuken .sprite-contents-genki-nav01 a,
  .content-contents-genki .sprite-contents-genki-nav01 a,
  .content-contents-school .sprite-contents-genki-nav01 a,
  .content-contents-clinic .sprite-contents-genki-nav01 a,
  .content-contents-fitness .sprite-contents-genki-nav01 a, .content-contents-koguni .sprite-contents-genki-nav01 a, .content-contents-sports .sprite-contents-genki-nav01 a, .content-contents-gobou .sprite-contents-genki-nav01 a,
  .content-contents-lets .sprite-contents-genki-nav01 a, .content-contents-ikiiki .sprite-contents-genki-nav01 a,
  .content-contents-anomatikonomati .sprite-contents-genki-nav01 a,
  .content-contents-koguni .sprite-contents-genki-nav01 a,
  .content-contents-gobou .sprite-contents-genki-nav01 a,
  .content-contents-bodydrum .sprite-contents-genki-nav01 a,
  .content-contents-sports .sprite-contents-genki-nav01 a {
    font-size: 100%;
    padding: 10px 5px;
  }
  .content-contents-matsuken .sprite-contents-genki-nav01 a br,
  .content-contents-genki .sprite-contents-genki-nav01 a br,
  .content-contents-school .sprite-contents-genki-nav01 a br,
  .content-contents-clinic .sprite-contents-genki-nav01 a br,
  .content-contents-fitness .sprite-contents-genki-nav01 a br, .content-contents-koguni .sprite-contents-genki-nav01 a br, .content-contents-sports .sprite-contents-genki-nav01 a br, .content-contents-gobou .sprite-contents-genki-nav01 a br,
  .content-contents-lets .sprite-contents-genki-nav01 a br, .content-contents-ikiiki .sprite-contents-genki-nav01 a br,
  .content-contents-anomatikonomati .sprite-contents-genki-nav01 a br,
  .content-contents-koguni .sprite-contents-genki-nav01 a br,
  .content-contents-gobou .sprite-contents-genki-nav01 a br,
  .content-contents-bodydrum .sprite-contents-genki-nav01 a br,
  .content-contents-sports .sprite-contents-genki-nav01 a br {
    display: none;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-contents-matsuken .sprite-contents-genki-nav01 a,
  .content-contents-genki .sprite-contents-genki-nav01 a,
  .content-contents-school .sprite-contents-genki-nav01 a,
  .content-contents-clinic .sprite-contents-genki-nav01 a,
  .content-contents-fitness .sprite-contents-genki-nav01 a, .content-contents-koguni .sprite-contents-genki-nav01 a, .content-contents-sports .sprite-contents-genki-nav01 a, .content-contents-gobou .sprite-contents-genki-nav01 a,
  .content-contents-lets .sprite-contents-genki-nav01 a, .content-contents-ikiiki .sprite-contents-genki-nav01 a,
  .content-contents-anomatikonomati .sprite-contents-genki-nav01 a,
  .content-contents-koguni .sprite-contents-genki-nav01 a,
  .content-contents-gobou .sprite-contents-genki-nav01 a,
  .content-contents-bodydrum .sprite-contents-genki-nav01 a,
  .content-contents-sports .sprite-contents-genki-nav01 a {
    font-size: 100%;
    padding: 5px;
  }
}

.content-contents-matsuken .sprite-contents-genki-nav01 a img,
.content-contents-genki .sprite-contents-genki-nav01 a img,
.content-contents-school .sprite-contents-genki-nav01 a img,
.content-contents-clinic .sprite-contents-genki-nav01 a img,
.content-contents-fitness .sprite-contents-genki-nav01 a img, .content-contents-koguni .sprite-contents-genki-nav01 a img, .content-contents-sports .sprite-contents-genki-nav01 a img, .content-contents-gobou .sprite-contents-genki-nav01 a img,
.content-contents-lets .sprite-contents-genki-nav01 a img, .content-contents-ikiiki .sprite-contents-genki-nav01 a img,
.content-contents-anomatikonomati .sprite-contents-genki-nav01 a img,
.content-contents-koguni .sprite-contents-genki-nav01 a img,
.content-contents-gobou .sprite-contents-genki-nav01 a img,
.content-contents-bodydrum .sprite-contents-genki-nav01 a img,
.content-contents-sports .sprite-contents-genki-nav01 a img {
  margin: -5px 0 0 -5px;
  max-width: none;
}

@media (max-width: 823px) {
  .content-contents-matsuken .sprite-contents-genki-nav01 a img,
  .content-contents-genki .sprite-contents-genki-nav01 a img,
  .content-contents-school .sprite-contents-genki-nav01 a img,
  .content-contents-clinic .sprite-contents-genki-nav01 a img,
  .content-contents-fitness .sprite-contents-genki-nav01 a img, .content-contents-koguni .sprite-contents-genki-nav01 a img, .content-contents-sports .sprite-contents-genki-nav01 a img, .content-contents-gobou .sprite-contents-genki-nav01 a img,
  .content-contents-lets .sprite-contents-genki-nav01 a img, .content-contents-ikiiki .sprite-contents-genki-nav01 a img,
  .content-contents-anomatikonomati .sprite-contents-genki-nav01 a img,
  .content-contents-koguni .sprite-contents-genki-nav01 a img,
  .content-contents-gobou .sprite-contents-genki-nav01 a img,
  .content-contents-bodydrum .sprite-contents-genki-nav01 a img,
  .content-contents-sports .sprite-contents-genki-nav01 a img {
    display: none;
  }
}

.content-contents-matsuken .sprite-contents-genki-nav01 a.item02 img,
.content-contents-genki .sprite-contents-genki-nav01 a.item02 img,
.content-contents-school .sprite-contents-genki-nav01 a.item02 img,
.content-contents-clinic .sprite-contents-genki-nav01 a.item02 img,
.content-contents-fitness .sprite-contents-genki-nav01 a.item02 img, .content-contents-koguni .sprite-contents-genki-nav01 a.item02 img, .content-contents-sports .sprite-contents-genki-nav01 a.item02 img, .content-contents-gobou .sprite-contents-genki-nav01 a.item02 img,
.content-contents-lets .sprite-contents-genki-nav01 a.item02 img, .content-contents-ikiiki .sprite-contents-genki-nav01 a.item02 img,
.content-contents-anomatikonomati .sprite-contents-genki-nav01 a.item02 img,
.content-contents-koguni .sprite-contents-genki-nav01 a.item02 img,
.content-contents-gobou .sprite-contents-genki-nav01 a.item02 img,
.content-contents-bodydrum .sprite-contents-genki-nav01 a.item02 img,
.content-contents-sports .sprite-contents-genki-nav01 a.item02 img {
  margin-left: -167px;
}

.content-contents-matsuken .sprite-contents-genki-nav01 a.item03 img,
.content-contents-genki .sprite-contents-genki-nav01 a.item03 img,
.content-contents-school .sprite-contents-genki-nav01 a.item03 img,
.content-contents-clinic .sprite-contents-genki-nav01 a.item03 img,
.content-contents-fitness .sprite-contents-genki-nav01 a.item03 img, .content-contents-koguni .sprite-contents-genki-nav01 a.item03 img, .content-contents-sports .sprite-contents-genki-nav01 a.item03 img, .content-contents-gobou .sprite-contents-genki-nav01 a.item03 img,
.content-contents-lets .sprite-contents-genki-nav01 a.item03 img, .content-contents-ikiiki .sprite-contents-genki-nav01 a.item03 img,
.content-contents-anomatikonomati .sprite-contents-genki-nav01 a.item03 img,
.content-contents-koguni .sprite-contents-genki-nav01 a.item03 img,
.content-contents-gobou .sprite-contents-genki-nav01 a.item03 img,
.content-contents-bodydrum .sprite-contents-genki-nav01 a.item03 img,
.content-contents-sports .sprite-contents-genki-nav01 a.item03 img {
  margin-left: -329px;
}

.content-contents-matsuken .sprite-contents-genki-nav01 a.item04 img,
.content-contents-genki .sprite-contents-genki-nav01 a.item04 img,
.content-contents-school .sprite-contents-genki-nav01 a.item04 img,
.content-contents-clinic .sprite-contents-genki-nav01 a.item04 img,
.content-contents-fitness .sprite-contents-genki-nav01 a.item04 img, .content-contents-koguni .sprite-contents-genki-nav01 a.item04 img, .content-contents-sports .sprite-contents-genki-nav01 a.item04 img, .content-contents-gobou .sprite-contents-genki-nav01 a.item04 img,
.content-contents-lets .sprite-contents-genki-nav01 a.item04 img, .content-contents-ikiiki .sprite-contents-genki-nav01 a.item04 img,
.content-contents-anomatikonomati .sprite-contents-genki-nav01 a.item04 img,
.content-contents-koguni .sprite-contents-genki-nav01 a.item04 img,
.content-contents-gobou .sprite-contents-genki-nav01 a.item04 img,
.content-contents-bodydrum .sprite-contents-genki-nav01 a.item04 img,
.content-contents-sports .sprite-contents-genki-nav01 a.item04 img {
  margin-left: -491px;
}

.content-contents-matsuken .sprite-contents-genki-nav01 a.item05 img,
.content-contents-genki .sprite-contents-genki-nav01 a.item05 img,
.content-contents-school .sprite-contents-genki-nav01 a.item05 img,
.content-contents-clinic .sprite-contents-genki-nav01 a.item05 img,
.content-contents-fitness .sprite-contents-genki-nav01 a.item05 img, .content-contents-koguni .sprite-contents-genki-nav01 a.item05 img, .content-contents-sports .sprite-contents-genki-nav01 a.item05 img, .content-contents-gobou .sprite-contents-genki-nav01 a.item05 img,
.content-contents-lets .sprite-contents-genki-nav01 a.item05 img, .content-contents-ikiiki .sprite-contents-genki-nav01 a.item05 img,
.content-contents-anomatikonomati .sprite-contents-genki-nav01 a.item05 img,
.content-contents-koguni .sprite-contents-genki-nav01 a.item05 img,
.content-contents-gobou .sprite-contents-genki-nav01 a.item05 img,
.content-contents-bodydrum .sprite-contents-genki-nav01 a.item05 img,
.content-contents-sports .sprite-contents-genki-nav01 a.item05 img {
  margin-left: -653px;
}

.content-contents-matsuken .sprite-contents-genki-nav01 a.item06 img,
.content-contents-genki .sprite-contents-genki-nav01 a.item06 img,
.content-contents-school .sprite-contents-genki-nav01 a.item06 img,
.content-contents-clinic .sprite-contents-genki-nav01 a.item06 img,
.content-contents-fitness .sprite-contents-genki-nav01 a.item06 img, .content-contents-koguni .sprite-contents-genki-nav01 a.item06 img, .content-contents-sports .sprite-contents-genki-nav01 a.item06 img, .content-contents-gobou .sprite-contents-genki-nav01 a.item06 img,
.content-contents-lets .sprite-contents-genki-nav01 a.item06 img, .content-contents-ikiiki .sprite-contents-genki-nav01 a.item06 img,
.content-contents-anomatikonomati .sprite-contents-genki-nav01 a.item06 img,
.content-contents-koguni .sprite-contents-genki-nav01 a.item06 img,
.content-contents-gobou .sprite-contents-genki-nav01 a.item06 img,
.content-contents-bodydrum .sprite-contents-genki-nav01 a.item06 img,
.content-contents-sports .sprite-contents-genki-nav01 a.item06 img {
  margin-left: -815px;
}

.content-contents-matsuken .sprite-contents-genki-nav01 a:hover img,
.content-contents-genki .sprite-contents-genki-nav01 a:hover img,
.content-contents-school .sprite-contents-genki-nav01 a:hover img,
.content-contents-clinic .sprite-contents-genki-nav01 a:hover img,
.content-contents-fitness .sprite-contents-genki-nav01 a:hover img, .content-contents-koguni .sprite-contents-genki-nav01 a:hover img, .content-contents-sports .sprite-contents-genki-nav01 a:hover img, .content-contents-gobou .sprite-contents-genki-nav01 a:hover img,
.content-contents-lets .sprite-contents-genki-nav01 a:hover img, .content-contents-ikiiki .sprite-contents-genki-nav01 a:hover img,
.content-contents-anomatikonomati .sprite-contents-genki-nav01 a:hover img,
.content-contents-koguni .sprite-contents-genki-nav01 a:hover img,
.content-contents-gobou .sprite-contents-genki-nav01 a:hover img,
.content-contents-bodydrum .sprite-contents-genki-nav01 a:hover img,
.content-contents-sports .sprite-contents-genki-nav01 a:hover img {
  margin-top: -100px;
}

/*
/contents-genki,
contents-school,
contents-clinic,
contents-fitness,
contents-koguni,
contents-sports
*/
/*
contents-genki
*/
#hanamaru {
  margin-top: -130px;
  padding-top: 130px;
}

/*
/contents-genki
*/
/*
contents-school
*/
.content-contents-school .content-head-1 + .txt {
  margin-bottom: 30px;
}

.content-contents-school .column {
  margin-bottom: 40px;
  overflow: hidden;
}

@media (max-width: 823px) {
  .content-contents-school .column {
    width: 100%;
  }
}

.content-contents-school .column .photo01 {
  float: left;
  width: 220px;
}

@media (max-width: 823px) {
  .content-contents-school .column .photo01 {
    width: 50%;
    margin-right: 10px;
  }
}

.content-contents-school .column .description {
  float: right;
  min-height: 165px;
  width: 710px;
  position: relative;
}

@media (max-width: 823px) {
  .content-contents-school .column .description {
    width: 100%;
    float: none;
    height: auto;
    padding-bottom: 3vh;
  }
}

.content-contents-school .column .description .txt {
  margin: -3px 0 20px;
}

.content-contents-school .column .description .pdf-btn01 {
  position: absolute;
  right: 0;
  bottom: 0;
}

@media (max-width: 823px) {
  .content-contents-school .column .description .pdf-btn01 {
    left: 0;
    right: 0;
    margin: auto;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-contents-school .column .description .pdf-btn01 {
    width: 50%;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-contents-school .column .description .pdf-btn01 {
    width: 30%;
  }
}

.content-contents-school .txt + .content-head-2-2 {
  margin: -10px 0 5px;
}

.content-contents-school .level {
  overflow: hidden;
  margin: 0 0 45px -3px;
}

@media screen and (orientation: landscape) {
  .content-contents-school .level {
    margin: 0 0 70px 0;
  }
}

.content-contents-school .level li {
  background: #dcdcdc;
  border-radius: 3px;
  /* font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
  height: 20px;
  text-align: center;
  width: 76px;
  float: left;
  font-size: 1.2rem;
  margin: 0 0 3px 3px;
  overflow: hidden;
}

@media (max-width: 823px) {
  .content-contents-school .level li {
    width: 23%;
  }
}

.content-contents-school .level li:last-child {
  margin-right: 0;
}

.content-contents-school .level li.auto {
  width: auto;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.content-contents-school .level + .content-head-2-2 {
  margin: -30px 0 5px;
}

/* hack for IE11 */
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop,
  .content-contents-school .level li {
    line-height: 1.8;
  }
}

/*
/contents-school
*/
/*
contents-clinic
*/
.content-contents-clinic .content-head-box {
  float: left;
  margin-top: 30px;
  max-width: 630px;
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-contents-clinic .content-head-box {
    width: 100%;
    float: left;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-contents-clinic .content-head-box {
    width: 60%;
    float: left;
  }
}

.content-contents-clinic .content-head-box + .image-floatr-1 {
  margin-top: 30px;
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-contents-clinic .content-head-box + .image-floatr-1 {
    margin-top: 20px;
    width: 35%;
  }
}

.content-contents-clinic .content-head-box .content-head-2, .content-contents-clinic .content-head-box .content-head-2-2, .content-contents-clinic .content-head-box .content-head-2-3, .content-contents-clinic .content-head-box .content-head-2-blue {
  margin-top: 0;
}

.content-contents-clinic .content-description {
  margin-bottom: 40px;
}

@media (max-width: 823px) {
  .content-contents-clinic .content-description {
    font-size: 14px;
    margin-bottom: 20px;
  }
}

@media (max-width: 823px) {
  .content-contents-clinic .content-head-2, .content-contents-clinic .content-head-2-2, .content-contents-clinic .content-head-2-3, .content-contents-clinic .content-head-2-blue,
  .content-contents-clinic .content-head-2-2,
  .content-contents-clinic .content-head-2-3,
  .content-contents-clinic .content-head-2-blue {
    font-size: 18px;
  }
}

.content-contents-clinic .dk_panf_12t {
  background: url(../img/contents/contents-clinic-photo02.png) no-repeat right bottom #fff5e5;
  border-radius: 10px;
  border: 2px solid #fd9d00;
  clear: both;
  margin-bottom: 50px;
  min-height: 240px;
  padding: 80px 20px 20px;
  position: relative;
}

@media (max-width: 823px) {
  .content-contents-clinic .dk_panf_12t {
    margin-top: 20px;
    background-size: 40% auto;
    background-position: 115% 100%;
    text-shadow: 1px 1px 0 #fff;
  }
}

.content-contents-clinic .dk_panf_12t .title {
  left: 0;
  position: absolute;
  top: 20px;
}

@media (max-width: 823px) {
  .content-contents-clinic .dk_panf_12t .title {
    width: 100%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-contents-clinic .dk_panf_12t .title {
    width: 50%;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-contents-clinic .dk_panf_12t .title {
    width: 50%;
  }
}

.content-contents-clinic .dk_panf_12t p {
  margin: 0;
  padding-bottom: 55px;
  position: relative;
  max-width: 650px;
}

@media (max-width: 823px) {
  .content-contents-clinic .dk_panf_12t p {
    width: 100%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-contents-clinic .dk_panf_12t p {
    padding-top: 0;
  }
}

.content-contents-clinic .dk_panf_12t p .pdf-btn01 {
  bottom: 0;
  position: absolute;
  right: 0;
}

@media (max-width: 823px) {
  .content-contents-clinic .dk_panf_12t p .pdf-btn01 {
    margin: auto;
    right: 0;
    left: 0;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-contents-clinic .dk_panf_12t p .pdf-btn01 {
    width: 40%;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-contents-clinic .dk_panf_12t p .pdf-btn01 {
    width: 30%;
  }
}

.content-contents-clinic .contents-clinic-photo03 {
  display: block;
  margin: 0 auto 70px;
  max-width: 712px;
}

@media (max-width: 823px) {
  .content-contents-clinic .contents-clinic-photo03 {
    width: 100%;
    margin: 0 auto 30px;
  }
}

/*
/contents-clinic
*/
/*
contents-fitness
 */
.content-contents-fitness .mentor, .content-contents-koguni .mentor, .content-contents-sports .mentor, .content-contents-gobou .mentor,
.content-contents-lets .mentor, .content-contents-ikiiki .mentor,
.content-contents-anomatikonomati .mentor {
  background: #f0f0f0;
  border-radius: 10px;
  padding: 28px;
  margin: 0 0 55px;
}

@media (max-width: 823px) {
  .content-contents-fitness .mentor, .content-contents-koguni .mentor, .content-contents-sports .mentor, .content-contents-gobou .mentor,
  .content-contents-lets .mentor, .content-contents-ikiiki .mentor,
  .content-contents-anomatikonomati .mentor {
    width: 100%;
    margin: 0 0 30px;
    padding: 18px;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-contents-fitness .mentor, .content-contents-koguni .mentor, .content-contents-sports .mentor, .content-contents-gobou .mentor,
  .content-contents-lets .mentor, .content-contents-ikiiki .mentor,
  .content-contents-anomatikonomati .mentor {
    padding: 15px;
  }
}

@media (max-width: 823px) {
  .content-contents-fitness .mentor table, .content-contents-koguni .mentor table, .content-contents-sports .mentor table, .content-contents-gobou .mentor table,
  .content-contents-lets .mentor table, .content-contents-ikiiki .mentor table,
  .content-contents-anomatikonomati .mentor table {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .content-contents-fitness .mentor table tr, .content-contents-koguni .mentor table tr, .content-contents-sports .mentor table tr, .content-contents-gobou .mentor table tr,
  .content-contents-lets .mentor table tr, .content-contents-ikiiki .mentor table tr,
  .content-contents-anomatikonomati .mentor table tr {
    width: 100%;
    display: flex;
    flex-flow: column;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-contents-fitness .mentor table tr, .content-contents-koguni .mentor table tr, .content-contents-sports .mentor table tr, .content-contents-gobou .mentor table tr,
  .content-contents-lets .mentor table tr, .content-contents-ikiiki .mentor table tr,
  .content-contents-anomatikonomati .mentor table tr {
    flex-flow: row;
    justify-content: space-between;
  }
}

.content-contents-fitness .mentor td, .content-contents-koguni .mentor td, .content-contents-sports .mentor td, .content-contents-gobou .mentor td,
.content-contents-lets .mentor td, .content-contents-ikiiki .mentor td,
.content-contents-anomatikonomati .mentor td {
  /* font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
  vertical-align: middle;
}

@media (max-width: 823px) {
  .content-contents-fitness .mentor td, .content-contents-koguni .mentor td, .content-contents-sports .mentor td, .content-contents-gobou .mentor td,
  .content-contents-lets .mentor td, .content-contents-ikiiki .mentor td,
  .content-contents-anomatikonomati .mentor td {
    text-align: center;
    width: 100%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-contents-fitness .mentor td, .content-contents-koguni .mentor td, .content-contents-sports .mentor td, .content-contents-gobou .mentor td,
  .content-contents-lets .mentor td, .content-contents-ikiiki .mentor td,
  .content-contents-anomatikonomati .mentor td {
    width: 30%;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-contents-fitness .mentor td, .content-contents-koguni .mentor td, .content-contents-sports .mentor td, .content-contents-gobou .mentor td,
  .content-contents-lets .mentor td, .content-contents-ikiiki .mentor td,
  .content-contents-anomatikonomati .mentor td {
    width: 25%;
  }
}

.content-contents-fitness .mentor .photo01, .content-contents-koguni .mentor .photo01, .content-contents-sports .mentor .photo01, .content-contents-gobou .mentor .photo01,
.content-contents-lets .mentor .photo01, .content-contents-ikiiki .mentor .photo01,
.content-contents-anomatikonomati .mentor .photo01 {
  margin-right: 30px;
}

@media (max-width: 823px) {
  .content-contents-fitness .mentor .photo01, .content-contents-koguni .mentor .photo01, .content-contents-sports .mentor .photo01, .content-contents-gobou .mentor .photo01,
  .content-contents-lets .mentor .photo01, .content-contents-ikiiki .mentor .photo01,
  .content-contents-anomatikonomati .mentor .photo01 {
    margin: 10px auto;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-contents-fitness .mentor .photo01, .content-contents-koguni .mentor .photo01, .content-contents-sports .mentor .photo01, .content-contents-gobou .mentor .photo01,
  .content-contents-lets .mentor .photo01, .content-contents-ikiiki .mentor .photo01,
  .content-contents-anomatikonomati .mentor .photo01 {
    margin-right: 10px;
    width: 90%;
  }
}

.content-contents-fitness .mentor .name, .content-contents-koguni .mentor .name, .content-contents-sports .mentor .name, .content-contents-gobou .mentor .name,
.content-contents-lets .mentor .name, .content-contents-ikiiki .mentor .name,
.content-contents-anomatikonomati .mentor .name {
  font-size: 24px;
  width: 200px;
  line-height: 1.4;
}

@media (max-width: 823px) {
  .content-contents-fitness .mentor .name, .content-contents-koguni .mentor .name, .content-contents-sports .mentor .name, .content-contents-gobou .mentor .name,
  .content-contents-lets .mentor .name, .content-contents-ikiiki .mentor .name,
  .content-contents-anomatikonomati .mentor .name {
    margin: 0 0 20px 0;
    width: 100%;
    padding: 0;
    border-left: none;
  }
  .content-contents-fitness .mentor .name a.btn01, .content-contents-koguni .mentor .name a.btn01, .content-contents-sports .mentor .name a.btn01, .content-contents-gobou .mentor .name a.btn01,
  .content-contents-lets .mentor .name a.btn01, .content-contents-ikiiki .mentor .name a.btn01,
  .content-contents-anomatikonomati .mentor .name a.btn01, .content-contents-fitness .mentor .name .cate-contents a.btn02, .cate-contents .content-contents-fitness .mentor .name a.btn02, .content-contents-koguni .mentor .name .cate-contents a.btn02, .cate-contents .content-contents-koguni .mentor .name a.btn02, .content-contents-sports .mentor .name .cate-contents a.btn02, .cate-contents .content-contents-sports .mentor .name a.btn02, .content-contents-gobou .mentor .name .cate-contents a.btn02, .cate-contents .content-contents-gobou .mentor .name a.btn02,
  .content-contents-lets .mentor .name .cate-contents a.btn02, .cate-contents
  .content-contents-lets .mentor .name a.btn02, .content-contents-ikiiki .mentor .name .cate-contents a.btn02, .cate-contents .content-contents-ikiiki .mentor .name a.btn02,
  .content-contents-anomatikonomati .mentor .name .cate-contents a.btn02, .cate-contents
  .content-contents-anomatikonomati .mentor .name a.btn02 {
    display: block;
    margin: 10px auto;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-contents-fitness .mentor .name, .content-contents-koguni .mentor .name, .content-contents-sports .mentor .name, .content-contents-gobou .mentor .name,
  .content-contents-lets .mentor .name, .content-contents-ikiiki .mentor .name,
  .content-contents-anomatikonomati .mentor .name {
    width: auto;
    min-width: 23%;
    font-size: 16px;
    padding: 5px 0px;
    margin: 0 10px 0 10px;
    text-align: left;
  }
  .content-contents-fitness .mentor .name .btn01, .content-contents-koguni .mentor .name .btn01, .content-contents-sports .mentor .name .btn01, .content-contents-gobou .mentor .name .btn01,
  .content-contents-lets .mentor .name .btn01, .content-contents-ikiiki .mentor .name .btn01,
  .content-contents-anomatikonomati .mentor .name .btn01 {
    margin-top: 20px;
    display: block;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-contents-fitness .mentor .name, .content-contents-koguni .mentor .name, .content-contents-sports .mentor .name, .content-contents-gobou .mentor .name,
  .content-contents-lets .mentor .name, .content-contents-ikiiki .mentor .name,
  .content-contents-anomatikonomati .mentor .name {
    width: 30%;
  }
}

.content-contents-fitness .mentor .name span, .content-contents-koguni .mentor .name span, .content-contents-sports .mentor .name span, .content-contents-gobou .mentor .name span,
.content-contents-lets .mentor .name span, .content-contents-ikiiki .mentor .name span,
.content-contents-anomatikonomati .mentor .name span {
  font-size: 12px;
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-contents-fitness .mentor .name span, .content-contents-koguni .mentor .name span, .content-contents-sports .mentor .name span, .content-contents-gobou .mentor .name span,
  .content-contents-lets .mentor .name span, .content-contents-ikiiki .mentor .name span,
  .content-contents-anomatikonomati .mentor .name span {
    display: block;
  }
}

.content-contents-fitness .mentor .profile, .content-contents-koguni .mentor .profile, .content-contents-sports .mentor .profile, .content-contents-gobou .mentor .profile,
.content-contents-lets .mentor .profile, .content-contents-ikiiki .mentor .profile,
.content-contents-anomatikonomati .mentor .profile {
  border-left: 1px solid #c8c8c8;
  line-height: 2;
  min-height: 170px;
  padding: 0 30px;
}

@media (max-width: 823px) {
  .content-contents-fitness .mentor .profile, .content-contents-koguni .mentor .profile, .content-contents-sports .mentor .profile, .content-contents-gobou .mentor .profile,
  .content-contents-lets .mentor .profile, .content-contents-ikiiki .mentor .profile,
  .content-contents-anomatikonomati .mentor .profile {
    margin: 0 0 20px 0;
    width: 100%;
    padding: 0;
    border-left: none;
    text-align: left;
    min-height: auto;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-contents-fitness .mentor .profile, .content-contents-koguni .mentor .profile, .content-contents-sports .mentor .profile, .content-contents-gobou .mentor .profile,
  .content-contents-lets .mentor .profile, .content-contents-ikiiki .mentor .profile,
  .content-contents-anomatikonomati .mentor .profile {
    border-left: 1px solid #c8c8c8;
    padding-left: 15px;
    margin: 0;
    font-size: 12px;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-contents-fitness .mentor .profile, .content-contents-koguni .mentor .profile, .content-contents-sports .mentor .profile, .content-contents-gobou .mentor .profile,
  .content-contents-lets .mentor .profile, .content-contents-ikiiki .mentor .profile,
  .content-contents-anomatikonomati .mentor .profile {
    width: 60%;
  }
}

.content-contents-fitness .content-head-box, .content-contents-koguni .content-head-box, .content-contents-sports .content-head-box, .content-contents-gobou .content-head-box,
.content-contents-lets .content-head-box, .content-contents-ikiiki .content-head-box,
.content-contents-anomatikonomati .content-head-box {
  margin-top: 30px;
}

.content-contents-fitness .content-head-1, .content-contents-koguni .content-head-1, .content-contents-sports .content-head-1, .content-contents-gobou .content-head-1,
.content-contents-lets .content-head-1, .content-contents-ikiiki .content-head-1,
.content-contents-anomatikonomati .content-head-1 {
  margin-bottom: 30px;
}

.content-contents-fitness .explanation, .content-contents-koguni .explanation, .content-contents-sports .explanation, .content-contents-gobou .explanation,
.content-contents-lets .explanation, .content-contents-ikiiki .explanation,
.content-contents-anomatikonomati .explanation {
  display: block;
  max-width: 470px;
  margin: 0 auto 70px;
  width: 100%;
}

@media (max-width: 823px) {
  .content-contents-fitness .explanation, .content-contents-koguni .explanation, .content-contents-sports .explanation, .content-contents-gobou .explanation,
  .content-contents-lets .explanation, .content-contents-ikiiki .explanation,
  .content-contents-anomatikonomati .explanation {
    width: 100%;
    margin: 0 auto 30px;
  }
  .content-contents-fitness .explanation img, .content-contents-koguni .explanation img, .content-contents-sports .explanation img, .content-contents-gobou .explanation img,
  .content-contents-lets .explanation img, .content-contents-ikiiki .explanation img,
  .content-contents-anomatikonomati .explanation img {
    width: 100%;
  }
}

.content-contents-fitness .column-box, .content-contents-koguni .column-box, .content-contents-sports .column-box, .content-contents-gobou .column-box,
.content-contents-lets .column-box, .content-contents-ikiiki .column-box,
.content-contents-anomatikonomati .column-box {
  margin-bottom: 20px;
}

/*
/contents-fitness
 */
/*
contents-koguni
*/
.content-contents-koguni .column-box {
  margin-bottom: 60px;
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-contents-koguni .column-box {
    margin-bottom: 60px;
    justify-content: space-between;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
  }
}

.content-contents-sports .column-box {
  margin-bottom: 60px;
}

@media (max-width: 823px) {
  .content-contents-sports .column-box {
    margin-bottom: 60px;
    justify-content: space-between;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
  }
  .content-contents-sports .column-box .column-movie-1 {
    min-height: 160px;
  }
}

.content-contents-sports .mentor .profile {
  line-height: 1.6;
}

.content-contents-sports .mentor .name span {
  display: inherit;
  line-height: 1.4;
}

/*
/contents-koguni
*/
/*
contents-gobou
*/
.content-contents-gobou .column-box,
.content-contents-lets .column-box {
  margin-bottom: 60px;
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-contents-gobou .column-box,
  .content-contents-lets .column-box {
    margin-bottom: 60px;
    justify-content: space-between;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
  }
}

/*
/contents-gobou
*/
/*
contents-ikiiki
*/
.content-contents-ikiiki .column-box,
.content-contents-anomatikonomati .column-box {
  margin-bottom: 60px;
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-contents-ikiiki .column-box,
  .content-contents-anomatikonomati .column-box {
    margin-bottom: 60px;
    justify-content: space-between;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
  }
}

/*
/contents-ikiiki
*/
/*
contents-movie
*/
.content-contents-movie .photo02-cap {
  margin-bottom: 40px;
}

.content-contents-movie .content-head-1 {
  margin-bottom: 30px;
}

.content-contents-movie .label_narration01 {
  /* float: right; */
  margin-left: auto;
  margin-right: 1rem;
  margin-top: 2px;
}

@media (max-width: 823px) {
  .content-contents-movie .label_narration01 {
    /* margin: 15px -10px 0 0; */
    /* padding-bottom: 10px; */
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-contents-movie .label_narration01 {
    margin: 0px -5px 0 0;
    padding-bottom: 20px;
  }
}

@media (width: 768px) {
  .content-contents-movie .image-floatr-1 {
    width: 30%;
    float: left;
  }
}

.content-contents-movie .image-floatr-1 + .description {
  float: left;
  max-width: 690px;
  width: 100%;
}

@media (max-width: 823px) {
  .content-contents-movie .image-floatr-1 + .description {
    float: none;
    width: 100%;
    text-align: center;
    position: relative;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-contents-movie .image-floatr-1 + .description {
    width: 55%;
    float: right;
  }
}

.content-contents-movie .description:last-child {
  margin-bottom: 100px;
}

.content-contents-movie .description p {
  margin-bottom: 30px;
}

.content-contents-movie .contentslist-1 li {
  font-size: 14px;
  margin-bottom: 0.5em;
}

@media (max-width: 823px) {
  .content-contents-movie .contentslist-1 li {
    font-size: 12px;
    box-sizing: border-box;
    width: auto;
  }
}

.content-contents-movie .cap {
  font-size: 13px;
  margin-top: 5px;
}

.content-contents-movie .type {
  clear: both;
  margin-bottom: 50px;
  overflow: hidden;
}

.content-contents-movie .type h5 {
  background: url(../img/bullet02.png) no-repeat left 6px;
  padding-left: 1.2em;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px){
  .content-contents-movie .type h5 {
    background-position: 0 4px;
  }
}

.content-contents-movie .type p {
  margin-bottom: 10px;
}

.content-contents-movie .type .pdf-btn01 {
  margin: 0 auto;
}

@media (max-width: 823px) {
  .content-contents-movie .type .pdf-btn01 {
    width: 60%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-contents-movie .type .pdf-btn01 {
    width: 40%;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-contents-movie .type .pdf-btn01 {
    width: 30%;
  }
}

.content-contents-movie .type .contentslist-1 {
  padding: 20px 0 0 20px;
}

.content-contents-movie .local,
.content-contents-movie .date {
  max-width: 450px;
  width: 100%;
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-contents-movie .local,
  .content-contents-movie .date {
    width: 100%;
    max-width: 100%;
  }
}

.content-contents-movie .local {
  float: left;
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-contents-movie .local .pdf-btn01 {
    margin-top: 5%;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-contents-movie .local {
    float: none;
    width: 100%;
    max-width: 100%;
  }
}

.content-contents-movie .local .map {
  background: url(../img/contents/contents-movie-bg01.png) no-repeat;
  height: 200px;
}

@media (max-width: 823px) {
  .content-contents-movie .local .map {
    background-size: 160%;
    width: 100%;
    background-position-x: -110px;
    border-radius: 10px;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-contents-movie .local .map {
    min-height: 70vh;
    background-size: 100% auto;
    width: 100%;
    background-size: 115%;
    background-position: 100% auto;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-contents-movie .local .map {
    min-height: 40vh;
  }
}

@media (max-width: 823px) {
  .content-contents-movie .local {
    float: none;
    width: 100%;
  }
}

.content-contents-movie .date {
  float: right;
}

@media (max-width: 823px) {
  .content-contents-movie .date {
    float: none;
    margin: 30px auto;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-contents-movie .date {
    width: 100%;
    max-width: 100%;
  }
}

.content-contents-movie .date .list {
  background: url(../img/contents/contents-movie-bg02.png) no-repeat;
  height: 200px;
}

@media (max-width: 823px) {
  .content-contents-movie .date .list {
    background-size: 100% auto;
    width: 100%;
  }
  .content-contents-movie .date .list .contentslist-1 {
    position: relative;
  }
}

.content-contents-movie .date .list span {
  /* font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
  font-weight: bold;
  margin-right: 1.5em;
}

.content-contents-movie .narrator {
  background: #f7f1e5;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 60px;
  padding: 20px 0;
}

.content-contents-movie .narrator .narrator01 {
  display: block;
  margin: 0 auto 20px;
  max-width: 400px;
  width: 80%;
}

.content-contents-movie .narrator .portrait {
  margin: 0 auto;
  width: 580px;
}

@media (max-width: 823px) {
  .content-contents-movie .narrator .portrait {
    margin-left: 5%;
    width: 100%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-contents-movie .narrator .portrait {
    max-width: 100%;
    width: 100%;
  }
}

.content-contents-movie .narrator .portrait div {
  float: left;
  height: 140px;
  margin-right: 20px;
  overflow: hidden;
  width: 100px;
}

@media (max-width: 823px) {
  .content-contents-movie .narrator .portrait div {
    margin: 0 5% 0 0;
    width: 26%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-contents-movie .narrator .portrait div {
    width: 100px;
  }
}

.content-contents-movie .narrator .portrait div:last-child {
  margin-right: 0;
}

.content-contents-movie .narrator .portrait div img {
  margin: 0;
}

.content-contents-movie .narrator .portrait .suzuki img {
  margin-left: -120px;
}

.content-contents-movie .narrator .portrait .tsuyuki img {
  margin-left: -240px;
}

.content-contents-movie .narrator .portrait .hayashiya img {
  margin-left: -360px;
}

.content-contents-movie .narrator .portrait .yuki img {
  margin-left: -480px;
}

/*
/contents-movie
*/
/*
contents-farm
 */
.content-contents-farm .term-name {
  margin-bottom: 30px;
}

.content-contents-farm .term-name .content-head-1 {
  margin-bottom: 30px;
}

.content-contents-farm .content-head-box {
  float: left;
  max-width: 660px;
  width: 100%;
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-contents-farm .content-head-box {
    width: 55%;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-contents-farm .content-head-box {
    float: left;
  }
}

.content-contents-farm .screen {
  clear: both;
}

@media (max-width: 823px) {
  .content-contents-farm .screen p.description {
    margin: 10px;
  }
}

.content-contents-farm .screen .cap {
  overflow: hidden;
}

.content-contents-farm .screen .head {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 6px;
}

.content-contents-farm .screen .head:before {
  content: url(../img/bullet02.png);
  margin-right: 3px;
  vertical-align: -1px;
}

.content-contents-farm .screen .singing {
  max-width: 490px;
  width: 100%;
  float: left;
}

@media (max-width: 823px) {
  .content-contents-farm .screen .singing {
    width: 100%;
    margin: 10px auto;
    max-width: 100%;
  }
}

.content-contents-farm .screen .singing .image {
  max-width: 490px;
  height: 170px;
  margin-bottom: 10px;
  overflow: hidden;
}

@media (max-width: 823px) {
  .content-contents-farm .screen .singing .image {
    width: 100%;
    height: auto;
    max-width: 100%;
  }
  .content-contents-farm .screen .singing .image img {
    width: 205%;
  }
}

.content-contents-farm .screen .result {
  width: 470px;
  float: left;
}

@media (max-width: 823px) {
  .content-contents-farm .screen .result {
    width: 100%;
    margin: 10px auto 10px auto;
    max-width: 100%;
  }
}

.content-contents-farm .screen .result .image {
  max-width: 470px;
  width: 100%;
  height: 170px;
  margin-bottom: 10px;
  overflow: hidden;
}

@media (max-width: 823px) {
  .content-contents-farm .screen .result .image {
    width: 100%;
    height: auto;
    max-width: 100%;
  }
}

.content-contents-farm .screen .result .image img {
  margin-left: -490px;
}

@media (max-width: 823px) {
  .content-contents-farm .screen .result .image img {
    width: 205%;
    margin-left: -105%;
    max-width: 205%;
  }
}

.content-contents-farm .screen .description {
  clear: both;
}

.content-contents-farm .screen .description span {
  display: block;
  font-size: 13px;
  margin-top: 5px;
}

/*
/contents-farm
*/
/*
contents-patakara
*/
.content-contents-patakara .about-patakara .head, .content-contents-oboelder .about-patakara .head, .content-contents-kangaelder .about-patakara .head {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}

.content-contents-patakara .about-patakara img, .content-contents-oboelder .about-patakara img, .content-contents-kangaelder .about-patakara img {
  display: block;
  margin-bottom: 60px;
}

@media (max-width: 823px) {
  .content-contents-patakara .about-patakara img, .content-contents-oboelder .about-patakara img, .content-contents-kangaelder .about-patakara img {
    width: 100%;
    margin-bottom: 30px;
  }
}

.content-contents-patakara .contentsimage, .content-contents-oboelder .contentsimage, .content-contents-kangaelder .contentsimage {
  display: block;
  margin: 30px auto 70px;
  max-width: 712px;
  width: 100%;
}

@media (max-width: 823px) {
  .content-contents-patakara .contentsimage, .content-contents-oboelder .contentsimage, .content-contents-kangaelder .contentsimage {
    margin: 10px auto 30px;
  }
}

.content-contents-patakara .lyric-pdf .description, .content-contents-oboelder .lyric-pdf .description, .content-contents-kangaelder .lyric-pdf .description {
  margin: 30px 0;
}

@media (max-width: 823px) {
  .content-contents-patakara .lyric-pdf .description, .content-contents-oboelder .lyric-pdf .description, .content-contents-kangaelder .lyric-pdf .description {
    margin: 10px 0 30px 0;
  }
}

.content-contents-patakara .btn_pdf, .content-contents-oboelder .btn_pdf, .content-contents-kangaelder .btn_pdf {
  overflow: hidden;
  margin-bottom: 30px;
}

.content-contents-patakara .btn_pdf:last-child, .content-contents-oboelder .btn_pdf:last-child, .content-contents-kangaelder .btn_pdf:last-child {
  margin-bottom: 50px;
}

.content-contents-patakara .btn_pdf li, .content-contents-oboelder .btn_pdf li, .content-contents-kangaelder .btn_pdf li {
  width: 184px;
  height: 40px;
  float: left;
  margin: 0 10px 10px 0;
  /* beginner */
  /* middle */
  /* upper */
}

@media (max-width: 823px) {
  .content-contents-patakara .btn_pdf li, .content-contents-oboelder .btn_pdf li, .content-contents-kangaelder .btn_pdf li {
    margin: 0 20px 10px 0;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-contents-patakara .btn_pdf li, .content-contents-oboelder .btn_pdf li, .content-contents-kangaelder .btn_pdf li {
    float: left;
    margin: 0 20px 10px 0;
  }
}

.content-contents-patakara .btn_pdf li:nth-child(5), .content-contents-oboelder .btn_pdf li:nth-child(5), .content-contents-kangaelder .btn_pdf li:nth-child(5), .content-contents-patakara .btn_pdf li:nth-child(10), .content-contents-oboelder .btn_pdf li:nth-child(10), .content-contents-kangaelder .btn_pdf li:nth-child(10) {
  margin-right: 0;
}

@media (max-width: 823px) {
  .content-contents-patakara .btn_pdf li:nth-child(5), .content-contents-oboelder .btn_pdf li:nth-child(5), .content-contents-kangaelder .btn_pdf li:nth-child(5), .content-contents-patakara .btn_pdf li:nth-child(10), .content-contents-oboelder .btn_pdf li:nth-child(10), .content-contents-kangaelder .btn_pdf li:nth-child(10) {
    margin: 0 20px 10px 0;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-contents-patakara .btn_pdf li:nth-child(5), .content-contents-oboelder .btn_pdf li:nth-child(5), .content-contents-kangaelder .btn_pdf li:nth-child(5), .content-contents-patakara .btn_pdf li:nth-child(10), .content-contents-oboelder .btn_pdf li:nth-child(10), .content-contents-kangaelder .btn_pdf li:nth-child(10) {
    margin: 0 20px 10px 0;
  }
}

.content-contents-patakara .btn_pdf li a, .content-contents-oboelder .btn_pdf li a, .content-contents-kangaelder .btn_pdf li a {
  display: block;
  height: 40px;
  overflow: hidden;
  width: 184px;
}

.content-contents-patakara .btn_pdf li a img, .content-contents-oboelder .btn_pdf li a img, .content-contents-kangaelder .btn_pdf li a img {
  margin: -5px 0 0 -5px;
}

.content-contents-patakara .btn_pdf li .s_12 img, .content-contents-oboelder .btn_pdf li .s_12 img, .content-contents-kangaelder .btn_pdf li .s_12 img {
  margin: -5px 0 0 -5px;
}

.content-contents-patakara .btn_pdf li .s_12:hover img, .content-contents-oboelder .btn_pdf li .s_12:hover img, .content-contents-kangaelder .btn_pdf li .s_12:hover img {
  margin: -155px 0 0 -5px;
}

.content-contents-patakara .btn_pdf li .s_11 img, .content-contents-oboelder .btn_pdf li .s_11 img, .content-contents-kangaelder .btn_pdf li .s_11 img {
  margin: -5px 0 0 -199px;
}

.content-contents-patakara .btn_pdf li .s_11:hover img, .content-contents-oboelder .btn_pdf li .s_11:hover img, .content-contents-kangaelder .btn_pdf li .s_11:hover img {
  margin: -155px 0 0 -199px;
}

.content-contents-patakara .btn_pdf li .s_10 img, .content-contents-oboelder .btn_pdf li .s_10 img, .content-contents-kangaelder .btn_pdf li .s_10 img {
  margin: -5px 0 0 -393px;
}

.content-contents-patakara .btn_pdf li .s_10:hover img, .content-contents-oboelder .btn_pdf li .s_10:hover img, .content-contents-kangaelder .btn_pdf li .s_10:hover img {
  margin: -155px 0 0 -393px;
}

.content-contents-patakara .btn_pdf li .s_09 img, .content-contents-oboelder .btn_pdf li .s_09 img, .content-contents-kangaelder .btn_pdf li .s_09 img {
  margin: -5px 0 0 -587px;
}

.content-contents-patakara .btn_pdf li .s_09:hover img, .content-contents-oboelder .btn_pdf li .s_09:hover img, .content-contents-kangaelder .btn_pdf li .s_09:hover img {
  margin: -155px 0 0 -587px;
}

.content-contents-patakara .btn_pdf li .s_08 img, .content-contents-oboelder .btn_pdf li .s_08 img, .content-contents-kangaelder .btn_pdf li .s_08 img {
  margin: -5px 0 0 -781px;
}

.content-contents-patakara .btn_pdf li .s_08:hover img, .content-contents-oboelder .btn_pdf li .s_08:hover img, .content-contents-kangaelder .btn_pdf li .s_08:hover img {
  margin: -155px 0 0 -781px;
}

.content-contents-patakara .btn_pdf li .s_07 img, .content-contents-oboelder .btn_pdf li .s_07 img, .content-contents-kangaelder .btn_pdf li .s_07 img {
  margin: -55px 0 0 -5px;
}

.content-contents-patakara .btn_pdf li .s_07:hover img, .content-contents-oboelder .btn_pdf li .s_07:hover img, .content-contents-kangaelder .btn_pdf li .s_07:hover img {
  margin: -205px 0 0 -5px;
}

.content-contents-patakara .btn_pdf li .s_06 img, .content-contents-oboelder .btn_pdf li .s_06 img, .content-contents-kangaelder .btn_pdf li .s_06 img {
  margin: -55px 0 0 -199px;
}

.content-contents-patakara .btn_pdf li .s_06:hover img, .content-contents-oboelder .btn_pdf li .s_06:hover img, .content-contents-kangaelder .btn_pdf li .s_06:hover img {
  margin: -205px 0 0 -199px;
}

.content-contents-patakara .btn_pdf li .s_05 img, .content-contents-oboelder .btn_pdf li .s_05 img, .content-contents-kangaelder .btn_pdf li .s_05 img {
  margin: -55px 0 0 -393px;
}

.content-contents-patakara .btn_pdf li .s_05:hover img, .content-contents-oboelder .btn_pdf li .s_05:hover img, .content-contents-kangaelder .btn_pdf li .s_05:hover img {
  margin: -205px 0 0 -393px;
}

.content-contents-patakara .btn_pdf li .s_04 img, .content-contents-oboelder .btn_pdf li .s_04 img, .content-contents-kangaelder .btn_pdf li .s_04 img {
  margin: -55px 0 0 -587px;
}

.content-contents-patakara .btn_pdf li .s_04:hover img, .content-contents-oboelder .btn_pdf li .s_04:hover img, .content-contents-kangaelder .btn_pdf li .s_04:hover img {
  margin: -205px 0 0 -587px;
}

.content-contents-patakara .btn_pdf li .s_03 img, .content-contents-oboelder .btn_pdf li .s_03 img, .content-contents-kangaelder .btn_pdf li .s_03 img {
  margin: -55px 0 0 -781px;
}

.content-contents-patakara .btn_pdf li .s_03:hover img, .content-contents-oboelder .btn_pdf li .s_03:hover img, .content-contents-kangaelder .btn_pdf li .s_03:hover img {
  margin: -205px 0 0 -781px;
}

.content-contents-patakara .btn_pdf li .s_02 img, .content-contents-oboelder .btn_pdf li .s_02 img, .content-contents-kangaelder .btn_pdf li .s_02 img {
  margin: -105px 0 0 -5px;
}

.content-contents-patakara .btn_pdf li .s_02:hover img, .content-contents-oboelder .btn_pdf li .s_02:hover img, .content-contents-kangaelder .btn_pdf li .s_02:hover img {
  margin: -255px 0 0 -5px;
}

.content-contents-patakara .btn_pdf li .s_01 img, .content-contents-oboelder .btn_pdf li .s_01 img, .content-contents-kangaelder .btn_pdf li .s_01 img {
  margin: -105px 0 0 -199px;
}

.content-contents-patakara .btn_pdf li .s_01:hover img, .content-contents-oboelder .btn_pdf li .s_01:hover img, .content-contents-kangaelder .btn_pdf li .s_01:hover img {
  margin: -255px 0 0 -199px;
}

.content-contents-patakara .btn_pdf li .s_13 img, .content-contents-oboelder .btn_pdf li .s_13 img, .content-contents-kangaelder .btn_pdf li .s_13 img {
  margin: -105px 0 0 -393px;
}

.content-contents-patakara .btn_pdf li .s_13:hover img, .content-contents-oboelder .btn_pdf li .s_13:hover img, .content-contents-kangaelder .btn_pdf li .s_13:hover img {
  margin: -255px 0 0 -393px;
}

.content-contents-patakara .btn_pdf li .s_14 img, .content-contents-oboelder .btn_pdf li .s_14 img, .content-contents-kangaelder .btn_pdf li .s_14 img {
  margin: -105px 0 0 -587px;
}

.content-contents-patakara .btn_pdf li .s_14:hover img, .content-contents-oboelder .btn_pdf li .s_14:hover img, .content-contents-kangaelder .btn_pdf li .s_14:hover img {
  margin: -255px 0 0 -587px;
}

.content-contents-patakara .btn_pdf li .c_12 img, .content-contents-oboelder .btn_pdf li .c_12 img, .content-contents-kangaelder .btn_pdf li .c_12 img {
  margin: -5px 0 0 -5px;
}

.content-contents-patakara .btn_pdf li .c_12:hover img, .content-contents-oboelder .btn_pdf li .c_12:hover img, .content-contents-kangaelder .btn_pdf li .c_12:hover img {
  margin: -155px 0 0 -5px;
}

.content-contents-patakara .btn_pdf li .c_11 img, .content-contents-oboelder .btn_pdf li .c_11 img, .content-contents-kangaelder .btn_pdf li .c_11 img {
  margin: -5px 0 0 -199px;
}

.content-contents-patakara .btn_pdf li .c_11:hover img, .content-contents-oboelder .btn_pdf li .c_11:hover img, .content-contents-kangaelder .btn_pdf li .c_11:hover img {
  margin: -155px 0 0 -199px;
}

.content-contents-patakara .btn_pdf li .c_10 img, .content-contents-oboelder .btn_pdf li .c_10 img, .content-contents-kangaelder .btn_pdf li .c_10 img {
  margin: -5px 0 0 -393px;
}

.content-contents-patakara .btn_pdf li .c_10:hover img, .content-contents-oboelder .btn_pdf li .c_10:hover img, .content-contents-kangaelder .btn_pdf li .c_10:hover img {
  margin: -155px 0 0 -393px;
}

.content-contents-patakara .btn_pdf li .c_09 img, .content-contents-oboelder .btn_pdf li .c_09 img, .content-contents-kangaelder .btn_pdf li .c_09 img {
  margin: -5px 0 0 -587px;
}

.content-contents-patakara .btn_pdf li .c_09:hover img, .content-contents-oboelder .btn_pdf li .c_09:hover img, .content-contents-kangaelder .btn_pdf li .c_09:hover img {
  margin: -155px 0 0 -587px;
}

.content-contents-patakara .btn_pdf li .c_08 img, .content-contents-oboelder .btn_pdf li .c_08 img, .content-contents-kangaelder .btn_pdf li .c_08 img {
  margin: -5px 0 0 -781px;
}

.content-contents-patakara .btn_pdf li .c_08:hover img, .content-contents-oboelder .btn_pdf li .c_08:hover img, .content-contents-kangaelder .btn_pdf li .c_08:hover img {
  margin: -155px 0 0 -781px;
}

.content-contents-patakara .btn_pdf li .c_07 img, .content-contents-oboelder .btn_pdf li .c_07 img, .content-contents-kangaelder .btn_pdf li .c_07 img {
  margin: -55px 0 0 -5px;
}

.content-contents-patakara .btn_pdf li .c_07:hover img, .content-contents-oboelder .btn_pdf li .c_07:hover img, .content-contents-kangaelder .btn_pdf li .c_07:hover img {
  margin: -205px 0 0 -5px;
}

.content-contents-patakara .btn_pdf li .c_06 img, .content-contents-oboelder .btn_pdf li .c_06 img, .content-contents-kangaelder .btn_pdf li .c_06 img {
  margin: -55px 0 0 -199px;
}

.content-contents-patakara .btn_pdf li .c_06:hover img, .content-contents-oboelder .btn_pdf li .c_06:hover img, .content-contents-kangaelder .btn_pdf li .c_06:hover img {
  margin: -205px 0 0 -199px;
}

.content-contents-patakara .btn_pdf li .c_05 img, .content-contents-oboelder .btn_pdf li .c_05 img, .content-contents-kangaelder .btn_pdf li .c_05 img {
  margin: -55px 0 0 -393px;
}

.content-contents-patakara .btn_pdf li .c_05:hover img, .content-contents-oboelder .btn_pdf li .c_05:hover img, .content-contents-kangaelder .btn_pdf li .c_05:hover img {
  margin: -205px 0 0 -393px;
}

.content-contents-patakara .btn_pdf li .c_04 img, .content-contents-oboelder .btn_pdf li .c_04 img, .content-contents-kangaelder .btn_pdf li .c_04 img {
  margin: -55px 0 0 -587px;
}

.content-contents-patakara .btn_pdf li .c_04:hover img, .content-contents-oboelder .btn_pdf li .c_04:hover img, .content-contents-kangaelder .btn_pdf li .c_04:hover img {
  margin: -205px 0 0 -587px;
}

.content-contents-patakara .btn_pdf li .c_03 img, .content-contents-oboelder .btn_pdf li .c_03 img, .content-contents-kangaelder .btn_pdf li .c_03 img {
  margin: -55px 0 0 -781px;
}

.content-contents-patakara .btn_pdf li .c_03:hover img, .content-contents-oboelder .btn_pdf li .c_03:hover img, .content-contents-kangaelder .btn_pdf li .c_03:hover img {
  margin: -205px 0 0 -781px;
}

.content-contents-patakara .btn_pdf li .c_02 img, .content-contents-oboelder .btn_pdf li .c_02 img, .content-contents-kangaelder .btn_pdf li .c_02 img {
  margin: -105px 0 0 -5px;
}

.content-contents-patakara .btn_pdf li .c_02:hover img, .content-contents-oboelder .btn_pdf li .c_02:hover img, .content-contents-kangaelder .btn_pdf li .c_02:hover img {
  margin: -255px 0 0 -5px;
}

.content-contents-patakara .btn_pdf li .c_01 img, .content-contents-oboelder .btn_pdf li .c_01 img, .content-contents-kangaelder .btn_pdf li .c_01 img {
  margin: -105px 0 0 -199px;
}

.content-contents-patakara .btn_pdf li .c_01:hover img, .content-contents-oboelder .btn_pdf li .c_01:hover img, .content-contents-kangaelder .btn_pdf li .c_01:hover img {
  margin: -255px 0 0 -199px;
}

.content-contents-patakara .btn_pdf li .c_13 img, .content-contents-oboelder .btn_pdf li .c_13 img, .content-contents-kangaelder .btn_pdf li .c_13 img {
  margin: -105px 0 0 -393px;
}

.content-contents-patakara .btn_pdf li .c_13:hover img, .content-contents-oboelder .btn_pdf li .c_13:hover img, .content-contents-kangaelder .btn_pdf li .c_13:hover img {
  margin: -255px 0 0 -393px;
}

.content-contents-patakara .btn_pdf li .c_14 img, .content-contents-oboelder .btn_pdf li .c_14 img, .content-contents-kangaelder .btn_pdf li .c_14 img {
  margin: -105px 0 0 -587px;
}

.content-contents-patakara .btn_pdf li .c_14:hover img, .content-contents-oboelder .btn_pdf li .c_14:hover img, .content-contents-kangaelder .btn_pdf li .c_14:hover img {
  margin: -255px 0 0 -587px;
}

.content-contents-patakara .btn_pdf li .j_06 img, .content-contents-oboelder .btn_pdf li .j_06 img, .content-contents-kangaelder .btn_pdf li .j_06 img {
  margin: -5px 0 0 -5px;
}

.content-contents-patakara .btn_pdf li .j_06:hover img, .content-contents-oboelder .btn_pdf li .j_06:hover img, .content-contents-kangaelder .btn_pdf li .j_06:hover img {
  margin: -105px 0 0 -5px;
}

.content-contents-patakara .btn_pdf li .j_05 img, .content-contents-oboelder .btn_pdf li .j_05 img, .content-contents-kangaelder .btn_pdf li .j_05 img {
  margin: -5px 0 0 -199px;
}

.content-contents-patakara .btn_pdf li .j_05:hover img, .content-contents-oboelder .btn_pdf li .j_05:hover img, .content-contents-kangaelder .btn_pdf li .j_05:hover img {
  margin: -105px 0 0 -199px;
}

.content-contents-patakara .btn_pdf li .j_04 img, .content-contents-oboelder .btn_pdf li .j_04 img, .content-contents-kangaelder .btn_pdf li .j_04 img {
  margin: -5px 0 0 -393px;
}

.content-contents-patakara .btn_pdf li .j_04:hover img, .content-contents-oboelder .btn_pdf li .j_04:hover img, .content-contents-kangaelder .btn_pdf li .j_04:hover img {
  margin: -105px 0 0 -393px;
}

.content-contents-patakara .btn_pdf li .j_03 img, .content-contents-oboelder .btn_pdf li .j_03 img, .content-contents-kangaelder .btn_pdf li .j_03 img {
  margin: -5px 0 0 -587px;
}

.content-contents-patakara .btn_pdf li .j_03:hover img, .content-contents-oboelder .btn_pdf li .j_03:hover img, .content-contents-kangaelder .btn_pdf li .j_03:hover img {
  margin: -105px 0 0 -587px;
}

.content-contents-patakara .btn_pdf li .j_02 img, .content-contents-oboelder .btn_pdf li .j_02 img, .content-contents-kangaelder .btn_pdf li .j_02 img {
  margin: -5px 0 0 -781px;
}

.content-contents-patakara .btn_pdf li .j_02:hover img, .content-contents-oboelder .btn_pdf li .j_02:hover img, .content-contents-kangaelder .btn_pdf li .j_02:hover img {
  margin: -105px 0 0 -781px;
}

.content-contents-patakara .btn_pdf li .j_01 img, .content-contents-oboelder .btn_pdf li .j_01 img, .content-contents-kangaelder .btn_pdf li .j_01 img {
  margin: -55px 0 0 -5px;
}

.content-contents-patakara .btn_pdf li .j_01:hover img, .content-contents-oboelder .btn_pdf li .j_01:hover img, .content-contents-kangaelder .btn_pdf li .j_01:hover img {
  margin: -155px 0 0 -5px;
}

.content-contents-patakara .btn_pdf li .j_07 img, .content-contents-oboelder .btn_pdf li .j_07 img, .content-contents-kangaelder .btn_pdf li .j_07 img {
  margin: -55px 0 0 -199px;
}

.content-contents-patakara .btn_pdf li .j_07:hover img, .content-contents-oboelder .btn_pdf li .j_07:hover img, .content-contents-kangaelder .btn_pdf li .j_07:hover img {
  margin: -155px 0 0 -199px;
}

.content-contents-patakara .btn_pdf li .j_08 img, .content-contents-oboelder .btn_pdf li .j_08 img, .content-contents-kangaelder .btn_pdf li .j_08 img {
  margin: -55px 0 0 -393px;
}

.content-contents-patakara .btn_pdf li .j_08:hover img, .content-contents-oboelder .btn_pdf li .j_08:hover img, .content-contents-kangaelder .btn_pdf li .j_08:hover img {
  margin: -155px 0 0 -393px;
}

/*
/contents-patakara
*/
/*
contents-oboelder
*/
.content-contents-oboelder .contentsimage {
  display: block;
  margin: 30px auto 70px;
  max-width: 712px;
  width: 100%;
}

.content-contents-oboelder .btn_pdf li {
  /* beginner */
  /* /beginner */
  /* middle */
  /* /middle */
  /* upper */
}

.content-contents-oboelder .btn_pdf li .s_04 img {
  margin: -5px 0 0 -5px;
}

.content-contents-oboelder .btn_pdf li .s_04:hover img {
  margin: -155px 0 0 -5px;
}

.content-contents-oboelder .btn_pdf li .s_01 img {
  margin: -5px 0 0 -199px;
}

.content-contents-oboelder .btn_pdf li .s_01:hover img {
  margin: -155px 0 0 -199px;
}

.content-contents-oboelder .btn_pdf li .s_02 img {
  margin: -5px 0 0 -393px;
}

.content-contents-oboelder .btn_pdf li .s_02:hover img {
  margin: -155px 0 0 -393px;
}

.content-contents-oboelder .btn_pdf li .s_03 img {
  margin: -5px 0 0 -587px;
}

.content-contents-oboelder .btn_pdf li .s_03:hover img {
  margin: -155px 0 0 -587px;
}

.content-contents-oboelder .btn_pdf li .s_05 img {
  margin: -5px 0 0 -781px;
}

.content-contents-oboelder .btn_pdf li .s_05:hover img {
  margin: -155px 0 0 -781px;
}

.content-contents-oboelder .btn_pdf li .s_06 img {
  margin: -55px 0 0 -5px;
}

.content-contents-oboelder .btn_pdf li .s_06:hover img {
  margin: -205px 0 0 -5px;
}

.content-contents-oboelder .btn_pdf li .s_07 img {
  margin: -55px 0 0 -199px;
}

.content-contents-oboelder .btn_pdf li .s_07:hover img {
  margin: -205px 0 0 -199px;
}

.content-contents-oboelder .btn_pdf li .s_08 img {
  margin: -55px 0 0 -393px;
}

.content-contents-oboelder .btn_pdf li .s_08:hover img {
  margin: -205px 0 0 -393px;
}

.content-contents-oboelder .btn_pdf li .s_09 img {
  margin: -55px 0 0 -587px;
}

.content-contents-oboelder .btn_pdf li .s_09:hover img {
  margin: -205px 0 0 -587px;
}

.content-contents-oboelder .btn_pdf li .s_10 img {
  margin: -55px 0 0 -781px;
}

.content-contents-oboelder .btn_pdf li .s_10:hover img {
  margin: -205px 0 0 -781px;
}

.content-contents-oboelder .btn_pdf li .s_11 img {
  margin: -105px 0 0 -5px;
}

.content-contents-oboelder .btn_pdf li .s_11:hover img {
  margin: -255px 0 0 -5px;
}

.content-contents-oboelder .btn_pdf li .c_11 img {
  margin: -5px 0 0 -5px;
}

.content-contents-oboelder .btn_pdf li .c_11:hover img {
  margin: -155px 0 0 -5px;
}

.content-contents-oboelder .btn_pdf li .c_01 img {
  margin: -5px 0 0 -199px;
}

.content-contents-oboelder .btn_pdf li .c_01:hover img {
  margin: -155px 0 0 -199px;
}

.content-contents-oboelder .btn_pdf li .c_02 img {
  margin: -5px 0 0 -393px;
}

.content-contents-oboelder .btn_pdf li .c_02:hover img {
  margin: -155px 0 0 -393px;
}

.content-contents-oboelder .btn_pdf li .c_03 img {
  margin: -5px 0 0 -587px;
}

.content-contents-oboelder .btn_pdf li .c_03:hover img {
  margin: -155px 0 0 -587px;
}

.content-contents-oboelder .btn_pdf li .c_04 img {
  margin: -5px 0 0 -781px;
}

.content-contents-oboelder .btn_pdf li .c_04:hover img {
  margin: -155px 0 0 -781px;
}

.content-contents-oboelder .btn_pdf li .c_05 img {
  margin: -55px 0 0 -5px;
}

.content-contents-oboelder .btn_pdf li .c_05:hover img {
  margin: -205px 0 0 -5px;
}

.content-contents-oboelder .btn_pdf li .c_06 img {
  margin: -55px 0 0 -199px;
}

.content-contents-oboelder .btn_pdf li .c_06:hover img {
  margin: -205px 0 0 -199px;
}

.content-contents-oboelder .btn_pdf li .c_07 img {
  margin: -55px 0 0 -393px;
}

.content-contents-oboelder .btn_pdf li .c_07:hover img {
  margin: -205px 0 0 -393px;
}

.content-contents-oboelder .btn_pdf li .c_08 img {
  margin: -55px 0 0 -587px;
}

.content-contents-oboelder .btn_pdf li .c_08:hover img {
  margin: -205px 0 0 -587px;
}

.content-contents-oboelder .btn_pdf li .c_09 img {
  margin: -55px 0 0 -781px;
}

.content-contents-oboelder .btn_pdf li .c_09:hover img {
  margin: -205px 0 0 -781px;
}

.content-contents-oboelder .btn_pdf li .c_10 img {
  margin: -105px 0 0 -5px;
}

.content-contents-oboelder .btn_pdf li .c_10:hover img {
  margin: -255px 0 0 -5px;
}

.content-contents-oboelder .btn_pdf li .c_12 img {
  margin: -105px 0 0 -199px;
}

.content-contents-oboelder .btn_pdf li .c_12:hover img {
  margin: -255px 0 0 -199px;
}

.content-contents-oboelder .btn_pdf li .c_13 img {
  margin: -105px 0 0 -393px;
}

.content-contents-oboelder .btn_pdf li .c_13:hover img {
  margin: -255px 0 0 -393px;
}

.content-contents-oboelder .btn_pdf li .j_01 img {
  margin: -5px 0 0 -5px;
}

.content-contents-oboelder .btn_pdf li .j_01:hover img {
  margin: -105px 0 0 -5px;
}

.content-contents-oboelder .btn_pdf li .j_03 img {
  margin: -5px 0 0 -199px;
}

.content-contents-oboelder .btn_pdf li .j_03:hover img {
  margin: -105px 0 0 -199px;
}

.content-contents-oboelder .btn_pdf li .j_04 img {
  margin: -5px 0 0 -393px;
}

.content-contents-oboelder .btn_pdf li .j_04:hover img {
  margin: -105px 0 0 -393px;
}

.content-contents-oboelder .btn_pdf li .j_05 img {
  margin: -5px 0 0 -587px;
}

.content-contents-oboelder .btn_pdf li .j_05:hover img {
  margin: -105px 0 0 -587px;
}

.content-contents-oboelder .btn_pdf li .j_06 img {
  margin: -5px 0 0 -781px;
}

.content-contents-oboelder .btn_pdf li .j_06:hover img {
  margin: -105px 0 0 -781px;
}

.content-contents-oboelder .btn_pdf li .j_07 img {
  margin: -55px 0 0 -5px;
}

.content-contents-oboelder .btn_pdf li .j_07:hover img {
  margin: -155px 0 0 -5px;
}

/*
/contents-oboelder
*/
/*
contents-kangaelder
*/
.content-contents-kangaelder .contentsimage {
  display: block;
  margin: 20px auto 40px;
  max-width: 690px;
  width: 100%;
}

.content-contents-kangaelder .content-head-1 {
  margin-bottom: 30px;
}

.content-contents-kangaelder .supervisor {
  background: #f1f9ec;
  border-radius: 10px;
  border: 2px solid #73c347;
  clear: both;
  margin: 70px 0 60px;
  min-height: 240px;
  overflow: hidden;
  padding: 80px 20px 20px;
  position: relative;
}

@media (max-width: 823px) {
  .content-contents-kangaelder .supervisor {
    display: flex;
    flex-flow: column;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-contents-kangaelder .supervisor {
    flex-flow: row;
    justify-content: space-between;
  }
}

.content-contents-kangaelder .supervisor p {
  margin-bottom: 0;
}

.content-contents-kangaelder .supervisor p::after {
  content: none;
}

.content-contents-kangaelder .supervisor .inner {
  max-width: 640px;
  width: 100%;
  float: left;
}

@media (max-width: 823px) {
  .content-contents-kangaelder .supervisor .inner {
    float: none;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-contents-kangaelder .supervisor .inner {
    width: 70%;
  }
}

.content-contents-kangaelder .supervisor .title {
  left: 0;
  position: absolute;
  top: 20px;
}

.content-contents-kangaelder .supervisor .subtitle {
  color: #73c347;
  font-size: 18px;
  margin-bottom: 10px;
}

.content-contents-kangaelder .supervisor .portrait {
  background: #fff;
  border-radius: 5px;
  float: left;
  margin: -60px 0 0 36px;
  padding: 0 15px 20px;
  position: relative;
  width: 220px;
}

@media (max-width: 823px) {
  .content-contents-kangaelder .supervisor .portrait {
    width: 100%;
    margin: 20px 0;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-contents-kangaelder .supervisor .portrait {
    width: 20%;
  }
}

.content-contents-kangaelder .supervisor .portrait img {
  display: block;
  width: 120px;
  margin: 50px auto 20px;
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-contents-kangaelder .supervisor .portrait img {
    width: 100%;
  }
}

.content-contents-kangaelder .supervisor .portrait .profile,
.content-contents-kangaelder .supervisor .portrait .position {
  display: block;
  font-size: 12px;
  margin-bottom: 0;
  text-align: center;
}

.content-contents-kangaelder .supervisor .portrait .name {
  display: block;
  font-size: 14px;
  margin-bottom: 0;
  text-align: center;
}

/*
/contents-kangaelder
*/
/*
dir basic
*/
.content-basic .term-name {
  margin-bottom: 30px;
}

@media (max-width: 823px) {
  .content-basic .term-name {
    margin-bottom: 20px;
  }
}

.content-basic .term-name .inner {
  padding-top: 20px;
}

@media (max-width: 823px) {
  .content-basic .term-name .inner h1 {
    width: 100%;
  }
}

.content-basic-index .content-head-2, .content-basic-gym .content-head-2, .content-basic-index .content-head-2-2, .content-basic-gym .content-head-2-2, .content-basic-index .content-head-2-3, .content-basic-gym .content-head-2-3, .content-basic-index .content-head-2-blue, .content-basic-gym .content-head-2-blue {
  clear: none;
  margin-bottom: 25px;
}

.content-basic-index .content-head-4, .content-basic-gym .content-head-4, .content-basic-index .content-head-4-1, .content-basic-gym .content-head-4-1 {
  color: #7e308e;
  font-size: 18px;
}

.content-basic-index table, .content-basic-gym table {
  width: 700px;
}

@media (max-width: 823px) {
  .content-basic-index table, .content-basic-gym table {
    width: 100%;
    font-size: 80%;
  }
}

.content-basic-index th, .content-basic-gym th,
.content-basic-index td, .content-basic-gym td {
  border: 1px solid #c8c8c8;
  padding: 10px 12px;
}

.content-basic-index th, .content-basic-gym th {
  background: #f0f0f0;
}

.content-basic-index td, .content-basic-gym td {
  /* font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
}

.content-basic-index table.person td, .content-basic-gym table.person td {
  vertical-align: top;
}

.content-basic-index li:before, .content-basic-gym li:before {
  content: "・";
}

.content-basic-index .image-floatr-1.thumb01, .content-basic-gym .image-floatr-1.thumb01 {
  font-size: 13px;
  line-height: 1.4;
  width: 230px;
}

@media (max-width: 823px) {
  .content-basic-index .image-floatr-1.thumb01 p, .content-basic-gym .image-floatr-1.thumb01 p {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-basic-index .image-floatr-1.thumb01, .content-basic-gym .image-floatr-1.thumb01 {
    text-align: center;
    width: 100%;
    margin: 30px auto;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-basic-index .image-floatr-1.thumb01, .content-basic-gym .image-floatr-1.thumb01 {
    width: 30%;
    float: right;
    margin: 0px 30px auto 30px;
  }
}

.content-basic-index .image-floatr-1.thumb01 img, .content-basic-gym .image-floatr-1.thumb01 img {
  margin-bottom: 10px;
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-basic-index .image-floatr-1.thumb01 img, .content-basic-gym .image-floatr-1.thumb01 img {
    width: 80%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-basic-index .image-floatr-1.thumb01 img, .content-basic-gym .image-floatr-1.thumb01 img {
    width: 100%;
  }
}

.content-basic-gym .content-head-2, .content-basic-gym .content-head-2-2, .content-basic-gym .content-head-2-3, .content-basic-gym .content-head-2-blue {
  clear: none;
}

.content-basic-gym .content-description li {
  color: #3aab9a;
  margin-bottom: 4px;
}

.content-basic-gym .content-description li:before {
  content: "●";
  font-size: 0.7em;
  margin-right: 0.2em;
  vertical-align: 2px;
}

.content-basic-gym .content-head-box {
  width: 700px;
  float: left;
}

.content-basic-gym .originalexercise {
  clear: both;
  font-size: 16px;
  margin-bottom: 5px;
}

.content-basic-gym table {
  width: 100%;
  margin-bottom: 70px;
}

.content-basic-gym th,
.content-basic-gym td {
  width: 20%;
  vertical-align: top;
}

.content-basic-gym .content-head-1 {
  margin-bottom: 30px;
}

.content-basic-gym .content-head-1 span {
  font-size: 14px;
}

@media (max-width: 823px) {
  .content-basic-gym .content-head-1 span {
    display: block;
    width: 100%;
  }
}

.content-basic-gym .natsumero-image {
  width: 732px;
  /* margin: -30px auto; */
  margin: 30px auto 0;
}

@media (max-width: 823px) {
  .content-basic-gym .natsumero-image {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-basic-gym .natsumero-image {
    flex-flow: row;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-basic-gym .natsumero-image {
    margin-left: auto;
    margin-right: auto;
  }
}

.content-basic-gym .natsumero-image .image {
  width: 168px;
  float: left;
  margin-right: 20px;
}

@media (max-width: 823px) {
  .content-basic-gym .natsumero-image .image {
    width: 47%;
    margin: 0;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-basic-gym .natsumero-image .image {
    width: 23%;
  }
}

.content-basic-gym .natsumero-image .image:last-child {
  margin-right: 0;
}

.content-basic-gym .natsumero-image .image:nth-child(2) img {
  margin-left: -188px;
}

.content-basic-gym .natsumero-image .image:nth-child(3) img {
  margin-left: -376px;
}

.content-basic-gym .natsumero-image .image:nth-child(4) img {
  margin-left: -564px;
}

.content-basic-gym .natsumero-image .image .inner {
  width: 168px;
  height: 111px;
  overflow: hidden;
}

@media (max-width: 823px) {
  .content-basic-gym .natsumero-image .image .inner {
    width: 100%;
    height: auto;
  }
}

.content-basic-gym .natsumero-image .image p {
  font-size: 13px;
  margin: 5px 0 40px;
}

.content-basic-gym .wakuwaku {
  background: #f1f9ec;
  border-radius: 10px;
  border: 2px solid #73c347;
  clear: both;
  margin: 70px 0 60px;
  min-height: 240px;
  overflow: hidden;
  padding: 80px 20px 20px;
  position: relative;
}

@media (max-width: 823px) {
  .content-basic-gym .wakuwaku {
    margin: 30px 0;
  }
}

.content-basic-gym .wakuwaku p {
  margin-bottom: 0;
}

.content-basic-gym .wakuwaku p::after {
  content: none;
}

.content-basic-gym .wakuwaku .inner {
  width: 640px;
  float: left;
}

@media (max-width: 823px) {
  .content-basic-gym .wakuwaku .inner {
    width: 100%;
    float: none;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-basic-gym .wakuwaku .inner p {
    width: 75%;
    float: left;
  }
}

.content-basic-gym .wakuwaku .title {
  left: 0;
  position: absolute;
  top: 20px;
}

@media (max-width: 823px) {
  .content-basic-gym .wakuwaku .title {
    width: 90%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-basic-gym .wakuwaku .title {
    width: 50%;
  }
}

@media (max-width: 823px) {
  .content-basic-gym .wakuwaku .title img {
    width: 100%;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-basic-gym .wakuwaku .title {
    width: 50%;
  }
}

.content-basic-gym .wakuwaku .subtitle {
  color: #73c347;
  font-size: 18px;
  margin-bottom: 10px;
}

.content-basic-gym .wakuwaku .portrait {
  background: #fff;
  border-radius: 5px;
  float: left;
  margin: -60px 0 0 36px;
  padding: 0 15px 20px;
  position: relative;
  width: 240px;
}

@media (max-width: 823px) {
  .content-basic-gym .wakuwaku .portrait {
    width: 50%;
    float: none;
    margin: 10px auto;
    height: auto;
    padding-top: 10px;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-basic-gym .wakuwaku .portrait {
    width: 20%;
    float: right;
    margin: -60px auto auto;
    padding-top: 0;
  }
}

.content-basic-gym .wakuwaku .portrait img {
  display: block;
  width: 120px;
  margin: 50px auto 20px;
}

@media (max-width: 823px) {
  .content-basic-gym .wakuwaku .portrait img {
    width: 80%;
    margin: 20px auto;
    position: relative;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-basic-gym .wakuwaku .portrait img {
    width: 90%;
  }
}

.content-basic-gym .wakuwaku .portrait .profile,
.content-basic-gym .wakuwaku .portrait .position {
  display: block;
  font-size: 12px;
  margin-bottom: 0;
  text-align: center;
}

.content-basic-gym .wakuwaku .portrait .name {
  display: block;
  font-size: 14px;
  margin-bottom: 0;
  text-align: center;
}

.content-basic-video .content-head-2, .content-basic-video .content-head-2-2, .content-basic-video .content-head-2-3, .content-basic-video .content-head-2-blue {
  margin-bottom: 30px;
}

.content-basic-video .video {
  border-bottom: 1px solid #c8c8c8;
  overflow: hidden;
  margin-bottom: 30px;
}

@media (max-width: 823px) {
  .content-basic-video .video {
    border-bottom: 1px solid #c8c8c8;
  }
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-basic-video .video {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-basic-video .video {
    flex-flow: row;
    width: 95%;
    margin: 0px auto 20px 2.5%;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-basic-video .video {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
  }
}

.content-basic-video .video + .video + .video {
  /* border: none; */
  /* margin-bottom: 50px; */
}

@media (max-width: 823px) {
  .content-basic-video .video + .video + .video {
    border-bottom: 1px solid #c8c8c8;
    margin-bottom: 20px;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-basic-video .video + .video + .video {
    margin-bottom: 0px;
  }
}

.content-basic-video .video img {
  display: block;
  float: left;
  margin-bottom: 30px;
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-basic-video .video img {
    width: 40%;
    float: none;
    margin: auto;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-basic-video .video img {
    width: 30%;
    padding: 20px 20px 20px 0;
  }
}

.content-basic-video .video .description {
  float: right;
  margin-bottom: 30px;
  width: 700px;
}

.content-basic-video .video .description .content-head-2-2 {
  color: #85b845;
  line-height: 1.6;
  margin: 0 0 10px;
}

@media (max-width: 823px) {
  .content-basic-video .video .description .content-head-2-2 {
    font-size: 100%;
  }
}

.content-basic-video .video .description p {
  margin-bottom: 0;
}

@media (max-width: 823px) {
  .content-basic-video .video .description {
    width: 100%;
  }
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-basic-video .video .description {
    margin: 20px auto 30px auto;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-basic-video .video .description {
    width: 60vw;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) and (min-width: 500px) and (max-width: 700px) {
  .content-basic-video .video .description {
    width: 52vw;
  }
}

.content-basic-karaoke .content-head-2, .content-basic-karaoke .content-head-2-2, .content-basic-karaoke .content-head-2-3, .content-basic-karaoke .content-head-2-blue {
  margin-bottom: 30px;
}

@media (max-width: 823px) {
  .content-basic-karaoke .content-head-2, .content-basic-karaoke .content-head-2-2, .content-basic-karaoke .content-head-2-3, .content-basic-karaoke .content-head-2-blue {
    margin-bottom: 20px;
  }
}

.content-basic-karaoke .games {
  overflow: hidden;
}

@media (max-width: 823px) {
  .content-basic-karaoke .games {
    width: 100%;
  }
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-basic-karaoke .games {
    display: flex;
    flex-flow: column;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-basic-karaoke .games {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

@media (max-width: 823px) {
  .content-basic-karaoke .karaokes {
    display: flex;
    flex-flow: column;
    width: 100%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-basic-karaoke .karaokes {
    flex-flow: row;
    justify-content: space-between;
  }
}

.content-basic-karaoke .game,
.content-basic-karaoke .karaoke {
  width: 460px;
  float: left;
  overflow: hidden;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

@media (max-width: 823px) {
  .content-basic-karaoke .game,
  .content-basic-karaoke .karaoke {
    width: 100%;
    float: none !important;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-basic-karaoke .game,
  .content-basic-karaoke .karaoke {
    width: 48%;
    border-bottom: 1px solid #c8c8c8;
  }
}

.content-basic-karaoke .game img,
.content-basic-karaoke .karaoke img {
  display: block;
  float: left;
  height: 80px;
  width: 110px;
}

@media (max-width: 823px) {
  .content-basic-karaoke .game img,
  .content-basic-karaoke .karaoke img {
    float: none;
    width: 100px;
    height: 25%;
    margin: 0px 20px auto auto;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-basic-karaoke .game img,
  .content-basic-karaoke .karaoke img {
    height: 25%;
    width: auto;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-basic-karaoke .game img,
  .content-basic-karaoke .karaoke img {
    height: 50%;
  }
}

.content-basic-karaoke .game .description,
.content-basic-karaoke .karaoke .description {
  width: 320px;
  float: right;
  padding-right: 10px;
}

.content-basic-karaoke .game:nth-child(2), .content-basic-karaoke .game:nth-child(4),
.content-basic-karaoke .karaoke:nth-child(2),
.content-basic-karaoke .karaoke:nth-child(4) {
  float: right;
}

.content-basic-karaoke .game p,
.content-basic-karaoke .karaoke p {
  margin-bottom: 0;
}

.content-basic-karaoke .game .content-head-2-2,
.content-basic-karaoke .karaoke .content-head-2-2 {
  color: #e17c19;
  margin: 0 0 15px;
}

.content-basic-karaoke .game:nth-child(1),
.content-basic-karaoke .game:nth-child(2) {
  border-bottom: 1px solid #c8c8c8;
}

.content-basic-karaoke .note {
  clear: both;
  margin: -10px 0 30px;
}

.content-basic-karaoke .lineup {
  color: #e17c19;
  font-weight: bold;
  font-size: 16px;
  margin: -10px 0 5px;
}

.content-basic-karaoke .lineup li:before {
  content: "●";
  font-size: 0.7em;
  margin-right: 0.2em;
  vertical-align: 2px;
}

.content-basic-karaoke .note-karaoke {
  font-size: 13px;
  margin-bottom: 30px;
}

.content-basic-karaoke .denmoku {
  background: #fcf2e8;
  border-radius: 10px;
  border: 2px solid #e17c19;
  clear: both;
  margin: 75px 0 60px;
  min-height: 240px;
  overflow: hidden;
  padding: 80px 20px 20px;
  position: relative;
}

@media (max-width: 823px) {
  .content-basic-karaoke .denmoku {
    margin: 0px 0 30px;
    padding: 60px 20px 24%;
    height: auto;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-basic-karaoke .denmoku {
    display: flex;
    padding: 60px 20px 0;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-basic-karaoke .denmoku {
    display: flex;
    padding: 100px 20px 0;
  }
}

.content-basic-karaoke .denmoku p {
  margin-bottom: 10px;
}

.content-basic-karaoke .denmoku p::after {
  content: none;
}

.content-basic-karaoke .denmoku .inner {
  width: 610px;
  float: left;
}

@media (max-width: 823px) {
  .content-basic-karaoke .denmoku .inner {
    width: 100%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-basic-karaoke .denmoku .inner {
    width: 80%;
  }
}

.content-basic-karaoke .denmoku .title {
  left: 0;
  position: absolute;
  top: 20px;
}

@media (max-width: 823px) {
  .content-basic-karaoke .denmoku .title {
    width: 90%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-basic-karaoke .denmoku .title {
    width: 50%;
  }
}

@media (max-width: 823px) {
  .content-basic-karaoke .denmoku .title img {
    width: 100%;
  }
}

.content-basic-karaoke .denmoku .subtitle {
  color: #e17c19;
  font-size: 18px;
  margin-bottom: 0;
}

.content-basic-karaoke .denmoku .image {
  background: #fff;
  border-radius: 5px;
  float: left;
  margin: -60px 0 0 36px;
  padding: 0;
  position: relative;
  width: 270px;
  height: 240px;
}

@media (max-width: 823px) {
  .content-basic-karaoke .denmoku .image {
    float: none;
    margin: 0;
    width: 100%;
    text-align: center;
    background: none;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-basic-karaoke .denmoku .image {
    width: 30%;
    height: auto;
  }
}

@media (max-width: 823px) {
  .content-basic-karaoke .denmoku .image img {
    width: 50%;
    margin: auto;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-basic-karaoke .denmoku .image img {
    width: 80%;
  }
}

.content-basic-karaoke .denmoku .image img {
  display: block;
}

.content-basic-karaoke .denmoku .image .profile,
.content-basic-karaoke .denmoku .image .position {
  display: block;
  font-size: 12px;
  margin-bottom: 0;
  text-align: center;
}

.content-basic-karaoke .denmoku .image .name {
  display: block;
  font-size: 14px;
  margin-bottom: 0;
  text-align: center;
}

.content-contents-genki .content-head-2, .content-contents-genki .content-head-2-2, .content-contents-genki .content-head-2-3, .content-contents-genki .content-head-2-blue {
  margin-top: 30px;
}

.mb30 {
  margin: auto auto 30px auto;
}

/*
/dir basic
*/
@media (max-width: 823px) {
  .content_video .content-head-1-type2 {
    width: 100%;
  }
}

.div-mv-sc-content-youtube {
  width: 100%;
  text-align: center;
}

.div-mv-sc-content-youtube .btn-mv-sc-content-youtube {
  width: 50%;
  height: auto;
  display: block;
  text-align: center;
  margin: auto;
  position: relative;
}

@media (max-width: 823px) {
  .div-mv-sc-content-youtube .btn-mv-sc-content-youtube {
    width: 90%;
  }
}

.div-mv-sc-content-youtube img {
  width: 100%;
  height: auto;
  margin: auto;
  position: relative;
  z-index: 1;
}

.div-mv-sc-content-youtube img :hover {
  filter: brightness(120%);
}

.btn-mv-sc-content-youtube:before {
  content: url("../img/lavel-new01.png");
  height: 20px;
  left: 5px;
  position: absolute;
  top: 15%;
  width: 45px;
  z-index: 2;
}

.content-douga-row {
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px #c8c8c8 dotted;
  padding: 10px 0px;
}

@media (max-width: 823px) {
  .content-douga-row {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    width: 100%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-douga-row {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    width: 48%;
    padding: 20px 0;
  }
}

@media (max-width: 823px) {
  .content-douga-row a.thumbnail-movie-1 {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    width: 100%;
    height: 100%;
  }
}

.content-douga-row img {
  width: 100px;
  display: block;
  float: left;
  margin-right: 20px;
}

@media (max-width: 823px) {
  .content-douga-row img {
    width: 50%;
    height: auto;
    margin-top: 0px;
  }
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-douga-row img {
    width: 40%;
    height: auto;
    margin: auto 20px auto auto;
  }
}

.content-douga-row .description {
  color: #323232;
  text-decoration: none;
  float: right;
  /* width: 87%; */
  width: calc(100% - 120px);
}

@media (max-width: 823px) {
  .content-douga-row .description {
    display: flex;
    flex-flow: column;
    align-items: stretch;
    height: 100%;
    float: none;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-douga-row .description {
    font-size: 80%;
  }
}

@media (max-width: 823px) {
  .content-douga-row .description .head {
    margin: auto 0 auto 0;
  }
}

.content-douga-row .description :hover {
  color: #0080cc;
  text-decoration: none;
}

.content-douga-row p.small {
  margin: 10px auto 0px auto;
}

@media (max-width: 823px) {
  .content-douga-row p.small {
    line-height: 17px;
  }
}

.content-douga-row:after {
  display: block;
  content: "";
  width: 0.1px;
  height: 0.1px;
  clear: both;
}

.content-douga-row-type2 {
  border: none;
}

.content-head-1-type2 {
  margin: 10px 0 23px;
}

/*
/cate contents
*/
/*
dir question
 */
.content-question-index .content-description {
  margin: 30px 0 50px;
}

@media (max-width: 823px) {
  .content-question-index .content-description {
    margin: 30px 0 30px;
  }
}

.content-question-index .question-subject {
  background: url(../img/label-question-q.png) no-repeat left top;
  padding-left: 35px;
  margin-bottom: 20px;
}

@media (max-width: 823px) {
  .content-question-index .question-subject {
    padding-bottom: 10px;
    background-size: 25px 25px;
  }
}

.content-question-index .question-answer {
  font-size: 16px;
  margin-bottom: 50px;
  padding: 0 10px 0 30px;
  position: relative;
}

.content-question-index .question-answer:before {
  content: "A";
  font-weight: bold;
  color: #0080cc;
  margin: 0 0.5em;
  position: absolute;
  top: 0;
  left: 0;
}

/*
/dir question
*/
/*
dir product
 */
/* dir product common */
@media (max-width: 823px) {
  .content-product-dam-f650 .tab-nav,
  .content-product-dam-f650-manual .tab-nav {
    margin: 0;
    margin: 50px auto auto;
    clear: both;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-product-dam-f650 .tab-nav li,
  .content-product-dam-f650-manual .tab-nav li {
    width: 48%;
  }
}

@media (max-width: 823px) {
  .content-product-dam-f650-manual .manual-box {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}

.content-product .term-name {
  margin-bottom: 30px;
}

.content-product .term-name .inner {
  padding-top: 40px;
}

.content-product .tab-nav a,
.content-product .tab-nav a:visited,
.content-product .tab-nav .page-title {
  padding-top: 25px;
}

@media (max-width: 823px) {
  .content-product .tab-nav a,
  .content-product .tab-nav a:visited,
  .content-product .tab-nav .page-title {
    padding: 15px;
  }
}

.content-product .toother {
  color: #0080cc;
  font-size: 16px;
  font-weight: bold;
  float: right;
  margin-top: 4px;
}

@media (max-width: 823px) {
  .content-product .toother {
    margin-top: 15px;
    font-size: 70%;
    width: 100%;
    text-align: left;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-product .toother {
    margin: 15px auto 30px auto;
  }
}

.content-product .toother:before {
  background: url(../img/arrow01.png) no-repeat center;
  content: "";
  display: inline-block;
  height: 16px;
  margin-right: 4px;
  vertical-align: -2px;
  width: 16px;
}

.content-product .specific {
  border: 1px solid #c8c8c8;
  margin-bottom: 60px;
  width: 100%;
  box-sizing: border-box;
}

.content-product .specific tr {
  width: 100%;
}

.content-product .specific + .content-head-3 {
  margin-top: -20px;
}

.content-product .specific th,
.content-product .specific td {
  border: 1px solid #c8c8c8;
  padding: 1em;
}

@media (max-width: 823px) {
  .content-product .specific th,
  .content-product .specific td {
    padding: 0.6em;
    font-size: 80%;
  }
}

.content-product .specific th {
  background: #f0f0f0;
}

.content-product .specific td {
  /* font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
}

@media (max-width: 823px) {
  .content-product .specific td {
    width: auto;
    word-wrap: break-word;
  }
  .content-product .specific td br {
    display: block;
  }
}

.content-product .specific .cell-1 {
  width: 300px;
}

.content-product .specific .cell-2 {
  width: 410px;
}

.content-product .specific .cell-3 {
  width: 450px;
}

.content-product .specific .cell-4 {
  width: 250px;
}

.content-product .specific .cell-5 {
  width: 260px;
}

.content-product .specific .cell-6 {
  width: 150px;
}

.content-product .content-head-box {
  overflow: hidden;
  margin-bottom: 25px;
}

.content-product .content-head-box .content-head-2, .content-product .content-head-box .content-head-2-2, .content-product .content-head-box .content-head-2-3, .content-product .content-head-box .content-head-2-blue {
  clear: none;
}

.content-product .manual-box .manual {
  display: block;
  height: 330px;
  overflow: hidden;
  width: 300px;
  position: relative;
  float: left;
  margin-bottom: 25px;
}

@media (max-width: 823px) {
  .content-product .manual-box .manual {
    float: none;
    height: auto;
  }
}

@media screen and (max-width: 823px) and (orientation: portrait) {
  .content-product .manual-box .manual {
    width: 48%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-product .manual-box .manual {
    width: 23%;
  }
}

@media (max-width: 823px) {
  .content-product .manual-box .manual img {
    width: 100%;
  }
}

.content-product .manual-box .manual img {
  margin: -5px 0 0 -5px;
}

@media (max-width: 823px) {
  .content-product .manual-box .manual img {
    margin: 0;
  }
}

.content-product .manual-box .manual:hover img {
  margin: -5px 0 0 -315px;
}

@media (max-width: 823px) {
  .content-product .manual-box .manual:hover img {
    margin: 0;
  }
}

.content-product .manual-box .manual:nth-child(2) {
  margin: 0 30px;
}

@media (max-width: 823px) {
  .content-product .manual-box .manual:nth-child(2) {
    margin: 0 0 30px 0;
  }
}

.content-product .label-new01:before {
  content: url("../img/lavel-new01.png");
  height: 20px;
  left: 0px;
  position: absolute;
  top: 20px;
  width: 45px;
}

.content-product .freedam-manual {
  display: block;
  height: 230px;
  overflow: hidden;
  margin-bottom: 60px;
  width: 960px;
}

@media (max-width: 823px) {
  .content-product .freedam-manual {
    width: 100%;
    height: auto;
  }
}

.content-product .freedam-manual img {
  margin: -5px 0 0 -5px;
}

@media (max-width: 823px) {
  .content-product .freedam-manual img {
    margin: 0;
    width: 100%;
  }
}

.content-product .freedam-manual:hover img {
  margin: -245px 0 0 -5px;
}

@media (max-width: 823px) {
  .content-product .freedam-manual:hover img {
    margin: 0;
  }
}

.content-product .freedam-manual.prepared img,
.content-product .freedam-manual.prepared:hover img {
  margin: 0;
}

.content-product-dam-f650 .content-head-box {
  margin-bottom: 50px;
}

@media (max-width: 823px) {
  .content-product-dam-f650 .content-head-box {
    text-align: center;
    margin: 30px auto 30px;
    text-align: left;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .content-product-dam-f650 .content-head-box {
    padding: 0 20px;
  }
  .content-product-dam-f650 .content-head-box .content-head-2, .content-product-dam-f650 .content-head-box .content-head-2-2, .content-product-dam-f650 .content-head-box .content-head-2-3, .content-product-dam-f650 .content-head-box .content-head-2-blue,
  .content-product-dam-f650 .content-head-box .content-description {
    width: 60%;
    float: right;
  }
}

.content-product-dam-f650 .dam-f650 {
  margin-right: 48px;
}

@media (max-width: 823px) {
  .content-product-dam-f650 .dam-f650 {
    margin: auto auto 30px 10%;
    width: 80%;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .content-product-dam-f650 .dam-f650 {
    width: 30%;
    margin: auto;
    float: left;
  }
}

@media (max-width: 823px) and (width: 768px) {
  .content-product-dam-f650 .dam-f650 {
    margin: auto 30px auto 20px;
  }
}

.content-product-dam-f650 .content-head-2-3 {
  margin-bottom: 5px;
}

.content-product-dam-f650 ul.specific {
  border: none;
  margin-bottom: 30px;
}

.content-product-dam-f650 ul.specific li {
  /* font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; */
  font-size: 14px;
  padding-left: 1em;
  position: relative;
  margin-bottom: 6px;
  line-height: 1.4;
}

@media (max-width: 823px) {
  .content-product-dam-f650 ul.specific li {
    font-size: 90%;
    margin-bottom: 10px;
  }
}

.content-product-dam-f650 ul.specific li:before {
  color: #47bf8f;
  content: "●";
  font-size: 70%;
  display: block;
  left: 0;
  position: absolute;
  top: 0.3em;
}

.content-product-dam-f650 ul.specific + .content-head-3 {
  margin-top: 0;
}

.content-product-dam-f650 table.specific th {
  width: 200px;
}

@media (max-width: 823px) {
  .content-product-dam-f650 table.specific th {
    width: 20%;
  }
}

.content-product-dam-f650 table.specific + .content-head-2-3 {
  margin-top: -20px;
}

.content-product-cm .cm-box {
  width: 460px;
  display: block;
  float: left;
  margin-bottom: 60px;
}

@media (max-width: 823px) {
  .content-product-cm .cm-box {
    width: 100%;
  }
}

.content-product-cm .cm-box .content-head-2-3 {
  margin-bottom: 10px;
}

.content-product-cm .cm-box a {
  width: 460px;
  height: 265px;
  display: block;
  overflow: hidden;
  background-size: cover;
}

@media (max-width: 823px) {
  .content-product-cm .cm-box a {
    width: 100%;
    height: auto;
  }
  .content-product-cm .cm-box a img {
    width: 100%;
    height: auto;
  }
}

.content-product-cm .cm-box a img:not(.cm-box__image) {
  margin: -5px 0 0 -5px;
}

.content-product-cm .cm-box a:hover img:not(.cm-box__image) {
  margin: -5px 0 0 -475px;
}

.content-product-cm .cm-box a.cm-ver-c {
  background-image: url("../img/product/cm-thumb-1-hover.png");
}

.content-product-cm .cm-box a.cm-ver-d {
  background-image: url("../img/product/cm-thumb-2-hover.png");
}

.content-product-cm .cm-box a.cm-ver-e {
  background-image: url("../img/product/cm-thumb-3-hover.png");
}

@media (max-width: 823px) {
  .content-product-cm .cm-box a.cm-ver-e {
    background: none;
  }
}

.content-product-cm .cm-box + .cm-box {
  float: right;
}

.content-product-cm .cm-box + .cm-box img:not(.cm-box__image) {
  margin: -280px 0 0 -5px;
}

.content-product-cm .cm-box + .cm-box:hover img:not(.cm-box__image) {
  margin: -280px 0 0 -475px;
}

.content-product-cm .cm-box a:hover .cm-box__image {
  opacity: 0;
}

p.small {
  font-size: 70%;
  line-height: 6px;
}

.content-contents-onken {
  margin-bottom: 0px;
}

.content-contents-onken .song_list {
  margin-bottom: 20px;
}

/* /dir product common */
/* content-product-index */
.content-product-index .content-head-box {
  overflow: hidden;
  margin-bottom: 45px;
}

/*
/dir product
 */
/*
sitemap
*/
.content-sitemap {
  font-weight: bold;
}

.content-sitemap .elder {
  margin: 50px 0 70px;
}

@media (max-width: 823px) {
  .content-sitemap .elder {
    margin: 20px 0 40px;
  }
}

.content-sitemap .contents,
.content-sitemap .product,
.content-sitemap .other {
  margin-bottom: 70px;
  overflow: hidden;
}

@media (max-width: 823px) {
  .content-sitemap .contents,
  .content-sitemap .product,
  .content-sitemap .other {
    margin-bottom: 20px;
  }
}

.content-sitemap .content-head-1 {
  margin-bottom: 30px;
}

.content-sitemap .content-head-3 + .content-head-3 {
  margin-top: 40px;
}

.content-sitemap .link-box {
  margin-bottom: 35px;
}

.content-sitemap .link-box li {
  display: block;
  margin-bottom: 0.4em;
}

.content-sitemap .link-box li a {
  display: inline-block;
  position: relative;
  padding: 0 0 0 20px;
  font-size: 16px;
}

.content-sitemap .link-box li a:before {
  content: url("../img/arrow01.png");
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 2px;
  text-decoration: none;
}

.content-sitemap .link-box li ul {
  margin: 0.8em 0 0 1.5em;
}

@media (max-width: 823px) {
  .content-sitemap .link-box li ul {
    width: 100%;
    margin: 10px 0 10px 0;
  }
}

.content-sitemap .link-box li ul li a {
  font-size: 14px;
  padding: 0 0 0 16px;
}

@media (max-width: 823px) {
  .content-sitemap .link-box li ul li {
    margin-bottom: 10px;
  }
}

.content-sitemap .link-box li ul li.bullet {
  position: relative;
}

.content-sitemap .link-box li ul li.bullet:before {
  content: "●";
  color: #47bf8f;
  font-size: 0.8em;
  top: 3px;
  position: absolute;
  left: 0;
  text-decoration: none;
}

.content-sitemap .link-box li ul li.bullet a:before {
  content: none;
}

.content-sitemap .premium .link-box {
  float: left;
  width: 300px;
  margin-right: 30px;
}

@media (max-width: 823px) {
  .content-sitemap .premium .link-box {
    width: 100%;
    margin-bottom: 0;
  }
}

.content-sitemap .premium .link-box:last-child {
  margin-right: 0;
}

@media (max-width: 823px) {
  .content-sitemap .premium .link-box:last-child {
    margin-bottom: 30px;
  }
}

.content-sitemap .recommend .link-box {
  float: left;
  width: 300px;
  margin-right: 30px;
}

@media (max-width: 823px) {
  .content-sitemap .recommend .link-box {
    width: 100%;
  }
}

.content-sitemap .recommend .link-box:last-child {
  margin-right: 0;
}

.content-sitemap .recommend .link-box li ul li a {
  padding-left: 0;
  margin-left: 1em;
}

.content-sitemap .recommend .link-box li ul li a:before {
  content: none;
}

.content-sitemap .recommend .head {
  margin-top: 1.5em;
}

.content-sitemap .recommend .head:before {
  content: "●";
  color: #47bf8f;
  font-size: 0.8em;
  top: 3px;
  margin-right: 0.2em;
}

.content-sitemap .other .content-head-1 + .content-head-1,
.content-sitemap .other .link-box + .content-head-1 {
  margin-top: 70px;
}

@media (max-width: 823px) {
  .content-sitemap .other .content-head-1 + .content-head-1,
  .content-sitemap .other .link-box + .content-head-1 {
    margin-top: 40px;
  }
}

.content-sitemap .blank {
  vertical-align: 0;
  margin-left: 5px;
}

/*
/sitemap
*/
/*
footer
*/
.site-footer {
  min-width: 980px;
  width: 100%;
}

@media (max-width: 823px) {
  .site-footer {
    width: 100%;
    min-width: 100%;
  }
}

@media (min-width: 1024px) {
  .site-footer {
    min-width: 100%;
  }
}

.site-footer .footer-contact,
.site-footer .footer-sitemap,
.site-footer .footer-site-info {
  box-sizing: border-box;
  padding: 0 10px;
  width: 100%;
}

.site-footer .footer-contact .inner,
.site-footer .footer-sitemap .inner,
.site-footer .footer-site-info .inner {
  margin: 0 auto;
  max-width: 960px;
  width: 100%;
}

@media (max-width: 823px) {
  .site-footer .footer-contact .inner,
  .site-footer .footer-sitemap .inner,
  .site-footer .footer-site-info .inner {
    width: 95%;
    text-align: left;
  }
}

.site-footer .footer-contact {
  background: #bfdef0;
  overflow: hidden;
  padding-top: 30px;
  padding-bottom: 30px;
}

@media (max-width: 823px) {
  .site-footer .footer-contact {
    text-align: center;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .site-footer .footer-contact .inner {
    display: flex;
    justify-content: space-between;
    flex-flow: row;
  }
}

.site-footer .footer-btn-freedam,
.site-footer .footer-btn-contact {
  box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  display: block;
  height: 100px;
  overflow: hidden;
  max-width: 470px;
  width: 90%;
}

@media (max-width: 823px) {
  .site-footer .footer-btn-freedam,
  .site-footer .footer-btn-contact {
    height: auto;
    border-radius: 5px;
    float: none;
    border: solid 5px #fff;
    background: #fff;
    margin: auto auto 20px auto;
  }
  .site-footer .footer-btn-freedam img,
  .site-footer .footer-btn-contact img {
    width: 105%;
    margin: 0px 0px 0px -10px;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape), (max-width: 823px) and (width: 768px) {
  .site-footer .footer-btn-freedam,
  .site-footer .footer-btn-contact {
    width: 45%;
  }
}

.site-footer .footer-btn-freedam {
  float: left;
}

.site-footer .footer-btn-freedam img {
  margin: -5px 0 0 -5px;
}

@media (max-width: 823px) {
  .site-footer .footer-btn-freedam img {
    margin: 0;
    width: 100%;
  }
}

.site-footer .footer-btn-freedam img:hover {
  margin: -115px 0 0 -5px;
}

@media (max-width: 823px) {
  .site-footer .footer-btn-freedam img:hover {
    margin: 0;
  }
}

@media (max-width: 823px) {
  .site-footer .footer-btn-freedam {
    float: none;
  }
}

.site-footer .footer-btn-contact {
  float: right;
}

@media (max-width: 823px) {
  .site-footer .footer-btn-contact {
    float: none;
  }
}

.site-footer .footer-btn-contact img {
  margin: -225px 0 0 -5px;
}

@media (max-width: 823px) {
  .site-footer .footer-btn-contact img {
    margin: 0;
    width: 100%;
  }
}

.site-footer .footer-btn-contact img:hover {
  margin: -335px 0 0 -5px;
}

@media (max-width: 823px) {
  .site-footer .footer-btn-contact img:hover {
    margin: 0;
  }
}

.site-footer .footer-sitemap {
  background: #0080cc;
  clear: both;
  color: #fff;
  font-size: 13px;
  overflow: hidden;
  padding: 40px 0 20px;
}

@media (max-width: 823px) {
  .site-footer .footer-sitemap {
    font-size: 80%;
  }
}

.site-footer .footer-sitemap a:link,
.site-footer .footer-sitemap a:visited,
.site-footer .footer-sitemap a:hover {
  color: #fff;
}

.site-footer .footer-sitemap li {
  list-style: none;
  margin-bottom: 0.5em;
  position: relative;
  padding-left: 1em;
}

.site-footer .footer-sitemap li:before {
  content: "・";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.site-footer .footer-sitemap .head {
  display: block;
  font-weight: bold;
  margin-bottom: 0.5em;
  padding-left: 1.2em;
  position: relative;
}

.site-footer .footer-sitemap .head:before {
  content: "●";
  font-weight: normal;
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
}

.site-footer .footer-sitemap .head-2 {
  padding: 0;
}

.site-footer .footer-sitemap .head-2:before {
  content: none;
}

.site-footer .footer-sitemap .list,
.site-footer .footer-sitemap .recommend {
  margin-left: 1em;
}

.site-footer .footer-sitemap .column-1,
.site-footer .footer-sitemap .column-2,
.site-footer .footer-sitemap .column-3,
.site-footer .footer-sitemap .column-4 {
  float: left;
}

.site-footer .footer-sitemap .column-1,
.site-footer .footer-sitemap .column-2,
.site-footer .footer-sitemap .column-3 {
  margin-right: 1.5%;
}

.site-footer .footer-sitemap .column-1 {
  width: 23%;
}

@media (max-width: 823px) {
  .site-footer .footer-sitemap .column-1 {
    width: 47%;
    margin: 0px;
  }
}

.site-footer .footer-sitemap .column-2 {
  margin-top: 2em;
  margin-left: -1em;
  width: 21%;
}

@media (max-width: 823px) {
  .site-footer .footer-sitemap .column-2 {
    float: right;
    width: 47%;
    margin: 0px;
  }
}

.site-footer .footer-sitemap .column-3 {
  width: 33%;
}

@media (max-width: 823px) {
  .site-footer .footer-sitemap .column-3 {
    clear: both;
    float: left;
    width: 100%;
  }
  .site-footer .footer-sitemap .column-3 .taxonomy:nth-child(1) {
    float: left;
    width: 47%;
  }
  .site-footer .footer-sitemap .column-3 .taxonomy:nth-child(2) {
    float: right;
    width: 47%;
  }
}

.site-footer .footer-sitemap .column-4 {
  width: 19%;
}

@media (max-width: 823px) {
  .site-footer .footer-sitemap .column-4 {
    width: 100%;
    margin: auto;
    margin: 0px;
    float: none;
    clear: both;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 3%;
    border-top: solid 1px #008ad8;
    font-size: 120%;
  }
}

@media (max-width: 823px) {
  .site-footer .footer-sitemap .column-4 .taxonomy {
    width: 45%;
    margin: 0 auto 0 2%;
  }
}

.site-footer .footer-sitemap .new-contents {
  margin-top: 2em;
}

.site-footer .footer-sitemap .taxonomy {
  margin-bottom: 2em;
}

.site-footer .linespace-1 {
  margin-top: 1.5em;
}

.site-footer .footer-site-info {
  clear: both;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}

@media (max-width: 823px) {
  .site-footer .footer-site-info {
    padding: 20px 10px;
  }
}

.site-footer .footer-site-info .logo {
  width: 157px;
  height: 28px;
  overflow: hidden;
  margin: 0 auto 16px;
}

@media (max-width: 823px) {
  .site-footer .footer-site-info .logo {
    text-align: left;
    width: 100%;
    margin: 0 auto 10px;
    height: 30px;
  }
  .site-footer .footer-site-info .logo a {
    display: block;
    height: inherit;
    width: inherit;
  }
}

.site-footer .footer-site-info .logo img {
  margin: -5px 0 0 -485px;
}

@media (max-width: 823px) {
  .site-footer .footer-site-info .logo img {
    margin: 0;
    width: auto;
    height: 100%;
  }
}

.site-footer .footer-site-info .copy {
  font-size: 14px;
}

/*
/footer
*/
.totop {
  bottom: 2em;
  display: none;
  position: fixed;
  right: 2em;
  cursor: pointer;
  z-index: 10;
}

.totop img {
  display: block;
}

@media (max-width: 823px) {
  .totop {
    width: 50px;
    height: 50px;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  .totop {
    bottom: 1em;
    right: 1em;
  }
}

@media (max-width: 823px) {
  .totop img {
    width: 100%;
    border: #dcdcdc 1px solid;
    border-radius: 25px;
  }
}

/*
default
 */
@media screen {
  [hidden~="screen"] {
    display: inherit;
  }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    clip: rect(0 0 0 0) !important;
    position: absolute !important;
  }
}

/*
/default
*/
.sp-active {
  display: none;
}

.tel-btn-sp {
  pointer-events: none;
}

@media (max-width: 823px) {
  .tel-btn-sp {
    pointer-events: auto;
  }
}

@media (max-width: 823px) {
  .sp-hide {
    display: none;
  }
  .sp-active {
    display: block;
  }
}

@media (max-width: 823px) {
  #fancybox-content {
    width: 100% !important;
    height: 23vh !important;
  }
}

@media screen and (max-width: 823px) and (orientation: landscape) {
  #fancybox-content {
    height: 80vh !important;
  }
}

@media (max-width: 823px) {
  body.lightbox {
    width: 100% !important;
    height: 100vh !important;
  }
  body.lightbox #wrapper {
    width: 100% !important;
    height: inherit !important;
    background: #000000;
  }
  body.lightbox #wrapper video {
    width: 100% !important;
    height: inherit !important;
  }
  #fancybox-close {
    right: -20px !important;
  }
  #fancybox-wrap {
    text-align: center;
  }
  #fancybox-wrap #fancybox-outer {
    width: 100% !important;
    height: 20vh !important;
    margin: auto;
  }
}

.common-button {
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0.5em 1em;
  border: 4px solid #0080cc;
  color: #0080cc;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
  -ms-flex-align: center;
  align-items: center;
}

.common-button::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-width: 6px 0 6px 12px;
  border-style: solid;
  border-color: transparent;
  border-left-color: #0080cc;
  margin-right: 0.5em;
}

.kangaelder-layout {
  display: flex;
  flex-wrap: wrap;
  margin: -1em 0 0 -1em;
}

.kangaelder-layout > * {
  width: 50%;
  padding: 1em 0 0 1em;
}

table.kangaelder-table {
  margin-bottom: 0;
}

.kangaelder-table td,
.kangaelder-table th {
  width: auto;
}

@media (max-width: 568px) {
  .kangaelder-layout > * {
    width: 100%;
  }
}