/* Top CSS */
/* _setting CSS */
/* Desktops and laptops */
@media print, screen and (min-width: 701px) {
  #news .inner {
    margin: 0 auto;
    width: 1000px;
  }
  #news a {
    background-color: #E6F6FD;
    display: flex;
  }
  #news a:hover {
    text-decoration: none;
  }
  #news a:hover img {
    opacity: 1;
  }
  #news a .info {
    background: url(../images/top/arrow.png) center right/cover no-repeat;
    display: flex;
    align-items: center;
    padding: 0 20px 0 15px;
    position: relative;
  }
  #news a p {
    font-size: 13px;
    line-height: 1.5;
    padding: 10px;
  }
  #news a .title {
    color: #3E3939;
    flex: 1;
  }
  #news a .more {
    align-self: center;
    color: #93D2F2;
    text-decoration: underline;
  }
  #news a .more:hover {
    text-decoration: none;
  }

  #news_blog {
    width: 1000px;
    margin: 0 auto;
  }
  #news_blog .inner {
    margin: 0 auto;
    width: 1000px;
    display: table;
    background-color: #E6F6FD;
  }
  #news_blog .info {
    width: 72px;
    background: url(../images/top/arrow.png) center right/cover no-repeat;
    align-items: center;
    padding: 10px 20px 10px 15px;
    position: relative;
    display: table-cell;
    box-sizing: border-box;
    vertical-align: middle;
  }
  #news_blog .entries {
    width: 820px;
    display: table-cell;
    position: relative;
    overflow: hidden;
  }
  #news_blog .entries li {
    font-size: 15px;
    line-height: 1.5;
    padding: 10px;
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    box-sizing: border-box;
    transition: all 300ms linear;
    transform: translate3d(0, 10px, 0);
    opacity: 0;
  }
  #news_blog .entries li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #news_blog .entries li:nth-child(1) {
    display: block;
  }
  #news_blog .entries li.on {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  #news_blog .more {
    display: table-cell;
    padding-right: 10px;
    vertical-align: middle;
    text-align: right;
    color: #93D2F2;
    text-decoration: underline;
    font-size: 13px;
  }
  #news_blog .more:hover {
    text-decoration: none;
  }

  #kv {
    margin-top: 30px;
    text-align: center;
  }
  #kv .slick {
    background-color: #fff;
    box-sizing: content-box;
    margin: 0 auto 19px;
    padding: 0 20px;
    width: 1000px;
  }
  #kv .slick .slick-dots {
    bottom: -30px;
  }

  #about {
    background: url(../images/top/about_img3.png) bottom 120px center no-repeat, url(../images/top/about_bg.jpg) top center/cover no-repeat;
    padding: 75px 0 260px;
    text-align: center;
  }
  #about header p {
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
  }
  #about .content {
    background: url(../images/top/about_img1.png) top right calc(50% + 360px) no-repeat, url(../images/top/about_img2.png) top 65px left calc(50% + 350px) no-repeat;
    margin-top: 45px;
  }
  #about .content .desc {
    font-size: 16px;
    line-height: 1.8;
  }
  #about .content .desc:nth-child(n + 2) {
    margin-top: 35px;
  }
  #about .content .note {
    font-size: 13px;
    margin-top: 35px;
  }
  #about .content .btn {
    margin-top: 50px;
  }
  #about .content .btn a {
    display: inline-block;
  }

  .top_onl {
    padding-right: 80px;
  }

  .list_btn {
    display: table;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 640px;
  }
  .list_btn li {
    display: table-cell;
    table-layout: fixed;
  }

  /* line 185, ../sass/top.scss */
  #profile {
    background: url(../images/top/profile_top.png) top center/100% 190px no-repeat, url(../images/top/profile_bg.png) top 260px center no-repeat;
    text-align: center;
    margin-top: -190px;
    padding: 125px 0 240px;
  }
  #profile header p {
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
  }
  #profile .content {
    margin-top: 35px;
  }
  #profile .content .desc {
    font-size: 16px;
    line-height: 1.6;
  }
  #profile .content .desc span {
    font-size: 12px;
  }
  #profile .content ul {
    display: flex;
    flex-wrap: wrap;
    margin: 30px auto 30px;
    width: 1000px;
  }
  #profile .content ul li {
    margin: 0 40px;
    width: 170px;
  }
  #profile .content ul li:nth-of-type(2n) {
    margin-top: 80px;
  }
  #profile .content ul li a {
    display: block;
  }
  #profile .content ul li a:hover {
    opacity: .8;
    text-decoration: none;
  }
  #profile .content ul li a:hover img {
    opacity: 1;
  }
  #profile .content ul li img {
    width: 100%;
  }
  #profile .content ul li h3 {
    background: url(../images/top/profile_name_bg.jpg) center center/cover no-repeat;
    box-sizing: border-box;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    margin: -10px auto 0;
    padding: 5px 15px;
    position: relative;
    min-width: 120px;
    line-height: 14px;
  }
  #profile .content ul li p {
    font-size: 13px;
    line-height: 1.6;
    text-align: center;
    margin-top: 20px;
  }
  #profile .content ul li p strong {
    font-weight: bold;
  }
  #profile .content ul li .osaka {
    border: 1px solid #333;
    font-size: 13px;
    line-height: 1;
    display: inline-block;
    padding: 5px 10px;
    margin-top: 10px;
    background-color: #FFF;
  }

  .belongs {
    border: 1px solid #333;
    font-size: 13px;
    line-height: 1;
    display: inline-block;
    padding: 5px 10px;
    margin-top: 10px;
    background-color: #FFF;
  }

  #blog {
    background: url(../images/top/blog_img1.png) top 25px left calc(50% + 200px) no-repeat, url(../images/top/blog_bg.png) top center/cover no-repeat;
    margin: -150px 0 0;
    padding: 100px 0 0;
  }
  #blog .inner {
    margin: 0 auto;
    width: 1000px;
  }
  #blog header {
    text-align: center;
  }
  #blog header p {
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
  }
  #blog .content {
    margin-top: 70px;
    padding-bottom: 220px;
  }
  #blog .content .blog {
    display: flex;
  }
  #blog .content .blog .blog_list {
    background-image: linear-gradient(-45deg, transparent 4%, #ffffff 4%, #ffffff 96%, transparent 96%);
    box-sizing: border-box;
    padding: 35px 30px 40px;
    width: 480px;
  }
  #blog .content .blog .blog_list h3 {
    background: url(../images/top/blog_list_title_bg.png) center/auto 100% no-repeat;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 6px;
  }
  #blog .content .blog .blog_list .list {
    margin-top: 5px;
  }
  #blog .content .blog .blog_list .list .item {
    border-bottom: 2px dotted #E5E5E5;
  }
  #blog .content .blog .blog_list .list .item a {
    display: block;
    padding: 15px 0;
  }
  #blog .content .blog .blog_list .list .item a:hover {
    opacity: 0.8;
    text-decoration: none;
  }
  #blog .content .blog .blog_list .list .item a:hover img {
    opacity: 1;
  }
  #blog .content .blog .blog_list .list .item .date {
    color: #666;
    font-size: 13px;
  }
  #blog .content .blog .blog_list .list .item .date .new {
    margin-left: 10px;
    vertical-align: baseline;
  }
  #blog .content .blog .blog_list .list .item .labels {
    display: flex;
    margin-top: 10px;
  }
  #blog .content .blog .blog_list .list .item .labels li {
    font-size: 11px;
    padding: 5px;
  }
  #blog .content .blog .blog_list .list .item .labels li:nth-of-type(n + 2) {
    margin-left: 5px;
  }
  #blog .content .blog .blog_list .list .item .labels .person {
    background: url(../images/top/blog_label_person.jpg) center/cover;
  }
  #blog .content .blog .blog_list .list .item .labels .category {
    background-color: #F4F2F2;
  }
  #blog .content .blog .blog_list .list .item h4 {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 10px;
  }
  #blog .content .blog .blog_list .btn {
    margin-top: 30px;
    text-align: center;
  }
  #blog .content .blog .blog_list .btn a {
    display: block;
  }
  #blog .content .blog .search {
    margin-left: auto;
    width: 470px;
  }
  #blog .content .blog .search .person h3, #blog .content .blog .search .category h3 {
    background: url(../images/top/icon_search.png) center left no-repeat;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    padding-left: 30px;
  }
  #blog .content .blog .search .person ul, #blog .content .blog .search .category ul {
    background: url(../images/top/blog_border.png) top left repeat-x;
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
    padding-top: 25px;
  }
  #blog .content .blog .search .person ul li a, #blog .content .blog .search .category ul li a {
    background-color: #F7E8C4;
    border-radius: 17px;
    display: block;
    color: #000;
    font-size: 13px;
    text-align: center;
    padding: 10px;
  }
  #blog .content .blog .search .person ul li a:hover, #blog .content .blog .search .category ul li a:hover {
    opacity: 0.8;
    text-decoration: none;
  }
  #blog .content .blog .search .person {
    margin-top: 15px;
  }
  #blog .content .blog .search .person ul li {
    margin: 5px;
    min-width: 17%;
  }
  #blog .content .blog .search .person ul li:nth-of-type(n + 6) {
    margin-top: 10px;
  }
  #blog .content .blog .search .person p {
    color: #3c3838;
    font-size: 10px;
    text-align: right;
    margin-top: 10px;
  }
  #blog .content .blog .search .category {
    margin-top: 50px;
  }
  #blog .content .blog .search .category ul li {
    margin: 0 4px;
    min-width: 80px;
  }
  #blog .content .blog .search .category ul li:nth-of-type(n + 4) {
    margin-top: 8px;
  }
  #blog .content .mailmag {
    background: url(../images/top/mailmag_border1.png) top center no-repeat, url(../images/top/mailmag_border2.png) bottom center no-repeat;
    padding: 160px 0 30px;
    text-align: center;
  }
  #blog .content .mailmag .caption {
    font-size: 16px;
    font-weight: bold;
  }
  #blog .content .mailmag h3 {
    background: url(../images/top/mailmag_underline.png) bottom left calc(50% + 107px) no-repeat;
    font-size: 22px;
    font-weight: bold;
    margin-top: 20px;
  }
  #blog .content .mailmag .desc {
    font-size: 16px;
    line-height: 1.6;
    margin-top: 30px;
  }
  #blog .content .mailmag .btns {
    margin-top: 30px;
  }

  .btnW {
    margin-top: 30px;
  }

  /* line 503, ../sass/top.scss */
  #blog .content .mailmag .btns a, .btnW a {
    display: inline-block;
  }

  /* line 506, ../sass/top.scss */
  #blog .content .mailmag .btns a:nth-of-type(n + 2), .btnW a:nth-of-type(n + 2) {
    margin-left: 25px;
  }

  /* line 513, ../sass/top.scss */
  #blog .content .sns {
    display: flex;
    justify-content: center;
    margin-top: 30px;
  }
  #blog .content .sns p {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
  }
  #blog .content .sns .btns {
    margin-left: 30px;
  }
  #blog .content .sns .btns a {
    display: inline-block;
  }
  #blog .content .sns .btns a:nth-of-type(n + 2) {
    margin-left: 15px;
  }

  #event {
    background: url(../images/top/event_bg.jpg) center/cover;
    padding-bottom: 90px;
    position: relative;
  }
  #event:before {
    background: url(../images/top/event_img2.png) top left calc(50% + 385px) no-repeat;
    content: '';
    display: block;
    position: absolute;
    top: -45px;
    left: 0;
    height: 235px;
    width: 100%;
  }
  #event .event, #event .seminer {
    margin: 0 auto;
    width: 1000px;
  }
  #event .event header, #event .seminer header {
    text-align: center;
  }
  #event .event header p, #event .seminer header p {
    font-size: 20px;
    font-weight: bold;
    margin-top: 20px;
  }
  #event .event .content, #event .seminer .content {
    background-color: #fff;
    margin-top: 35px;
    padding: 5px 30px 35px;
  }
  #event .event .content ul li, #event .seminer .content ul li {
    border-bottom: 2px dotted #E5E5E5;
  }
  #event .event .content ul li a, #event .seminer .content ul li a {
    display: flex;
    align-items: center;
    padding: 35px 0;
  }
  #event .event .content ul li a:hover, #event .seminer .content ul li a:hover {
    opacity: 0.8;
    text-decoration: none;
  }
  #event .event .content ul li a .date, #event .seminer .content ul li a .date {
    color: #C33568;
    font-size: 14px;
    width: 160px;
  }
  #event .event .content ul li a .label1, #event .seminer .content ul li a .label1 {
    background-color: #F4F2F2;
    box-sizing: border-box;
    color: #666;
    font-size: 11px;
    line-height: 1.5;
    text-align: center;
    padding: 5px;
    width: 110px;
  }
  #event .event .content ul li a .text, #event .seminer .content ul li a .text {
    font-size: 16px;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
    font-weight: bold;
    line-height: 1.5;
    margin-left: 15px;
    flex: 1;
    min-width: 0;
    max-width: 640px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #event .seminer .content ul li a .text {
    max-width: calc(640px - 2em);
  }
  #event .event .content ul li a .label2, #event .seminer .content ul li a .label2 {
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1.4;
    margin-left: auto;
    padding: 5px 10px;
    max-width: 100px;
  }
  #event .event .content ul li a .label2.blue, #event .seminer .content ul li a .label2.blue {
    border-color: #4E74EB;
    color: #4E74EB;
  }
  #event .event .content ul li a .label2.red, #event .seminer .content ul li a .label2.red {
    border-color: #E06B8C;
    color: #E06B8C;
  }
  #event .event .content ul li a .label2.red2, #event .seminer .content ul li a .label2.red2 {
    border-color: #FF0000;
    color: #FF0000;
  }
  #event .event .content ul li a .label2.gray, #event .seminer .content ul li a .label2.gray {
    border-color: #666;
    color: #666;
  }
  #event .event .content .btn, #event .seminer .content .btn {
    margin-top: 35px;
    text-align: center;
  }
  #event .event .content .btn a, #event .seminer .content .btn a {
    display: inline-block;
  }
  #event .event {
    background: url(../images/top/event_img1.png) top 30px left no-repeat;
    padding-top: 75px;
  }
  #event .seminer {
    margin-top: 60px;
  }

  #other {
    position: relative;
  }
  #other:before {
    background: url(../images/top/other_img1.png) top left calc(50% + 480px) no-repeat;
    content: '';
    display: block;
    position: absolute;
    top: -40px;
    left: 0;
    height: 197px;
    width: 100%;
  }
  #other .inner {
    margin: 0 auto;
    padding: 100px 0 70px;
    width: 1000px;
  }
  #other .inner .overview:after {
    content: '';
    clear: both;
    display: block;
  }
  #other .inner .overview .map {
    background-color: gray;
    float: left;
    height: 560px;
    width: 450px;
  }
  #other .inner .overview .yoyogi, #other .inner .overview .osaka {
    width: 500px;
  }
  #other .inner .overview .yoyogi h3, #other .inner .overview .osaka h3 {
    font-size: 18px;
    font-weight: bold;
  }
  #other .inner .overview .yoyogi p, #other .inner .overview .osaka p {
    font-size: 15px;
    line-height: 1.6;
    margin-top: 25px;
  }
  #other .inner .overview .yoyogi table, #other .inner .overview .osaka table {
    margin-top: 25px;
  }
  #other .inner .overview .yoyogi table tr, #other .inner .overview .osaka table tr {
    background: linear-gradient(to right, #666666 25%, transparent 0%) top left/4px 1px repeat-x;
  }
  #other .inner .overview .yoyogi table tr th, #other .inner .overview .osaka table tr th {
    background: linear-gradient(to right, #666666 25%, transparent 0%) top left/4px 1px repeat-x #F3F2F2;
  }
  #other .inner .overview .yoyogi table tr:last-of-type, #other .inner .overview .osaka table tr:last-of-type {
    background: linear-gradient(to right, #666666 25%, transparent 0%) top left/4px 1px repeat-x, linear-gradient(to right, #666666 25%, transparent 0%) bottom left/4px 1px repeat-x;
  }
  #other .inner .overview .yoyogi table tr:last-of-type th, #other .inner .overview .osaka table tr:last-of-type th {
    background: linear-gradient(to right, #666666 25%, transparent 0%) top left/4px 1px repeat-x, linear-gradient(to right, #666666 25%, transparent 0%) bottom left/4px 1px repeat-x #F3F2F2;
  }
  #other .inner .overview .yoyogi table tr th, #other .inner .overview .yoyogi table tr td {
    font-size: 15px;
    line-height: 1.6;
  }
  #other .inner .overview .osaka table tr th, #other .inner .overview .osaka table tr td {
    font-size: 15px;
    line-height: 1.6;
  }
  #other .inner .overview .yoyogi table tr th, #other .inner .overview .osaka table tr th {
    font-weight: bold;
    padding: 12px 9px;
  }
  #other .inner .overview .yoyogi table tr td, #other .inner .overview .osaka table tr td {
    padding: 12px 0 12px 12px;
  }
  #other .inner .overview .yoyogi table tr a, #other .inner .overview .osaka table tr a {
    text-decoration: underline;
  }
  #other .inner .overview .yoyogi table tr a:hover, #other .inner .overview .osaka table tr a:hover {
    text-decoration: none;
  }
  #other .inner .overview .yoyogi {
    margin-top: 10px;
    float: right;
  }
  #other .inner .overview .yoyogi a {
    text-decoration: underline;
  }
  #other .inner .overview .yoyogi a:hover {
    text-decoration: none;
  }
  #other .inner .overview .osaka {
    margin-top: 40px;
    float: right;
  }
  #other .inner .overview .btn {
    margin-top: 40px;
    float: right;
    width: 500px;
  }
  #other .inner .overview .btn a {
    display: inline-block;
  }
  #other .inner .links {
    border-top: 1px solid #D1D1D1;
    margin-top: 50px;
    padding-top: 50px;
  }
  #other .inner .links ul {
    display: flex;
    justify-content: space-between;
  }
  #other .inner .links ul li {
    border: 1px solid #D1D1D1;
    width: 320px;
  }
  #other .inner .links ul li a {
    display: flex;
    align-items: center;
    padding: 5px;
  }
  #other .inner .links ul li a:hover {
    text-decoration: none;
    opacity: 0.8;
  }
  #other .inner .links ul li a:hover img {
    opacity: 1;
  }
  #other .inner .links ul li .texts {
    flex: 1;
    text-align: center;
  }
  #other .inner .links ul li .texts h4 {
    font-size: 15px;
    font-weight: bold;
  }
  #other .inner .links ul li .texts p {
    color: #999;
    font-size: 12px;
    letter-spacing: 2px;
    margin-top: 15px;
  }
  #other .inner .book {
    display: flex;
    align-items: center;
    margin-top: 60px;
  }
  #other .inner .book .col1 {
    margin-left: 15px;
  }
  #other .inner .book .col2 {
    background: url(../images/top/book_border1.png) top right no-repeat, url(../images/top/book_border2.png) bottom right no-repeat;
    display: flex;
    align-items: center;
    flex: 1;
    margin-left: 15px;
    padding: 30px 7px 20px;
    position: relative;
  }
  #other .inner .book .col2 .label {
    background: url(../images/top/blog_list_title_bg.png) center left/contain no-repeat;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding: 8px 0;
    position: absolute;
    top: -12px;
    left: -10px;
    width: 160px;
  }
  #other .inner .book .col2 .text h4 {
    color: #C33366;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
  }
  #other .inner .book .col2 .text .desc {
    color: #000;
    font-size: 14px;
    line-height: 1.6;
    margin-top: 20px;
  }
  #other .inner .book .col2 .btn {
    margin-left: auto;
  }
  #other .inner .book .col2 .btn a {
    display: block;
  }
}
/* Smartphones (portrait and landscape) */
@media screen and (max-width: 700px) {
  .br2_sp {
    display: none;
  }

  /* line 888, ../sass/top.scss */
  #kv .bullet {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
  }
  #kv .bullet img {
    width: 80px;
  }

  #about {
    background: url(../images/sp/top/about_bg.jpg) top center/cover;
    padding: 25px 0 27%;
  }
  #about .content {
    margin-top: 17px;
  }
  #about .content .desc {
    font-size: 15px;
    line-height: 1.8;
    text-align: center;
  }
  #about .content .desc:nth-child(n + 2) {
    margin-top: 10px;
  }
  #about .content .note {
    font-size: 13px;
    text-align: center;
    margin-top: 17px;
  }
  #about .content .btn {
    margin-top: 20px;
    text-align: center;
  }
  #about .content .btn a {
    display: inline-block;
    width: 220px;
  }
  #about .content .btn a img {
    width: 100%;
    height: auto;
  }

  .top_onl {
    margin-left: 0 !important;
  }

  #profile {
    background: url(../images/sp/top/profile_top.png) top center/100% no-repeat;
    margin-top: -27%;
    padding-top: 19%;
    padding-bottom: 75px;
  }
  #profile .content {
    background: url(../images/sp/top/profile_bg.png) center/100% no-repeat;
    margin-top: 23px;
  }
  #profile .content .desc {
    font-size: 12px;
    line-height: 1.4;
    text-align: center;
  }
  #profile .content .desc span {
    font-size: 10px;
  }
  #profile .content > p.desc:first-of-type {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 16px;
  }
  #profile .content > p.desc:first-of-type span {
    font-size: 13px;
  }
  #profile .content ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-top: 35px;
  }
  #profile .content ul li {
    width: 42%;
  }
  #profile .content ul li:nth-of-type(n + 3) {
    margin-top: 8%;
  }
  #profile .content ul li a {
    display: block;
    text-align: center;
  }
  #profile .content ul li .image {
    margin: 0 auto -8%;
    width: 60%;
  }
  #profile .content ul li h3 {
    background: url(../images/top/profile_name_bg.jpg) center center/cover no-repeat;
    box-sizing: border-box;
    display: inline-block;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    padding: 4px 10px;
    position: relative;
    min-width: 60%;
  }
  #profile .content ul li p {
    font-size: 10px;
    line-height: 1.6;
    text-align: center;
    margin-top: 8%;
  }
  #profile .content ul li p strong {
    font-weight: bold;
  }
  #profile .content ul li .osaka {
    border: 1px solid #333;
    font-size: 10px;
    line-height: 1;
    display: inline-block;
    padding: 3px 8px;
    margin: 10px auto 0;
  }

  .belongs {
    border: 1px solid #333;
    font-size: 10px;
    line-height: 1;
    display: inline-block;
    padding: 3px 8px;
    margin: 10px auto 0;
  }

  #profile .content .btn {
    margin-top: 20px;
    text-align: center;
  }
  #profile .content .btn a {
    display: inline-block;
    width: 250px;
  }

  .list_btn {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    clear: both;
  }
  .list_btn li:last-child {
    display: block;
    margin-top: -2em !important;
  }

  #blog {
    background: url(../images/sp/top/blog_bg.png) top center/cover;
    padding: 15px 0 30px;
  }
  #blog .content {
    margin-top: 15px;
  }
  #blog .content .blog_list {
    background-image: linear-gradient(-45deg, transparent 4%, #ffffff 4%, #ffffff 96%, transparent 96%);
    margin: 0 auto;
    padding: 15px 5% 23px;
    width: 90%;
  }
  #blog .content .blog_list h3 {
    background: url(../images/top/blog_list_title_bg.png) center/auto 100% no-repeat;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    padding: 4px 0;
  }
  #blog .content .blog_list .list {
    margin-top: 10px;
  }
  #blog .content .blog_list .list .item {
    border-bottom: 2px dotted #E5E5E5;
  }
  #blog .content .blog_list .list .item a {
    display: block;
    padding: 8px 0;
  }
  #blog .content .blog_list .list .item a:hover {
    opacity: 0.8;
    text-decoration: none;
  }
  #blog .content .blog_list .list .item a:hover img {
    opacity: 1;
  }
  #blog .content .blog_list .list .item .date {
    color: #666;
    font-size: 13px;
  }
  #blog .content .blog_list .list .item .date .new {
    margin-left: 8px;
    vertical-align: baseline;
    width: 25px;
  }
  #blog .content .blog_list .list .item .labels {
    display: flex;
    margin-top: 5px;
  }
  #blog .content .blog_list .list .item .labels li {
    font-size: 10px;
    padding: 3px;
  }
  #blog .content .blog_list .list .item .labels li:nth-of-type(n + 2) {
    margin-left: 5px;
  }
  #blog .content .blog_list .list .item .labels .person {
    background: url(../images/top/blog_label_person.jpg) center/cover;
  }
  #blog .content .blog_list .list .item .labels .category {
    background-color: #F4F2F2;
  }
  #blog .content .blog_list .list .item h4 {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 5px;
  }
  #blog .content .blog_list .btn {
    margin-top: 20px;
    text-align: center;
  }
  #blog .content .blog_list .btn a {
    display: inline-block;
    width: 135px;
  }
  #blog .content .search {
    margin: 35px auto 0;
    width: 90%;
  }
  #blog .content .search .person, #blog .content .search .category {
    text-align: center;
  }
  #blog .content .search .person h3, #blog .content .search .category h3 {
    background: url(../images/top/icon_search.png) center left/18px no-repeat;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5;
    padding-left: 24px;
  }
  #blog .content .search .person .select_wrapper, #blog .content .search .category .select_wrapper {
    background: url(../images/top/blog_border.png) top left repeat-x;
    margin-top: 5px;
    padding-top: 15px;
  }
  #blog .content .search .person .select_wrapper select {
    background: url(../images/sp/common/select.png) center right 3px/28px no-repeat #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    font-size: 15px;
    height: 40px;
    width: 280px;
  }
  #blog .content .search .category {
    margin-top: 30px;
  }
  #blog .content .search .category .select_wrapper select {
    background: url(../images/sp/common/select.png) center right 3px/28px no-repeat #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    font-size: 15px;
    height: 40px;
    width: 280px;
  }
  #blog .content .mailmag {
    background: url(../images/sp/top/mailmag_border1.png) top center/100% no-repeat, url(../images/sp/top/mailmag_border2.png) bottom center/100% no-repeat;
    margin: 30px auto 0;
    padding: 13% 0 8%;
    width: 90%;
  }
  #blog .content .mailmag .caption {
    font-size: 13px;
    font-weight: bold;
    text-align: center;
  }
  #blog .content .mailmag h3 {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
    margin-top: 10px;
  }
  #blog .content .mailmag h3 strong {
    background: url(../images/top/mailmag_underline.png) top 10px left no-repeat;
    font-weight: bold;
  }
  #blog .content .mailmag .desc {
    font-size: 15px;
    line-height: 1.6;
    margin-top: 25px;
  }
  #blog .content .mailmag .btns {
    margin-top: 25px;
  }

  .btnW {
    margin-top: 25px;
  }

  /* line 1191, ../sass/top.scss */
  #blog .content .mailmag .btns .register, .btnW .register {
    display: block;
    margin: 0 auto;
    width: 250px;
  }

  /* line 1197, ../sass/top.scss */
  #blog .content .mailmag .btns .old {
    display: block;
    margin: 20px auto 0;
    width: 180px;
  }
  #blog .content .mailmag .btns .old img {
    width: 100%;
    height: auto;
  }

  .btnW .old {
    display: block;
    margin: 20px auto 0;
    width: 250px;
  }

  /* line 1205, ../sass/top.scss */
  #blog .content .sns {
    margin-top: 15px;
  }
  #blog .content .sns p {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.4;
    text-align: center;
  }
  #blog .content .sns .btns {
    margin-top: 15px;
    text-align: center;
  }
  #blog .content .sns .btns a {
    display: inline-block;
    width: 100px;
  }
  #blog .content .sns .btns a:nth-of-type(n + 2) {
    margin-left: 10px;
  }

  #event {
    background: url(../images/sp/top/event_bg.jpg) center/cover;
    padding: 30px 0 50px;
    position: relative;
  }
  #event:before {
    background: url(../images/sp/top/event_img1.png) top center/100% no-repeat;
    content: '';
    display: block;
    padding-bottom: 30%;
    position: absolute;
    top: -2.5%;
    width: 100%;
  }
  #event .content {
    background-color: #fff;
    margin: 15px auto 0;
    padding: 12px 5% 21px;
    width: 90%;
  }
  #event .content ul li {
    border-bottom: 2px dotted #E5E5E5;
  }
  #event .content ul li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 12px 0;
  }
  #event .content ul li a:hover {
    opacity: 0.8;
    text-decoration: none;
  }
  #event .content ul li a .date {
    color: #C33568;
    font-size: 13px;
    order: 1;
    margin-bottom: 5px;
    width: 100px;
  }
  #event .content ul li a .label1 {
    background-color: #F4F2F2;
    box-sizing: border-box;
    color: #666;
    font-size: 10px;
    line-height: 1.5;
    text-align: center;
    margin: 0 5px;
    margin-bottom: 5px;
    padding: 2px 5px;
    order: 2;
    width: 100px;
  }
  #event .content ul li a .text {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5;
    width: 100%;
    order: 4;
  }
  #event .content ul li a .label2 {
    border-width: 1px;
    border-style: solid;
    box-sizing: border-box;
    font-size: 10px;
    line-height: 1.4;
    margin-bottom: 5px;
    order: 3;
    padding: 2px 5px;
  }
  #event .content ul li a .label2.blue {
    border-color: #4E74EB;
    color: #4E74EB;
  }
  #event .content ul li a .label2.red {
    border-color: #E06B8C;
    color: #E06B8C;
  }
  #event .content ul li a .label2.red2 {
    border-color: #FF0000;
    color: #FF0000;
  }
  #event .content ul li a .label2.gray {
    border-color: #666;
    color: #666;
  }
  #event .content .btn {
    margin-top: 20px;
    text-align: center;
  }
  #event .content .btn a {
    display: inline-block;
    width: 180px;
  }
  #event .content .btn a img {
    width: 100%;
    height: auto;
  }
  #event .seminer {
    margin-top: 30px;
  }

  #other {
    padding-bottom: 35px;
    position: relative;
  }
  #other:before {
    background: url(../images/sp/top/other_img1.png) top center/100% no-repeat;
    content: '';
    display: block;
    padding-bottom: 30%;
    position: absolute;
    top: -2.5%;
    width: 100%;
  }
  #other .overview .yoyogi, #other .overview .osaka {
    margin: 0 auto;
    width: 90%;
  }
  #other .overview .yoyogi h3, #other .overview .osaka h3 {
    font-size: 15px;
    font-weight: bold;
  }
  #other .overview .yoyogi p, #other .overview .osaka p {
    font-size: 15px;
    line-height: 1.6;
    margin-top: 12px;
  }
  #other .overview .yoyogi table, #other .overview .osaka table {
    margin-top: 12px;
  }
  #other .overview .yoyogi table tr, #other .overview .osaka table tr {
    background: linear-gradient(to right, #666666 25%, transparent 0%) top left/4px 1px repeat-x;
  }
  #other .overview .yoyogi table tr th, #other .overview .osaka table tr th {
    background: linear-gradient(to right, #666666 25%, transparent 0%) top left/4px 1px repeat-x #F3F2F2;
  }
  #other .overview .yoyogi table tr:last-of-type, #other .overview .osaka table tr:last-of-type {
    background: linear-gradient(to right, #666666 25%, transparent 0%) top left/4px 1px repeat-x, linear-gradient(to right, #666666 25%, transparent 0%) bottom left/4px 1px repeat-x;
  }
  #other .overview .yoyogi table tr:last-of-type th, #other .overview .osaka table tr:last-of-type th {
    background: linear-gradient(to right, #666666 25%, transparent 0%) top left/4px 1px repeat-x, linear-gradient(to right, #666666 25%, transparent 0%) bottom left/4px 1px repeat-x #F3F2F2;
  }
  #other .overview .yoyogi table tr th, #other .overview .yoyogi table tr td {
    font-size: 15px;
    line-height: 1.6;
  }
  #other .overview .osaka table tr th, #other .overview .osaka table tr td {
    font-size: 15px;
    line-height: 1.6;
  }
  #other .overview .yoyogi table tr th, #other .overview .osaka table tr th {
    font-weight: bold;
    padding: 10px 8px;
    min-width: 4.5em;
    white-space: nowrap;
  }
  #other .overview .yoyogi table tr td, #other .overview .osaka table tr td {
    padding: 10px 8px;
  }
  #other .overview .yoyogi table tr a, #other .overview .osaka table tr a {
    text-decoration: underline;
  }
  #other .overview .yoyogi table tr a:hover, #other .overview .osaka table tr a:hover {
    text-decoration: none;
  }
  #other .overview .yoyogi {
    padding: 35px 0 23px;
  }
  #other .inner .overview .yoyogi a {
    text-decoration: underline;
  }
  #other .inner .overview .yoyogi a:hover {
    text-decoration: none;
  }
  #other .overview .map {
    background-color: gray;
    height: 250px;
    width: 100%;
  }
  #other .overview .osaka {
    margin-top: 20px;
  }
  #other .overview .btn {
    margin: 12px auto 0;
    width: 90%;
  }
  #other .overview .btn a {
    display: inline-block;
    width: 200px;
  }
  #other .overview .btn a img {
    width: 100%;
    height: auto;
  }
  #other .links {
    border-top: 2px solid #D1D1D1;
    margin: 25px auto 0;
    padding-top: 50px;
    width: 90%;
  }
  #other .links ul {
    display: flex;
    justify-content: space-between;
  }
  #other .links ul li {
    border: 1px solid #D1D1D1;
    width: 30%;
  }
  #other .links ul li a {
    display: block;
    padding: 5px;
  }
  #other .links ul li a:hover {
    text-decoration: none;
    opacity: 0.8;
  }
  #other .links ul li a:hover img {
    opacity: 1;
  }
  #other .links ul li .texts {
    text-align: center;
  }
  #other .links ul li .texts h4 {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
    margin-top: 10px;
  }
  #other .links ul li .texts p {
    color: #999;
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 8px;
  }
  #other .book {
    display: flex;
    align-items: center;
    margin: 30px auto 0;
    width: 90%;
  }
  #other .book .col1 {
    width: 30%;
  }
  #other .book .col1 .btn {
    margin-top: 7px;
    text-align: center;
  }
  #other .book .col1 .btn a {
    display: inline-block;
    width: 78px;
  }
  #other .book .col1 .btn a img {
    width: 100%;
    height: auto;
  }
  #other .book .col2 {
    background: url(../images/top/book_border1.png) top right no-repeat, url(../images/top/book_border2.png) bottom right no-repeat;
    padding: 20px 5px 15px;
    position: relative;
    width: 70%;
  }
  #other .book .col2 .label {
    background: url(../images/top/blog_list_title_bg.png) center left/contain no-repeat;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
    position: absolute;
    top: -8px;
    left: -5px;
    width: 100px;
  }
  #other .book .col2 .text h4 {
    color: #C33366;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4;
  }
  #other .book .col2 .text .desc {
    color: #000;
    font-size: 15px;
    line-height: 1.6;
    margin-top: 20px;
  }
}