@charset "UTF-8";
/*
Theme Name: 拓殖大学北海道短期大学
Theme URI: http://www.takushoku-hc.ac.jp/
Author: the Suda Print team
Author URI: http://www.suda.co.jp/
Description: 拓殖大学北海道短期大学のテーマ 2019.10
Version: 2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: school, university, red, orange
Text Domain: takushoku

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
.fs {
  height: 100vh; }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic",Osaka,sans-serif;
  line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

p {
  line-height: 1.5em; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: #666; }
a :hover {
  color: black; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

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

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

.clearfix {
  width: 100%; }
.clearfix:after {
  content: "";
  display: block;
  clear: both; }

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

.mt20 {
  margin-top: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt50 {
  margin-top: 50px !important; }

.mt60 {
  margin-top: 60px !important; }

.mb0 {
  margin-bottom: 0 !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.ml150 {
  margin-left: 150px !important; }

/*----------------------------------------------------------------------------
 ***                                                                   img
----------------------------------------------------------------------------*/
.alignleft, img.alignleft {
  display: inline;
  float: left;
  margin-right: 10px; }

.alignright, img.alignright {
  display: inline;
  float: right;
  margin-left: 10px; }

.aligncenter, img.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

/*----------------------------------------------------------------------------
 ***                                                                   table
----------------------------------------------------------------------------*/
table {
  border-collapse: collapse;
  border: 1px solid #CCCCCC; }

td {
  border: 1px solid #CCCCCC;
  padding: 16px;
  background-color: rgba(255, 255, 255, 0.3); }

th {
  border: 1px solid #CCCCCC;
  padding: 16px;
  background-color: rgba(255, 233, 222, 0.3);
  font-weight: bold; }

/*----------------------------------------------------------------------------
 ***                                                               Main Article
----------------------------------------------------------------------------*/
.introbox {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 5%;
  box-sizing: border-box; }
.introbox h2 {
  font-size: 1.8em;
  font-weight: normal;
  margin: 0 0 1.5em 0;
  padding: 0; }

/* Site logo */
.site-logo {
  width: 30%;
  max-width: 370px;
  height: auto;
  margin: 18px 0 0 0;
  padding: 0;
  float: left; }
.site-logo img {
  width: 100%;
  height: auto; }

body.home h3.widget-title {
  display: none; }

input#yourname, input#formername, input#furigana, input#gakka, input#course, input#email, input#email2, input#address1, input#address2 {
  width: 50%;
  max-width: 320px;
  height: auto; }
input#year, input#month {
  width: 20%;
  max-width: 60px;
  height: auto; }
input.comfirmsend {
  width: 50%;
  max-width: 320px;
  height: auto;
  padding: 10px;
  margin: 10px 0;
  border: 1px #ccc solid;
  border-radius: 6px;
  background-color: #e0e5d3; }
input.backbtn {
  width: 50%;
  max-width: 320px;
  height: auto;
  padding: 10px;
  margin: 10px 0;
  border: 1px #ccc solid;
  border-radius: 6px;
  background-color: #f29b9b; }

.btn {
  border: 1px #ccc solid;
  background-color: orange;
  padding: 0.5rem !important;
  width: 50%;
  border-radius: 6px;
  text-align: center;
  font-size: 1rem !important; }
.btn:hover {
  background-color: darkorange; }
.btn a {
  display: block;
  color: #fff;
  text-decoration: none; }

#musicalmov {
  text-align: center; }

.sub-title {
  display: none; }

#mouse-ico {
  display: none;
  width: 80px;
  height: 80px;
  position: absolute;
  top: -90px;
  opacity: 0;
  z-index: 400;
  left: calc(50vw - 40px); }
#mouse-ico img {
  width: 100%;
  height: auto; }

img#menuoff {
  display: block; }

img#menuon {
  display: none; }

.menu-collapser {
  height: 1px; }

.collapse-button {
  top: -30px;
  right: 10px;
  color: black;
  background-color: #e54800;
  width: 48px;
  height: 48px;
  border-radius: 0px;
  padding: 7px 9px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .collapse-button {
    top: -27px; } }
.collapse-button:hover {
  background-color: #e54800; }
.collapse-button:after {
  content: "";
  font-family: "Ionicons";
  font-size: 2.8rem;
  padding: 0;
  float: left;
  position: relative;
  top: 0px;
  right: 10px; }
.collapse-button #Gmenu {
  width: 30px;
  height: 36px;
  float: left;
  margin-top: 3px;
  margin-left: 0px;
  margin-right: 0px;
  position: relative; }
.collapse-button #Gmenu .btnline {
  width: 30px;
  height: 3px;
  margin: 0;
  margin-bottom: 4px;
  background-color: white; }
.collapse-button #Gmenu .btnline.bottom {
  margin-bottom: 0; }
.collapse-button #Gmenu .btnline.top {
  position: absolute;
  transform: rotate(0deg);
  top: 0;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: ease-in-out; }
.collapse-button #Gmenu .btnline.center {
  position: absolute;
  top: 10px;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: ease-in-out; }
.collapse-button #Gmenu .btnline.bottom {
  position: absolute;
  transform: rotate(0deg);
  bottom: 13px;
  transition-property: all;
  transition-duration: .5s;
  transition-timing-function: ease-in-out; }
.collapse-button #Gmenu .menu-name {
  color: white;
  font-size: 10px;
  width: 30px;
  height: 10px;
  position: absolute;
  bottom: 0;
  line-height: 10px; }
.collapse-button #Gmenu.open .btnline.center {
  background-color: transparent; }
.collapse-button #Gmenu.open .btnline.top {
  transform: rotate(45deg);
  position: absolute;
  top: 10px; }
.collapse-button #Gmenu.open .btnline.bottom {
  transform: rotate(-45deg);
  position: absolute;
  bottom: 22px; }

#index-slider {
  position: fixed;
  z-index: -1; }

.foot-cover {
  display: none;
  width: 100%;
  min-height: 105px;
  height: auto;
  background-color: rgba(255, 255, 255, 0.7); }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .foot-cover {
    min-height: 0; } }
.foot-cover.active {
  display: block;
  min-height: 65px; }

.msp-btn {
  position: absolute;
  z-index: 100;
  top: -200px;
  left: 50px;
  background: url(images/dot-square-box-45geg-small.png), linear-gradient(-135deg, gray, darkgray);
  background-size: 50%, 100%;
  background-position: 235px 40px, 0;
  background-repeat: no-repeat;
  width: auto;
  height: auto;
  padding: 1rem;
  border: 2px white solid;
  border-radius: 6px;
  box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.3);
  font-size: 1.4rem;
  color: white; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .msp-btn {
    top: 52vh;
    left: 3vw;
    width: 94vw;
    font-size: 1rem;
    box-sizing: border-box;
    padding: .5rem; }
  .msp-btn .pc {
    display: none; } }
.msp-btn span.update {
  position: relative;
  display: block;
  font-size: 1rem;
  margin-top: .3rem; }
.msp-btn span.update span.page-arrow {
  position: absolute;
  top: -25px;
  right: 40px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .msp-btn span.update span.page-arrow {
    top: 0;
    right: 0; } }

.hide {
  display: none; }

#home-part00 {
  position: relative;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0 auto; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part00 {
    width: 100%; } }
#home-part00 h2 img {
  width: 150px;
  height: auto; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part00 h2 img {
    width: 110px;
    display: block;
    margin-left: calc((100vw - 110px)/2); } }
#home-part00 .home-part-inner {
  position: absolute;
  top: -80px;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0 auto;
  z-index: 200; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part00 .home-part-inner {
    position: relative;
    top: initial;
    width: 100%;
    height: auto;
    margin: 0 auto; } }
#home-part00 .home-part-inner .news-frame {
  width: 85%;
  max-width: 800px;
  margin: 0 0 0 auto; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part00 .home-part-inner .news-frame {
    width: 100%;
    margin: 0; } }
#home-part00 .home-part-inner .news-frame .contentbox ul {
  list-style: none;
  margin-left: 40px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part00 .home-part-inner .news-frame .contentbox ul {
    margin-left: 0; } }
#home-part00 .home-part-inner .news-frame .contentbox ul li {
  float: left;
  width: 27%;
  max-width: 200px;
  height: 230px;
  margin: 0 10px;
  background-color: white;
  position: relative; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part00 .home-part-inner .news-frame .contentbox ul li {
    width: 90%;
    height: auto;
    margin: 0 auto 10px;
    float: none;
    position: relative;
    max-width: initial; } }
#home-part00 .home-part-inner .news-frame .contentbox ul li span.topics-img {
  display: block; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part00 .home-part-inner .news-frame .contentbox ul li span.topics-img {
    display: block;
    width: 45%;
    height: auto;
    float: left;
    margin-right: 10px; } }
#home-part00 .home-part-inner .news-frame .contentbox ul li span.topics-img img {
  display: block;
  width: 90%;
  height: auto;
  margin: 10px 5%;
  border: 1px lightgray solid;
  box-sizing: border-box; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part00 .home-part-inner .news-frame .contentbox ul li span.topics-img img {
    width: 100%;
    height: auto;
    margin: 0; } }
#home-part00 .home-part-inner .news-frame .contentbox ul li span.news-date {
  position: absolute;
  background-color: #e54800;
  color: white;
  padding: 5px;
  font-size: 10px;
  border-radius: 10px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  top: 10px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part00 .home-part-inner .news-frame .contentbox ul li span.news-date {
    position: absolute;
    height: auto;
    margin: 0;
    display: block;
    left: 40vw;
    top: 0; } }
#home-part00 .home-part-inner .news-frame .contentbox ul li span.news-category {
  display: block;
  position: absolute;
  left: 0;
  bottom: 90px;
  font-size: .65rem;
  padding: .2rem; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part00 .home-part-inner .news-frame .contentbox ul li span.news-category {
    left: 43vw;
    bottom: auto;
    top: 22px; } }
#home-part00 .home-part-inner .news-frame .contentbox ul li span.news-title {
  width: 90%;
  display: block;
  margin: 0 auto;
  line-height: 1.3; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part00 .home-part-inner .news-frame .contentbox ul li span.news-title {
    width: 50%;
    height: auto;
    margin: 0;
    display: block;
    float: left;
    margin-top: 45px; } }
#home-part00 .home-part-inner .news-frame a {
  text-decoration: none; }

#home-part0 {
  background-color: #e54800; }
#home-part0 .home-part-inner {
  position: relative;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0 auto; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part0 .home-part-inner {
    width: 100%;
    height: auto;
    margin: 0; } }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part0 .home-part-inner h2 {
    margin-left: 10vw; } }
#home-part0 .home-part-inner h2 img {
  width: 150px;
  height: auto; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part0 .home-part-inner h2 img {
    width: 120px; } }
#home-part0 .home-part-inner a {
  display: block;
  color: black; }
#home-part0 .home-part-inner .see-all-list {
  position: absolute;
  background-image: none;
  width: 170px;
  height: 46px;
  margin: 0;
  padding: 0;
  float: none;
  z-index: 100;
  top: 70px;
  text-align: center;
  border: 1px black solid;
  border-radius: 23px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part0 .home-part-inner .see-all-list {
    width: 150px;
    height: 32px;
    margin: 0;
    padding: 0;
    float: none;
    z-index: 100;
    top: 14px;
    right: 20px;
    text-align: center;
    border: 1px black solid;
    border-radius: 16px; } }
#home-part0 .home-part-inner .see-all-list .text {
  position: absolute;
  top: 17px;
  left: 50px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part0 .home-part-inner .see-all-list .text {
    top: 10px;
    left: 20px; } }
#home-part0 .home-part-inner .see-all-list .arrow {
  display: inline-block;
  position: absolute;
  top: 11px;
  right: 10px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part0 .home-part-inner .see-all-list .arrow {
    top: 6px;
    right: 5px; } }
#home-part0 .home-part-inner .see-all-list img {
  width: 100%;
  height: auto; }
#home-part0 .home-part-inner .news-frame {
  width: 810px;
  margin-left: 180px;
  margin-top: 10px;
  padding-bottom: 30px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part0 .home-part-inner .news-frame {
    width: 90vw;
    margin-left: 5vw;
    margin-top: 0; } }
@media only screen and (min-width: 980px) {
  #home-part0 .home-part-inner .news-frame {
    margin-left: 210px; } }
#home-part0 .home-part-inner .news-frame a {
  color: black;
  text-decoration: none; }
#home-part0 .home-part-inner .news-frame .contentbox ul {
  list-style: none; }
#home-part0 .home-part-inner .news-frame .contentbox ul li {
  line-height: 1.5;
  margin-bottom: .85rem; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part0 .home-part-inner .news-frame .contentbox ul li {
    border-top: 1px black solid;
    padding: .5rem 0; } }
@media only screen and (min-width: 980px) {
  #home-part0 .home-part-inner .news-frame .contentbox ul li {
    line-height: 2; } }
#home-part0 .home-part-inner .news-frame .contentbox ul li span.news-category {
  display: inline-block;
  font-size: 12px;
  width: 110px;
  height: 17;
  padding: 0;
  text-align: center;
  box-sizing: border-box;
  margin: 0 10px;
  line-height: 1.1;
  vertical-align: text-top; }
#home-part0 .home-part-inner .news-frame .contentbox ul li span.news-title {
  display: block; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part0 .home-part-inner .news-frame .contentbox ul li span.news-title {
    display: block;
    line-height: 1.5; } }
@media only screen and (min-width: 980px) {
  #home-part0 .home-part-inner .news-frame .contentbox ul li span.news-title {
    display: inline-block; } }

span.news {
  color: #fff;
  background-color: #e29808; }

span.news-events {
  color: #fff;
  background-color: #06b9fd; }

span.news-entrance-exam {
  color: #fff;
  background-color: #08cbc4; }

span.news-college {
  color: #fff;
  background-color: #77a5b5; }

span.news-student {
  color: #fff;
  background-color: #94905B; }

span.news-kankyo-arg {
  color: #fff;
  background-color: #58b530; }

span.news-local-biz {
  color: #fff;
  background-color: #0889cf; }

span.news-nursery {
  color: #fff;
  background-color: #e73268; }

span.news-jobas {
  color: #fff;
  background-color: #e54800; }

span.news-public {
  color: #fff;
  background-color: #bf8c60; }

span.news-oversea {
  color: #fff;
  background-color: #0638C5; }

span.news-hakuhozeki {
  color: #fff;
  background-color: #DABB00; }

#home-part0aa .home-part-inner {
  width: 100%;
  max-width: 417px;
  height: auto;
  margin: 30px auto; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part0aa .home-part-inner {
    margin: 1rem 0; } }
#home-part0aa .home-part-inner img {
  width: 100%;
  height: auto; }

#home-part0a .home-part-inner {
  max-width: 1280px;
  margin: 30px auto; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part0a .home-part-inner {
    margin: 0; } }
#home-part0a .home-part-inner .box-frame #top-banner-frame {
  display: flex; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part0a .home-part-inner .box-frame #top-banner-frame {
    flex-wrap: wrap;
    padding-bottom: 1rem; } }
#home-part0a .home-part-inner .box-frame #top-banner-frame .widget img {
  width: 100%;
  height: auto; }
#home-part0a .home-part-inner .box-frame #top-banner-frame aside.widget {
  margin: 0 5px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part0a .home-part-inner .box-frame #top-banner-frame aside.widget {
    margin: 0;
    float: left;
    width: 100vw;
    height: auto;
    margin: .3rem 0; } }

#home-part1 .home-part-inner {
  width: 98%;
  max-width: 960px;
  margin: 30px auto; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part1 .home-part-inner {
    margin: 0;
    width: 100%; } }
#home-part1 .home-part-inner .box-frame .box {
  display: flex; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part1 .home-part-inner .box-frame .box {
    display: block; } }
#home-part1 .home-part-inner .box-frame .box a {
  margin-right: 20px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part1 .home-part-inner .box-frame .box a {
    margin: 0;
    float: left;
    width: 50vw;
    height: auto; } }
#home-part1 .home-part-inner .box-frame .box a:last-child {
  margin-right: 0; }
#home-part1 .home-part-inner .box-frame .box .box-item {
  opacity: 0;
  overflow: hidden; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part1 .home-part-inner .box-frame .box .box-item {
    line-height: 0; } }
#home-part1 .home-part-inner .box-frame .box .box-item .headbox {
  display: none; }
#home-part1 .home-part-inner .box-frame .box .box-item img {
  width: 100%;
  height: auto;
  transform: scale(1);
  -webkit-transform: scale(1);
  transition: all .5s ease;
  -webkit-transition: all .5s ease; }
#home-part1 .home-part-inner .box-frame .box .box-item:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1); }

#home-part2 {
  margin-top: 60px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part2 {
    margin-top: 0; } }
#home-part2 .home-part-inner {
  position: relative;
  width: 98%;
  max-width: 960px;
  margin: 30px auto; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part2 .home-part-inner {
    width: 100%;
    margin: 15px 0; } }
#home-part2 .home-part-inner h2.title-head {
  margin-bottom: 30px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part2 .home-part-inner h2.title-head {
    margin-bottom: 10px; } }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part2 .home-part-inner h2.title-head img {
    width: 90vw;
    margin: 0 5vw; } }
#home-part2 .home-part-inner a {
  display: block;
  color: black; }
#home-part2 .home-part-inner .list-btn {
  position: absolute;
  background-image: none;
  width: 150px;
  height: 46px;
  margin: 0;
  padding: 0;
  float: none;
  z-index: 500;
  top: 0px;
  right: 180px;
  text-align: center;
  border: 1px black solid;
  border-radius: 23px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part2 .home-part-inner .list-btn {
    position: relative;
    background-image: none;
    width: 150px;
    height: 32px;
    margin: 0 auto 30px;
    padding: 0;
    float: none;
    z-index: 500;
    top: initial;
    right: initial;
    text-align: center;
    border: 1px black solid;
    border-radius: 16px; } }
#home-part2 .home-part-inner .list-btn .text {
  position: absolute;
  top: 17px;
  left: 40px;
  font-size: 12px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part2 .home-part-inner .list-btn .text {
    top: 10px; } }
#home-part2 .home-part-inner .list-btn .arrow {
  display: inline-block;
  position: absolute;
  top: 11px;
  right: 10px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part2 .home-part-inner .list-btn .arrow {
    top: 6px;
    right: 5px; } }
#home-part2 .home-part-inner .box-frame {
  display: flex;
  margin-bottom: 20px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part2 .home-part-inner .box-frame {
    display: block; } }
#home-part2 .home-part-inner .box-frame .course {
  display: flex;
  margin-right: 20px;
  width: 50%;
  max-width: 470px;
  overflow: hidden; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part2 .home-part-inner .box-frame .course {
    display: block;
    margin: 0 auto 30px;
    width: 70%; } }
#home-part2 .home-part-inner .box-frame .course:hover .c-right img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1); }
#home-part2 .home-part-inner .box-frame .course .c-left {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 290px; }
#home-part2 .home-part-inner .box-frame .course .c-left .title-head {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  height: auto;
  color: white;
  margin-top: auto;
  margin-bottom: auto; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part2 .home-part-inner .box-frame .course .c-left .title-head {
    font-size: 1.6rem;
    color: white;
    margin: 40px 0; } }
#home-part2 .home-part-inner .box-frame .course .c-left a {
  text-decoration: none;
  color: white; }
#home-part2 .home-part-inner .box-frame .course .c-left a .page-btn {
  position: relative;
  margin-top: auto;
  margin-bottom: auto;
  border: 1px white solid;
  width: 76%;
  margin: auto;
  margin-bottom: 40px;
  text-align: center;
  padding: 10px; }
#home-part2 .home-part-inner .box-frame .course .c-left a .page-btn .text {
  font-size: 14px;
  line-height: 1.2; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part2 .home-part-inner .box-frame .course .c-left a .page-btn .text {
    font-size: 1rem; } }
#home-part2 .home-part-inner .box-frame .course .c-left a .page-btn .page-arrow {
  position: absolute;
  top: 14px;
  right: 10px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part2 .home-part-inner .box-frame .course .c-left a .page-btn .page-arrow {
    top: 20px;
    right: 0px; } }
#home-part2 .home-part-inner .box-frame .course .c-left.green {
  background-color: #52c970; }
#home-part2 .home-part-inner .box-frame .course .c-left.blue {
  background-color: #52b3eb; }
#home-part2 .home-part-inner .box-frame .course .c-left.pink {
  background-color: #f28bb9; }
#home-part2 .home-part-inner .box-frame .course .c-left.pink a .page-btn {
  margin-bottom: 20px; }
#home-part2 .home-part-inner .box-frame .course .c-left.pink a .page-btn .page-arrow {
  position: absolute;
  top: 6px;
  right: 0px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part2 .home-part-inner .box-frame .course .c-left.pink a .page-btn .page-arrow {
    top: 10px; } }
#home-part2 .home-part-inner .box-frame .course .c-right img {
  width: 100%;
  height: auto;
  transform: scale(1);
  -webkit-transform: scale(1);
  transition: all .5s ease;
  -webkit-transition: all .5s ease; }
#home-part2 .home-part-inner .box-frame .course .c-right img.pcimg {
  display: block; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part2 .home-part-inner .box-frame .course .c-right img.pcimg {
    display: none; } }
#home-part2 .home-part-inner .box-frame .course .c-right img.mbimg {
  display: none; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part2 .home-part-inner .box-frame .course .c-right img.mbimg {
    display: block; } }
#home-part2 .home-part-inner .box-frame .course:last-child {
  margin-right: 0; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part2 .home-part-inner .box-frame .course:last-child {
    margin-right: auto; } }
#home-part2 .home-part-inner .box-frame .course.column {
  flex-direction: column; }
#home-part2 .home-part-inner .box-frame .course.column a {
  color: white;
  text-decoration: none;
  display: block; }
#home-part2 .home-part-inner .box-frame .course.column a .page-btn {
  position: relative;
  margin-bottom: 35px;
  background-color: #e54800; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part2 .home-part-inner .box-frame .course.column a .page-btn {
    margin-bottom: 15px; } }
@media only screen and (min-width: 980px) {
  #home-part2 .home-part-inner .box-frame .course.column a .page-btn {
    margin-bottom: 52px; } }
#home-part2 .home-part-inner .box-frame .course.column a .page-btn .text {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.2;
  padding: 15px;
  display: block; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part2 .home-part-inner .box-frame .course.column a .page-btn .text {
    font-size: 1rem;
    padding: 10px 0 0; } }
#home-part2 .home-part-inner .box-frame .course.column a .page-btn .page-arrow {
  position: absolute;
  top: 16px;
  right: 10px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part2 .home-part-inner .box-frame .course.column a .page-btn .page-arrow {
    position: relative;
    top: initial;
    right: initial; } }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part2 .home-part-inner .box-frame .course.column a:nth-child(1) .page-btn {
    width: 48%;
    float: left;
    margin-right: 4%;
    text-align: center; }
  #home-part2 .home-part-inner .box-frame .course.column a:nth-child(2) .page-btn {
    width: 48%;
    float: left;
    margin-right: 0;
    text-align: center; } }
#home-part2 .home-part-inner .box-frame .course.column .mbrow2 a .page-btn {
  margin-bottom: 0; }
#home-part2 .home-part-inner .box-frame .course.column .mbrow2 a:nth-child(1) .page-btn {
  width: 100%;
  float: none;
  margin-right: 0; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part2 .home-part-inner .box-frame .course.column .mbrow2 a:nth-child(1) .page-btn {
    text-align: center; } }

#home-part3 {
  background-image: url(images/guide-for-exam-bk.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 60px;
  height: 500px;
  width: 100%; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part3 {
    background-image: none;
    margin-top: 0;
    height: auto;
    border-top: 10px #e04f58 solid; } }
#home-part3 .home-part-inner {
  position: relative;
  width: 98%;
  max-width: 960px;
  margin: 30px auto 0;
  padding-top: 30px;
  display: flex; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part3 .home-part-inner {
    width: 100%;
    margin: 0;
    padding-top: 20px;
    display: block; } }
#home-part3 .home-part-inner .box-frame {
  display: flex;
  flex-direction: column;
  width: 50%;
  max-width: 470px;
  margin-right: 20px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part3 .home-part-inner .box-frame {
    width: 90vw;
    max-width: 470px;
    margin: 0 auto 10px;
    padding: 0 5vw; } }
@media only screen and (min-width: 980px) {
  #home-part3 .home-part-inner .box-frame {
    max-width: 470px; } }
#home-part3 .home-part-inner .box-frame h2.title-head {
  margin: 0 0 30px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part3 .home-part-inner .box-frame h2.title-head {
    width: 90vw;
    max-width: 470px;
    margin: 0 auto; } }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part3 .home-part-inner .box-frame h2.title-head img {
    width: 100%;
    margin: 0; } }
#home-part3 .home-part-inner .box-frame h2.title-head img.pcimg {
  display: block; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part3 .home-part-inner .box-frame h2.title-head img.pcimg {
    display: none; } }
#home-part3 .home-part-inner .box-frame h2.title-head img.mbimg {
  display: none; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part3 .home-part-inner .box-frame h2.title-head img.mbimg {
    display: block; } }
#home-part3 .home-part-inner .box-frame .fullbox {
  display: flex;
  background-color: white;
  padding: 15px;
  margin: 0 0 30px;
  position: relative;
  width: 100%;
  height: auto;
  min-height: 165px;
  box-sizing: border-box; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part3 .home-part-inner .box-frame .fullbox {
    width: 90vw;
    height: auto;
    min-height: 150px;
    box-sizing: border-box;
    margin: 15px auto 10px;
    border: 1px black solid; } }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part3 .home-part-inner .box-frame .fullbox .fullbox-left {
    width: 60%; }
  #home-part3 .home-part-inner .box-frame .fullbox .fullbox-left img {
    width: 100%; } }
#home-part3 .home-part-inner .box-frame .fullbox .fullbox-left h3 {
  font-size: 20px;
  color: #e04f58;
  margin-bottom: 10px; }
#home-part3 .home-part-inner .box-frame .fullbox .fullbox-left h3.yellow {
  color: #ffbe00; }
#home-part3 .home-part-inner .box-frame .fullbox .fullbox-left .textbox {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  padding-left: 5px; }
#home-part3 .home-part-inner .box-frame .fullbox .fullbox-left .textbox .cancelled {
  display: inline-block;
  position: relative;
  color: rgba(0, 0, 0, 0.3); }
#home-part3 .home-part-inner .box-frame .fullbox .fullbox-left .textbox .cancelled:after {
  content: "中止";
  position: absolute;
  top: 0;
  left: 20px;
  color: red;
  font-size: 1rem;
  font-weight: bold;
  transform: rotate(-30deg);
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); }
#home-part3 .home-part-inner .box-frame .fullbox .fullbox-left .textbox .red {
  color: red; }
#home-part3 .home-part-inner .box-frame .fullbox .fullbox-left .webbtn {
  background-color: transparent;
  padding: 0;
  border: none;
  margin-top: 10px; }
#home-part3 .home-part-inner .box-frame .fullbox .fullbox-right {
  position: absolute;
  top: 20px;
  right: 20px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part3 .home-part-inner .box-frame .fullbox .fullbox-right {
    width: 35%;
    right: 15px; }
  #home-part3 .home-part-inner .box-frame .fullbox .fullbox-right img {
    width: 100%; } }
@media only screen and (max-width: 768px) {
  #home-part3 .home-part-inner .box-frame .fullbox .fullbox-right {
    width: 25%;
    right: 5px;
    top: 60px; }
  #home-part3 .home-part-inner .box-frame .fullbox .fullbox-right img {
    width: 100%; } }
@media only screen and (max-width: 834px) {
  #home-part3 .home-part-inner .box-frame .fullbox .fullbox-right {
    width: 25%;
    right: 5px;
    top: 60px; }
  #home-part3 .home-part-inner .box-frame .fullbox .fullbox-right img {
    width: 100%; } }
#home-part3 .home-part-inner .box-frame:last-child {
  margin-right: 0; }
#home-part3 .home-part-inner .box-frame.row .column {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-bottom: 20px; }
#home-part3 .home-part-inner .box-frame.row .column a {
  text-decoration: none; }
#home-part3 .home-part-inner .box-frame.row .column a .halfbox {
  width: 23vw;
  max-width: 225px;
  height: 160px;
  margin-right: 20px;
  background-color: #e04f58;
  border: 2px #d7d2d2 solid;
  box-sizing: border-box; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part3 .home-part-inner .box-frame.row .column a .halfbox {
    width: 45vw;
    height: auto;
    margin: 0;
    background-color: transparent;
    border: none;
    box-sizing: border-box; } }
#home-part3 .home-part-inner .box-frame.row .column a .halfbox h3 {
  color: #e04f58;
  font-size: 16px;
  width: 80%;
  margin: 10px auto;
  padding: 10px;
  border: 1px #d7d2d2 solid;
  background-color: white;
  border-radius: 20px;
  text-align: center; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part3 .home-part-inner .box-frame.row .column a .halfbox h3 {
    margin: 0;
    padding: 10px 0;
    width: 97%; } }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part3 .home-part-inner .box-frame.row .column a .halfbox h3.small {
    font-size: 14px; } }
#home-part3 .home-part-inner .box-frame.row .column a .halfbox p {
  color: white;
  width: 80%;
  margin: 10px auto 0; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part3 .home-part-inner .box-frame.row .column a .halfbox p {
    display: none; } }
#home-part3 .home-part-inner .box-frame.row .column a:last-child .halfbox {
  margin-right: 0; }
#home-part3 .home-part-inner .box-frame.row .column .fullbox.yellow {
  position: relative;
  display: block;
  width: 48.5vw;
  max-width: 470px;
  background-color: #ffbe00;
  border: 2px #d7d2d2 solid;
  box-sizing: border-box;
  color: black;
  min-height: auto; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part3 .home-part-inner .box-frame.row .column .fullbox.yellow {
    border-radius: 20px;
    margin: 0;
    padding: 10px 0;
    width: 100%; } }
#home-part3 .home-part-inner .box-frame.row .column .fullbox.yellow a {
  text-decoration: none;
  color: black; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part3 .home-part-inner .box-frame.row .column .fullbox.yellow a p {
    display: none; } }
@media only screen and (min-width: 480px) and (max-width: 834px) {
  #home-part3 .home-part-inner .box-frame.row .column .fullbox.yellow a p {
    display: none; } }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part3 .home-part-inner .box-frame.row .column .fullbox.yellow a h3 {
    text-align: center; } }
@media only screen and (min-width: 480px) and (max-width: 834px) {
  #home-part3 .home-part-inner .box-frame.row .column .fullbox.yellow a h3 {
    font-size: 1rem;
    line-height: 2; } }
#home-part3 .home-part-inner .box-frame.row .column .fullbox.yellow a .list-btn {
  position: absolute;
  background-image: none;
  background-color: white;
  width: 150px;
  height: 40px;
  margin: 0;
  padding: 0;
  float: none;
  z-index: 500;
  top: 10px;
  right: 15px;
  text-align: center;
  border: 1px black solid;
  border-radius: 23px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part3 .home-part-inner .box-frame.row .column .fullbox.yellow a .list-btn {
    display: none; } }
#home-part3 .home-part-inner .box-frame.row .column .fullbox.yellow a .list-btn .text {
  position: absolute;
  top: 15px;
  left: 40px;
  font-size: 12px; }
#home-part3 .home-part-inner .box-frame.row .column .fullbox.yellow a .list-btn .arrow {
  display: inline-block;
  position: absolute;
  top: 7px;
  right: 7px; }

#home-part4 {
  margin-top: 60px;
  height: 300px;
  width: 100%; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part4 {
    background-image: none;
    margin-top: 0;
    height: auto; } }
#home-part4 .home-part-inner {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex; }
#home-part4 .home-part-inner .box-frame.campus {
  background-image: url(images/campus-life-bk.jpg);
  background-repeat: no-repeat;
  background-size: cover; }
#home-part4 .home-part-inner .box-frame.campus .box-frame-inner {
  margin: 0 auto; }
#home-part4 .home-part-inner .box-frame.campus .box-frame-inner a .list-btn {
  right: calc(25vw - 75px); }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part4 .home-part-inner .box-frame.campus .box-frame-inner a .list-btn {
    bottom: calc(20vw - 20px); } }
#home-part4 .home-part-inner .box-frame.musical {
  background-image: url(images/musical-bk.jpg);
  background-repeat: no-repeat;
  background-size: cover; }
#home-part4 .home-part-inner .box-frame.musical .box-frame-inner {
  margin: 0 auto; }
#home-part4 .home-part-inner .box-frame.musical .box-frame-inner a .list-btn.white {
  right: calc(35vw - 75px); }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part4 .home-part-inner .box-frame.musical .box-frame-inner a .list-btn.white {
    bottom: calc(28vw - 20px);
    right: calc(25vw - 75px); } }
#home-part4 .home-part-inner .box-frame.musical .box-frame-inner a .list-btn.red {
  right: calc(15vw - 75px); }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part4 .home-part-inner .box-frame.musical .box-frame-inner a .list-btn.red {
    bottom: calc(13vw - 20px);
    right: calc(25vw - 75px); } }
#home-part4 .home-part-inner .box-frame {
  height: 300px;
  width: 100%;
  box-sizing: border-box; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part4 .home-part-inner .box-frame {
    width: 50%;
    height: 50vw; } }
#home-part4 .home-part-inner .box-frame .box-frame-inner {
  width: 100%;
  text-align: center;
  margin-right: 0px;
  height: 170px;
  position: relative;
  margin-top: 0px;
  padding-top: 60px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part4 .home-part-inner .box-frame .box-frame-inner {
    padding-top: 0;
    height: 50vw; } }
#home-part4 .home-part-inner .box-frame .box-frame-inner h2.title-head {
  margin: 0 0 10px; }
#home-part4 .home-part-inner .box-frame .box-frame-inner h2.title-head img {
  width: 100%;
  max-width: 350px;
  height: auto;
  margin: 0 auto; }
#home-part4 .home-part-inner .box-frame .box-frame-inner h2.title-head img.pcimg {
  display: block; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part4 .home-part-inner .box-frame .box-frame-inner h2.title-head img.pcimg {
    display: none; } }
#home-part4 .home-part-inner .box-frame .box-frame-inner h2.title-head img.mbimg {
  display: none; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part4 .home-part-inner .box-frame .box-frame-inner h2.title-head img.mbimg {
    display: block;
    width: 100%; } }
#home-part4 .home-part-inner .box-frame .box-frame-inner p {
  width: 330px;
  margin: 0 auto;
  color: white; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part4 .home-part-inner .box-frame .box-frame-inner p {
    display: none; } }
#home-part4 .home-part-inner .box-frame .box-frame-inner a {
  text-decoration: none;
  color: black; }
#home-part4 .home-part-inner .box-frame .box-frame-inner a .list-btn {
  position: absolute;
  background-image: none;
  background-color: white;
  width: 150px;
  height: 40px;
  margin: 0;
  padding: 0;
  float: none;
  z-index: 500;
  bottom: 0px;
  text-align: center;
  border: none;
  border-radius: 23px; }
#home-part4 .home-part-inner .box-frame .box-frame-inner a .list-btn .text {
  position: absolute;
  top: 15px;
  left: 40px;
  font-size: 12px; }
#home-part4 .home-part-inner .box-frame .box-frame-inner a .list-btn .arrow {
  display: inline-block;
  position: absolute;
  top: 7px;
  right: 7px; }
#home-part4 .home-part-inner .box-frame .box-frame-inner a .list-btn.gray {
  background-color: #8c8c8c; }
#home-part4 .home-part-inner .box-frame .box-frame-inner a .list-btn.white {
  background-color: white; }
#home-part4 .home-part-inner .box-frame .box-frame-inner a .list-btn.red {
  background-color: #e54800; }
#home-part4 .home-part-inner .box-frame .box-frame-inner a.white {
  color: white; }
#home-part4 .home-part-inner .box-frame:last-child {
  margin-right: 0; }

#home-part5 {
  background-image: url(images/exploration-bk.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0;
  height: 230px;
  width: 100%; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part5 {
    height: 120px; } }
#home-part5 .home-part-inner {
  position: relative;
  width: 98%;
  max-width: 960px;
  margin: 0 auto;
  padding-top: 60px;
  display: flex; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part5 .home-part-inner {
    display: block;
    padding-top: 10px; } }
#home-part5 .home-part-inner .box-frame {
  text-align: center;
  width: 50%;
  max-width: 480px;
  margin-right: 0px;
  height: 100px;
  position: relative; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part5 .home-part-inner .box-frame {
    width: 100%;
    max-width: 480px;
    margin-right: 0px;
    height: auto; } }
#home-part5 .home-part-inner .box-frame h2.title-head {
  margin: 0 0 10px; }
#home-part5 .home-part-inner .box-frame h2.title-head img {
  width: 100%;
  height: auto;
  max-width: 350px;
  margin: 0 auto; }
#home-part5 .home-part-inner .box-frame h2.title-head img.pcimg {
  display: block; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part5 .home-part-inner .box-frame h2.title-head img.pcimg {
    display: none; } }
#home-part5 .home-part-inner .box-frame h2.title-head img.mbimg {
  display: none; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part5 .home-part-inner .box-frame h2.title-head img.mbimg {
    display: block;
    width: 60%;
    margin: 0 auto; } }
#home-part5 .home-part-inner .box-frame p {
  width: 330px;
  margin: 0 auto;
  color: white; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part5 .home-part-inner .box-frame p {
    display: none; } }
#home-part5 .home-part-inner .box-frame a {
  text-decoration: none;
  color: black; }
#home-part5 .home-part-inner .box-frame a .list-btn {
  position: absolute;
  background-image: none;
  background-color: white;
  width: 150px;
  height: 40px;
  margin: 0;
  padding: 0;
  float: none;
  z-index: 500;
  right: 160px;
  bottom: 30px;
  text-align: center;
  border: none;
  border-radius: 23px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part5 .home-part-inner .box-frame a .list-btn {
    bottom: -45px; } }
#home-part5 .home-part-inner .box-frame a .list-btn .text {
  position: absolute;
  top: 15px;
  left: 40px;
  font-size: 12px; }
#home-part5 .home-part-inner .box-frame a .list-btn .arrow {
  display: inline-block;
  position: absolute;
  top: 7px;
  right: 7px; }
#home-part5 .home-part-inner .box-frame a .list-btn.gray {
  background-color: #8c8c8c; }
#home-part5 .home-part-inner .box-frame a .list-btn.white {
  background-color: white;
  left: 20px; }
@media only screen and (max-width: 320px) {
  #home-part5 .home-part-inner .box-frame a .list-btn.white {
    left: 0px; } }
@media only screen and (min-width: 321px) and (max-width: 480px) {
  #home-part5 .home-part-inner .box-frame a .list-btn.white {
    left: 30px; } }
@media only screen and (min-width: 980px) {
  #home-part5 .home-part-inner .box-frame a .list-btn.white {
    left: 70px; } }
#home-part5 .home-part-inner .box-frame a .list-btn.orange {
  background-color: #ffbe00;
  right: 20px; }
@media only screen and (max-width: 320px) {
  #home-part5 .home-part-inner .box-frame a .list-btn.orange {
    right: 0px; } }
@media only screen and (min-width: 321px) and (max-width: 480px) {
  #home-part5 .home-part-inner .box-frame a .list-btn.orange {
    right: 30px; } }
@media only screen and (min-width: 980px) {
  #home-part5 .home-part-inner .box-frame a .list-btn.orange {
    right: 70px; } }
#home-part5 .home-part-inner .box-frame a.white {
  color: white; }
#home-part5 .home-part-inner .box-frame:last-child {
  margin-right: 0; }

#home-part6 {
  margin-top: 60px;
  background-color: #e54800;
  height: 240px;
  width: 100%; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part6 {
    margin-top: 20px; } }
#home-part6 .home-part-inner {
  position: relative;
  width: 98%;
  max-width: 960px;
  margin: 0 auto;
  padding-top: 30px;
  display: flex; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part6 .home-part-inner {
    display: block;
    padding-top: 15px; } }
#home-part6 .home-part-inner .box-frame {
  text-align: center;
  width: 50%;
  max-width: 480px;
  margin-right: 0px;
  height: 200px;
  position: relative; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part6 .home-part-inner .box-frame {
    width: 100%;
    height: auto; } }
#home-part6 .home-part-inner .box-frame h2.title-head {
  margin: 0 0 10px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part6 .home-part-inner .box-frame h2.title-head img {
    width: 33%; } }
#home-part6 .home-part-inner .box-frame p {
  width: 100%;
  text-align: left;
  margin: 0 auto;
  color: white; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part6 .home-part-inner .box-frame p {
    display: none; } }
#home-part6 .home-part-inner .box-frame a {
  text-decoration: none;
  color: black; }
#home-part6 .home-part-inner .box-frame a .list-btn {
  position: absolute;
  background-image: none;
  background-color: white;
  width: 220px;
  height: 40px;
  margin: 0;
  padding: 0;
  float: none;
  z-index: 500;
  right: 160px;
  bottom: 30px;
  text-align: center;
  border: none;
  border-radius: 23px; }
#home-part6 .home-part-inner .box-frame a .list-btn .text {
  position: absolute;
  top: 15px;
  left: 80px;
  font-size: 12px; }
#home-part6 .home-part-inner .box-frame a .list-btn .arrow {
  display: inline-block;
  position: absolute;
  top: 7px;
  right: 7px; }
#home-part6 .home-part-inner .box-frame a .list-btn.gray {
  background-color: #8c8c8c; }
#home-part6 .home-part-inner .box-frame a .list-btn.white {
  background-color: white;
  left: 0px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part6 .home-part-inner .box-frame a .list-btn.white {
    left: calc(50vw - 110px);
    bottom: 10px; } }
#home-part6 .home-part-inner .box-frame a .list-btn.orange {
  background-color: #ffbe00;
  right: 70px; }
#home-part6 .home-part-inner .box-frame a.white {
  color: white; }
#home-part6 .home-part-inner .box-frame .sidebar-container .sidebar-inner .widget-area {
  display: flex;
  flex-direction: row;
  margin-left: 20px;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  -ms-overflow-style: none; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part6 .home-part-inner .box-frame .sidebar-container .sidebar-inner .widget-area {
    margin-left: 0; } }
#home-part6 .home-part-inner .box-frame .sidebar-container .sidebar-inner .widget-area .widget {
  margin: 0 10px;
  width: 100%;
  max-width: 170px; }
#home-part6 .home-part-inner .box-frame .sidebar-container .sidebar-inner .widget-area .widget img {
  width: 100%;
  max-width: 200px;
  height: auto; }
#home-part6 .home-part-inner .box-frame.left {
  width: 230px;
  margin-right: 10px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part6 .home-part-inner .box-frame.left {
    width: 100%;
    height: 80px;
    margin-bottom: 10px; } }
#home-part6 .home-part-inner .box-frame.right {
  width: 100%;
  margin-right: 0px;
  max-width: 720px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #home-part6 .home-part-inner .box-frame.right {
    width: 100%; } }

#sns-frame {
  position: fixed;
  z-index: 500;
  top: 180px;
  right: 0; }
#sns-frame .snslink {
  background-color: white;
  margin-bottom: 10px;
  width: 160px;
  height: 36px;
  border-bottom-left-radius: 18px;
  border-top-left-radius: 18px;
  position: relative;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); }
#sns-frame .snslink a {
  text-decoration: none;
  font-weight: bold;
  font-size: 14px; }
#sns-frame .snslink a img {
  position: absolute; }
#sns-frame .snslink a .text {
  position: absolute;
  top: 12px;
  left: 42px; }
#sns-frame .snslink a.sakura {
  color: #e04f58; }
#sns-frame .snslink a.sakura img {
  width: 26px;
  height: auto;
  top: 5px;
  left: 12px; }
#sns-frame .snslink a.facebook {
  color: #345897; }
#sns-frame .snslink a.facebook img {
  width: 20px;
  height: auto;
  top: 8px;
  left: 15px; }
#sns-frame .snslink a.twitter {
  color: #345897; }
#sns-frame .snslink a.twitter img {
  width: 26px;
  height: auto;
  top: 8px;
  left: 12px; }
#sns-frame .snslink a.youtube {
  color: #345897; }
#sns-frame .snslink a.youtube img {
  width: 30px;
  height: auto;
  top: 8px;
  left: 10px; }

#sns-frame-mb {
  display: none; }

#search-mb {
  display: none; }

#wrapper.bk-white {
  background-color: white; }

section.full {
  width: 100%;
  height: auto;
  padding: 2rem 0;
  margin: 0; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  section.full {
    padding: 1rem 0; } }
section.full .section-inner {
  width: 96%;
  max-width: 960px;
  height: auto;
  padding: 0;
  margin: 0 auto; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  section.full .section-inner {
    width: 90%;
    max-width: 480px; } }
section.full .section-inner h2 {
  color: #e54800;
  font-size: 1.6rem;
  line-height: 1.8;
  border-bottom: 3px #e54800 solid;
  margin-bottom: 2rem; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  section.full .section-inner h2 {
    font-size: 1.4rem; } }
section.full .section-inner h2 img {
  padding-right: .5rem; }
section.full .section-inner .alert-mess {
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 1rem; }
section.full .section-inner .item-frame p {
  color: black;
  font-size: 1rem;
  line-height: 1.8; }
section.full .section-inner .item-frame .checkframe {
  width: 712px;
  height: auto;
  margin: 2rem auto;
  background-color: #fff0e6;
  padding: 2rem; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  section.full .section-inner .item-frame .checkframe {
    width: 110%;
    padding: 1rem;
    margin: 2rem -10%; } }
@media only screen and (max-width: 980px) {
  section.full .section-inner .item-frame .checkframe {
    width: 100%;
    padding: 1rem;
    margin: 2rem -2.5%; } }
section.full .section-inner .item-frame .checkframe h3 {
  font-size: 1.6rem;
  color: #e54800;
  line-height: 1.8;
  text-align: center;
  margin: 1rem 0; }
section.full .section-inner .item-frame .checkframe li {
  color: black;
  font-size: 1rem;
  line-height: 1.8;
  background-image: url(images/checkmark.svg);
  background-repeat: no-repeat;
  background-position: 20px top;
  padding-left: 100px;
  list-style: none;
  padding-bottom: 2rem; }
section.full .section-inner .item-frame ul.fullwide {
  list-style-position: inside; }
section.full .section-inner .item-frame ul.fullwide li {
  font-size: 1rem;
  line-height: 1.8;
  color: black; }
section.full .section-inner .item-frame .app-frame {
  display: flex;
  justify-content: space-around;
  width: 500px;
  margin: 1rem auto; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  section.full .section-inner .item-frame .app-frame {
    flex-wrap: wrap;
    width: 100%; } }
section.full .section-inner .item-frame .app-frame .app-btn.w215 {
  width: 215px;
  height: auto;
  margin-bottom: 1rem; }
section.full .section-inner .item-frame .app-frame .app-btn.w215 img {
  width: 100%;
  height: auto; }
section.full .section-inner .item-frame .app-frame .app-btn.w260 {
  width: 260px;
  height: auto;
  margin-bottom: 1rem; }
section.full .section-inner .item-frame .app-frame .app-btn.w260 img {
  width: 100%;
  height: auto; }
section.full .section-inner .item-frame .btn.web-kobetsu {
  background-color: #e54800;
  font-size: 2rem !important;
  font-weight: bold;
  text-align: center;
  width: 712px;
  height: auto;
  margin: 3rem auto;
  padding: 1.5rem 0 !important;
  border-radius: 3rem; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  section.full .section-inner .item-frame .btn.web-kobetsu {
    width: 100%; } }
section.full .section-inner .item.full {
  display: flex;
  justify-content: space-around;
  margin-bottom: 2rem; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  section.full .section-inner .item.full {
    display: block;
    width: 100%;
    max-width: 480px; } }
section.full .section-inner .item.full .ch-item {
  width: 48%;
  height: auto;
  margin-right: 2%;
  position: relative; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  section.full .section-inner .item.full .ch-item {
    width: 100%;
    margin-right: 0; } }
section.full .section-inner .item.full .ch-item img {
  width: 100%;
  height: auto; }
section.full .section-inner .item.full .ch-item .btn {
  border: none;
  background-color: #e04f58;
  padding: .85rem !important;
  width: 100%;
  border-radius: 0px;
  text-align: center;
  font-size: 1.2rem !important;
  font-weight: bold;
  box-sizing: border-box;
  margin-top: .5rem;
  bottom: 4px; }
@media only screen and (min-width: 980px) {
  section.full .section-inner .item.full .ch-item .btn {
    position: absolute; } }
section.full .section-inner .item.full .ch-item a {
  color: white;
  text-decoration: none; }
section.full .section-inner .item.full .ch-item:nth-child(2n) {
  margin-left: 2%;
  margin-right: 0; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  section.full .section-inner .item.full .ch-item:nth-child(2n) {
    margin-left: 0;
    margin-top: 1rem; } }
section.full .section-inner .item.full .ch-item:nth-child(2n) h3 {
  font-size: 1.6rem;
  color: #e04f58;
  line-height: 1;
  margin-bottom: 1.6rem; }
section.full .section-inner .item.full .ch-item:nth-child(2n) p {
  font-size: 1rem;
  color: black;
  line-height: 1.8; }
section.full .section-inner .item-frame.flow {
  display: flex;
  align-content: space-between;
  justify-content: start;
  flex-wrap: wrap; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  section.full .section-inner .item-frame.flow {
    display: block; } }
section.full .section-inner .item-frame.flow .item {
  width: 48%;
  height: auto;
  margin-right: 2%;
  margin-bottom: 1rem;
  box-sizing: border-box; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  section.full .section-inner .item-frame.flow .item {
    width: 100%;
    margin-right: 0;
    font-size: 1rem; } }
section.full .section-inner .item-frame.flow .item img {
  width: 100%;
  height: auto;
  padding-bottom: 1rem; }
section.full .section-inner .item-frame.flow .item p {
  color: black; }
section.full .section-inner .item-frame.flow .item:nth-child(2n) {
  margin-right: 0;
  margin-left: 2%; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  section.full .section-inner .item-frame.flow .item:nth-child(2n) {
    margin-left: 0; } }
section.full .section-inner .item-frame.flow .item.bm1rem {
  margin-bottom: 1rem; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  section.full .section-inner .item-frame.flow .item.bm1rem {
    margin-bottom: 0; } }
section.full .section-inner .item-frame.flow .item.btn.round {
  font-size: 1.2rem !important;
  font-weight: bold;
  border-radius: 2rem;
  line-height: 1.8;
  border: 3px #e54800 solid;
  box-sizing: border-box;
  margin-bottom: 2rem; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  section.full .section-inner .item-frame.flow .item.btn.round {
    margin-bottom: 1.5rem; } }
section.full .section-inner .item-frame.flow .item.btn.round.red {
  background-color: #e54800;
  background-image: url(images/arrow-line-white.svg);
  background-repeat: no-repeat;
  background-position: 94% 18px; }
section.full .section-inner .item-frame.flow .item.btn.round.red a {
  color: white; }
section.full .section-inner .item-frame.flow .item.btn.round.white {
  background-color: white;
  background-image: url(images/arrow-line-red.svg);
  background-repeat: no-repeat;
  background-position: 94% 18px; }
section.full .section-inner .item-frame.flow .item.btn.round.white a {
  color: #e54800; }
section.full .section-inner .item-frame.flow .item.btn.round.pink {
  background-color: #fadacc;
  background-image: url(images/arrow-line-red.svg);
  background-repeat: no-repeat;
  background-position: 94% 18px; }
section.full .section-inner .item-frame.flow .item.btn.round.pink a {
  color: #e54800; }

.video-frame {
  text-align: center; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .video-frame iframe {
    width: 100%;
    height: auto; } }

.vcomment-frame {
  text-align: center; }

#content.full {
  width: 100%;
  max-width: 100%; }

#section2 {
  background-color: #fff0e6; }

#section2.white {
  background-color: white; }

section.full.bm0 {
  padding-bottom: 0; }

section.full.bp2rem {
  padding-bottom: 2rem; }

.breadcrumbs.h520 {
  max-width: 960px;
  height: auto;
  margin: 0 auto;
  padding: .65rem 0; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  .breadcrumbs.h520 {
    margin: 4.2rem auto 0;
    width: 90%;
    max-width: 480px; } }

.entry-title.h520 {
  background-color: #e54800;
  background: #e54800;
  font-size: 2rem;
  color: white;
  text-align: center;
  width: 100%;
  margin: 0;
  padding: 1.5rem 0;
  border-bottom: none; }

#covidnews.news-frame {
  width: 100%;
  margin: 0; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #covidnews.news-frame {
    width: 90vw;
    margin-left: 5vw;
    margin-top: 0; } }
@media only screen and (min-width: 980px) {
  #covidnews.news-frame {
    margin-left: 3rem; } }
#covidnews.news-frame a {
  color: black;
  text-decoration: none; }
#covidnews.news-frame .news-frame-inner ul {
  list-style: none;
  margin: 2rem 0 3rem; }
#covidnews.news-frame .news-frame-inner ul li {
  line-height: 1.5;
  margin-bottom: .85rem;
  background-position: 0 3px; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #covidnews.news-frame .news-frame-inner ul li {
    border-top: 1px black solid;
    padding: .5rem 0; } }
@media only screen and (min-width: 980px) {
  #covidnews.news-frame .news-frame-inner ul li {
    line-height: 2; } }
#covidnews.news-frame .news-frame-inner ul li span.news-category {
  display: inline-block;
  font-size: 12px;
  width: 110px;
  height: 17;
  padding: 0;
  text-align: center;
  box-sizing: border-box;
  margin: 0 10px;
  line-height: 1.1;
  vertical-align: text-top; }
#covidnews.news-frame .news-frame-inner ul li span.news-title {
  display: block; }
@media only screen and (min-width: 320px) and (max-width: 480px) {
  #covidnews.news-frame .news-frame-inner ul li span.news-title {
    display: block;
    line-height: 1.5; } }
@media only screen and (min-width: 980px) {
  #covidnews.news-frame .news-frame-inner ul li span.news-title {
    display: inline-block; } }

@media only screen and (min-width: 320px) and (max-width: 480px) {
  /* Smartphones (portrait and landscape) ----------- */
  /*----------------------------------------------------------------------------
   ***                                                          Basic layout
  ----------------------------------------------------------------------------*/
  #nav-pc, #nav-mobile {
    clear: both;
    position: absolute;
    z-index: 300;
    top: 58px;
    right: 0px; }

  body {
    line-height: 1;
    background: #fafafa;
    color: #666;
    font-size: 14px; }

  /* Outer frame */
  #page {
    position: relative;
    overflow: hidden;
    padding: 0;
    background-color: #fff; }

  #page.home {
    background-color: transparent; }

  #sp-head-frame {
    width: 100%;
    height: auto;
    margin: 0;
    background-color: #404040; }

  #sp-head {
    width: 100%;
    height: auto;
    max-width: 480px;
    padding: 5px;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box; }
  #sp-head .p-head-l, #sp-head .p-head-r {
    float: none;
    width: 100%; }
  #sp-head .p-head-l h3 {
    color: red;
    padding: 0.5rem 0; }
  #sp-head .p-head-r ul {
    list-style: none; }
  #sp-head .p-head-r ul li {
    font-size: .85rem;
    margin: .5rem auto;
    border: 1px white solid;
    box-sizing: border-box;
    width: 96%;
    padding: .5rem;
    text-align: left; }
  #sp-head .p-head-r ul li a {
    color: white; }

  #sns-frame {
    display: none; }

  #search-mb {
    display: block;
    position: fixed;
    bottom: 0px;
    left: 0;
    z-index: 490;
    opacity: 0; }
  #search-mb input#s {
    width: 100vw;
    height: 36px; }

  #sns-frame-mb {
    position: fixed;
    z-index: 500;
    top: initial;
    bottom: 0;
    right: 0;
    display: flex;
    border-top: 1px white solid; }
  #sns-frame-mb #search {
    display: none; }
  #sns-frame-mb .snslink {
    background-color: #mb_btn_bk_orange;
    margin-bottom: 0;
    width: auto;
    height: 42px;
    border-radius: 0;
    position: relative;
    box-shadow: none;
    text-align: center; }
  #sns-frame-mb .snslink a {
    text-decoration: none;
    font-weight: bold;
    font-size: 14px; }
  #sns-frame-mb .snslink a img {
    position: absolute; }
  #sns-frame-mb .snslink a.sakura {
    color: white; }
  #sns-frame-mb .snslink a.sakura img {
    display: none; }
  #sns-frame-mb .snslink a.facebook {
    color: white; }
  #sns-frame-mb .snslink a.facebook img {
    width: 20px;
    height: auto;
    top: 10px;
    left: 20px; }
  #sns-frame-mb .snslink a.twitter {
    color: white; }
  #sns-frame-mb .snslink a.twitter img {
    width: 26px;
    height: auto;
    top: 8px;
    left: 17px; }
  #sns-frame-mb .snslink a.youtube {
    color: white; }
  #sns-frame-mb .snslink a.youtube img {
    width: 26px;
    height: auto;
    top: 11px;
    left: 19px; }
  #sns-frame-mb .snslink:nth-child(1) {
    background-color: #e54800;
    width: 15vw; }
  #sns-frame-mb .snslink:nth-child(1) img {
    width: 26px;
    height: 26px;
    padding-top: 6px; }
  #sns-frame-mb .snslink:nth-child(2) {
    background-color: #e04f58;
    width: 40vw; }
  #sns-frame-mb .snslink:nth-child(2) .text {
    padding-top: 12px;
    display: block;
    font-size: 16px; }
  #sns-frame-mb .snslink:nth-child(3) {
    background-color: #ffbe00;
    width: 15vw; }
  #sns-frame-mb .snslink:nth-child(3) .text {
    display: none; }
  #sns-frame-mb .snslink:nth-child(4) {
    background-color: #ffbe00;
    width: 15vw; }
  #sns-frame-mb .snslink:nth-child(4) .text {
    display: none; }
  #sns-frame-mb .snslink:last-child {
    background-color: #ffbe00;
    width: 15vw; }
  #sns-frame-mb .snslink:last-child .text {
    display: none; }

  /* Main contents wrapper */
  #wrapper {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    padding: 0;
    background: #fff; }

  body.home #wrapper {
    margin: 0 auto 0px auto; }

  /* Main contents main frame */
  #main {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    padding: 0;
    background-color: #fff;
    position: relative; }

  /* Main contents main content */
  #content {
    width: 100%;
    margin-bottom: 0; }
  body.home #content {
    margin-top: 64vh; }

  #second-content {
    width: 100%;
    margin-bottom: 10px; }

  #third-content {
    background-color: #fefefe;
    width: 100%;
    margin-bottom: 0px; }

  /* Main contents sidebar */
  #sidebar {
    background-color: #56595C;
    width: 100%; }

  /* Footer */
  footer {
    width: 100%;
    margin: 0;
    border-top: #e54800 1px solid;
    background-color: #D2D2D2;
    clear: both; }

  /*----------------------------------------------------------------------------
   ***                                                         Header
  ----------------------------------------------------------------------------*/
  header {
    width: 100%;
    max-width: 480px;
    height: 70px;
    margin: 0 0 0 auto;
    padding: 0;
    position: absolute;
    background-color: transparent;
    z-index: 100;
    border-bottom: none; }
  header h1 {
    display: none; }

  /* Site logo */
  .site-logo {
    width: 70%;
    max-width: 480px;
    height: auto;
    max-height: 60px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 18px;
    left: 5%; }
  .site-logo img {
    width: 100%;
    height: auto; }

  #head-menu, #top-search-box {
    display: none; }

  #mobile-search {
    width: 100%;
    height: auto;
    margin: 20px;
    padding: 0;
    box-sizing: border-box; }
  #mobile-search form.search-form {
    width: 95%;
    height: auto;
    margin: 0 auto; }

  /*----------------------------------------------------------------------------
   ***                                                         Nav
  ----------------------------------------------------------------------------*/
  #navframe-inner {
    width: 100%;
    height: auto;
    margin: 0; }

  .breadcrumbs {
    margin: 0;
    padding: 80px 10px 10px;
    font-size: 12px;
    background-color: white; }

  /*----------------------------------------------------------------------------
   ***                                                         Slider
  ----------------------------------------------------------------------------*/
  .slide-cover {
    display: none; }

  #slider {
    position: relative;
    max-width: 480px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    border-top: #e54800 1px solid;
    border-bottom: #e54800 1px solid; }
  #slider .ws_thumbs, #slider #slide-title {
    display: none; }
  #slider .ws_images {
    margin-bottom: 5px !important; }

  /*----------------------------------------------------------------------------
   ***                                                         Article
  ----------------------------------------------------------------------------*/
  article.article-box1 {
    margin: 0 0 40px 0;
    padding: 0; }

  h1.entry-title, h1.archive-title {
    font-size: 18px;
    font-weight: nomal;
    margin: 0;
    border-bottom: #666 1px solid;
    text-align: center;
    color: #fff;
    padding: 10px;
    background: -moz-linear-gradient(#ffc9a2, #e54800);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffc9a2), to(#e54800));
    background: -ms-linear-gradient(bottom, #e54800, #ffc9a2);
    background: linear-gradient(to top, #e54800, #ffc9a2); }

  .main-text h2, .article-box1 h2 {
    color: #666;
    width: 100%;
    font-size: 16px;
    line-height: 150%;
    padding: 10px;
    box-sizing: border-box;
    border-bottom: 1px #ccc solid;
    border-left: 10px #002395 solid;
    margin: 0; }

  .page-indexbox, .page-indexbox-list, .page-indexbox-two-half {
    width: 48.5%;
    height: 200px;
    float: left;
    margin: 1%;
    padding: 0;
    border: 1px #ccc solid;
    box-sizing: border-box;
    position: relative; }

  .page-indexbox:nth-child(2n), .page-indexbox-list, .page-indexbox-two-half:nth-child(2n) {
    margin: 1% 0; }

  h2.study-title {
    text-align: center;
    color: #fff;
    background-color: #002395;
    border: none; }

  .page-indexbox h2, .page-indexbox-two-half h3 {
    color: #fff;
    width: 100%;
    font-size: 14px;
    line-height: 120%;
    padding: 5px;
    box-sizing: border-box;
    border: none;
    margin: 0;
    text-align: center;
    background-color: #002395; }

  .page-indexbox-list h2 {
    color: #fff;
    width: 100%;
    font-size: 14px;
    line-height: 120%;
    padding: 5px;
    box-sizing: border-box;
    border: none;
    margin: 0 0 20px;
    text-align: left;
    background-color: #002395; }

  .page-indexbox h2 a, .page-indexbox-list h2 a, .page-indexbox-two-half h3 a {
    color: #fff;
    text-decoration: none; }

  .page-indexbox p.page-indexbox-img2, .page-indexbox-two-half p.page-indexbox-img2 {
    padding: 0; }

  .page-indexbox p.page-indexbox-mess, .page-indexbox-two-half p.page-indexbox-mess {
    font-size: 11px;
    line-height: 130%;
    background-color: rgba(255, 255, 255, 0.52);
    position: absolute;
    top: 110px;
    left: 0; }

  .page-indexbox p.page-indexbox-mess a, .page-indexbox-two-half p.page-indexbox-mess a {
    text-decoration: none; }

  .page-indexbox p.page-indexbox-btn, .page-indexbox-two-half p.page-indexbox-btn {
    width: 96%;
    height: 30px;
    text-align: center;
    font-size: 12px;
    line-height: 100%;
    background: #e54800;
    position: absolute;
    bottom: 0;
    left: 2%;
    border-radius: 6px 6px 0 0; }

  .page-indexbox p.page-indexbox-btn a, .page-indexbox-two-half p.page-indexbox-btn a {
    color: #fff;
    text-decoration: none; }

  .page-indexbox-two, .page-indexbox-three {
    width: 98%;
    height: 310px;
    float: none;
    margin: 1%;
    padding: 0;
    margin-bottom: 10px;
    border: 1px #ccc solid;
    box-sizing: border-box;
    position: relative; }

  .page-indexbox-two h3, .page-indexbox-two-half h3, .page-indexbox-three h3 {
    color: #fff;
    width: 100%;
    font-size: 14px;
    line-height: 120% !important;
    padding: 5px !important;
    box-sizing: border-box;
    border: none;
    margin: 0;
    text-align: center;
    background-color: #002395; }

  .page-indexbox-two h3 a, .page-indexbox-two-half h3 a, .page-indexbox-three h3 a {
    color: #fff;
    text-decoration: none; }

  .page-indexbox-two h4 {
    color: #fff;
    width: 90% !important;
    font-size: 12px !important;
    line-height: 130% !important;
    padding: 5px !important;
    box-sizing: border-box !important;
    border: none;
    border-radius: 6px;
    margin: 0 auto;
    text-align: left;
    background-color: rgba(0, 0, 128, 0.7);
    position: absolute;
    top: 170px;
    left: 5%; }
  .page-indexbox-two h4 a {
    color: #fff;
    text-decoration: none; }
  .page-indexbox-two p.page-indexbox-img2 {
    padding: 0; }

  .page-indexbox-three p.page-indexbox-img2 {
    padding: 0; }

  .page-indexbox-two p.page-indexbox-two-mess, .page-indexbox-three p.page-indexbox-two-mess {
    font-size: 10px;
    line-height: 130%;
    background-color: rgba(255, 255, 255, 0.52);
    position: absolute;
    top: 210px;
    left: 0; }

  .page-indexbox-two p.page-indexbox-two-mess a, .page-indexbox-three p.page-indexbox-two-mess a {
    text-decoration: none; }

  .page-indexbox-two p.page-indexbox-btn, .page-indexbox-three p.page-indexbox-btn {
    width: 96%;
    height: 30px;
    text-align: center;
    font-size: 12px;
    line-height: 100%;
    background: #e54800;
    position: absolute;
    bottom: 0;
    left: 2%;
    border-radius: 6px 6px 0 0; }

  .page-indexbox-two p.page-indexbox-btn a, .page-indexbox-three p.page-indexbox-btn a {
    color: #fff;
    text-decoration: none; }

  p.index-head3-right {
    padding: 0 !important;
    position: relative; }
  p.index-head3-right span.musical-btn {
    text-align: center; }
  p.index-head3-right span.musical-btn img {
    width: 30% !important;
    height: auto;
    margin: 0 auto;
    display: block; }

  article.article-box1 div.post-date {
    text-align: right;
    margin-top: 10px; }

  #profile {
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
    background-color: #e0e5d3; }
  #profile:after {
    content: "　";
    display: block;
    font-size: 3px;
    clear: both; }
  #profile .profile-photo img {
    width: 100%;
    height: auto; }
  #profile .profile-text {
    width: 96%;
    height: auto;
    margin: 2%;
    border: 1px #ECEBEB;
    background-color: #fff;
    padding: 10px;
    box-sizing: border-box; }
  #profile .profile-text .name-title {
    font-size: 14px; }
  #profile .profile-text .prof-name {
    font-size: 16px; }
  #profile .profile-text h3 {
    font-size: 14px;
    margin: 20px 0 10px 0; }

  #college-message {
    width: 96%;
    height: auto;
    margin: 2%;
    background-color: #fff;
    padding: 10px;
    box-sizing: border-box; }
  #college-message p {
    line-height: 150%; }

  .main-photo {
    width: 100%;
    height: auto; }
  .main-photo img {
    width: 100%;
    max-width: 920px;
    height: auto; }

  .main-text p, .article-box1 p {
    width: 100%;
    height: auto;
    padding: 10px;
    box-sizing: border-box; }

  .main-text p.bigfont {
    font-size: 18px;
    width: 100%;
    height: auto;
    padding: 0;
    box-sizing: border-box; }
  .main-text p img {
    width: 100%;
    max-width: 480px;
    height: auto;
    padding: 0; }
  .main-text p.ph-thumnb img {
    width: 30%;
    max-width: 150px;
    height: auto;
    padding: 0; }

  .policy-box {
    width: 100%;
    height: auto;
    padding: 5px;
    border: 10px #DEE5EE solid;
    box-sizing: border-box; }

  .main-text h3, .article-box1 h3 {
    width: 100%;
    height: auto;
    line-height: 150%;
    padding: 20px 5px 5px 5px;
    border-bottom: 1px #DEE5EE dotted;
    box-sizing: border-box; }

  .main-text h4, .article-box1 h4 {
    font-size: 90%;
    line-height: 150%;
    width: 100%;
    height: auto;
    padding: 30px 5px 10px 5px;
    box-sizing: border-box; }

  .main-text ul, .article-box1 ul, .main-text ol, .article-box1 ol {
    width: 100%;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
    margin: 0 0 20px 20px; }

  .main-text ul li, .article-box1 ul li, .main-text ol li, .article-box1 ol li {
    line-height: 130%;
    width: 100%;
    height: auto;
    margin: 0;
    box-sizing: border-box; }

  #college-history th {
    width: 20%;
    padding: 2px;
    font-size: 12px; }

  .mt30 {
    margin-top: 10px !important; }

  .main-text table {
    width: 100%;
    height: auto;
    margin: 0 0 20px 0; }
  .main-text table th, .main-text table td {
    padding: 5px;
    font-size: 12px; }
  .main-text iframe {
    width: 100%;
    height: auto; }

  .staff-frame {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px;
    box-sizing: border-box; }

  .staff-box {
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
    padding: 0;
    box-sizing: border-box; }

  .staff-photo {
    width: 40%;
    height: auto;
    margin: 0 10px 0 0;
    box-sizing: border-box;
    float: left; }
  .staff-photo img {
    width: 100%;
    height: auto; }

  .section-head {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 5px;
    color: #ccc;
    background-color: #002395;
    font-size: 12px;
    text-align: center; }

  .syllabus-teacher {
    display: block;
    font-size: 14px;
    line-height: 200%;
    box-sizing: border-box; }
  .syllabus-teacher a {
    color: #fff; }

  .pdf-frame {
    width: 320px;
    height: auto;
    margin: 0 auto; }

  /*----------------------------------------------------------------------------
   ***                                                        Sidebar
  ----------------------------------------------------------------------------*/
  .second-content-box {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    padding-bottom: 0px;
    background-color: #fff;
    overflow: hidden; }
  .second-content-box img {
    width: 100%;
    height: auto; }

  #second-sp-frame {
    width: 96%;
    height: auto;
    margin: 10px auto 0 auto;
    text-align: center; }
  #second-sp-frame img {
    width: 100%;
    height: auto;
    margin: auto; }

  #anniv50 {
    width: 100%;
    height: auto;
    margin: 0;
    float: left; }

  #anniv50-excerpt {
    font-size: 12px;
    display: block;
    text-align: left;
    line-height: 130%; }

  #second-content .second-content-box #second-sp-frame #anniv50 .anniv50-left {
    width: 44%;
    margin-right: 4%;
    float: left; }
  #second-content .second-content-box #second-sp-frame #anniv50 .anniv50-right {
    width: 52%;
    float: left; }
  #second-content .second-content-box #second-sp-frame #hauhokenkyu {
    width: 100%;
    height: auto;
    margin: 10px 0;
    float: none; }
  #second-content .second-content-box #second-sp-frame #hauhokenkyu img {
    width: 100%;
    height: auto; }

  #accredited-mark {
    width: 100%;
    height: auto;
    margin: 0;
    float: left; }

  .second-content-box:last-child {
    margin-right: 0; }

  .third-content-box {
    width: 100%;
    height: auto;
    margin: 10px 0;
    background-color: #fff;
    text-align: center;
    position: relative;
    box-sizing: border-box; }
  .third-content-box img {
    width: 100%;
    height: 100%;
    padding: 0px;
    background-color: #fff; }

  aside#fourth-content {
    background-color: #5DD2FC; }
  aside#fourth-content #tertiary {
    width: 100%;
    padding: 10px;
    box-sizing: border-box; }
  aside#fourth-content #tertiary img {
    width: 100%;
    height: auto; }

  #jyuken-girl {
    display: none; }

  aside .second-content-box h2, aside#third-content h2, aside#fourth-content h2, aside#fifth-content h2, aside#sixth-content h2, aside#seventh-content h2 {
    font-size: 18px;
    font-weight: nomal;
    margin: 0;
    border-bottom: #666 1px solid;
    text-align: center;
    color: #fff;
    padding: 10px;
    background: -moz-linear-gradient(#ffc9a2, #e54800);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffc9a2), to(#e54800));
    background: -ms-linear-gradient(bottom, #e54800, #ffc9a2);
    background: linear-gradient(to top, #e54800, #ffc9a2); }
  aside#eighth-content h2 {
    font-size: 18px;
    font-weight: nomal;
    margin: 0;
    border-bottom: #666 1px solid;
    text-align: center;
    color: #fff;
    padding: 10px;
    background: -moz-linear-gradient(#ffc9a2, #e54800);
    background: -webkit-gradient(linear, left top, left bottom, from(#ffc9a2), to(#e54800));
    background: -ms-linear-gradient(bottom, #e54800, #ffc9a2);
    background: linear-gradient(to top, #e54800, #ffc9a2);
    background: -moz-linear-gradient(#666, #000);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    background: -ms-linear-gradient(bottom, #000, #666);
    background: linear-gradient(to top, #000, #666); }
  aside .second-content-box .see-all-list {
    width: 96%;
    height: auto;
    margin: 10px auto;
    padding: 10px;
    font-size: 16px;
    float: none;
    border: 1px #ccc solid;
    box-sizing: border-box;
    text-align: center;
    background-image: none;
    background: -moz-linear-gradient(#dddddd, #818181);
    background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#818181));
    background: -ms-linear-gradient(bottom, #818181, #dddddd);
    background: linear-gradient(to top, #818181, #dddddd); }
  aside .second-content-box .see-all-list a {
    text-decoration: none;
    color: #fff; }
  aside .second-content-box ul {
    width: 100%;
    height: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: scroll; }

  body.archive #content article.article-box1 ul {
    width: 100%;
    height: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: scroll; }

  aside .second-content-box ul li, body.archive #content article.article-box1 ul li {
    width: 97%;
    margin: 5px;
    padding: 10px;
    border: 1px #ccc solid;
    box-shadow: 0 0 2px 0px #ccc;
    box-sizing: border-box; }

  aside .second-content-box ul li span.news-date, body.archive #content article.article-box1 ul li span.news-date {
    font-size: 12px;
    display: block;
    float: left;
    padding: .5%;
    margin-bottom: 1%; }

  aside .second-content-box ul li span.news-category {
    display: block;
    float: left;
    font-size: 10px;
    font-weight: bold;
    color: 000;
    background-color: #ccc;
    width: 110px;
    height: auto;
    padding: .5%;
    margin-bottom: 1%;
    text-align: center;
    border-radius: 4px; }

  body.archive #content article.article-box1 ul li {
    line-height: 110%; }
  body.archive #content article.article-box1 ul li span.news-category {
    display: block;
    float: left;
    font-size: 10px;
    font-weight: bold;
    color: 000;
    background-color: #ccc;
    width: 110px;
    height: auto;
    padding: .5%;
    margin-bottom: 1%;
    text-align: center;
    border-radius: 4px; }

  aside .second-content-box ul li span.news-news, .column-box ul li span.news-news, body.archive #content article.article-box1 ul li span.news {
    color: #fff;
    background-color: #e29808; }

  aside .second-content-box ul li span.news-events, .column-box ul li span.news-events, body.archive #content article.article-box1 ul li span.news-events {
    color: #fff;
    background-color: #06b9fd; }

  aside .second-content-box ul li span.news-entrance-exam, .column-box ul li span.news-entrance-exam, body.archive #content article.article-box1 ul li span.news-entrance-exam {
    color: #fff;
    background-color: #08cbc4; }

  aside .second-content-box ul li span.news-college, .column-box ul li span.news-college, body.archive #content article.article-box1 ul li span.news-college {
    color: #fff;
    background-color: #77a5b5; }

  aside .second-content-box ul li span.news-student, .column-box ul li span.news-student, body.archive #content article.article-box1 ul li span.news-student {
    color: #fff;
    background-color: #94905B; }

  aside .second-content-box ul li span.news-kankyo-arg, .column-box ul li span.news-kankyo-arg, body.archive #content article.article-box1 ul li span.news-kankyo-arg {
    color: #fff;
    background-color: #58b530; }

  aside .second-content-box ul li span.news-local-biz, .column-box ul li span.news-local-biz, body.archive #content article.article-box1 ul li span.news-local-biz {
    color: #fff;
    background-color: #0889cf; }

  aside .second-content-box ul li span.news-nursery, .column-box ul li span.news-nursery, body.archive #content article.article-box1 ul li span.news-nursery {
    color: #fff;
    background-color: #e73268; }

  aside .second-content-box ul li span.news-jobas, .column-box ul li span.news-jobas, body.archive #content article.article-box1 ul li span.news-jobas {
    color: #fff;
    background-color: #e54800; }

  aside .second-content-box ul li span.news-public, .column-box ul li span.news-public, body.archive #content article.article-box1 ul li span.news-public {
    color: #fff;
    background-color: #bf8c60; }

  aside .second-content-box ul li span.news-oversea, .column-box ul li span.news-oversea, body.archive #content article.article-box1 ul li span.news-oversea {
    color: #fff;
    background-color: #0638C5; }

  aside .second-content-box ul li span.news-hakuhozeki, .column-box ul li span.news-hakuhozeki, body.archive #content article.article-box1 ul li span.news-hakuhozeki {
    color: #fff;
    background-color: #DABB00; }

  aside .second-content-box ul li span.news-title, #content article.article-box1 ul li span.news-title {
    display: block;
    clear: both;
    font-size: 14px; }

  body.home #third-content .widget_sp_image {
    width: 30%;
    height: auto;
    float: left;
    margin: 0 2% 0 0;
    padding: 2px;
    border: 1px #ccc solid;
    box-shadow: 0 0 2px #ccc; }
  body.home #third-content .widget_sp_image:last-child {
    margin: 0; }
  body.home #third-content .widget-area-link {
    text-align: center; }
  body.home #third-content .widget-area-link .widget_sp_image {
    width: auto;
    height: auto;
    float: none;
    margin: 5px;
    padding: 0;
    border: none;
    box-shadow: none; }
  body.home #third-content .widget-area-link #widget_sp_image-6, body.home #third-content .widget-area-link #widget_sp_image-7 {
    float: left !important; }
  body.home #third-content .widget-area-link #widget_sp_image-8, body.home #third-content .widget-area-link #widget_sp_image-10 {
    margin: 2%;
    padding: 5px;
    border: 1px #ccc solid;
    clear: both; }
  body.home #third-content .widget-area-link .widget_sp_image:last-child {
    margin-right: 0; }
  body.home aside#third-content article.third-content-link-box .textwidget ul {
    width: 50%;
    height: auto;
    float: left;
    margin: 0 0 0 0px;
    padding: 0; }
  body.home aside#third-content article.third-content-link-box .textwidget ul li {
    text-align: left;
    width: 95%;
    font-size: 12px;
    height: 36px;
    margin: 5px 0;
    padding: 12px 0px 10px 19px;
    border: 1px #ccc solid;
    box-sizing: border-box;
    background-image: url(images/link-badge-333.png);
    background-repeat: no-repeat;
    background-position: 2px 5px; }
  body.home aside#third-content article.third-content-link-box .textwidget ul li a {
    color: #333; }
  body.home #third-content h3.widget-title {
    display: block;
    border-bottom: 1px #ccc solid;
    margin: 0 0 10px 0;
    paddin: 0 0 5px 0;
    text-align: right;
    font-size: 14px;
    font-weight: normal; }
  body.home #third-content .widget-area-link h3.widget-title {
    display: none; }

  aside h2 {
    font-size: 18px;
    font-weight: nomal;
    margin: 5%;
    color: #666;
    border-bottom: #666 2px solid; }
  aside h2 span.whatsnew-sub {
    font-size: 12px;
    margin-left: 5%; }
  aside h3 {
    font-size: 18px;
    color: #666; }
  aside#second-content h3 {
    display: none; }
  aside ul {
    list-style: none;
    margin: 5% 0; }
  aside #side-submenu ul {
    list-style: none;
    margin: 0; }
  aside #side-submenu ul li {
    font-size: 18px;
    margin: 0;
    padding: 20px 10px 10px;
    text-align: center; }
  aside #side-submenu ul li a {
    display: block;
    color: #ccc; }

  #sidebar #side-submenu ul.menu li.noside {
    display: none; }

  aside #side-submenu ul li ul li {
    text-align: left;
    font-size: 16px;
    margin: 0;
    padding: 10px;
    border: 1px #000 solid;
    background-color: #e0e5d3; }
  aside #side-submenu ul li ul li:first-child {
    margin-top: 20px; }
  aside #side-submenu ul li ul li a {
    color: #666; }
  aside ul li {
    margin: 10px 0; }
  aside ul li span.news-date {
    font-size: 12px;
    display: block;
    float: left; }
  aside ul li span.news-category {
    display: block;
    float: left;
    font-size: 12px; }
  aside ul li span.news-title {
    display: block;
    clear: both;
    font-size: 14px; }
  aside li a {
    color: #666;
    text-decoration: none; }
  aside li a:hover {
    color: #333;
    text-decoration: underline; }
  aside#fourth-content ul.index-top-content-menu {
    padding: 5px 0;
    margin: 0; }
  aside#fourth-content ul.index-top-content-menu li {
    width: 49.25%;
    height: 90px;
    font-size: 12px;
    font-weight: 800;
    padding: 6px;
    border: 1px #ccc solid;
    border-radius: 6px;
    margin: 0.5%;
    background-color: #E1EBED;
    text-align: left;
    float: left;
    box-sizing: border-box; }
  aside#fourth-content ul.index-top-content-menu li:nth-child(2n) {
    margin-left: 0; }
  aside#fifth-content ul, aside#sixth-content ul, aside#seventh-content ul {
    margin: 0;
    padding: 5px 0; }
  aside#sixth-content ul#kankyo-box, aside#sixth-content ul#chiiki-box, aside#sixth-content ul#kyoin-box {
    width: 49.25%;
    margin: 0.5%;
    padding: 0;
    float: left; }
  aside#sixth-content ul#chiiki-box, aside#sixth-content ul#kyoin-box {
    margin-left: 0; }
  aside#fifth-content ul {
    background-color: #333; }
  aside#fifth-content ul li {
    width: 49.25%;
    height: 90px;
    font-size: 12px;
    font-weight: 800;
    text-align: left;
    padding: 6px;
    border: 1px #ccc solid;
    border-radius: 6px;
    margin: 0.5%;
    background-color: #fafafa;
    float: left;
    box-sizing: border-box; }
  aside#seventh-content ul li {
    width: 49.25%;
    height: 90px;
    font-size: 12px;
    font-weight: 800;
    text-align: left;
    padding: 6px;
    border: 1px #ccc solid;
    border-radius: 6px;
    margin: 0.5%;
    background-color: #fafafa;
    float: left;
    box-sizing: border-box;
    background-color: #df5948;
    border: 1px #333 solid; }
  aside#seventh-content ul#seventh-content-ul2 li {
    width: 99%;
    height: 60px;
    background-color: #02A60B; }
  aside#sixth-content ul#kankyo-box li, aside#sixth-content ul#chiiki-box li, aside#sixth-content ul#kyoin-box li {
    width: 100%;
    height: 110px;
    font-size: 12px;
    font-weight: 800;
    text-align: left;
    padding: 6px;
    border: 1px #ccc solid;
    border-radius: 6px;
    margin: 0;
    background-color: #fafafa;
    box-sizing: border-box; }
  aside#sixth-content ul#kankyo-box li {
    background-color: #58b530; }
  aside#sixth-content ul#chiiki-box li {
    background-color: #0889cf; }
  aside#sixth-content ul#hoiku-box li {
    width: 49.25%;
    height: 90px;
    font-size: 12px;
    font-weight: 800;
    text-align: left;
    padding: 6px;
    border: 1px #ccc solid;
    border-radius: 6px;
    margin: 0.5%;
    background-color: #e73268;
    float: left;
    box-sizing: border-box; }
  aside#sixth-content ul#kyoin-box li {
    height: 44px;
    background-color: #666;
    margin-bottom: 2px; }
  aside#fifth-content ul li {
    border: 1px #000 solid; }
  aside#fifth-content ul li a {
    color: #fff; }
  aside#fifth-content ul li a:hover {
    color: #fff; }
  aside#sixth-content ul li a, aside#seventh-content ul li a {
    color: #fff; }
  aside#sixth-content ul li a:hover, aside#seventh-content ul li a:hover {
    color: #fff; }
  aside#fifth-content ul li {
    background-color: #666; }
  aside#fifth-content ul li:nth-child(2n) {
    margin-left: 0; }
  aside#sixth-content ul li:nth-child(2n), aside#seventh-content ul li:nth-child(2n), aside#sixth-content ul#hoiku-box li:nth-child(2n) {
    margin-left: 0; }
  aside#fourth-content ul li a span.small-font {
    font-size: 10px;
    text-align: left;
    padding: 10px;
    display: block; }
  aside#fourth-content ul li span.arrow-plane {
    display: none; }
  aside#fifth-content ul li span.arrow-plane, aside#sixth-content ul li span.arrow-plane, aside#seventh-content ul li span.arrow-plane {
    display: none; }
  aside#fifth-content ul li span.short-excerpt, aside#sixth-content ul li span.short-excerpt, aside#seventh-content ul li span.short-excerpt {
    display: block;
    font-size: 10px;
    line-height: 120%;
    padding: 8px; }
  aside#sixth-content {
    background-color: #f5f1eb;
    padding-bottom: 5px; }
  aside#sixth-content #study-people {
    width: 100%;
    height: auto; }
  aside#sixth-content #study-people span#topindex-gakka-message {
    display: block;
    width: 70%;
    height: auto;
    margin: 40px auto; }
  aside#sixth-content #study-people span#topindex-gakka-message img {
    width: 100%;
    max-width: 290px;
    height: auto;
    margin: 0; }
  aside#sixth-content #study-people img {
    width: 100%;
    height: auto; }

  #takusho-life-student1, #takusho-life-student2, #takusho-life-student3, #takusho-life-student4, #takusho-life-student5 {
    display: none; }

  aside#seventh-content {
    background-color: #594d42;
    padding-bottom: 5px; }
  aside#eighth-content {
    width: 100%;
    height: auto;
    background-color: #000;
    color: #ccc;
    box-sizing: border-box;
    padding-bottom: 20px; }
  aside#eighth-content #musical-subtitle span.title {
    width: 100%;
    height: auto;
    font-size: 24px;
    padding: 20px 0;
    display: block;
    margin: 0 auto;
    text-align: center; }
  aside#eighth-content #musical-subtitle span#musical-excerpt {
    display: block;
    font-size: 14px;
    margin: 10px;
    line-height: 150%;
    text-align: left; }

  #musical-video h3 {
    font-size: 14px;
    text-align: center;
    color: #ccc;
    padding: 6px;
    background: -moz-linear-gradient(#666, #000);
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    background: -ms-linear-gradient(bottom, #000, #666);
    background: linear-gradient(to top, #000, #666); }
  #musical-video iframe {
    width: 100%;
    height: auto; }

  #musical-more {
    width: 96%;
    height: 36px;
    margin: 10px auto;
    padding: 10px;
    font-size: 16px;
    float: none;
    border: 1px #ccc solid;
    box-sizing: border-box;
    text-align: center;
    background-image: none;
    background: -moz-linear-gradient(#dddddd, #818181);
    background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#818181));
    background: -ms-linear-gradient(bottom, #818181, #dddddd);
    background: linear-gradient(to top, #818181, #dddddd); }
  #musical-more a {
    color: #000; }

  #other-posts-box {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px 0;
    background-color: #EFEFEF; }
  #other-posts-box h3 {
    width: 100%;
    height: auto;
    font-size: 18px;
    margin: 0 0 6px 0;
    padding: 0;
    line-height: 150%;
    padding-left: 10px;
    border-left: 5px #e54800 solid; }
  #other-posts-box h3 span.small-font {
    font-size: 12px;
    padding: 0 10px 0 0; }
  #other-posts-box h3 span.big-font {
    color: #e54800;
    padding: 0 10px 0 0; }

  aside#sidebar #other-posts-box ul {
    list-style: none;
    margin: 0;
    background-color: #f3ebdc; }
  aside#sidebar #other-posts-box ul li {
    margin: 0;
    line-height: 150%;
    padding: 10px;
    border-bottom: 1px #ccc dotted; }
  aside#sidebar #other-posts-box ul li span.date {
    display: block;
    margin: 0 0 5px 0; }

  /*----------------------------------------------------------------------------
   ***                                                         Footer Area
  ----------------------------------------------------------------------------*/
  #footer-top {
    display: none; }

  #foot-logo img {
    margin: 0 auto 20px auto; }

  #footer-area {
    display: none; }

  .footer-segment {
    float: left;
    margin-right: 10px;
    width: 16%; }

  /*----------------------------------------------------------------------------
   ***                                                         Footer Bottom
  ----------------------------------------------------------------------------*/
  #footer-bottom-link {
    display: none; }

  #footer-bottom {
    width: 100%;
    height: 60px;
    background-color: #464646;
    color: #fff;
    text-align: center;
    margin: 0;
    padding: 10px 0;
    clear: both; }
  #footer-bottom p {
    font-size: .7rem; }

  /*----------------------------------------------------------------------------
   ***                                                              page top icon
  ----------------------------------------------------------------------------*/
  #page-top {
    position: fixed;
    bottom: 0;
    right: 37%;
    font-size: 77%;
    z-index: 11000; }
  #page-top span {
    display: none; }
  #page-top a {
    text-decoration: none;
    width: 100%;
    height: 100%;
    padding: 0;
    display: block; }

  .map-location iframe {
    pointer-events: none;
    width: 100%; }

  /*
  realestate-map
  */
  #realestate-map {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 20px 0; }
  #realestate-map .marker {
    position: relative;
    width: 100%;
    height: auto; }

  .marker-label-index {
    text-align: center;
    display: block;
    font-size: 18px;
    width: 20px;
    height: 70%;
    margin: 0 15px 0 0;
    line-height: 130%;
    padding: 5px;
    background-color: #e0e5d3;
    color: red;
    float: left; }

  .map-location h4.spot-title {
    margin: 10px 0 !important; }
  .map-location .see-thispage-btn {
    text-align: center;
    width: 150px;
    height: 20px;
    padding: 5px;
    position: absolute;
    right: 0px;
    bottom: 42px;
    border: 1px #ccc solid;
    background-color: #E8E8E8; }
  .map-location .see-thispage-btn:hover {
    background-color: #FEEEEF; }
  .map-location .see-thispage-btn a {
    line-height: 150%;
    display: block;
    text-decoration: none;
    color: #666;
    font-size: 14px; }
  .map-location .see-thispage-btn a:hover {
    color: #000; }

  div#mapList {
    width: 100%;
    margin: 0; }
  div#mapList .map-list {
    font-size: 14px;
    width: 100%;
    height: 50px;
    margin: 0 0 0px 0;
    padding: 5px;
    display: block;
    background-color: rgba(255, 255, 255, 0.84);
    border-left: 5px #ccc solid;
    border-bottom: 1px #ccc dotted;
    border-right: 1px #ccc solid;
    float: none;
    box-sizing: border-box; }
  div#mapList .map-list:hover {
    color: #000;
    font-size: 14px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.4);
    border-left: 5px #8C40A9 solid; }

  #re-list-head {
    display: none; }

  article.article-box1 figure {
    width: auto;
    height: auto;
    max-width: 94%; }
  article.article-box1 figure img {
    width: auto;
    max-width: 100%;
    height: auto; }

  figure.wp-caption {
    min-height: 150px;
    float: left;
    margin: 10px 10px 10px 10px; }

  .article-box1 .main-text .profile-box {
    width: 90%;
    height: auto;
    padding: 1%;
    margin: 0; }
  .article-box1 .main-text .profile-box p.profile-box-img {
    width: 100%;
    height: auto;
    float: none;
    margin: 5%; }
  .article-box1 .main-text .profile-box p.profile-box-img img {
    width: auto;
    height: auto; }

  body.single p, body.single h2, body.single h3, body.single h4, body.single h5, body.single h6 {
    clear: both; }

  .sharedaddy h3 {
    display: nonne; } }
#primary {
  background-color: white; }

@media print, screen and (min-width: 481px) {
  /*----------------------------------------------------------------------------
   ***                                                          Basic layout
  ----------------------------------------------------------------------------*/
  body {
    line-height: 1;
    background: #fafafa;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic",Osaka,sans-serif;
    color: #666;
    font-size: 14px; }

  table {
    width: 100%;
    max-width: 890px;
    height: auto;
    margin: 20px 0 40px 30px; }
  table caption {
    font-size: 14px;
    margin: 0 0 10px 0;
    text-align: left; }
  table th {
    line-height: 150%;
    font-size: 14px;
    text-align: center;
    padding: 10px;
    vertical-align: middle; }
  table td {
    line-height: 150%;
    font-size: 12px;
    text-align: center;
    padding: 10px;
    vertical-align: middle; }
  table.shikaku-support td {
    text-align: left; }
  table.fullwide {
    width: 100%;
    max-width: 920px;
    height: auto;
    margin: 20px 0 40px 0; }
  table.fullwide th {
    line-height: 150%;
    font-size: 14px;
    text-align: center;
    padding: 10px;
    vertical-align: middle; }
  table.fullwide td {
    line-height: 150%;
    font-size: 12px;
    text-align: left;
    padding: 10px;
    vertical-align: middle; }
  table#henso {
    width: 50%;
    max-width: 400px;
    height: auto;
    margin: 20px 0 40px 50px; }
  table p {
    margin: 10px !important; }

  body.home #content {
    width: 100%;
    max-width: 1920px;
    height: auto;
    margin: 0 auto;
    padding: 0;
    position: relative;
    margin-top: 78vh; }
  body.home #content.active {
    margin-top: 74vh; }

  #content {
    width: 98%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    padding: 0; }

  /* Outer frame */
  #page {
    position: relative;
    overflow: hidden;
    padding: 0;
    background-color: #fff; }

  #page.home {
    background-color: transparent; }

  /* Main navigation */
  nav {
    width: 97%;
    max-width: 400px;
    height: 80px;
    margin: 0 auto;
    padding: 0 15px 0 0; }

  #mobile-search {
    display: none; }

  #sp-head-frame {
    width: 100%;
    height: auto;
    margin: 0;
    background-color: #404040;
    padding-bottom: 100px; }

  #sp-head {
    width: 100%;
    height: auto;
    max-width: 960px;
    padding: 20px;
    margin: 0 auto; }
  #sp-head .p-head-l {
    float: left;
    width: 18%; }
  #sp-head .p-head-r {
    float: left;
    width: 82%; }
  #sp-head .p-head-l h3 {
    color: red;
    padding-top: 1.2rem; }
  #sp-head .p-head-r ul li {
    font-size: .85rem;
    margin: .5rem 0; }
  #sp-head .p-head-r ul li a {
    color: white; }

  /* Main contents wrapper */
  #wrapper {
    width: 100%;
    /*max-width: 1280px;*/
    height: auto;
    margin: 0 auto 0px auto;
    padding: 0;
    background-color: #FCF7F2; }

  body.home #wrapper {
    margin-top: 0px; }

  /* Main contents main frame */
  #main {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    position: relative; }

  /* Main contents main content */
  #slider {
    width: 100%;
    height: 860px;
    margin: 0 auto;
    padding: 0;
    background-color: #fff;
    background-image: url(images/ami.png);
    background-repeat: repeat;
    border-bottom: #e54800 1px solid;
    overflow: hidden;
    position: absolute;
    top: 0; }

  section.slider {
    width: 100%;
    max-width: 1920px;
    max-height: 860px;
    margin: 0 auto;
    padding: 0; }

  #mouse-ico {
    display: none;
    width: 120px;
    height: 120px;
    position: absolute;
    opacity: 0;
    top: -120px;
    z-index: 4000;
    left: calc(50vw - 60px); }
  #mouse-ico img {
    width: 100%;
    height: auto; }

  /* Main contents main content */
  .breadcrumbs {
    font-size: 12px;
    width: 100%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    padding: 120px 0 0; }

  #section-top-noimage {
    width: 100%;
    height: 50px;
    margin: 0 auto; }

  .section-top-image {
    width: 100%;
    height: 350px;
    background-image: url(images/base-topimage.jpg);
    background-repeat: no-repeat;
    background-color: #a2d6f2;
    background-position: center;
    margin: 0 auto; }
  .section-top-image .breadcrumbs {
    font-size: 12px;
    width: 93%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    padding: 120px 0 0; }

  .section-top-image.h520 {
    height: 520px; }

  #section-top-noimage .breadcrumbs {
    font-size: 12px;
    width: 95%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    padding: 20px 0; }

  .section-top-image h1 {
    width: 95%;
    max-width: 1280px;
    font-size: 48px;
    font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: normal;
    margin: 0 auto;
    padding: 110px 0 0 10%;
    color: #fff;
    text-shadow: 0 0 5px black; }

  #college {
    background-image: url(images/college-topimage.jpg); }

  #study-prog {
    background-image: url(images/study-prog-topimage.jpg); }

  #takusho-life {
    background-image: url(images/takushoku-life-topimage.jpg); }

  #jyuken-guide {
    background-image: url(images/jyuken-guide-top-20200618.jpg); }

  #web-counsel {
    background-image: url(images/web-soudankai-top.jpg); }

  #career {
    background-image: url(images/career-topimage.jpg); }

  #regional-alliances {
    background-image: url(images/local-topimage.jpg); }

  #library {
    background-image: url(images/library-topimage.jpg); }

  #realestate {
    background-image: url(images/realestate-topimage.jpg); }

  #musical {
    background-image: url(images/musical-topimage.jpg);
    background-color: #000; }

  .policy-box {
    width: 94%;
    max-width: 920px;
    height: auto;
    margin: 0 0 40px 0;
    padding: 1.5% 3% 8% 3%;
    border-left: #002395 1px dotted;
    border-bottom: #002395 1px dotted;
    border-right: #002395 1px dotted;
    border-top: none;
    background-color: rgba(255, 255, 255, 0.3); }

  article.article-box1 {
    width: 100%;
    max-width: 882px;
    height: auto;
    min-height: 700px;
    margin: 10px 0 20px 0;
    clear: both;
    float: none;
    position: relative; }
  article.article-box1 h1 {
    font-size: 30px;
    font-weight: normal;
    color: #666;
    margin: 40px 0;
    padding: 0 0 10px 0;
    border-bottom: #ccc 1px solid;
    position: relative; }
  article.article-box1 h1 span.small-font {
    font-size: 14px;
    font-weight: normal;
    color: #666; }

  .entry-title-right-small {
    display: block;
    font-size: 14px;
    position: absolute;
    right: 10px;
    bottom: 10px; }

  article.article-box1 h2 {
    font-size: 20px;
    width: 94%;
    max-width: 920px;
    font-weight: normal;
    line-height: 120%;
    color: #002395;
    margin: 40px 0 0 0;
    padding: 1% 3%;
    border: #002395 1px dotted;
    background-color: rgba(215, 220, 227, 0.3);
    border-collapse: collapse;
    clear: both; }

  .main-photo {
    width: 100%;
    height: auto; }
  .main-photo img {
    width: auto;
    max-width: 748px;
    height: auto; }

  .pdf-frame {
    width: 920px;
    height: auto;
    margin: 0; }

  /*
  misucal
  */
  body.page-template-page-musical-index #content h2 {
    font-size: 42px;
    font-weight: 100;
    margin: 60px 0 60px 0;
    color: #d88097;
    text-align: center;
    clear: both; }
  body.page-template-page-musical-index #content p {
    width: 56%;
    font-size: 16px;
    margin: 20px auto; }
  body.page-template-page-musical-index #content p img {
    width: 100%;
    height: auto; }
  body.page-template-page-musical-index #content p img.original-size {
    width: auto;
    height: auto;
    margin: 0 40px 80px 0; }
  body.page-template-page-musical-index #content ul {
    width: 60%;
    font-size: 14px;
    margin: 40px auto 80px auto;
    list-style: none;
    text-align: center; }
  body.page-template-page-musical-index #content ul li {
    width: 30%;
    font-size: 18px;
    padding: 10px;
    margin: 1%;
    float: left;
    box-sizing: border-box;
    background-color: #cac7b7;
    border-radius: 6px; }
  body.page-template-page-musical-index .musical-box {
    text-align: center;
    width: 100%;
    padding: 0;
    margin: 20px auto;
    box-sizing: border-box; }

  article.article-box1 .musical-box {
    width: 100%;
    padding: 0;
    margin: 20px 0 20px 30px;
    box-sizing: border-box; }

  body.single p, body.single h2, body.single h3, body.single h4, body.single h5, body.single h6 {
    clear: both; }

  article.article-box1 h2.mix-title {
    font-size: 28px;
    font-weight: normal;
    margin: 10px 0 20px 0; }
  article.article-box1 h2.mix-title span.small-subtitle {
    font-size: 16px;
    font-weight: normal; }

  .top-image-box {
    width: 100%;
    height: auto;
    margin: 0 0 20px 0; }
  .top-image-box img {
    width: auto;
    max-width: 49%;
    height: auto;
    margin: 0 2% 20px 0; }
  .top-image-box img:last-child {
    width: auto;
    max-width: 49%;
    height: auto;
    margin: 0 0 20px 0; }

  .main-text-left table {
    width: 100%;
    height: auto;
    margin: 0 0 40px 0; }
  .main-text-left table th {
    width: 20%;
    height: auto; }
  .main-text-left table th p {
    margin: 0 !important; }
  .main-text-left table td p, .main-text-left table td ul {
    margin: 0 !important; }
  .main-text-left table#realestate-info td {
    text-align: left; }

  .map-location iframe {
    pointer-events: none; }

  article.article-box1 h3 {
    font-size: 18px;
    font-weight: normal;
    line-height: 100%;
    color: #000;
    margin: 40px 0 20px 0px;
    padding: 0 0 0 10px;
    border-left: #e54800 5px solid;
    clear: both; }
  article.article-box1 h4 {
    max-width: 100%;
    font-size: 16px;
    color: #666;
    margin: 20px 0 20px 0px;
    padding: 0 0 3px 0;
    border-bottom: #666 1px solid;
    clear: both; }
  article.article-box1 div.post-date {
    text-align: right; }
  article.article-box1 figure {
    width: auto;
    height: auto;
    max-width: 90%; }
  article.article-box1 figure img {
    width: auto;
    max-width: 100%;
    height: auto; }
  article.article-box1 p {
    max-width: 100%;
    font-size: 14px;
    line-height: 180%;
    color: #666;
    margin: 20px 0 30px 10px;
    padding: 0 0 5px 0; }
  article.article-box1 p img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin-bottom: 10px; }
  article.article-box1 p.wide-image {
    margin: 20px 0 30px 0px; }
  article.article-box1 p.wide-image img {
    max-width: 920px;
    height: auto; }
  article.article-box1 p.left-float-image {
    width: auto;
    max-width: none;
    font-size: 12px;
    line-height: 100%;
    color: #666;
    margin: 10px 10px 10px 50px;
    padding: 0;
    float: left;
    clear: none; }
  article.article-box1 p.www-link {
    width: 100%;
    height: auto;
    margin: 20px 0 30px 50px;
    padding: 0 0 0 25px;
    background-image: url(images/link-badge-333.png);
    background-repeat: no-repeat;
    background-position: 2px 2px; }
  article.article-box1 p.www-link:hover {
    background-image: url(images/link-badge-333up.png); }

  body.archive article.article-box1 ul {
    max-width: 100%;
    color: #666;
    margin: 20px 0 30px 0px;
    padding: 0 0 5px 0; }
  body.archive article.article-box1 ul li {
    line-height: 100%;
    max-width: 100%;
    font-size: 14px;
    color: #666;
    margin: 10px 0 10px 0px;
    padding: 0; }

  article.article-box1 ul, article.article-box1 ol {
    max-width: 90%;
    font-size: 14px;
    color: #666;
    margin: 20px 0 30px 50px;
    padding: 0 0 5px 0; }
  article.article-box1 ul li {
    line-height: 150%;
    max-width: 90%;
    font-size: 14px;
    color: #666;
    margin: 10px 0 10px 10px;
    padding-left: 20px;
    list-style: none;
    background-image: url(images/list-arrow-red.png);
    background-repeat: no-repeat;
    background-position: 0 0; }

  body.page-template-page-regional-alliences-koza article.article-box1 ul, body.page-template-page-takusholife-overseas-training article.article-box1 ul, body.page-template-page-hakuho-takudai-hc article.article-box1 ul {
    max-width: 100%;
    font-size: 14px;
    color: #666;
    margin: 20px 0 30px 0;
    padding: 0 0 5px 0;
    overflow: hidden; }
  body.page-template-page-regional-alliences-koza article.article-box1 #second-content ul li, body.page-template-page-takusholife-overseas-training article.article-box1 #second-content ul li, body.page-template-page-hakuho-takudai-hc article.article-box1 #second-content ul li {
    line-height: 100%;
    max-width: 100%;
    font-size: 14px;
    color: #666;
    margin: 10px 0 10px 10px;
    padding-left: 0px;
    list-style: none;
    background-image: none; }

  article.article-box1 ul.li-title-link {
    max-width: 100%;
    color: #666;
    margin: 20px 0 30px 20px;
    padding: 0; }
  article.article-box1 ul.li-title-link li {
    text-align: center;
    line-height: 150%;
    max-width: 100%;
    font-size: 18px;
    color: #666;
    margin: 10px 0 10px 10px;
    padding: 10px 0 10px 0;
    list-style: none;
    background-color: #e0e5d3;
    border: 1px #ccc solid;
    border-radius: 6px;
    background-image: none;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; }
  article.article-box1 ul.li-title-link li a {
    display: block;
    text-decoration: none;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; }
  article.article-box1 ul.li-title-link li:hover {
    background-color: #0468bf;
    color: #fff; }
  article.article-box1 ul.li-title-link li:hover a {
    background-color: #0468bf;
    color: #fff; }
  article.article-box1 ul.li-title-link li a:hover {
    background-color: #0468bf;
    color: #fff; }
  article.article-box1 ul.www-link li {
    width: 100%;
    height: auto;
    margin: 20px 0 30px 20px;
    padding: 0 0 0 25px;
    background-image: url(images/link-badge-333.png);
    background-repeat: no-repeat;
    background-position: 0px 0px; }
  article.article-box1 ul.www-link li:hover {
    background-image: url(images/link-badge-333up.png); }
  article.article-box1 .rect-box {
    margin: 0 0 0 30px;
    padding: 0; }
  article.article-box1 .rect-box p.leftimage {
    width: 40%;
    height: auto;
    min-height: 150px;
    margin: 0 20px 20px 0;
    padding: 0;
    float: left; }
  article.article-box1 .rect-box p.leftimage img {
    width: auto;
    height: auto; }
  article.article-box1 .rect-box p.right-text {
    width: 50%;
    margin: 0;
    padding: 0;
    float: left; }
  article.article-box1 .rect-box .see-detail-page {
    width: 40%;
    height: auto;
    font-size: 16px;
    text-align: center;
    margin: 20px auto;
    padding: 10px;
    background-color: #e0e5d3;
    border: 1px #ccc solid;
    border-radius: 6px;
    float: left;
    box-sizing: border-box;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; }
  article.article-box1 .rect-box .see-detail-page a {
    text-decoration: none;
    display: block;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out; }
  article.article-box1 .rect-box .see-detail-page:hover {
    background-color: #0468bf;
    color: #fff; }
  article.article-box1 .rect-box .see-detail-page:hover a {
    background-color: #0468bf;
    color: #fff; }
  article.article-box1 .rect-box .see-detail-page a:hover {
    background-color: #0468bf;
    color: #fff; }

  body.search article.article-box1 ul {
    max-width: 100%;
    color: #666;
    margin: 20px 0 30px 0;
    padding: 0 0 5px 0; }
  body.search article.article-box1 ul li {
    line-height: 150%;
    max-width: 100%;
    font-size: 14px;
    color: #666;
    margin: 10px 0 40px 0;
    padding: 0 0 10px 20px;
    list-style: none;
    background-image: url(images/list-arrow-red.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    border-bottom: 1px #ccc dotted; }

  article.article-box1 ul li span.search-title {
    display: block;
    font-size: 18px;
    color: #666;
    margin: 10px 0 10px; }
  article.article-box1 ol li {
    line-height: 150%;
    max-width: 90%;
    font-size: 14px;
    color: #666;
    margin: 10px 0 10px 30px;
    padding: 0; }
  article.article-box1 ul li.doc-file {
    list-style: none;
    background-image: url(images/file-ico-doc.svg);
    background-size: 20px 30px;
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 6px 30px;
    margin: 5px 0 5px 15px;
    line-height: 150%; }
  article.article-box1 .staff-profile-frame a.pdf-file {
    display: block;
    background-image: url(images/file-ico-pdf.svg);
    background-size: 20px 30px;
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 6px 30px;
    margin: 5px 0 5px 0;
    line-height: 150%; }
  article.article-box1 .club-box {
    width: 23%;
    height: 220px;
    margin: 20px 2% 20px 0;
    padding: 5px;
    box-sizing: border-box;
    border: 1px #ccc solid;
    border-radius: 6px;
    background-color: #fff;
    float: left; }
  article.article-box1 .wide-box {
    width: 48%; }
  article.article-box1 .club-box h5 {
    margin: 0px;
    padding: 5px; }
  article.article-box1 .club-box p {
    font-size: 12px;
    margin: 0;
    padding: 0 5px;
    line-height: 110%; }
  article.article-box1 .club-box p img {
    margin: 0px auto;
    padding: 0; }

  #profile {
    width: 100%;
    margin: 0 0 40px 0;
    padding: 0; }
  #profile .profile-text .name-title {
    font-size: 16px;
    margin: 0;
    padding: 0; }
  #profile .profile-text .prof-name {
    font-size: 16px;
    margin: 0 0 50px 0;
    padding: 0; }

  .profile-photo {
    max-width: 400px;
    margin: 0 50px 10px 0;
    padding: 0;
    float: left; }

  .profile-text {
    max-width: 450px;
    height: auto;
    margin: 0;
    padding: 0;
    float: left; }

  #profile .profile-text p {
    width: 100%;
    line-height: 180%;
    height: auto;
    margin: 0;
    padding: 0; }

  #college-message {
    margin: 60px auto;
    padding: 0; }
  #college-message p {
    font-size: 16px;
    line-height: 180%;
    height: auto;
    margin: 10px auto;
    padding: 0; }

  #profile h3 {
    font-size: 14px;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 3px 0 3px 10px;
    border-bottom: #ccc 1px dotted; }

  #college-message p.bigfont {
    width: 100%;
    max-width: 800px;
    font-size: 24px;
    line-height: 150%;
    color: #002395;
    margin: 40px auto; }

  table#college-history {
    width: 100%;
    max-width: 920px;
    height: auto; }
  table#college-history th {
    width: 20%;
    background-color: #999;
    color: #fff; }
  table#college-history td {
    line-height: 150%; }
  table.data-table {
    font-size: 12px;
    width: 100%;
    max-width: 870px;
    height: auto;
    margin: 0 0 60px 50px; }
  table.data-table th {
    font-size: 13px;
    width: 40%; }
  table.data-table th.d33 {
    width: 33.3%; }
  table.data-table th.d20 {
    width: 20%; }
  table.data-table th.d25 {
    width: 25%; }
  table.data-table th.d15 {
    width: 15%; }
  table.data-table th.d14 {
    width: 14%; }
  table.data-table td {
    line-height: 150%;
    text-align: center; }
  table#gakuhi, table#shogaku {
    width: 90%;
    height: auto; }
  table#gakuhi th.gakuhi-width {
    width: 20%; }
  table#gakuhi td {
    line-height: 150%;
    text-align: right; }
  table#henso td {
    line-height: 150%;
    text-align: right; }

  .p-center {
    text-align: center; }

  table#gakka-course th {
    width: 20%; }
  table#gakka-course th + th {
    width: 80%; }

  #first-content {
    width: 98%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    padding: 0 0 40px 0; }

  #second-content {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    position: relative;
    background-color: #fcf7f2; }

  body.page-template-page-regional-alliences-koza #second-content, body.page-template-page-takusholife-overseas-training #second-content, body.page-template-page-hakuho-takudai-hc #second-content {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 20px 10px;
    position: relative;
    background-color: #ffffff;
    box-sizing: border-box; }

  #third-content {
    width: 100%;
    height: auto;
    margin: 0 auto;
    text-align: center;
    background-color: #fff; }

  #fourth-content {
    width: 100%;
    height: auto;
    min-height: 612px;
    margin: 0;
    padding: 0 0 40px 0;
    background-color: #a1d0ea;
    background-image: url(images/index-top-jyukensei-guide-sky-back.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    position: relative; }

  #fifth-content {
    width: 100%;
    height: auto;
    min-height: 840px;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    background-image: url(images/index-top-college2.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 90% auto;
    text-align: center;
    position: relative; }

  #sixth-content {
    width: 100%;
    height: auto;
    min-height: 1000px;
    margin: 0;
    padding: 0;
    background-color: #f5f0eb;
    text-align: center;
    position: relative; }

  #seventh-content {
    width: 100%;
    height: auto;
    min-height: 840px;
    margin: 0;
    padding: 0 0 40px 0;
    background-color: #fff;
    text-align: center;
    position: relative; }

  #eighth-content {
    width: 100%;
    height: auto;
    min-height: 840px;
    margin: 0;
    padding: 0 0 40px 0;
    background-color: #000;
    background-image: url(images/index-musical-back.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    position: relative; }

  /* Footer */
  footer {
    width: 100%;
    margin: 0;
    border-top: #e54800 1px solid;
    background-color: #464646;
    clear: both; }

  /*----------------------------------------------------------------------------
   ***                                                         Header
  ----------------------------------------------------------------------------*/
  header {
    width: 85%;
    max-width: 768px;
    height: auto;
    margin: 0 auto;
    padding: 40px 0 0 15px;
    position: absolute;
    z-index: 200; }
  header > h1 {
    display: none; }

  /* Site logo */
  .site-logo {
    width: 100%;
    max-width: 300px;
    height: auto;
    margin: 0;
    padding: 0;
    float: left; }
  .site-logo img {
    width: 100%;
    height: auto; }

  #top-search-box {
    font-size: 12px;
    width: 320px;
    height: 60px;
    float: right;
    text-align: center;
    margin: 0;
    padding-top: 0px; }
  #top-search-box div.top-search-box-item {
    margin: 0;
    padding: 0;
    background-color: #e54800; }
  #top-search-box div.top-search-box-item-info {
    margin: 0 10px 0 0;
    padding: 12px 0 0;
    background-color: #e54800;
    border-radius: 20px;
    width: 65px;
    height: 38px;
    float: left;
    font-size: 12px;
    box-sizing: border-box; }
  #top-search-box div.top-search-box-item-info a {
    color: white;
    text-decoration: none; }
  #top-search-box div.top-search-box-item-access {
    margin: 0 10px 0 0;
    padding: 12px 0 0;
    background-color: #e54800;
    border-radius: 20px;
    width: 65px;
    height: 38px;
    float: left;
    font-size: 12px;
    box-sizing: border-box; }
  #top-search-box div.top-search-box-item-access a {
    color: white;
    text-decoration: none; }
  #top-search-box form.search-form {
    width: 160px;
    float: left; }
  #top-search-box form .screen-reader-text {
    display: none; }
  #top-search-box form input.search-field {
    width: 150px; }
  #top-search-box #search {
    width: 160px;
    height: 28px;
    padding-top: 0px;
    padding-bottom: 0px;
    display: inline-block;
    text-align: center;
    background-color: #e54800;
    padding: 5px;
    border-radius: 20px; }
  #top-search-box #s {
    width: 135px;
    height: 16px;
    color: white;
    padding-top: 4px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 5px;
    background-color: #e54800;
    font-size: 14px;
    position: absolute;
    left: 10px;
    border: none;
    margin-top: 2px; }
  #top-search-box input#s[type="text"]:focus {
    outline: 0;
    border-color: white; }
  #top-search-box #searchsubmit {
    position: absolute;
    top: 4px;
    right: 10px;
    width: 20px; }

  #side-search-box #search {
    width: 200px;
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    display: inline-block;
    text-align: left; }
  #side-search-box #s {
    width: 250px;
    height: 22px;
    border: 1px solid brown;
    color: #333;
    padding-top: 4px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 5px;
    background-color: #fdfdfd;
    font-size: 14px; }

  *:first-child + html #top-search-box #searchsubmit {
    top: 1px; }

  #top-search-box #search #searchform {
    position: relative; }

  #head-menu {
    width: 680px;
    float: right;
    margin-top: 0px;
    margin-right: -45px; }
  #head-menu ul.head-menu-content li {
    float: left;
    margin-right: 5%;
    list-style: none;
    display: block;
    background-image: url(images/list-arrow-red2.png);
    background-repeat: no-repeat;
    background-position: 0 -4px;
    padding: 0 0 0 18px; }
  #head-menu ul.head-menu-content li a {
    text-decoration: none;
    color: #666; }
  #head-menu ul.head-menu-content li a:hover {
    text-decoration: none;
    color: #000; }

  /*----------------------------------------------------------------------------
   ***                                                         Nav
  ----------------------------------------------------------------------------*/
  #nav-pc, #nav-mobile {
    clear: both;
    position: absolute;
    z-index: 1000;
    top: 90px;
    right: 0; }
  #nav-pc ul.slimmenu, #nav-mobile ul.slimmenu {
    width: 100%;
    margin: 0 0 0 auto;
    background-color: #e54800;
    padding: 1rem;
    box-sizing: border-box; }

  /*----------------------------------------------------------------------------
   ***                                                         Drop Menu
  ----------------------------------------------------------------------------*/
  #sub-nav {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    background-color: #fff; }

  /*----------------------------------------------------------------------------
   ***                                                        News
  ----------------------------------------------------------------------------*/
  .index-news-box {
    width: 30%;
    height: 280px;
    float: left; }

  /*----------------------------------------------------------------------------
   ***                                                         Article
  ----------------------------------------------------------------------------*/
  .page-indexbox {
    width: 23%;
    margin: 20px 2.6% 20px 0;
    float: left;
    border: #ccc 1px solid;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    box-sizing: border-box; }
  .page-indexbox:before {
    content: "";
    display: block;
    padding-top: 100%; }

  .page-indexbox-list {
    width: 23%;
    margin: 20px 2.6% 20px 0;
    float: left;
    position: relative;
    overflow: hidden;
    box-sizing: border-box; }

  div.page-indexbox:nth-child(4n) {
    margin-right: 0; }

  div.page-indexbox-list:nth-child(4n) {
    margin-right: 0; }

  .page-indexbox-two {
    width: 49%;
    margin: 20px 2% 20px 0;
    float: left;
    border: #ccc 1px solid;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    box-sizing: border-box; }
  .page-indexbox-two:before {
    content: "";
    display: block;
    padding-top: 100%; }

  div.page-indexbox-two:nth-child(2n) {
    margin-right: 0; }

  .page-indexbox-two-text {
    width: 49%;
    height: auto;
    margin: 20px 2% 20px 0;
    float: left;
    border: #ccc 1px solid;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    box-sizing: border-box; }
  .page-indexbox-two-text:before {
    content: "";
    display: block;
    padding-top: 55%; }

  div.page-indexbox-two-text:nth-child(2n) {
    margin-right: 0; }

  .page-indexbox-two-half {
    width: 49%;
    margin: 20px 2% 20px 0;
    float: left;
    border: #ccc 1px solid;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    box-sizing: border-box; }
  .page-indexbox-two-half:before {
    content: "";
    display: block;
    padding-top: 46.5%; }

  div.page-indexbox-two-half:nth-child(2n) {
    margin-right: 0; }

  .page-indexbox-three {
    width: 32%;
    margin: 20px 2% 20px 0;
    float: left;
    border: #ccc 1px solid;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    box-sizing: border-box; }
  .page-indexbox-three:before {
    content: "";
    display: block;
    padding-top: 71.5%; }

  div.page-indexbox-three:nth-child(3n) {
    margin-right: 0; }

  .page-indexbox-full-text {
    width: 100%;
    margin: 20px 2.5% 20px 0;
    border: #ccc 1px solid;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    box-sizing: border-box; }
  .page-indexbox-full-text:before {
    content: "";
    display: block;
    padding-top: 25%; }

  .page-indexbox a, .page-indexbox-list a, .page-indexbox-two a, .page-indexbox-two-text a, .page-indexbox-two-half a, .page-indexbox-three a, .page-indexbox-full-text a {
    display: block;
    color: #fff;
    text-decoration: none; }
  .page-indexbox a:hover, .page-indexbox-list a:hover, .page-indexbox-two a:hover, .page-indexbox-two-text a:hover, .page-indexbox-two-half a:hover, .page-indexbox-three a:hover, .page-indexbox-full-text a:hover {
    display: block;
    color: #fff;
    text-decoration: none; }

  .page-indexbox h2, .page-indexbox-two h3, .page-indexbox-two-text h3, .page-indexbox-two-half h3, .page-indexbox-three h3 {
    font-size: 18px;
    font-weight: normal;
    line-height: 200%;
    padding-left: 5%;
    width: 100%;
    height: 36px;
    background-color: #002395;
    color: #fff;
    border-bottom: #ccc 1px solid;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }

  .page-indexbox-list h2.list {
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    padding: 10px;
    width: 100%;
    height: auto;
    background-color: #002395;
    color: #fff;
    border-bottom: #ccc 1px solid;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 10px;
    top: initial;
    left: initial;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s; }

  .page-indexbox-full-text h3 {
    font-size: 18px;
    font-weight: normal;
    line-height: 200%;
    padding-left: 5%;
    width: 100%;
    height: 36px;
    background-color: #002395;
    color: #fff;
    border-bottom: #ccc 1px solid;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    padding-left: 2.5%; }

  .page-indexbox:hover h2, .page-indexbox-two:hover h3, .page-indexbox-two-text:hover h3, .page-indexbox-two-half:hover h3, .page-indexbox-three:hover h3 .page-indexbox-full-text:hover h3 {
    background-color: #e54800; }

  .page-indexbox p.page-indexbox-mess, .page-indexbox-two p.page-indexbox-mess, .page-indexbox-two-half p.page-indexbox-mess, .page-indexbox-three p.page-indexbox-mess, .page-indexbox-two-text p.page-indexbox-mess {
    width: 84%;
    height: auto;
    font-size: 14px;
    font-weight: normal;
    line-height: 150%;
    padding: 3%;
    color: #fff;
    position: absolute;
    top: 55%;
    left: 5%;
    background-color: rgba(1, 1, 1, 0.5);
    border-radius: 4px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; }

  .page-indexbox:hover p.page-indexbox-mess, .page-indexbox-two:hover p.page-indexbox-mess, .page-indexbox-two-text:hover p.page-indexbox-mess, .page-indexbox-two-half:hover p.page-indexbox-mess, .page-indexbox-three:hover p.page-indexbox-mess {
    background-color: rgba(0, 39, 149, 0.7); }

  .page-indexbox-two p.page-indexbox-two-mess {
    width: 84%;
    height: auto;
    font-size: 14px;
    font-weight: normal;
    line-height: 200%;
    padding: 3%;
    color: #fff;
    position: absolute;
    top: 67%;
    left: 5%;
    background-color: rgba(1, 1, 1, 0.5);
    border-radius: 4px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; }
  .page-indexbox-two:hover p.page-indexbox-two-mess {
    background-color: rgba(0, 39, 149, 0.7); }

  .page-indexbox-two-text ul.page-indexbox-two-list, .page-indexbox-full-text ul.page-indexbox-two-list {
    width: 84%;
    height: auto;
    font-size: 14px;
    font-weight: normal;
    line-height: 200%;
    padding: 3%;
    color: #fff;
    position: absolute;
    top: 32%;
    left: 5%;
    background-color: rgba(1, 1, 1, 0.5);
    border-radius: 4px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; }

  .page-indexbox-two-text ul.page-indexbox-two-list li {
    margin-left: 2%; }

  .page-indexbox-full-text ul.page-indexbox-two-list li {
    margin-left: 2%;
    margin-right: 5%;
    float: left; }

  .page-indexbox-two-text ul.page-indexbox-two-list li a, .page-indexbox-full-text ul.page-indexbox-two-list li a {
    text-decoration: underline; }

  .page-indexbox-two-text ul.page-indexbox-two-list li a:hover, .page-indexbox-full-text ul.page-indexbox-two-list li a:hover {
    text-decoration: none; }

  .page-indexbox-two-text:hover ul.page-indexbox-two-list, .page-indexbox-full-text:hover ul.page-indexbox-two-list {
    background-color: rgba(0, 39, 149, 0.7); }

  .page-indexbox-two h4.page-indexbox-two-head {
    width: 84%;
    height: auto;
    font-size: 20px;
    font-weight: normal;
    line-height: 150%;
    padding: 3%;
    color: #002395;
    position: absolute;
    top: 52%;
    left: 5%;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; }
  .page-indexbox-two h4.page-indexbox-two-head a {
    color: #002395; }
  .page-indexbox-two:hover h4.page-indexbox-two-head {
    /*background-color:rgba(0,39,149,0.7);*/ }

  .page-indexbox-two-text h4.page-indexbox-two-head {
    width: 84%;
    height: auto;
    font-size: 20px;
    font-weight: normal;
    line-height: 150%;
    padding: 3%;
    color: #002395;
    position: absolute;
    top: 12%;
    left: 5%;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s; }

  .page-indexbox-full-text h4.page-indexbox-two-head {
    width: 84%;
    height: auto;
    font-size: 20px;
    font-weight: normal;
    line-height: 150%;
    padding: 3%;
    color: #002395;
    position: absolute;
    top: 12%;
    left: 5%;
    background-color: rgba(255, 255, 255, 0.7);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    top: 6%;
    left: 2.5%; }

  .page-indexbox-two-text h4.page-indexbox-two-head a, .page-indexbox-full-text h4.page-indexbox-two-head a {
    color: #002395; }

  .page-indexbox-two-text:hover h4.page-indexbox-two-head {
    /*background-color:rgba(0,39,149,0.7);*/ }

  .page-indexbox p.page-indexbox-btn, .page-indexbox-two p.page-indexbox-btn, .page-indexbox-two-text p.page-indexbox-btn, .page-indexbox-two-half p.page-indexbox-btn, .page-indexbox-three p.page-indexbox-btn {
    width: 84%;
    height: 40px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    line-height: 150%;
    padding: 3%;
    color: #fff;
    position: absolute;
    top: 120%;
    left: 5%;
    background-color: #56595c;
    border-radius: 4px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s; }

  .page-indexbox:hover p.page-indexbox-btn {
    top: 87%;
    background-color: #e54800; }

  .page-indexbox-two:hover p.page-indexbox-btn {
    top: 93.5%;
    background-color: #e54800;
    padding: 1.4% 3%; }

  .page-indexbox-two-text:hover p.page-indexbox-btn {
    top: 88%;
    background-color: #e54800;
    padding: 1.4% 3%; }

  .page-indexbox-two-half:hover p.page-indexbox-btn {
    top: 87%;
    background-color: #e54800;
    padding: 1.4% 3%; }

  .page-indexbox-three:hover p.page-indexbox-btn {
    top: 87%;
    background-color: #e54800;
    padding: 2% 3%; }

  .page-indexbox p.page-indexbox-img, .page-indexbox-two p.page-indexbox-img, .page-indexbox-two-half p.page-indexbox-img, .page-indexbox-three p.page-indexbox-img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 36px;
    left: 0px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    opacity: 1; }

  .page-indexbox:hover p.page-indexbox-img, .page-indexbox-two:hover p.page-indexbox-img, .page-indexbox-two-half:hover p.page-indexbox-img, .page-indexbox-three:hover p.page-indexbox-img {
    opacity: 0; }

  .page-indexbox p.page-indexbox-img2, .page-indexbox-two p.page-indexbox-img2, .page-indexbox-two-half p.page-indexbox-img2, .page-indexbox-three p.page-indexbox-img2 {
    width: 100%;
    height: auto;
    position: absolute;
    top: 36px;
    left: 0px; }

  .page-indexbox p.page-indexbox-img img, .page-indexbox p.page-indexbox-img2 img {
    width: 100%;
    height: auto;
    padding: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0; }

  .page-indexbox-two p.page-indexbox-img img, .page-indexbox-two p.page-indexbox-img2 img {
    width: 100%;
    height: auto;
    padding: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0; }

  .page-indexbox-two-half p.page-indexbox-img img, .page-indexbox-two-half p.page-indexbox-img2 img {
    width: 100%;
    height: auto;
    padding: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0; }

  .page-indexbox-three p.page-indexbox-img img, .page-indexbox-three p.page-indexbox-img2 img {
    width: 100%;
    height: auto;
    padding: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0; }

  .study-title {
    width: 100%;
    font-size: 24px;
    margin: 60px 0 20px 0;
    padding-bottom: 5px;
    font-weight: normal;
    border-bottom: #666 1px solid; }

  /* 学科・コースインデックス　保育学科説明文 */
  .index-head3 {
    font-size: 20px;
    font-weight: normal;
    line-height: 150%;
    color: #002395;
    margin: 20px 0 20px 40px; }

  .index-head3-p {
    width: 55%;
    height: auto;
    line-height: 200%;
    margin: 20px 0 20px 40px; }

  .index-head3-right {
    width: 40%;
    height: auto;
    min-height: 150px;
    margin: 0 2px 0 0;
    float: right;
    position: relative; }
  .index-head3-right img {
    width: 100%;
    height: auto;
    margin: 0; }
  .index-head3-right span.musical-btn {
    display: block;
    width: 146px;
    height: 125px;
    line-height: 200%;
    margin: 20px 0 20px 40px;
    position: absolute;
    bottom: -20px;
    left: -60px;
    transform: rotate(720deg);
    -webkit-transform: rotate(720deg);
    transition: all .2s ease;
    -webkit-transition: all .2s ease; }
  .index-head3-right:hover span.musical-btn {
    transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg); }
  .index-head3-right span.musical-btn img {
    width: 100%;
    inherit: auto;
    margin: 0; }

  .staff-frame {
    width: 100%;
    max-width: 820px;
    height: auto;
    margin: 20px auto; }

  .staff-box {
    width: 25%;
    max-width: 200px;
    height: 250px;
    margin: 3% 3%;
    padding: .7%;
    float: left;
    border: 1px #ccc solid;
    text-align: center;
    /*background-color:#fafafa;*/
    background-color: rgba(255, 255, 255, 0.3); }

  .staff-photo img {
    width: 100%;
    height: auto; }

  .staff-title {
    font-size: 12px !important;
    margin: 2% auto !important; }
  .staff-title a {
    color: #666 !important;
    text-decoration: none !important; }
  .staff-title a:hover {
    color: #000 !important; }

  .staff-title-sub {
    font-size: 12px !important;
    font-weight: bold; }

  .staff-profile-frame {
    width: 100%;
    height: auto;
    margin: 0; }

  .staff-profile-photo {
    width: 23%;
    max-width: 200px;
    height: auto;
    margin: 0 11% 0 0;
    float: right; }
  .staff-profile-photo img {
    width: 100%;
    height: auto;
    padding: 0;
    border: 1px #ccc solid;
    background-color: #fafafa; }

  .staff-profile-box {
    width: 75%;
    max-width: 600px;
    height: auto;
    margin: 0;
    padding: 0 60px 0 0;
    float: left;
    box-sizing: border-box; }

  .staff-profile-jobtitle {
    /*font-size:18px !important;*/ }

  .staff-profile-birthyear {
    margin-bottom: 10px !important; }

  table#staff-profile-table {
    width: 100%;
    max-width: 770px;
    height: auto;
    margin: 30px auto 30px 50px;
    padding: 0; }
  table#staff-profile-table th {
    width: 20%;
    height: auto;
    text-align: center;
    background-color: rgba(255, 233, 222, 0.3);
    color: #666; }
  table#staff-profile-table td {
    text-align: left;
    line-height: 200%;
    background-color: rgba(255, 255, 255, 0.3); }

  article.article-box1 p#accredited a.pdf-file {
    display: block;
    background-image: url(images/file-ico-pdf.svg);
    background-size: 20px 30px;
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 6px 30px;
    margin: 5px 0 5px 0;
    line-height: 150%; }
  article.article-box1 p.pdf-file {
    display: block;
    background-image: url(images/file-ico-pdf.svg);
    background-size: 20px 30px;
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 6px 30px;
    margin: 5px 0 5px 50px;
    line-height: 150%; }
  article#cal-wide {
    width: 100%;
    max-width: 1280px;
    margin-right: 0; }

  /*
  Gakunenreki Table
  */
  ul#cal-mobile-menu {
    display: none; }

  table.gakunenreki {
    font-size: 12px;
    width: 33%;
    height: auto;
    margin: 0;
    padding: 0;
    float: left; }
  table.gakunenreki th {
    padding: 10px 5px;
    background-color: #626262;
    color: #fff; }
  table.gakunenreki td {
    text-align: left;
    padding: 10px 5px; }
  table.gakunenreki th {
    vertical-align: middle; }
  table.gakunenreki th.kankyo-color {
    color: #fff;
    background-color: #58b530; }
  table.gakunenreki th.chiiki-color {
    color: #fff;
    background-color: #0889cf; }
  table.gakunenreki th.hoiku-color {
    color: #fff;
    background-color: #e73268; }

  th.wide10per {
    width: 7%; }
  th.wide70per {
    width: 79%; }

  table.gakunenreki th.cal-even {
    background-color: #fbf0ea;
    color: #000; }
  table.gakunenreki th.cal-odd {
    background-color: #fbf6d1;
    color: #000; }

  /* Syllabus */
  .section-head {
    font-size: 14px;
    line-height: 150%;
    width: 97.5%;
    height: 20px;
    padding: 3px 10px;
    background-color: #ccc;
    color: #000;
    margin: 20px 0 0 0;
    border-radius: 4px;
    background-color: #fafafa;
    border: 1px #ccc solid; }

  .syllabus-teacher {
    font-size: 20px;
    float: right;
    margin: 10px 0 0 0; }

  .article-box-index {
    width: 19.5%;
    margin: 0 .6% 0 0;
    float: left;
    background-image: url(images/ami.png);
    text-align: center;
    position: relative; }
  .article-box-index:after {
    padding-top: 91.2%;
    display: block;
    content: ""; }
  .article-box-index .contentbox {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
  .article-box-index a {
    /*color:#fff;*/ }
  .article-box-index a:hover {
    /*color:#fff;*/ }
  .article-box-index:last-child {
    margin: 0; }
  .article-box-index h2 {
    width: 90%;
    font-size: 14px;
    font-weight: nomal;
    padding: 5%;
    background-color: rgba(186, 131, 51, 0.58);
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0; }
  .article-box-index h2 span.sub-head {
    display: block;
    width: 90%;
    font-size: 16px;
    font-weight: nomal;
    padding: 5% 5% 0 5%;
    color: #fff; }
  .article-box-index img {
    width: 100%;
    height: 100%;
    padding: 0px;
    background-color: #fff; }

  .see-all-list {
    background-image: url(images/list-arrow-blue1.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    margin: 10px 10px 0 0;
    padding: 5px 0 0 26px;
    font-size: 12px;
    float: right; }

  #second-content h2, #third-content h2, #fourth-content h2, #fifth-content h2, #sixth-content h2, #seventh-content h2, #eighth-content h2 {
    width: 100%;
    height: auto;
    margin: 0 auto 30px auto;
    padding: 60px 0 15px 0;
    font-size: 36px;
    font-weight: normal;
    text-align: center;
    box-sizing: border-box;
    color: #ffffff;
    border-bottom: none; }

  #second-content h2, #third-content h2, #fifth-content h2, #sixth-content h2, #seventh-content h2 {
    color: #666; }

  .article-box-index.kankyo .front {
    box-sizing: border-box;
    border: 10px #5AD44B solid;
    overflow: hidden; }
  .article-box-index.chiiki .front {
    box-sizing: border-box;
    border: 10px #3BB7FF solid;
    overflow: hidden; }
  .article-box-index.hoiku .front {
    box-sizing: border-box;
    border: 10px #FF9092 solid;
    overflow: hidden; }

  #second-content .second-content-box {
    width: 98%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    float: none; }
  #second-content .second-content-box .contentbox {
    width: 100%;
    max-width: 980px;
    height: auto;
    min-height: 360px;
    margin: 0 auto;
    float: none; }
  #second-content .second-content-box #second-sp-frame {
    width: 100%;
    max-width: 980px;
    height: auto;
    margin: 20px auto;
    clear: both;
    position: relative; }
  #second-content .second-content-box #second-sp-frame #anniv50 {
    width: 50%;
    height: auto;
    text-align: center;
    float: left;
    margin: 40px auto; }
  #second-content .second-content-box #second-sp-frame #anniv50 img {
    width: auto;
    height: auto; }
  #second-content .second-content-box #second-sp-frame #anniv50 #anniv50-excerpt {
    width: 96%;
    height: auto;
    font-size: 12px;
    line-height: 130%;
    margin: 0 0 0 4%;
    text-align: left;
    display: block; }
  #second-content .second-content-box #second-sp-frame #accredited-mark {
    width: 50%;
    height: auto;
    text-align: center;
    float: left;
    margin: 40px auto; }
  #second-content .second-content-box #second-sp-frame #accredited-mark img {
    width: auto;
    height: auto; }

  #fourth-content .fourth-content-box {
    width: 100%;
    max-width: 540px;
    height: auto;
    margin: 40px auto;
    text-align: left; }
  #fourth-content .fourth-content-box ul {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0; }
  #fourth-content .fourth-content-box ul li {
    width: 100%;
    height: auto;
    font-size: 16px;
    font-weight: 400;
    margin: 5px auto;
    padding: 10px;
    display: block;
    background-color: rgba(255, 253, 253, 0.62);
    border-radius: 6px;
    float: none;
    position: relative;
    box-sizing: border-box; }
  #fourth-content .fourth-content-box ul li span.small-font {
    display: block;
    font-size: 12px;
    line-height: 130%;
    padding: 10px 0 0 10px; }
  #fourth-content .fourth-content-box ul li span.arrow-plane {
    position: absolute;
    top: 30px;
    left: 0px;
    -moz-transition-property: all;
    -moz-transition-duration: .3s;
    -moz-transition-delay: 0s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: all;
    -webkit-transition-duration: .3s;
    -webkit-transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -ms-transition-property: all;
    -ms-transition-duration: .3s;
    -ms-transition-delay: 0s;
    -ms-transition-timing-function: ease-out;
    transition-property: all;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: ease-out;
    opacity: 0; }
  #fourth-content .fourth-content-box ul li:hover span.arrow-plane {
    top: 0px;
    left: -50px;
    opacity: 1; }

  #fifth-content .fifth-content-box {
    width: 90%;
    max-width: 748px;
    height: auto;
    margin: 0 auto;
    text-align: left; }
  #fifth-content .fifth-content-box ul {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    box-sizing: border-box; }
  #fifth-content .fifth-content-box ul li {
    width: 43%;
    height: 100px;
    font-size: 22px;
    margin: 10px 3%;
    padding: 10px;
    float: left;
    box-sizing: border-box;
    position: relative;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 6px; }
  #fifth-content .fifth-content-box ul li span.arrow-plane {
    position: absolute;
    top: 30px;
    left: 30px;
    -moz-transition-property: all;
    -moz-transition-duration: .3s;
    -moz-transition-delay: 0s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: all;
    -webkit-transition-duration: .3s;
    -webkit-transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -ms-transition-property: all;
    -ms-transition-duration: .3s;
    -ms-transition-delay: 0s;
    -ms-transition-timing-function: ease-out;
    transition-property: all;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: ease-out;
    opacity: 0; }

  #seventh-content .seventh-content-box ul li span.arrow-plane {
    position: absolute;
    top: 30px;
    left: 30px;
    -moz-transition-property: all;
    -moz-transition-duration: .3s;
    -moz-transition-delay: 0s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: all;
    -webkit-transition-duration: .3s;
    -webkit-transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -ms-transition-property: all;
    -ms-transition-duration: .3s;
    -ms-transition-delay: 0s;
    -ms-transition-timing-function: ease-out;
    transition-property: all;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: ease-out;
    opacity: 0; }

  #fifth-content .fifth-content-box ul li:hover span.arrow-plane {
    top: -10px;
    left: -20px;
    opacity: 1; }

  #seventh-content .seventh-content-box ul li:hover span.arrow-plane {
    top: 0px;
    left: 0px;
    opacity: 1; }

  #sixth-content .sixth-content-box ul li span.arrow-plane {
    position: absolute;
    top: 30px;
    left: 10px;
    -moz-transition-property: all;
    -moz-transition-duration: .3s;
    -moz-transition-delay: 0s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: all;
    -webkit-transition-duration: .3s;
    -webkit-transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -ms-transition-property: all;
    -ms-transition-duration: .3s;
    -ms-transition-delay: 0s;
    -ms-transition-timing-function: ease-out;
    transition-property: all;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: ease-out;
    opacity: 0; }
  #sixth-content .sixth-content-box ul li:hover span.arrow-plane {
    top: 0px;
    left: -20px;
    opacity: 1; }

  #fifth-content .fifth-content-box ul li span.short-excerpt {
    font-size: 14px;
    line-height: 150%;
    display: block;
    margin: 0;
    padding: 10px; }

  #sixth-content .sixth-content-box {
    width: 98%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    text-align: left; }
  #sixth-content .sixth-content-box .study-course {
    width: 90%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    background-color: rgba(245, 240, 235, 0.75);
    border-radius: 6px; }

  ul#kankyo-box {
    margin: 0 0 10px 0;
    padding: 20px 5px 10px 0;
    border-right: 10px #58b530 solid;
    border-bottom: 1px #58b530 solid;
    border-top: 1px #58b530 solid; }
  ul#chiiki-box {
    margin: 0 0 10px 0;
    padding: 20px 5px 10px 0;
    border-right: 10px #0889cf solid;
    border-bottom: 1px #0889cf solid;
    border-top: 1px #0889cf solid; }
  ul#hoiku-box {
    margin: 0 0 10px 0;
    padding: 20px 5px 10px 0;
    border-right: 10px #e73268 solid;
    border-bottom: 1px #e73268 solid;
    border-top: 1px #e73268 solid; }
  ul#kyoin-box {
    margin: 0 0 10px 0;
    padding: 20px 5px 10px 0; }

  #sixth-content .sixth-content-box ul#kyoin-box li {
    margin: 0 0 20px 0;
    padding: 0; }
  #sixth-content .sixth-content-box ul li {
    width: 100%;
    height: auto;
    font-size: 22px;
    margin: 0;
    padding: 5px 0 0 10px;
    box-sizing: border-box;
    position: relative; }
  #sixth-content .sixth-content-box ul li span.short-excerpt {
    font-size: 14px;
    line-height: 150%;
    display: block;
    margin: 0;
    padding: 10px; }

  #seventh-content .seventh-content-box {
    width: 100%;
    max-width: 767px;
    height: auto;
    margin: 0 auto;
    text-align: left; }
  #seventh-content .seventh-content-box ul#seventh-content-ul1, #seventh-content .seventh-content-box ul#seventh-content-ul2, #seventh-content .seventh-content-box ul#seventh-content-ul3, #seventh-content .seventh-content-box ul#seventh-content-ul4, #seventh-content .seventh-content-box ul#seventh-content-ul5 {
    width: 80%;
    height: auto;
    margin: 5% auto;
    padding: 0;
    float: none;
    box-sizing: border-box; }
  #seventh-content .seventh-content-box ul li {
    width: 100%;
    height: auto;
    font-size: 22px;
    margin: 11px 0;
    padding: 15px 0 0 30px;
    box-sizing: border-box;
    position: relative;
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 6px; }
  #seventh-content .seventh-content-box ul li span.short-excerpt {
    font-size: 14px;
    line-height: 150%;
    display: block;
    margin: 0;
    padding: 10px; }

  #takusho-life-student1 {
    position: absolute;
    bottom: 40%;
    right: -15%; }

  #takusho-life-student2 {
    position: absolute;
    bottom: 0;
    left: 0; }

  #takusho-life-student3 {
    position: absolute;
    top: 0;
    right: -5%; }

  #takusho-life-student4 {
    position: absolute;
    bottom: 0;
    right: -10%; }

  #takusho-life-student5 {
    position: absolute;
    top: 0;
    left: 0; }

  #takusho-life-student1 img, #takusho-life-student2 img, #takusho-life-student3 img, #takusho-life-student4 img, #takusho-life-student5 img {
    width: 60%;
    height: auto; }

  #eighth-content .eighth-content-box {
    width: 98%;
    max-width: 979px;
    height: auto;
    margin: 80px auto 0 auto; }

  #musical-subtitle {
    width: 100%;
    height: auto;
    font-size: 4em;
    color: #ffffff;
    text-align: center;
    float: none; }
  #musical-subtitle span#musical-excerpt {
    display: block;
    font-size: 20px;
    line-height: 180%;
    margin: 40px 0;
    text-shadow: 0 0 3px black; }

  #musical-video {
    width: 100%;
    height: auto;
    margin-top: 20px;
    color: #ffffff;
    float: none; }
  #musical-video iframe {
    width: 100%;
    max-width: 640px;
    height: 360px;
    margin: 0; }
  #musical-video h3 {
    color: #ffff;
    font-size: 18px;
    margin-bottom: 20px;
    display: none; }

  #musical-more {
    color: #fff;
    width: 100%;
    height: 44px;
    font-size: 24px;
    margin: 30px auto;
    padding: 10px;
    clear: both;
    border: 1px #666 solid;
    background-color: #000;
    box-sizing: border-box;
    -moz-transition-property: all;
    -moz-transition-duration: .3s;
    -moz-transition-delay: 0s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: all;
    -webkit-transition-duration: .3s;
    -webkit-transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -ms-transition-property: all;
    -ms-transition-duration: .3s;
    -ms-transition-delay: 0s;
    -ms-transition-timing-function: ease-out;
    transition-property: all;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: ease-out; }
  #musical-more a {
    display: block;
    color: #ccc;
    text-decoration: none; }
  #musical-more a:hover {
    color: #fff; }
  #musical-more:hover {
    background-color: #393536; }

  #certificate-mark {
    position: absolute;
    bottom: 150px;
    right: 2%; }

  #jyuken-girl {
    display: none; }

  #jyuken-paperplane {
    position: absolute;
    bottom: 250px;
    right: 40%;
    -moz-transition-property: all;
    -moz-transition-duration: .2s;
    -moz-transition-delay: 0s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: all;
    -webkit-transition-duration: .2s;
    -webkit-transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -ms-transition-property: all;
    -ms-transition-duration: .2s;
    -ms-transition-delay: 0s;
    -ms-transition-timing-function: ease-out;
    transition-property: all;
    transition-duration: .2s;
    transition-delay: 0s;
    transition-timing-function: ease-out; }

  #study-people {
    width: 65%;
    height: auto;
    position: absolute;
    bottom: 0px;
    right: 0; }
  #study-people span#topindex-gakka-message img {
    display: none; }
  #study-people img {
    width: 100%;
    height: auto; }

  body.page-template-page-syllabus-index ul.syllabus-ul {
    max-width: 100%;
    margin: 20px 0 60px 20px;
    padding: 0 0 5px 0;
    list-style: none; }
  body.page-template-page-syllabus-index ul.syllabus-ul li {
    width: 30%;
    height: auto;
    float: left;
    background-image: url(images/list-arrow-red.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 20px;
    box-sizing: border-box; }
  body.archive .half-box-title {
    font-size: 18px;
    line-height: 150%; }
  body.archive .half-box-excerpt {
    line-height: 150%;
    margin: 10px 0 40px 0; }

  .article-box1 .main-text .profile-box {
    width: 90%;
    height: auto;
    padding: 1%;
    margin: 0; }
  .article-box1 .main-text .profile-box h4 {
    margin: 20px 0 20px 5%; }
  .article-box1 .main-text .profile-box p.profile-box-img {
    float: left;
    margin: 0px 1% 30px 5%; }
  .article-box1 .main-text .profile-box ul {
    width: 68%;
    height: auto;
    float: left;
    margin: 0; }

  /*----------------------------------------------------------------------------
   ***                                                        Googlemaps
  ----------------------------------------------------------------------------*/
  .acf-map {
    width: 100%;
    height: 400px;
    border: #ccc solid 1px;
    margin: 20px 0; }

  .map-location iframe {
    pointer-events: none;
    width: 100%; }

  #realestate-map {
    width: 100%;
    height: 800px;
    border: #ccc solid 1px;
    margin: 20px 0; }
  #realestate-map .marker {
    position: relative;
    width: 300px !important;
    height: 200px; }
  #realestate-map .building-photo {
    float: left; }

  #re-list-head {
    width: 100%;
    height: auto;
    margin: 20px 0 0 0;
    position: relative;
    font-weight: bold;
    /*background-color:#fff;*/
    padding: 5px 0;
    box-sizing: border-box; }

  #re-list-name {
    width: 22%;
    height: auto;
    margin: 0;
    float: left; }

  #re-list-address {
    width: 30%;
    height: auto;
    margin: 0;
    float: left; }

  #re-list-fee, #re-list-walktime, #re-list-space {
    width: 10%;
    height: auto;
    margin: 0;
    float: left; }

  #re-list-age {
    width: 13%;
    height: auto;
    margin: 0;
    float: left; }

  .marker-label-index {
    text-align: center;
    display: block;
    font-size: 14px;
    width: 16px;
    height: 70%;
    margin: 0 4px 0 0;
    line-height: 110%;
    padding: 3px;
    background-color: #e0e5d3;
    border-radius: 4px;
    color: red;
    float: left; }

  .map-location h4.spot-title {
    margin: 10px 0 !important; }
  .map-location .see-thispage-btn {
    text-align: center;
    width: 150px;
    height: 20px;
    padding: 5px;
    position: absolute;
    right: 0px;
    bottom: 42px;
    border: 1px #ccc solid;
    background-color: #E8E8E8; }
  .map-location .see-thispage-btn:hover {
    background-color: #FEEEEF; }
  .map-location .see-thispage-btn a {
    line-height: 150%;
    display: block;
    text-decoration: none;
    color: #666;
    font-size: 14px; }
  .map-location .see-thispage-btn a:hover {
    color: #000; }

  div#mapList {
    width: 100%;
    margin: 20px 0 60px 0; }
  div#mapList .map-list {
    font-size: 14px;
    width: 100%;
    height: 40px;
    margin: 0 0 0px 0;
    padding: 8px 4px;
    display: block;
    background-color: rgba(255, 255, 255, 0.84);
    border-left: 5px #ccc solid;
    border-bottom: 1px #ccc dotted;
    border-right: 1px #ccc solid;
    box-sizing: border-box;
    position: relative; }
  div#mapList .map-list span.marker-list-title {
    display: inline-block;
    width: 20%;
    height: auto;
    margin: 5px 0; }
  div#mapList .map-list span.marker-list-address {
    display: inline-block;
    width: 30%;
    height: auto;
    margin: 5px 0; }
  div#mapList .map-list span.marker-list-fee, div#mapList .map-list span.marker-list-walktime, div#mapList .map-list span.marker-list-space {
    display: inline-block;
    width: 10%;
    height: auto;
    margin: 5px 0; }
  div#mapList .map-list span.marker-list-age {
    display: inline-block;
    width: 15%;
    height: auto;
    margin: 5px 0; }
  div#mapList .map-list:hover {
    color: #000;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.4);
    border-left: 5px #e54800 solid; }

  /*----------------------------------------------------------------------------
   ***                                                        Sidebar
  ----------------------------------------------------------------------------*/
  aside h2 {
    font-size: 18px;
    font-weight: nomal;
    margin: 5%;
    color: #666;
    border-bottom: #666 2px solid; }
  aside h2 span.whatsnew-sub {
    font-size: 12px;
    margin-left: 5%; }
  aside h3 {
    font-size: 18px;
    color: #666; }
  aside#second-content h3 {
    font-size: 30px;
    font-weight: 100;
    color: #e54800;
    border-bottom: 1px #ccc dotted;
    padding-bottom: 5px;
    margin-bottom: 10px; }

  body.page-template-page-regional-alliences-koza aside#second-content h3, body.page-template-page-takusholife-overseas-training aside#second-content h3, body.page-template-page-hakuho-takudai-hc aside#second-content h3 {
    font-size: 20px;
    font-weight: 100;
    color: #e54800;
    border-bottom: 1px #ccc dotted;
    padding-bottom: 5px;
    margin-bottom: 10px;
    margin-top: 0;
    margin-left: 0; }

  aside ul {
    list-style: none;
    margin: 5%; }
  aside ul li {
    margin: 10px 0; }
  aside ul li span.news-date {
    font-size: 12px;
    display: block;
    float: left; }
  aside ul li span.news-category {
    display: block;
    float: left;
    font-size: 12px; }
  aside ul li span.news-title {
    display: block;
    clear: both;
    font-size: 14px; }
  aside li a {
    color: #666;
    text-decoration: none; }
  aside li a:hover {
    color: #000;
    text-decoration: underline; }

  .third-content-box {
    width: 100%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto 60px auto;
    position: relative; }

  .third-content-link-box {
    width: 100%;
    max-width: 1280px;
    min-height: 120px;
    margin: 0 auto 60px auto;
    position: relative;
    background-color: #ddd;
    text-align: left; }

  body.home #third-content .widget_sp_image {
    width: 200px;
    height: auto;
    float: left;
    margin: 0 30px 0 0;
    padding: 10px;
    border: 1px #ccc solid;
    box-shadow: 0 0 5px #ccc; }
  body.home #third-content .widget_sp_image:last-child {
    margin: 0; }
  body.home #third-content .widget-area-link .widget_sp_image {
    width: auto;
    height: auto;
    float: left;
    margin: 20px;
    padding: 0;
    border: none;
    box-shadow: none; }
  body.home #third-content .widget-area-link .widget_sp_image:last-child {
    margin-right: 0; }
  body.home aside#third-content article.third-content-link-box .textwidget ul {
    width: 15%;
    height: auto;
    float: left;
    margin: 0;
    padding: 20px; }
  body.home aside#third-content article.third-content-link-box .textwidget ul li {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 5px 0 5px 25px;
    background-image: url(images/link-badge-333.png);
    background-repeat: no-repeat; }
  body.home aside#third-content article.third-content-link-box .textwidget ul li:hover {
    background-image: url(images/link-badge-333up.png); }
  body.home aside#third-content article.third-content-link-box .textwidget ul li a {
    color: #333; }
  body.home aside#third-content article.third-content-link-box .textwidget ul li a:hover {
    color: #000; }
  body.home #third-content h3.widget-title {
    display: block;
    border-bottom: 1px #ccc solid;
    margin: 0 0 10px 0;
    paddin: 0 0 5px 0;
    text-align: right;
    font-size: 14px;
    font-weight: normal; }
  body.home #third-content .widget-area-link h3.widget-title {
    display: none; }

  .third-content-box img {
    width: auto;
    height: auto;
    padding: 0px;
    background-color: #fff; }
  .third-content-box:nth-child(5n) {
    margin-right: 0; }

  aside .second-content-box h2 {
    font-size: 180%;
    font-weight: nomal;
    margin: 0 0 20px 0;
    color: #666;
    border-bottom: #666 2px solid; }
  aside .second-content-box .see-all-list {
    margin: 5px 0 0 0;
    font-size: 16px;
    float: none;
    border: 1px #ccc solid;
    width: 100%;
    height: 48px;
    padding: 16px;
    box-sizing: border-box;
    text-align: center;
    background-image: none;
    -moz-transition-property: all;
    -moz-transition-duration: .2s;
    -moz-transition-delay: 0s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: all;
    -webkit-transition-duration: .2s;
    -webkit-transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -ms-transition-property: all;
    -ms-transition-duration: .2s;
    -ms-transition-delay: 0s;
    -ms-transition-timing-function: ease-out;
    transition-property: all;
    transition-duration: .2s;
    transition-delay: 0s;
    transition-timing-function: ease-out; }
  aside .second-content-box .see-all-list:hover {
    background-color: #666; }
  aside .second-content-box .see-all-list a {
    display: block;
    text-decoration: none;
    color: #666; }
  aside .second-content-box .see-all-list:hover a {
    color: #fff; }
  aside .second-content-box ul {
    width: 100%;
    height: auto;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow: scroll; }

  .column-box ul {
    width: 100%;
    height: auto;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow: scroll; }

  aside .second-content-box ul li, .column-box ul li {
    width: 100%;
    height: auto;
    margin: 0 0 10px 0;
    padding: 10px 0 0 0;
    border-bottom: 1px #ccc dotted;
    display: block;
    clear: both; }

  aside .second-content-box ul li span.news-date, .column-box ul li span.news-date {
    font-size: 12px;
    color: #A7A7A7;
    display: block;
    float: left;
    padding: .5%;
    margin-bottom: 1%; }

  aside .second-content-box ul li span.news-category, .column-box ul li span.news-category {
    display: block;
    float: left;
    font-size: 11px;
    font-weight: bold;
    color: 000;
    background-color: #ccc;
    width: 135px;
    height: auto;
    padding: .6%;
    margin: 0 1% 1% 1%;
    text-align: center;
    border-radius: 4px; }

  aside .second-content-box ul li span.news-news, .column-box ul li span.news-news {
    color: #fff;
    background-color: #e29808; }

  aside .second-content-box ul li span.news-events, .column-box ul li span.news-events {
    color: #fff;
    background-color: #06b9fd; }

  aside .second-content-box ul li span.news-entrance-exam, .column-box ul li span.news-entrance-exam {
    color: #fff;
    background-color: #08cbc4; }

  aside .second-content-box ul li span.news-college, .column-box ul li span.news-college {
    color: #fff;
    background-color: #77a5b5; }

  aside .second-content-box ul li span.news-student, .column-box ul li span.news-student {
    color: #fff;
    background-color: #94905B; }

  aside .second-content-box ul li span.news-kankyo-arg, .column-box ul li span.news-kankyo-arg {
    color: #fff;
    background-color: #58b530; }

  aside .second-content-box ul li span.news-local-biz, .column-box ul li span.news-local-biz {
    color: #fff;
    background-color: #0889cf; }

  aside .second-content-box ul li span.news-nursery, .column-box ul li span.news-nursery {
    color: #fff;
    background-color: #e73268; }

  aside .second-content-box ul li span.news-jobas, .column-box ul li span.news-jobas {
    color: #fff;
    background-color: #e54800; }

  aside .second-content-box ul li span.news-public, .column-box ul li span.news-public {
    color: #fff;
    background-color: #bf8c60; }

  aside .second-content-box ul li span.news-oversea, .column-box ul li span.news-oversea {
    color: #fff;
    background-color: #0638C5; }

  aside .second-content-box ul li span.news-hakuhozeki, .column-box ul li span.news-hakuhozeki {
    color: #fff;
    background-color: #DABB00; }

  aside .second-content-box ul li span.news-title, .column-box ul li span.news-title {
    display: block;
    clear: both;
    font-size: 16px;
    line-height: 150%; }

  figure.wp-caption {
    min-height: 150px;
    float: left;
    margin: 0 30px 10px 10px; }

  figcaption.wp-caption-text {
    font-size: 12px;
    min-height: 48px; }

  /* Main contents sidebar */
  #sidebar {
    margin: 40px 0 0 0;
    padding: 0;
    float: none;
    width: 100%;
    height: auto; }

  #second-sp-frame img {
    width: 100%;
    height: auto; }

  #sidebar h3 {
    font-size: 18px;
    font-weight: normal;
    margin: 0 0 20px 0; }
  #sidebar #side-submenu ul.menu {
    margin: 0; }
  #sidebar #side-submenu ul li ul.sub-menu {
    width: 100%;
    height: auto;
    margin: 0;
    display: block;
    background-color: #FEE1CA; }
  #sidebar #side-submenu ul.menu li {
    width: 100%;
    height: auto;
    font-size: 18px;
    margin: 0;
    padding: 0;
    line-height: 220%; }
  #sidebar #side-submenu ul#menu1 > li > a, #sidebar #side-submenu ul#menu2 > li > a, #sidebar #side-submenu ul#menu3 > li > a, #sidebar #side-submenu ul#menu4 > li > a, #sidebar #side-submenu ul#menu5 > li > a, #sidebar #side-submenu ul#menu6 > li > a {
    padding-left: 10px !important;
    border-left: 5px #e54800 solid; }
  #sidebar #side-submenu ul.menu li.noside {
    display: none; }
  #sidebar #side-submenu ul li ul.sub-menu li {
    width: 90%;
    height: auto;
    font-size: 16px;
    margin: 0;
    padding: 15px 5% 13px 5%;
    line-height: 130%;
    border-top: 1px #ccc dotted;
    overflow: hidden;
    -moz-transition-property: background-position,background-color;
    -moz-transition-duration: .2s;
    -moz-transition-delay: 0s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: background-position,background-color;
    -webkit-transition-duration: .2s;
    -webkit-transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -ms-transition-property: background-position,background-color;
    -ms-transition-duration: .2s;
    -ms-transition-delay: 0s;
    -ms-transition-timing-function: ease-out;
    transition-property: background-position,background-color;
    transition-duration: .2s;
    transition-delay: 0s;
    transition-timing-function: ease-out; }
  #sidebar #side-submenu ul li ul.sub-menu li:last-child {
    border-bottom: 1px #ccc dotted;
    border-top: 1px #ccc dotted; }
  #sidebar #side-submenu ul li ul.sub-menu li a {
    display: block; }
  #sidebar #side-submenu ul li ul.sub-menu li a:hover {
    text-decoration: none;
    color: #fff; }
  #sidebar #side-submenu ul li ul.sub-menu li:hover {
    background-color: #e54800;
    color: #fff; }
  #sidebar #side-submenu ul li ul.sub-menu li:hover a {
    color: #fff; }

  #fourth-content .sidebar-container {
    margin-left: 0;
    padding-bottom: 0; }
  #fourth-content .sidebar-container .widget_sp_image {
    width: 100%;
    height: auto;
    margin: 0 0 0 5%; }
  #fourth-content .sidebar-container .widget_sp_image img {
    width: 100%;
    max-width: 540px !important;
    height: auto; }

  #sidebar #side-submenu ul li ul.sub-menu li#menu-item-1074 {
    background-image: none; }
  #sidebar #side-submenu ul li ul.sub-menu li#menu-item-1074:hover {
    background-image: none; }
  #sidebar #side-submenu ul li ul.sub-menu li#menu-item-1074 > a {
    padding-bottom: 10px; }

  /*----------------------------------------------------------------------------
   ***                                                         Side Sub Menu
  ----------------------------------------------------------------------------*/
  #side-submenu {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0; }

  #other-posts-box {
    width: 100%;
    height: auto;
    margin: 40px 0;
    padding: 0; }
  #other-posts-box h3 {
    width: 100%;
    height: auto;
    font-size: 18px;
    margin: 0 0 6px 0;
    padding: 0;
    line-height: 150%;
    padding-left: 10px;
    border-left: 5px #e54800 solid; }
  #other-posts-box h3 span.small-font {
    font-size: 12px;
    padding: 0 10px 0 0; }
  #other-posts-box h3 span.big-font {
    color: #e54800;
    padding: 0 10px 0 0; }

  aside#sidebar #other-posts-box ul {
    list-style: none;
    margin: 0;
    background-color: #f3ebdc; }
  aside#sidebar #other-posts-box ul li {
    margin: 0;
    line-height: 150%;
    padding: 10px;
    border-bottom: 1px #ccc dotted; }
  aside#sidebar #other-posts-box ul li span.date {
    display: block;
    margin: 0 0 5px 0; }

  /*----------------------------------------------------------------------------
   ***                                                         Footer Area
  ----------------------------------------------------------------------------*/
  #footer-top {
    width: 100%;
    margin: 0;
    color: #000;
    font-size: 90%;
    padding: 20px 0 20px 0;
    overflow: hidden;
    background-color: white;
    text-align: center; }

  #foot-logo {
    width: 96%;
    max-width: 1280px;
    margin: 0 auto; }

  #ftlogo {
    width: 100%;
    float: none; }

  #site-seal {
    text-align: right; }

  #footer-area {
    width: 96%;
    max-width: 1280px;
    margin: 0 auto;
    font-size: 90%;
    padding: 18px 0;
    overflow: hidden; }

  .footer-segment {
    float: left;
    margin-right: .5%;
    width: 16%; }
  .footer-segment:last-child {
    margin-right: 0px; }

  footer aside h4 {
    color: #CCC;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5em;
    border-bottom: #CCC 1px dotted;
    margin-right: 2%; }
  footer ul li {
    font-size: 12px;
    margin: 5px 0;
    padding: 5px 0;
    list-style-type: none;
    color: ccc; }
  footer li a:link, footer li a:visited {
    color: white;
    text-decoration: none; }
  footer li a:hover {
    color: #FFF;
    text-decoration: underline; }
  footer p {
    margin: 0; }

  /*----------------------------------------------------------------------------
   ***                                                         Footer Bottom
  ----------------------------------------------------------------------------*/
  #footer-bottom-link {
    width: 100%;
    height: auto;
    background-color: #e54800;
    color: white;
    padding: 20px 0; }
  #footer-bottom-link .footer-bottom-link-inner {
    width: 98%;
    max-width: 960px;
    margin: 0 auto; }
  #footer-bottom-link .footer-bottom-link-inner .textwidget {
    display: flex;
    flex-direction: row; }
  #footer-bottom-link .footer-bottom-link-inner .textwidget .ft-col {
    display: flex;
    flex-direction: column;
    width: 225px;
    height: auto;
    margin-right: 20px; }
  #footer-bottom-link .footer-bottom-link-inner .textwidget .ft-col .ftlink {
    width: 100%;
    height: auto;
    border: 1px white solid;
    padding: 15px 0;
    text-align: center;
    box-sizing: border-box;
    font-weight: bold;
    margin-bottom: 20px; }
  #footer-bottom-link .footer-bottom-link-inner .textwidget .ft-col .ftlink a {
    color: white;
    text-decoration: none;
    display: block; }
  #footer-bottom-link .footer-bottom-link-inner .textwidget .ft-col .ftlink.pdn0 {
    padding: 0;
    border: none; }
  #footer-bottom-link .footer-bottom-link-inner .textwidget .ft-col:last-child {
    margin-right: 0; }

  #footer-bottom {
    width: 100%;
    height: auto;
    background-color: #464646;
    color: #fff;
    text-align: center;
    clear: both; }
  #footer-bottom p {
    font-size: 12px;
    line-height: 3.6;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding-top: 0;
    color: white;
    text-align: center; }

  /*----------------------------------------------------------------------------
   ***                                                              page top icon
  ----------------------------------------------------------------------------*/
  #page-top {
    position: fixed;
    bottom: 5%;
    right: 1%;
    font-size: 77%;
    z-index: 400;
    transition: bottom .3s ease-in-out;
    -webkit-transition: bottom .3s ease-in-out;
    -moz-transition: bottom .3s ease-in-out;
    background-color: white;
    width: 70px;
    height: 70px;
    border-radius: 35px;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3); }
  #page-top img {
    position: absolute;
    top: 9px;
    left: 11px; }
  #page-top span {
    display: none; }
  #page-top a {
    text-decoration: none;
    width: 100%;
    height: 100%;
    padding: 0;
    display: block; }
  #page-top:hover {
    bottom: 5%; }

  aside .second-content-box ul li span.news-title, .column-box ul li span.news-title {
    display: block;
    clear: both;
    font-size: 14px;
    line-height: 130%; } }
@media print, screen and (min-width: 768px) {
  /*----------------------------------------------------------------------------
   ***                                                         Header
  ----------------------------------------------------------------------------*/
  header {
    width: 85%;
    max-width: 768px;
    padding: 40px 0 0 20px; }

  /* Site logo */
  .site-logo {
    width: 100%;
    max-width: 300px; }

  #top-search-box {
    font-size: 12px;
    width: 350px;
    height: 60px;
    float: right;
    text-align: center;
    margin: 0;
    padding-top: 0px; }
  #top-search-box div.top-search-box-item {
    margin: 0;
    padding: 0;
    background-color: #e54800; }
  #top-search-box div.top-search-box-item-info {
    margin: 0 10px 0 0;
    padding: 12px 0 0;
    background-color: #e54800;
    border-radius: 20px;
    width: 65px;
    height: 38px;
    float: left;
    font-size: 12px;
    box-sizing: border-box; }
  #top-search-box div.top-search-box-item-info a {
    color: white;
    text-decoration: none; }
  #top-search-box div.top-search-box-item-access {
    margin: 0 10px 0 0;
    padding: 12px 0 0;
    background-color: #e54800;
    border-radius: 20px;
    width: 65px;
    height: 38px;
    float: left;
    font-size: 12px;
    box-sizing: border-box; }
  #top-search-box div.top-search-box-item-access a {
    color: white;
    text-decoration: none; }
  #top-search-box form.search-form {
    width: 170px;
    float: left; }
  #top-search-box form .screen-reader-text {
    display: none; }
  #top-search-box form input.search-field {
    width: 150px; }
  #top-search-box #search {
    width: 190px;
    height: 28px;
    padding-top: 0px;
    padding-bottom: 0px;
    display: inline-block;
    text-align: center;
    background-color: #e54800;
    padding: 5px;
    border-radius: 20px; }
  #top-search-box #s {
    width: 135px;
    height: 16px;
    color: white;
    padding-top: 4px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 5px;
    background-color: #e54800;
    font-size: 14px;
    position: absolute;
    left: 10px;
    border: none;
    margin-top: 2px; }
  #top-search-box input#s[type="text"]:focus {
    outline: 0;
    border-color: white; }
  #top-search-box #searchsubmit {
    position: absolute;
    top: 4px;
    right: 10px;
    width: 20px; }

  #side-search-box #search {
    width: 200px;
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    display: inline-block;
    text-align: left; }
  #side-search-box #s {
    width: 250px;
    height: 22px;
    border: 1px solid brown;
    color: #333;
    padding-top: 4px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 5px;
    background-color: #fdfdfd;
    font-size: 14px; }

  *:first-child + html #top-search-box #searchsubmit {
    top: 1px; }

  #top-search-box #search #searchform {
    position: relative; }

  #head-menu {
    width: 680px;
    float: right;
    margin-top: 0px;
    margin-right: -45px; }
  #head-menu ul.head-menu-content li {
    float: left;
    margin-right: 5%;
    list-style: none;
    display: block;
    background-image: url(images/list-arrow-red2.png);
    background-repeat: no-repeat;
    background-position: 0 -4px;
    padding: 0 0 0 18px; }
  #head-menu ul.head-menu-content li a {
    text-decoration: none;
    color: #666; }
  #head-menu ul.head-menu-content li a:hover {
    text-decoration: none;
    color: #000; }

  /*----------------------------------------------------------------------------
   ***                                                         Nav
  ----------------------------------------------------------------------------*/
  #nav-pc, #nav-mobile {
    clear: both;
    position: absolute;
    z-index: 1000;
    top: 90px;
    right: 0; }
  #nav-pc ul.slimmenu, #nav-mobile ul.slimmenu {
    width: 100%;
    margin: 0 0 0 auto;
    background-color: #e54800;
    padding: 1rem;
    box-sizing: border-box; }

  nav {
    width: 97%;
    max-width: 400px;
    height: 80px;
    margin: 0 auto;
    padding: 0 15px 0 0; }

  aside .second-content-box ul li span.news-title, .column-box ul li span.news-title {
    display: inline; }

  #fourth-content .sidebar-container {
    margin-left: -40%;
    padding-bottom: 80px; }
  #fourth-content .sidebar-container .widget_sp_image {
    width: 40%;
    height: auto;
    margin: 0 0 0 5%; }
  #fourth-content .sidebar-container .widget_sp_image img {
    width: 100%;
    max-width: 540px !important;
    height: auto; }

  #jyuken-girl {
    display: block;
    position: absolute;
    bottom: 0;
    left: 75%; }

  #jyuken-paperplane {
    position: absolute;
    bottom: 250px;
    right: 40%;
    -moz-transition-property: all;
    -moz-transition-duration: .2s;
    -moz-transition-delay: 0s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: all;
    -webkit-transition-duration: .2s;
    -webkit-transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -ms-transition-property: all;
    -ms-transition-duration: .2s;
    -ms-transition-delay: 0s;
    -ms-transition-timing-function: ease-out;
    transition-property: all;
    transition-duration: .2s;
    transition-delay: 0s;
    transition-timing-function: ease-out; }

  #fourth-content .sidebar-container {
    margin-left: 0;
    padding-bottom: 80px; }
  #fourth-content .fourth-content-box {
    width: 60%;
    max-width: 640px;
    /*height:400px;*/
    height: auto;
    margin: 0 0 0 45%;
    position: absolute;
    right: auto;
    top: 180px;
    text-align: left; }
  #fourth-content .fourth-content-box ul {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0; }
  #fourth-content .fourth-content-box ul li {
    width: 100%;
    height: auto;
    font-size: 16px;
    font-weight: 400;
    margin: 5px;
    padding: 10px;
    display: block;
    background-color: rgba(255, 253, 253, 0.62);
    border-radius: 6px;
    z-index: 1000;
    float: none;
    position: relative; }
  #fourth-content .fourth-content-box ul li span.small-font {
    display: block;
    font-size: 12px;
    line-height: 130%;
    padding: 10px 0 0 10px; }
  #fourth-content .fourth-content-box ul li span.arrow-plane {
    display: none; }
  #fourth-content .fourth-content-box ul li:hover span.arrow-plane {
    display: none; }

  #study-people {
    width: 60%;
    height: auto;
    position: absolute;
    bottom: 0px;
    right: 0; }
  #study-people span#topindex-gakka-message img {
    display: none; }
  #study-people img {
    width: 100%;
    max-width: 600px;
    height: auto; }

  #fifth-content .fifth-content-box ul li span.arrow-plane, #seventh-content .seventh-content-box ul li span.arrow-plane {
    position: absolute;
    top: 30px;
    left: 30px;
    -moz-transition-property: all;
    -moz-transition-duration: .3s;
    -moz-transition-delay: 0s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: all;
    -webkit-transition-duration: .3s;
    -webkit-transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -ms-transition-property: all;
    -ms-transition-duration: .3s;
    -ms-transition-delay: 0s;
    -ms-transition-timing-function: ease-out;
    transition-property: all;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: ease-out;
    opacity: 0; }

  #fifth-content .fifth-content-box ul li:hover span.arrow-plane {
    top: -10px;
    left: -20px;
    opacity: 1; }

  #seventh-content .seventh-content-box ul li:hover span.arrow-plane {
    top: 0px;
    left: 0px;
    opacity: 1; } }
@media only screen and (min-width: 980px) {
  /*----------------------------------------------------------------------------
   ***                                                         Header
  ----------------------------------------------------------------------------*/
  header {
    width: 85%;
    max-width: 1280px;
    padding: 40px 0 0 40px; }

  /* Site logo */
  .site-logo {
    width: 100%;
    max-width: 370px; }

  #top-search-box {
    font-size: 12px;
    width: 440px;
    height: 60px;
    float: right;
    text-align: center;
    margin: 0;
    padding-top: 0px; }
  #top-search-box div.top-search-box-item {
    margin: 0;
    padding: 0;
    background-color: #e54800; }
  #top-search-box div.top-search-box-item-info {
    margin: 0 10px 0 0;
    padding: 12px 0 0;
    background-color: #e54800;
    border-radius: 20px;
    width: 85px;
    height: 38px;
    float: left;
    font-size: 14px;
    box-sizing: border-box; }
  #top-search-box div.top-search-box-item-info a {
    color: white;
    text-decoration: none; }
  #top-search-box div.top-search-box-item-access {
    margin: 0 10px 0 0;
    padding: 12px 0 0;
    background-color: #e54800;
    border-radius: 20px;
    width: 85px;
    height: 38px;
    float: left;
    font-size: 14px;
    box-sizing: border-box; }
  #top-search-box div.top-search-box-item-access a {
    color: white;
    text-decoration: none; }
  #top-search-box form.search-form {
    width: 170px;
    float: left; }
  #top-search-box form .screen-reader-text {
    display: none; }
  #top-search-box form input.search-field {
    width: 150px; }
  #top-search-box #search {
    width: 220px;
    height: 28px;
    padding-top: 0px;
    padding-bottom: 0px;
    display: inline-block;
    text-align: center;
    background-color: #e54800;
    padding: 5px;
    border-radius: 20px; }
  #top-search-box #s {
    width: 135px;
    height: 16px;
    color: white;
    padding-top: 4px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 5px;
    background-color: #e54800;
    font-size: 14px;
    position: absolute;
    left: 10px;
    border: none;
    margin-top: 2px; }
  #top-search-box input#s[type="text"]:focus {
    outline: 0;
    border-color: white; }
  #top-search-box #searchsubmit {
    position: absolute;
    top: 4px;
    right: 10px;
    width: 20px; }

  #side-search-box #search {
    width: 200px;
    height: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    display: inline-block;
    text-align: left; }
  #side-search-box #s {
    width: 250px;
    height: 22px;
    border: 1px solid brown;
    color: #333;
    padding-top: 4px;
    padding-right: 5px;
    padding-bottom: 4px;
    padding-left: 5px;
    background-color: #fdfdfd;
    font-size: 14px; }

  *:first-child + html #top-search-box #searchsubmit {
    top: 1px; }

  #top-search-box #search #searchform {
    position: relative; }

  #head-menu {
    width: 680px;
    float: right;
    margin-top: 0px;
    margin-right: -45px; }
  #head-menu ul.head-menu-content li {
    float: left;
    margin-right: 5%;
    list-style: none;
    display: block;
    background-image: url(images/list-arrow-red2.png);
    background-repeat: no-repeat;
    background-position: 0 -4px;
    padding: 0 0 0 18px; }
  #head-menu ul.head-menu-content li a {
    text-decoration: none;
    color: #666; }
  #head-menu ul.head-menu-content li a:hover {
    text-decoration: none;
    color: #000; }

  /*----------------------------------------------------------------------------
   ***                                                         Nav
  ----------------------------------------------------------------------------*/
  #nav-pc, #nav-mobile {
    clear: both;
    position: absolute;
    z-index: 1000;
    top: 90px;
    right: 0; }
  #nav-pc ul.slimmenu, #nav-mobile ul.slimmenu {
    width: 100%;
    margin: 0 0 0 auto;
    background-color: #e54800;
    padding: 1rem;
    box-sizing: border-box; }

  nav {
    width: 97%;
    max-width: 400px;
    height: 80px;
    margin: 0 auto;
    padding: 0 40px 0 0; }

  article.article-box1 {
    width: 71.875%;
    max-width: 920px;
    height: auto;
    min-height: 700px;
    margin: 10px 40px 60px 0;
    clear: both;
    float: left;
    position: relative; }

  #sidebar {
    margin: 40px 0 0 0;
    padding: 0;
    float: right;
    width: 23.5%;
    height: auto; }

  #second-content h2, #third-content h2, #fourth-content h2, #fifth-content h2, #sixth-content h2, #seventh-content h2, #eighth-content h2 {
    width: 100%;
    height: auto;
    margin: 0 auto 40px auto;
    padding: 80px 0 20px 0;
    font-size: 40px;
    font-weight: normal;
    text-align: center;
    box-sizing: border-box;
    color: #ffffff;
    border-bottom: none; }

  #second-content h2, #third-content h2, #fifth-content h2, #sixth-content h2, #seventh-content h2 {
    color: #666; }

  aside .second-content-box ul {
    width: 100%;
    height: auto;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow: scroll; }
  aside .second-content-box ul li {
    width: 100%;
    height: 30px;
    margin: 0 0 5px 0;
    padding: 5px 0 0 0;
    border-bottom: 1px #ccc dotted;
    display: block;
    clear: both; }

  .column-box ul li {
    width: 100%;
    height: 30px;
    margin: 0 0 5px 0;
    padding: 5px 0 0 0;
    border-bottom: 1px #ccc dotted;
    display: block;
    clear: both; }

  #fourth-content .fourth-content-box {
    width: 60%;
    max-width: 640px;
    /*height:400px;*/
    height: auto;
    margin: 0 0 0 50%;
    position: absolute;
    right: auto;
    top: 180px;
    text-align: left; }
  #fourth-content .fourth-content-box ul {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0; }
  #fourth-content .fourth-content-box ul li {
    width: 100%;
    height: auto;
    font-size: 16px;
    font-weight: 400;
    margin: 5px;
    padding: 10px;
    display: block;
    background-color: rgba(255, 253, 253, 0.62);
    border-radius: 6px;
    z-index: 1000;
    float: none;
    position: relative; }
  #fourth-content .fourth-content-box ul li span.small-font {
    display: block;
    font-size: 12px;
    line-height: 130%;
    padding: 10px 0 0 10px; }
  #fourth-content .fourth-content-box ul li span.arrow-plane {
    display: none; }
  #fourth-content .fourth-content-box ul li:hover span.arrow-plane {
    display: none; }

  #sixth-content .sixth-content-box {
    width: 98%;
    max-width: 980px;
    height: auto;
    margin: 0 auto;
    text-align: left; }
  #sixth-content .sixth-content-box .study-course {
    width: 90%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    border-radius: 6px;
    z-index: 1000; }

  #study-people {
    width: 60%;
    height: auto;
    position: absolute;
    bottom: 0px;
    right: 0; }
  #study-people span#topindex-gakka-message img {
    display: none; }
  #study-people img {
    width: 100%;
    max-width: 600px;
    height: auto; }

  #seventh-content .seventh-content-box {
    width: 100%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    text-align: left; }
  #seventh-content .seventh-content-box ul#seventh-content-ul1, #seventh-content .seventh-content-box ul#seventh-content-ul2, #seventh-content .seventh-content-box ul#seventh-content-ul3 {
    width: 33%;
    height: 350px;
    margin: 0;
    padding: 2%;
    float: left;
    box-sizing: border-box; }
  #seventh-content .seventh-content-box ul#seventh-content-ul4, #seventh-content .seventh-content-box ul#seventh-content-ul5 {
    width: 40%;
    height: 350px;
    margin: 0 10% 0 0;
    padding: 2%;
    float: left;
    box-sizing: border-box; }
  #seventh-content .seventh-content-box ul li {
    width: 100%;
    height: auto;
    font-size: 22px;
    margin: 11px 0;
    padding: 15px 0 0 30px;
    box-sizing: border-box;
    position: relative;
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 6px; }
  #seventh-content .seventh-content-box ul li span.short-excerpt {
    font-size: 14px;
    line-height: 150%;
    display: block;
    margin: 0;
    padding: 10px; }

  #takusho-life-student1 {
    position: absolute;
    bottom: 0;
    right: 7%; }

  #takusho-life-student2 {
    position: absolute;
    bottom: 0;
    left: 7%; }

  #takusho-life-student3 {
    position: absolute;
    bottom: 50%;
    right: 20px; }

  #takusho-life-student4 {
    position: absolute;
    bottom: 0;
    right: 50%; }

  #takusho-life-student5 {
    position: absolute;
    bottom: 50%;
    left: 0; }

  #seventh-content .seventh-content-box #takusho-life-student1 img, #seventh-content .seventh-content-box #takusho-life-student2 img, #seventh-content .seventh-content-box #takusho-life-student3 img, #seventh-content .seventh-content-box #takusho-life-student4 img, #seventh-content .seventh-content-box #takusho-life-student5 img {
    width: auto;
    height: auto; }

  .main-photo img {
    width: 100%;
    max-width: 920px;
    height: auto; } }
@media only screen and (min-width: 1240px) {
  #second-content .second-content-box .contentbox {
    width: 60%;
    max-width: 800px;
    height: auto;
    min-height: 360px;
    margin: 0 auto;
    float: left; }

  body.page #second-content .second-content-box .contentbox {
    width: 100%;
    max-width: 900px;
    height: auto;
    min-height: 360px;
    margin: 0 auto;
    float: none; }

  #second-content .second-content-box img {
    width: auto;
    height: auto; }
  #second-content .second-content-box #second-sp-frame {
    width: 38%;
    max-width: 460px;
    height: auto;
    margin: 0 auto 40px auto;
    float: right;
    position: relative;
    text-align: center;
    clear: none; }
  #second-content .second-content-box #second-sp-frame .widget_sp_image {
    width: 100%;
    height: auto;
    text-align: center;
    float: none;
    margin: 10px auto;
    clear: both; }
  #second-content .second-content-box #second-sp-frame #accredited-mark {
    width: 100%;
    height: auto;
    text-align: center;
    float: none;
    margin: 10px auto 10px auto;
    clear: both; }
  #second-content .second-content-box #second-sp-frame #anniv50 {
    width: 100%;
    height: auto;
    margin: 0 auto 10px auto;
    float: none;
    max-width: 440px; }
  #second-content .second-content-box #second-sp-frame #anniv50 img {
    width: 100%;
    height: auto; }
  #second-content .second-content-box #second-sp-frame #anniv50 .anniv50-left {
    max-width: 180px;
    margin-right: 20px;
    float: left; }
  #second-content .second-content-box #second-sp-frame #anniv50 .anniv50-right {
    max-width: 260px;
    float: left; }
  #second-content .second-content-box #second-sp-frame #anniv50 #anniv50-excerpt {
    font-size: 14px;
    margin: 15px 0 0 0; }
  #second-content .second-content-box #second-sp-frame #hauhokenkyu {
    width: 100%;
    max-width: 440px;
    height: auto;
    margin: 10px auto 0 auto;
    float: none; }
  #second-content .second-content-box #second-sp-frame #hauhokenkyu img {
    width: 100%;
    height: auto; }

  aside .second-content-box ul li span.news-title, .column-box ul li span.news-title {
    display: inline;
    clear: none;
    font-size: 14px;
    line-height: 150%; }

  #fourth-content .sidebar-container {
    margin-left: -40%;
    padding-bottom: 80px; }
  #fourth-content .sidebar-container .widget_sp_image {
    width: auto;
    height: auto;
    margin: auto; }
  #fourth-content .fourth-content-box {
    width: 60%;
    max-width: 640px;
    height: 400px;
    margin: 0 0 0 52%;
    position: absolute;
    right: auto;
    top: 180px;
    text-align: left; }
  #fourth-content .fourth-content-box ul {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0; }
  #fourth-content .fourth-content-box ul li {
    width: 150px;
    height: 150px;
    font-size: 16px;
    font-weight: 400;
    margin: 5px;
    padding: 40px 20px 0 20px;
    display: block;
    background-color: rgba(255, 253, 253, 0.62);
    border-radius: 150px;
    z-index: 1000;
    float: left;
    position: relative;
    box-sizing: content-box; }
  #fourth-content .fourth-content-box ul li span.small-font {
    display: block;
    font-size: 12px;
    line-height: 130%;
    padding: 10px 0 0 10px; }
  #fourth-content .fourth-content-box ul li span.arrow-plane {
    display: block;
    position: absolute;
    top: 30px;
    left: 0px;
    -moz-transition-property: all;
    -moz-transition-duration: .3s;
    -moz-transition-delay: 0s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: all;
    -webkit-transition-duration: .3s;
    -webkit-transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -ms-transition-property: all;
    -ms-transition-duration: .3s;
    -ms-transition-delay: 0s;
    -ms-transition-timing-function: ease-out;
    transition-property: all;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: ease-out;
    opacity: 0; }
  #fourth-content .fourth-content-box ul li:hover span.arrow-plane {
    display: block;
    top: 0px;
    left: -50px;
    opacity: 1; }

  #fifth-content .fifth-content-box ul {
    width: 100%;
    height: auto;
    margin: 0 0 0 -30%;
    padding: 0;
    box-sizing: border-box; }

  #sixth-content {
    width: 100%;
    height: auto;
    min-height: 840px;
    margin: 0;
    padding: 0;
    background-color: #f5f0eb;
    text-align: center;
    position: relative; }
  #sixth-content .sixth-content-box {
    width: 98%;
    max-width: 1240px;
    height: auto;
    margin: 0 auto;
    text-align: left; }
  #sixth-content .sixth-content-box .study-course {
    width: 50%;
    height: auto;
    margin: 0 0 0 50%;
    padding: 0 2% 5% 2%;
    box-sizing: border-box;
    background-color: rgba(245, 240, 235, 0.75); }
  #sixth-content .sixth-content-box ul li:hover span.arrow-plane {
    top: -10px;
    left: -20px;
    opacity: 1; }
  #sixth-content .sixth-content-box ul#kyoin-box li {
    margin: 0 0 20px 0;
    padding: 0 0 0 15px; }

  #study-people {
    width: 45%;
    height: auto;
    position: absolute;
    bottom: 0px;
    left: 5%;
    text-align: center; }
  #study-people span#topindex-gakka-message img {
    display: block;
    width: 100%;
    max-width: 290px;
    height: auto;
    margin: 0 auto 20% auto; }
  #study-people img {
    width: 100%;
    max-width: 709px;
    height: auto; }

  #seventh-content .seventh-content-box {
    width: 100%;
    max-width: 1280px;
    height: auto;
    margin: 0 auto;
    text-align: left; }
  #seventh-content .seventh-content-box ul#seventh-content-ul1, #seventh-content .seventh-content-box ul#seventh-content-ul2, #seventh-content .seventh-content-box ul#seventh-content-ul3 {
    width: 33%;
    height: 350px;
    margin: 0;
    padding: 2% 5%;
    float: left;
    box-sizing: border-box; }
  #seventh-content .seventh-content-box ul#seventh-content-ul4, #seventh-content .seventh-content-box ul#seventh-content-ul5 {
    width: 40%;
    height: 350px;
    margin: 0 10% 0 0;
    padding: 5%;
    float: left;
    box-sizing: border-box; }
  #seventh-content .seventh-content-box ul li {
    width: 100%;
    height: auto;
    font-size: 22px;
    margin: 11px 0;
    padding: 15px 0 0 30px;
    box-sizing: border-box;
    position: relative;
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 6px; }
  #seventh-content .seventh-content-box ul li span.short-excerpt {
    font-size: 14px;
    line-height: 150%;
    display: block;
    margin: 0;
    padding: 10px; }

  #takusho-life-student1 {
    position: absolute;
    bottom: 0;
    right: 7%; }

  #takusho-life-student2 {
    position: absolute;
    bottom: 0;
    left: 7%; }

  #takusho-life-student3 {
    position: absolute;
    bottom: 50%;
    right: 20px; }

  #takusho-life-student4 {
    position: absolute;
    bottom: 0;
    left: 42%; }

  #takusho-life-student5 {
    position: absolute;
    bottom: 50%;
    left: 0; }

  #eighth-content .eighth-content-box {
    width: 98%;
    max-width: 1280px;
    height: 600px;
    margin: 100px auto 0 auto; }

  #musical-subtitle {
    width: 55%;
    height: 500px;
    font-size: 4em;
    color: #ffffff;
    text-align: left;
    float: left; }
  #musical-subtitle span#musical-excerpt {
    display: block;
    font-size: 20px;
    line-height: 180%;
    margin: 40px 0;
    text-shadow: 0 0 3px black; }

  #musical-video {
    width: 45%;
    height: 400px;
    margin-top: 100px;
    color: #ffffff;
    text-align: center;
    float: right; }
  #musical-video iframe {
    width: 100%;
    height: 100%;
    margin: 0; }
  #musical-video h3 {
    color: #ffff;
    font-size: 18px;
    margin-bottom: 20px;
    display: none; }

  #musical-more {
    color: #fff;
    width: 100%;
    height: 44px;
    font-size: 24px;
    margin: 30px auto;
    padding: 10px;
    clear: both;
    border: 1px #666 solid;
    background-color: #000;
    box-sizing: border-box;
    -moz-transition-property: all;
    -moz-transition-duration: .3s;
    -moz-transition-delay: 0s;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-property: all;
    -webkit-transition-duration: .3s;
    -webkit-transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -ms-transition-property: all;
    -ms-transition-duration: .3s;
    -ms-transition-delay: 0s;
    -ms-transition-timing-function: ease-out;
    transition-property: all;
    transition-duration: .3s;
    transition-delay: 0s;
    transition-timing-function: ease-out; }
  #musical-more a {
    display: block;
    color: #ccc;
    text-decoration: none; }
  #musical-more a:hover {
    color: #fff; }
  #musical-more:hover {
    background-color: #393536; }

  article.article-box1 h3 {
    font-size: 18px;
    font-weight: normal;
    line-height: 100%;
    color: #000;
    margin: 40px 0 20px 30px;
    padding: 0 0 0 10px;
    border-left: #e54800 5px solid; }
  article.article-box1 h4 {
    max-width: 100%;
    font-size: 16px;
    color: #666;
    margin: 20px 0 20px 50px;
    padding: 0 0 3px 0;
    border-bottom: #666 1px solid; }
  article.article-box1 div.post-date {
    text-align: right; }
  article.article-box1 figure {
    width: auto;
    height: auto;
    max-width: 90%; }
  article.article-box1 figure img {
    width: auto;
    max-width: 100%;
    height: auto; }
  article.article-box1 p {
    max-width: 100%;
    font-size: 14px;
    line-height: 180%;
    color: #666;
    margin: 20px 0 30px 50px;
    padding: 0 0 5px 0; }

  figure.wp-caption {
    min-height: 150px;
    float: left;
    margin: 0 5px 10px 50px; }

  figcaption.wp-caption-text {
    min-height: 36px; } }
@media print {
  @page {
    margin: 5mm; }
  img {
    max-width: 100% !important; }

  p, h1, h2, h3, h4, h5, h6 {
    orphans: 3;
    /* 改ページ後のページ先頭に書かれるべき最低行数 */
    widows: 3; }

  h1, h2, h3, h4, h5, h6 {
    /* 要素の直後で改ページしない */
    page-break-after: avoid; }

  table, img, pre, blockquote {
    /* 要素の途中で改ページしない */
    page-break-inside: avoid; }

  #top-search-box {
    font-size: 10px; }

  nav {
    height: 50px; }

  #head-menu {
    width: 620px; }
  #head-menu ul.head-menu-content li {
    font-size: 12px;
    margin-right: 5%;
    padding: 0 0 0 20px; }

  #second-content h2, #third-content h2, #fourth-content h2, #fifth-content h2, #sixth-content h2, #seventh-content h2, #eighth-content h2 {
    width: 100%;
    height: auto;
    margin: 0px auto 10px auto;
    padding: 20px 0 10px 0;
    font-size: 26px;
    font-weight: normal;
    text-align: center;
    box-sizing: border-box;
    border-bottom: none; }

  aside#second-content h3 {
    font-size: 20px; }
  aside .second-content-box ul li span.news-title {
    font-size: 12px; }

  .column-box ul li span.news-title {
    font-size: 12px; }

  aside .second-content-box ul li span.news-date, .column-box ul li span.news-date {
    font-size: 10px; }

  aside .second-content-box ul li span.news-category, .column-box ul li span.news-category {
    width: 80px; }

  #second-content .second-content-box #second-sp-frame #anniv50, #second-content .second-content-box #second-sp-frame #hakuhokenkyu, #second-content .second-content-box #second-sp-frame #accredited-mark {
    width: 100%;
    float: none;
    margin: 10px 5px; }
  #second-content .second-content-box .contentbox {
    width: 60%;
    max-width: auto;
    height: auto;
    min-height: 360px;
    margin: 0;
    float: left; }
  #second-content .second-content-box #second-sp-frame {
    width: 40%;
    max-width: auto;
    height: auto;
    margin: 0;
    clear: none;
    float: left;
    position: relative; }

  #fourth-content {
    min-height: auto;
    padding: 0; }
  #fourth-content .fourth-content-box {
    width: 60%;
    max-width: 640px;
    /* height: 400px; */
    height: auto;
    margin: 0 0 0 45%;
    position: absolute;
    right: auto;
    top: 60px;
    text-align: left; }
  #fourth-content .fourth-content-box ul li {
    font-size: 14px; }

  #fifth-content {
    min-height: auto;
    background-size: 70% auto; }
  #fifth-content .fifth-content-box ul li {
    height: 80px;
    font-size: 14px;
    margin: 5px 3%;
    padding: 5px; }
  #fifth-content .fifth-content-box ul li span.short-excerpt {
    font-size: 12px;
    padding: 5px; }

  #sixth-content {
    min-height: auto; }

  #study-people {
    width: 40%; }

  #sixth-content .sixth-content-box ul li {
    font-size: 14px;
    padding: 5px 0 0 30px;
    margin: 0; }
  #sixth-content .sixth-content-box ul li span.short-excerpt {
    font-size: 12px; }

  #seventh-content .seventh-content-box {
    max-width: auto; }
  #seventh-content .seventh-content-box ul#seventh-content-ul1, #seventh-content .seventh-content-box ul#seventh-content-ul2, #seventh-content .seventh-content-box ul#seventh-content-ul3, #seventh-content .seventh-content-box ul#seventh-content-ul4, #seventh-content .seventh-content-box ul#seventh-content-ul5 {
    margin: 0 auto; }
  #seventh-content .seventh-content-box ul li {
    font-size: 14px; }
  #seventh-content .seventh-content-box ul li span.short-excerpt {
    font-size: 12px; }

  #eighth-content {
    min-height: auto;
    padding: 0 0 10px 0; }
  #eighth-content .eighth-content-box {
    max-width: auto;
    margin: 0px auto 0 auto; }

  #musical-subtitle {
    font-size: 40px; }
  #musical-subtitle span#musical-excerpt {
    font-size: 12px;
    line-height: 150%;
    margin: 20px 0; }

  #musical-video {
    margin: 0 auto; }

  #musical-more {
    height: 30px;
    font-size: 16px;
    margin: 10px auto;
    padding: 5px; }

  .third-content-box {
    max-width: auto;
    margin: 0 auto 10px auto; }

  body.home #third-content .widget_sp_image {
    width: 120px;
    margin: 0 5px;
    padding: 5px; }

  .third-content-link-box {
    max-width: auto;
    min-height: auto;
    margin: 0 auto 10px auto; }

  body.home #third-content .widget-area-link .widget_sp_image {
    margin: 5px; }
  body.home aside#third-content article.third-content-link-box .textwidget ul {
    width: 100%; }

  #second-content .second-content-box #second-sp-frame #anniv50 img {
    width: 50% !important;
    height: auto; } }

/*# sourceMappingURL=style-index.css.map */