/*================================================
Header
=================================================*/
#header {
  text-align: center; }
  #header .inner {
    padding: 30px 0 10px; }
  #header .logo-name {
    width: 50%;
    margin: 0 auto; }
  #header .head .contact-btn {
    width: 48%;
    margin: 10px auto 0; }
  #header .head .number {
    width: 68%;
    margin: 0 auto; }
  @media screen and (min-width: 768px) {
    #header .inner {
      background-image: url("../img/top/bg_header.png");
      background-repeat: no-repeat;
      background-position: 98% top;
      padding-top: 22px; }
    #header .table-type {
      display: table;
      width: 66%;
      margin-left: 33%; }
    #header .logo-name {
      display: table-cell;
      width: 50%;
      padding: 34px 0 33px; }
      #header .logo-name img {
        width: 380px; }
    #header .head {
      display: table-cell;
      width: 33%;
      vertical-align: top;
      text-align: right;
      padding-right: 42px; }
      #header .head .contact-btn {
        display: inline-block;
        width: 132px;
        margin: 0; }
      #header .head .number {
        display: inline-block;
        width: 189px;
        margin: 0; } }

#main-image {
  text-align: center; }
  #main-image img {
    max-width: 100%; }
  @media screen and (min-width: 768px) {
    #main-image .inner {
      position: relative; }
    #main-image .rec-btn {
      position: absolute;
      top: -104px;
      left: 54px;
      z-index: 2; }
    #main-image .main-catch {
      position: absolute;
      top: 30px;
      left: 25%;
      z-index: 2; } }

#education {
  margin: 10px 0 45px 0; }
  #education .inner {
    text-align: center; }
  #education .title {
    width: 43%;
    margin: 0 auto; }
  #education .lead {
    width: 72%;
    margin: 7px auto; }
  #education .item-block {
    position: relative; }
    #education .item-block .item {
      position: relative;
      width: 248px;
      height: 248px;
      margin: 15px auto 0;
      background-repeat: no-repeat;
      background-size: cover; }
      #education .item-block .item:first-child {
        margin-top: 0; }
      #education .item-block .item .text {
        padding: 84px 0 0 0;
        font-size: 13px;
        text-align: center;
        color: #4f280e; }
    #education .item-block .item1 {
      background-image: url("../img/top/pic_education_01.png"); }
    #education .item-block .item2 {
      background-image: url("../img/top/pic_education_02.png"); }
      #education .item-block .item2:after {
        content: "";
        position: absolute;
        display: block;
        width: 26px;
        height: 23px;
        background-image: url("../img/top/jp_tento.gif");
        background-repeat: no-repeat;
        background-size: contain;
        top: 12px;
        left: 17px; }
    #education .item-block .item3 {
      background-image: url("../img/top/pic_education_03.png"); }
    #education .item-block:after {
      content: "";
      position: absolute;
      background-image: url("../img/top/oj_kotori2.gif");
      background-repeat: no-repeat;
      background-size: contain;
      display: block;
      width: 73px;
      height: 58px;
      bottom: -36px;
      right: 14px; }
  @media screen and (min-width: 768px) {
    #education .item-block {
      display: table; }
      #education .item-block .tc-block {
        display: table-cell; }
        #education .item-block .tc-block.no1 {
          vertical-align: bottom;
          padding-bottom: 22px; }
        #education .item-block .tc-block.no2 {
          vertical-align: top; }
        #education .item-block .tc-block.no3 {
          vertical-align: bottom;
          padding-bottom: 22px; }
        #education .item-block .tc-block .item .text {
          font-size: 14px;
          line-height: 1.5em; }
        #education .item-block .tc-block .item.item1:after {
          width: 105px;
          height: 35px;
          left: -70px; }
        #education .item-block .tc-block .item.item2:after {
          width: 36px;
          height: 37px;
          top: 14px;
          left: -2px; }
      #education .item-block:after {
        width: 93px;
        height: 73px;
        bottom: -64px;
        right: -106px; }
    #education .title {
      margin-top: 50px;
      width: 62%; }
    #education .lead {
      width: 100%;
      margin: 16px auto 0; } }

.news .content {
  overflow: hidden;
  border-radius: 8px;
  border: 2px solid #60bfc6;
  background-color: #fff; }
  .news .content .title {
    background-color: #60bfc6;
    padding: 3px 0 0 5px; }
  .news .content.information .title {
    background-color: #ef9c9e;
    padding: 3px 0 0 5px; }
  .news .content.hanachannel .title {
    background-color: #fff79a;
    padding: 3px 0 0 5px; }
  .news .content.zaienjihogosha .title {
    background-color: #3A7139;
    padding: 3px 0 0 5px; }

    .news .content .title img {
      width: 95px; }
    .news .content.information .title img {
      width: 200px; }
    .news .content.hanachannel .title img {
      width: 150px; }
    .news .content.zaienjihogosha .title img {
      width: 260px; }
  .news .content ul li {
    border-bottom: 1px dotted #60bfc6;
    overflow: hidden;
    padding: 15px 8px 10px; }
    .news .content ul li .date {
      float: left;
      width: 33%; }
      .news .content ul li .date span {
        background-color: #ffb000;
        color: #fff;
        border-radius: 5px;
        padding: 1px 5px 0px;
        display: inline-block; }
    .news .content ul li .text {
      float: left;
      color: #4f280e;
      width: 64%; }
    .news .content ul li a {
      text-decoration: none;
      display: block;
      overflow: hidden; }
  .news .content .more-btn {
    width: 57%;
    margin: 9px auto; }
    .news .content .more-btn a {
      display: block;
      text-align: center; }

.news .content.information{
  overflow: hidden;
  border-radius: 8px;
  border: 2px solid #ef9c9e;
  background-color: #fff; }
  .news .content.information ul li {
    border-bottom: 1px dotted #ef9c9e;
    overflow: hidden;
    padding: 15px 8px 10px; }
      .news .content.information ul li .date span {
        background-color: #f1a8c6;
        color: #fff;
        border-radius: 5px;
        padding: 1px 5px 0px;
        display: inline-block; }

.news .content.hanachannel{
  margin-top: 40px;
  overflow: hidden;
  border-radius: 8px;
  border: 2px solid #fff79a;
  background-color: #fff; }
  .news .content.hanachannel ul li {
    border-bottom: 1px dotted #fff79a;
    overflow: hidden;
    padding: 15px 8px 10px; }
      .news .content.hanachannel ul li .date span {
        background-color: #8fc73e;
        color: #fff;
        border-radius: 5px;
        padding: 1px 5px 0px;
        display: inline-block; }

.news .content.zaienjihogosha{
  margin-top: 40px;
  overflow: hidden;
  border-radius: 8px;
  border: 2px solid #3A7139;
  background-color: #fff; }
  .news .content.zaienjihogosha ul li {
    border-bottom: 1px dotted #3A7139;
    overflow: hidden;
    padding: 15px 8px 10px; }
      .news .content.zaienjihogosha ul li .date span {
        background-color: #8fc73e;
        color: #fff;
        border-radius: 5px;
        padding: 1px 5px 0px;
        display: inline-block; }

@media screen and (min-width: 768px) {
  .news .content {
    margin: 0 20px; }
    .news .content .title {
      padding: 7px 0 0 5px; }
      .news .content .title img {
        width: auto; }
    .news .content ul li .date {
      width: 135px; }
      .news .content ul li .date span {
        font-size: 16px;
        padding: 1px 12px 0px;
        border-radius: 10px; }
    .news .content ul li .text {
      font-size: 16px;
      width: 79%; } }

#info {
  margin: 74px 0 0 0; }
  #info .content {
    border: 2px solid #ce603f;
    border-radius: 8px;
    background-color: #fff;
    position: relative;
    padding: 14px 6px 2px 6px; }
    #info .content .head {
      overflow: hidden; }
      #info .content .head .title {
				background: #FFF;
        width: 40%;
        float: left; }
      #info .content .head .lead {
        color: #ce603f;
        width: 57%;
        float: right;
        font-size: 11px;
        margin-top: 3px; }
    #info .content:before {
      content: "";
      display: block;
      position: absolute;
      background-image: url("../img/top/pic_info.png");
      background-repeat: no-repeat;
      background-size: contain;
      width: 110px;
      height: 57px;
      top: -57px;
      left: 8px; }
    #info .content dl {
      overflow: hidden; }
      #info .content dl dt {
        clear: both;
        float: left;
        width: 100%;
        font-size: 16px;
        margin-bottom: 15px;
text-align: center;
background: #FFEBEB;
padding: 10px;
border-radius: 6px;}
        #info .content dl dt span {
          background-color: #ce603f;
          display: inline-block;
          color: #fff;
          font-weight: normal;
          padding: 2px 6px 1px;
          border-radius: 5px; }
        #info .content dl dt.last {
          margin-bottom: 0; }
        #info .content dl dt.wide {
          width: 100%; }
      #info .content dl dd {
        float: left;
        width: 80%;
        font-size: 16px;
        margin-bottom: 15px; }
        #info .content dl dd.last {
          margin-bottom: 0; }
        #info .content dl dd.wide {
          width: 76%; }
  @media screen and (min-width: 768px) {
    #info {
      margin: 95px 0 0 0; }
      #info .content {
        padding: 20px 10px 20px 10px;
        box-sizing: border-box;
        margin: 0 20px; }
        #info .content:before {
          width: 148px;
          height: 76px;
          top: -78px;
          left: 15px; }
        #info .content:after {
          content: "";
          display: table;
          clear: both; }
        #info .content .head {
          padding: 0 0 10px 15px; }
          #info .content .head .title {
            width: 180px; }
          #info .content .head .lead {
            font-size: 16px;
            margin-top: 0;
            float: left; }
        #info .content dl {
          float: left;
          width: 100%; }
          #info .content dl.first {
            width: 100%; }
            #info .content dl.first dd {
              width: 70%; }
          #info .content dl dt {
            font-size: 16px;
            text-align: center;
            margin-right: 10px;
            width: 180px; }
            #info .content dl dt.last {
              width: 180px; }
            #info .content dl dt span {
              border-radius: 10px; }
          #info .content dl dd {
padding: 10px 0;
            font-size: 16px;
            width: 70%; }
            #info .content dl dd.wide {
              width: 70%; }
          #info .content dl:last-child:after {
            content: "";
            clear: both; } }
  @media screen and (max-width: 910px) {
    #info .content dl dd {
      width: 80%; }
      #info .content dl dd.wide {
        width: 83%; }
    #info .content dl.first dd {
      width: 76%; } }
  @media screen and (max-width: 984px) {
    #info .content dl dd.wide {
      width: 77%; } }

#link-area {
  margin: 15px 0 0 0;
  overflow: hidden;
  text-align: center; }
  #link-area p:first-child {
    margin-bottom: 8px; }
  #link-area a {
    display: block; }
  @media screen and (min-width: 768px) {
    #link-area .inner {
      overflow: hidden;
      padding: 0 15px; }
      #link-area .inner .rb {
        width: 49%; }
      #link-area .inner .lb {
        width: 49%; } }

@media screen and (min-width: 768px) {
  #pc-menu {
    /* Layout Menu*/ }
    #pc-menu.pc {
      display: block; }
    #pc-menu .content {
      background-image: url("../img/top/bg_menu-2.png");
      background-repeat: no-repeat;
      background-size: contain;
      max-width: 736px;
      margin: 23px auto 0;
      padding: 36px 36px 17px 36px;
      position: relative; }
      #pc-menu .content ul {
        overflow: hidden; }
        #pc-menu .content ul li {
          float: left;
          margin: 0 0 14px 13px;
          width: 32%; }
        #pc-menu .content ul.clm2 li {
          float: left;
          margin: 0 0 14px 13px;
          width: 48%; }  
          #pc-menu .content ul li:nth-child(3n+1) {
            clear: both;
            margin-left: 0; }
      #pc-menu .content .text {
        text-align: right;
        font-size: 15px;
        margin-top: 10px; }
      #pc-menu .content:before {
        content: url("../img/top/ico_top_menu.png");
        position: absolute;
        left: -129px;
        bottom: -26px; }
    #pc-menu .module-nav ul li a {
      display: block;
      width: 100%;
      height: 70px;
      overflow: hidden;
      background: url(../img/common/module-nav-bg-3.png) 0 0;
      text-indent: 150%;
      white-space: nowrap;
      margin: 0 0 0px 0;
      transition: background-position 0.8s ease 0s, opacity 0.8s ease 0s, height 0.8s ease 0s; }
    #pc-menu .module-nav ul.clm2{
      display: block;
      width: 70%;
      margin: auto;}  
  
    #pc-menu .module-nav ul li a {
      width: 210px; }
    #pc-menu .module-nav ul li.mn2 a {
      background-position: 0 0; }
    #pc-menu .module-nav ul li.mn2 a {
      background-position: 0 -85px; }
    #pc-menu .module-nav ul li.mn3 a {
      background-position: 0 -170px; }
    #pc-menu .module-nav ul li.mn4 a {
      background-position: 0 -255px; }
    #pc-menu .module-nav ul li.mn5 a {
      background-position: 0 -340px; }
    #pc-menu .module-nav ul li.mn6 a {
      background-position: 0 -425px; }
    #pc-menu .module-nav ul li.mn7 a {
      background-position: 0 -510px; }
    #pc-menu .module-nav ul li.mn8 a {
      background-position: 0 -595px; }
    #pc-menu .module-nav ul li.mn9 a {
      background-position: 0 -680px; }
  
    #pc-menu .module-nav ul li a:hover {
      height: 70px; }
    #pc-menu .module-nav ul li.mn1 a:hover {
      background-position: -224px 0; }
    #pc-menu .module-nav ul li.mn2 a:hover {
      background-position: -224px -85px; }
    #pc-menu .module-nav ul li.mn3 a:hover {
      background-position: -224px -170px; }
    #pc-menu .module-nav ul li.mn4 a:hover {
      background-position: -224px -255px; }
    #pc-menu .module-nav ul li.mn5 a:hover {
      background-position: -224px -340px; }
    #pc-menu .module-nav ul li.mn6 a:hover {
      background-position: -224px -425px; }
    #pc-menu .module-nav ul li.mn7 a:hover {
      background-position: -224px -510px; }
    #pc-menu .module-nav ul li.mn8 a:hover {
      background-position: -224px -595px; }
    #pc-menu .module-nav ul li.mn9 a:hover {
      background-position: -224px -680px; }
  
    #pc-menu .module-nav ul li a:active {
      height: 70px; }
    #pc-menu .module-nav ul li.mn1 a:active {
      background-position: -448px 0; }
    #pc-menu .module-nav ul li.mn2 a:active {
      background-position: -448px -85px; }
    #pc-menu .module-nav ul li.mn3 a:active {
      background-position: -448px -170px; }
    #pc-menu .module-nav ul li.mn4 a:active {
      background-position: -448px -255px; }
    #pc-menu .module-nav ul li.mn5 a:active {
      background-position: -448px -340px; }
    #pc-menu .module-nav ul li.mn6 a:active {
      background-position: -448px -425px; }
    #pc-menu .module-nav ul li.mn7 a:active {
      background-position: -448px -510px; }
    #pc-menu .module-nav ul li.mn8 a:active {
      background-position: -448px -595px; }
    #pc-menu .module-nav ul li.mn9 a:active {
      background-position: -448px -680px; }
  
    #pc-menu .module-nav ul li a {
      height: 70px; }
    #pc-menu .module-nav ul li.mn1.current a {
      background-position: -673px 0; }
    #pc-menu .module-nav ul li.mn2.current a {
      background-position: -673px -85px; }
    #pc-menu .module-nav ul li.mn3.current a {
      background-position: -673px -170px; }
    #pc-menu .module-nav ul li.mn4.current a {
      background-position: -673px -255px; }
    #pc-menu .module-nav ul li.mn5.current a {
      background-position: -673px -340px; }
    #pc-menu .module-nav ul li.mn6.current a {
      background-position: -673px -425px; } 
    #pc-menu .module-nav ul li.mn7.current a {
      background-position: -673px -510px; }
    #pc-menu .module-nav ul li.mn8.current a {
      background-position: -673px -595px; }
    #pc-menu .module-nav ul li.mn9.current a {
      background-position: -673px -680px; }   

.oj_yuragi {
  position: relative; }

.oj_kotori {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px; }
}