@charset"utf-8";
@import "common.css";

/* ==================================================
ページ共通
================================================== */
/* "h" tag
-------------------------------------------------- */
h2.ttl {
  font-size: 3.4rem;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  top: 49%;
  transform: translateY(-51%);
  z-index: 5;
  color: #fff;
  text-shadow: 2px 2px 1px #555,2px 2px 1px #555,2px 2px 1px #555,2px 2px 1px #555;
}
h2.ttl_col {
  font-size: 3.4rem;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  top: 49%;
  transform: translateY(-51%);
  z-index: 5;
  width: 100%;
  color: #fff;
  text-shadow: 2px 2px 1px #555,2px 2px 1px #555,2px 2px 1px #555,2px 2px 1px #555;
}
h3.ttl {
  font-size: 2.4rem;
  color: #fff;
  font-weight: bold;
  border-left: 6px solid #fff;
  line-height: 1.2;
  padding-left: 1rem;
}
h4.cmn_ttl01 {
  font-size: 2.0rem;
  color: #fff;
  font-weight: bold;
  line-height: 1.4;
  background: #BFA46A;
  padding: 1rem 0 0.8rem 1.2rem;
  margin-bottom: 5rem;
}
h4.cmn_ttl02 {
  font-size: 2.0rem;
  font-weight: bold;
  border-bottom: 2px solid #C8C8C8;
  position: relative;
  padding-bottom: 1rem;
  margin-bottom: 5rem;
  line-height: 1.4;
}
h4.cmn_ttl02:after {
  border-bottom: 2px solid #BFA46A;
  position: absolute;
  content: "";
  display: block;
  width: 25%;
  z-index: 10;
  padding-bottom: 1rem;
}
h5.cmn_ttl {
  color: #BFA46A;
  font-weight: bold;
  font-size: 1.8rem;
  border-bottom: 1px solid #BFA46A;
  padding-bottom: 0.5rem;
  margin-bottom: 3rem;
  line-height: 1.5;
}
h5.cmn_ttl02 {
  color: #BFA46A;
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 2rem;
  line-height: 1.5;
}
h5.cmn_ttl03 {
  color: #BFA46A;
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 3rem;
  line-height: 1.5;
}
@media print, screen and (max-width: 767px) {
  h2.ttl {
    font-size: 2.4rem;
    line-height: 1.4;
  }
  h2.ttl_col {
    font-size: 2.4rem;
  }
  h2.ttl_col.ic {
    font-size: 2.2rem;
    top: 48%;
    transform: translateY(-52%);
    line-height: 1.5;
  }
  h3.ttl {
    font-size: 2.0rem;
    border-left: 6px solid #fff;
    line-height: 1.2;
    padding-left: 1rem;
    margin-left: 1rem;
  }  
  h4.cmn_ttl01 {
    font-size: 1.8rem;
    margin-bottom: 3rem;
  }
  h4.cmn_ttl02 {
    font-size: 1.8rem;
    margin-bottom: 3rem;
  }
  h5.cmn_ttl {
    font-size: 1.6rem;
    padding-bottom: 0.5rem;
    margin-bottom: 2rem;
  }
  h5.cmn_ttl02,
  h5.cmn_ttl03 {
	font-size: 1.6rem;
	line-height: 1.4;
  }
}
@media print, screen and (max-width: 374px) {
  h2.ttl_col {
    font-size: 2.2rem;
    top: 48%;
    transform: translateY(-52%);
    line-height: 1.5;
  }
  h2.ttl_col.ic {
    font-size: 1.9rem;
    top: 48%;
    transform: translateY(-52%);
    line-height: 1.5;
  }
}

.button {
  width: 23rem;
}
input.btn-back {
  color: #fff;
  background: #A9A9A9;
  border: 1px solid #808080;
  margin-bottom: 10px;
  border-radius:3rem!important;
}
@media print, screen and (max-width: 767px){
  .button {
    font-size: 1.4rem;
    width: 21rem;
  }
}

/* visualSec
-------------------------------------------------- */
/* アーカイブページ */
section.visualSec {
  height: 60rem;
  padding-bottom: 0;
  background-size: cover;
  position: relative;
  margin-bottom: 5rem;
}
/*section.visualSec::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
}*/
/* 詳細ページ */
/*section.visualSec.page {
  height: 45rem;
}*/
/*section.visualSec.page::after {
  background: rgba(0, 0, 0, 0.6);
}*/
section.visualSec.guide {
  background: url(../img/guide/visual_guide.jpg) center center / cover no-repeat; 
}
section.visualSec.about {
  background: url(../img/about/visual_about.jpg) center top / cover no-repeat; 
}
section.visualSec.schoollife {
  background: url(../img/schoollife/visual_schoollife.jpg) center center / cover no-repeat; 
}
section.visualSec.library {
  background: url(../img/library/visual_library.jpg) center center / cover no-repeat; 
}
section.visualSec.graduate {
  background: url(../img/graduate/visual_graduate.jpg) center center / cover no-repeat; 
}
section.visualSec.information {
  background: url(../img/information/visual_information.jpg) center center / cover no-repeat; 
}
section.visualSec.archive {
  background: url(../img/archive/visual_archive.jpg) center center / cover no-repeat; 
}
section.visualSec.colona {
  background: url(../img/colona/visual_colona.jpg) center center / cover no-repeat; 
}
section.visualSec.ic {
  background: url(../img/ic/2021/visual_interseminar.jpg) center center / cover no-repeat; 
}
section.visualSec.presidentblog {
  background: url(../img/presidentblog/visual_presidentblog.jpg) center center / cover no-repeat; 
}
section.visualSec.common {
  background: url(../img/common/visual_common.jpg) center center / cover no-repeat; 
}
@media print, screen and (max-width: 960px) { 
  section.visualSec {
    height: 48rem;
/*    height: calc(100vh - 7.5rem);*/
    padding-bottom: 0;
    background-size: cover;
    position: relative;
    margin-bottom: 2rem;
  }  
}
@media print, screen and (max-width: 768px) { 
  section.visualSec {
    height: 52rem;
  }
  section.visualSec.page {
    height: 52rem;
  }
}
@media print, screen and (max-width: 374px) { 
  section.visualSec {
    height: 41rem;
  }  
  section.visualSec.page {
    height: 41rem;
  }
}

/* breadcrumbSec
-------------------------------------------------- */
section.breadcrumbSec {
  margin: 0 0 5rem;
}
section.breadcrumbSec div.content div.breadcrumb ul {
}
section.breadcrumbSec div.content div.breadcrumb ul li,
section.breadcrumbSec div.content div.breadcrumb ul li p {
  display: inline-block;
  line-height: 1.6;
}
section.breadcrumbSec div.content div.breadcrumb ul li img {
  width: 1.7rem;
  height: 1.5rem;  
}
section.breadcrumbSec div.content div.breadcrumb ul li img:hover {
  opacity: 0.5;
  transition: 0.5s;
}
section.breadcrumbSec div.content div.breadcrumb ul li::after {
  content: '>';
  padding: 0 0.8rem 0 1.0rem;
}
section.breadcrumbSec div.content div.breadcrumb ul li:last-child::after {
  display: none;
}
section.breadcrumbSec div.content div.breadcrumb ul li a:hover {
  text-decoration: underline;
}
@media print, screen and (max-width: 960px) {
  section.breadcrumbSec div.breadcrumb{
    margin-left: 0;
    padding: 1.0rem 0;
  }
  section.breadcrumbSec div.breadcrumb ul li {
    font-size: 1.3rem;
    line-height: 1.6;
  }
  section.breadcrumbSec div.breadcrumb ul li::after {
    padding: 0 1.0rem;
  }
}

/* titleSec
-------------------------------------------------- */
section.titleSec {
  background: #BFA46A;
  padding: 8.4rem 0 8.8rem;
}
@media print, screen and (max-width: 767px) {
  section.titleSec {
    background: #BFA46A;
    padding: 5.1rem 0 5.5rem;
  }
}

/* ==================================================
アーカイブページ
================================================== */
/* "h"tag
-------------------------------------------------- */
h3.arc-cmn {
  font-size: 2.2rem;
  line-height: 1.75;
  font-weight: bold;
  margin-bottom: 3rem;
}
h4.arc-guide {
  font-size: 2.0rem;
  line-height: 1.75;
  font-weight: bold; 
  margin-bottom: 3rem;
  position: relative;
  padding-left: 2.2rem;
}
h4.arc-guide::after {
  position: absolute;
  top: 50%;
  left:0;
  transform:translateY(-50%);
  content: '';
  width: 1rem;
  height:1rem;
  border: solid 4px #DE4830;
  border-radius:100%;
}
h4.arc-guide-s02 {
  font-size: 2.8rem;
  line-height: 1.75;
}

/* archiveSec
-------------------------------------------------- */
section.archiveSec {
  margin-bottom: 10rem;
}
section.archiveSec div.content div.wrap.w01 {
  margin-bottom: 7rem;
}
section.archiveSec div.content div.line.bottom {
  margin-bottom: 0;
}
section.archiveSec div.content div.menulist ul.common {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
section.archiveSec div.content div.menulist ul.common li {
  width: 32%;
  margin-bottom: 5rem;
}
section.archiveSec div.content div.menulist ul.common li.blank {
  margin-bottom: 0;

}
section.archiveSec div.content div.menulist ul.bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
} 
section.archiveSec div.content div.menulist ul.bottom li {
  width: 32%;
  /*margin-right: 2%;*/
  margin-bottom: 0;
}
section.archiveSec div.content div.menulist ul li a:hover {
  opacity: 0.7;
  transition: 0.5s;
  display: block;
}
section.archiveSec div.content div.menulist ul li p.menuttl {
  background: #f6f6f6;
  position: relative;
  line-height: 3.5;
  padding-left: 2rem;
}
section.archiveSec div.content div.menulist ul li p.menuttl:before {
  position: absolute;
  content: '';
  bottom: 42%;
  right: 1rem;
  width: 0;
  height: 0;
  border: none;
  border-right: solid 10px transparent;
  border-bottom: solid 8px rgb(255, 255, 255);
  z-index: 5;
}
section.archiveSec div.content div.menulist ul li p.menuttl:after {
  position: absolute;
  content: '';
  bottom: 42%;
  right: 10px;
  width: 2.8rem;
  border-bottom: solid 1px rgb(255, 255, 255);
  z-index: 5;
}
section.archiveSec div.content div.menulist ul li p.menuttl span {
  position: absolute;
  background: #BFA46A;
  width: 5rem;
  height: 100%;
  right: 0;
}
section.archiveSec div.content div.menulist ul li p.menuimg {
  width: 100%;
  height: auto;
}
section.archiveSec div.content div.menulist ul li p.menuimg img {
  width: 100%;
  height: auto;
}
section.archiveSec div.content div.menulist ul li p.description {
  margin-top: 1.5rem;
  font-size: 1.4rem;
}
@media print, screen and (max-width: 1060px) {
  section.archiveSec {
    margin-bottom: 10rem;
  }
  section.archiveSec div.content div.wrap.w01 {
    margin-bottom: 5rem;
  }
  section.archiveSec div.content div.line {
    margin-bottom: 3rem;
  }
  section.archiveSec div.content div.menulist ul.common li  {
    width: 48.5%;
    margin-bottom: 3rem;
  }
  section.archiveSec div.content div.menulist ul.bottom li {
    width: 48.5%;
    /*margin-right: 3%;*/
    margin-bottom: 0;
  }
  section.archiveSec div.content div.menulist ul.bottom li:last-child {
    margin-right: 0;
  }
}
@media print, screen and (max-width: 767px) {
  /* "h"tag
  -------------------------------------------------- */
  h4.arc-guide {
    font-size: 1.8rem;
    line-height: 1.75;
    font-weight: bold; 
    margin-bottom: 3rem;
    position: relative;
    padding-left: 2.2rem;
  }
  h4.arc-guide-s02 {
    font-size: 3.5vw;
  }
}
@media print, screen and (max-width: 600px) {
  section.archiveSec div.content div.wrap.w02 div.line {
    margin-bottom: 0;
  }
  section.archiveSec div.content div.menulist ul.common li {
    width: 100%;
    margin-bottom: 3rem;
  }
  section.archiveSec div.content div.menulist ul.common li:last-child {
    margin-bottom: 0;
  }
  section.archiveSec div.content div.menulist ul.bottom {
    margin-top: 3rem;
  }
  section.archiveSec div.content div.menulist ul.bottom li {
    width: 100%;
    margin-bottom: 3rem;
  }
  section.archiveSec div.content div.menulist ul.bottom li:last-child {
    margin-bottom: 0;
  }
}
@media print, screen and (max-width: 350px) {
  h4.arc-guide {
    color: #DE4830;
    margin-bottom: 2rem;
    padding-left: 0;
    line-height: 1.25;
    font-weight: bold;
  }
  h4.arc-guide::after {
    display: none;
  }
}

/* 学校案内
-------------------------------------------------- */
/* teacherArchiveSec */
section.teacherArchiveSec {
  margin: 0 auto 7rem;
}
section.teacherArchiveSec div.content div.teacherIntroduce {
  position: relative;
  width: 100%;
  height: auto;
}
section.teacherArchiveSec div.content div.teacherIntroduce div.text-area {
  color: #fff;
  position: absolute;
  width: 60%;
  transform: translateY(-50%);
  top: 50%;
  text-shadow: 1px 1px 5px #333;
  z-index: 10;
  right: 0;
}
section.teacherArchiveSec div.content div.teacherIntroduce div.text-area h4 {
  margin-bottom: 3%;
  text-align: center;
  text-shadow: 1px 1px 5px #333;
}
section.teacherArchiveSec div.content div.teacherIntroduce div.text-area p {
  text-align: center;
  text-shadow: 1px 1px 5px #333;
}
section.teacherArchiveSec div.content div.teacherIntroduce div.text-area div.button-area {
  margin-top: 4rem;
}
section.teacherArchiveSec div.content div.teacherIntroduce div.text-area div.button-area a.button {
  background-color: #fff;
  border: 1px #fff solid;
  color: #333;
  text-shadow: none;
}
section.teacherArchiveSec div.content div.teacherIntroduce div.text-area div.button-area a.button:hover {
  background-color: #333;
  border: 1px #fff solid;
  color: #fff;
}
section.teacherArchiveSec div.content div.teacherIntroduce div.img-area {
  color: #fff;
  text-shadow: 0px 0px 5px #333;
  text-align: center;
  position: relative;
  background-color: #000;
  display: inline-block;
}
section.teacherArchiveSec div.content div.teacherIntroduce div.img-area {
  width: 100%;
}
section.teacherArchiveSec div.content div.teacherIntroduce div.img-area img {
  width: 100%;
  height: auto;
  opacity: 0.7;
  display: block;
}
/* for SP */
@media print, screen and (max-width: 767px) {
  section.teacherArchiveSec {
    margin: 0 auto 5rem;
  }
  section.teacherArchiveSec div.content div.teacherIntroduce div.text-area {
    position: absolute;
    width:90%;
    transform: translateY(-50%);
    top: 50%;
    right: 0;
    left: 0;
    text-align: center;
  }
  section.teacherArchiveSec div.content div.teacherIntroduce div.text-area {
    width: 100%;
  }
  section.teacherArchiveSec div.content div.teacherIntroduce div.text-area h4 {
    margin-bottom: 2%;
    font-size: 2.4rem;
  }
  section.teacherArchiveSec div.content div.teacherIntroduce div.text-area p {
    font-size: 1.4rem;
    text-align: center;
  }
  section.teacherArchiveSec div.content div.teacherIntroduce div.text-area div.button-area {
    margin-top: 4rem;
  }
  section.teacherArchiveSec div.content div.teacherIntroduce div.text-area div.button-area a.button {
    font-size: 1.4rem;
  }
}
@media print, screen and (max-width: 480px) {
  section.teacherArchiveSec div.content div.teacherIntroduce div.text-area h4 {
    font-size: 5.5vw;
  }
  section.teacherArchiveSec div.content div.teacherIntroduce div.text-area p {
    font-size: 3.2vw;
    text-align: center;
  }
  section.teacherArchiveSec div.content div.teacherIntroduce div.text-area div.button-area {
    margin-top: 8%;
  }
  section.teacherArchiveSec div.content div.teacherIntroduce div.text-area div.button-area a.button {
    font-size: 3.2vw;
    width: 52%;
  }
}

/* ==================================================
詳細ページ
================================================== */
/* 共通 */
/* img
-------------------------------------------------- */
img {
  width: 100%;
  height: auto;
}

/* a
-------------------------------------------------- */
div.column_left a {
  color: #0E7AC4;
  text-decoration: underline;
}
div.column_left a:hover {
  transition: 0.5s;
  opacity: 0.5;
}

/* p
-------------------------------------------------- */
div.column_left p {
  line-height: 1.75;
  font-size: 1.5rem;
}
@media print, screen and (max-width: 767px) {
  div.column_left p {
    line-height: 1.75;
    font-size: 1.4rem;
  }
}

/* li
-------------------------------------------------- */
div.column_left ul li {
  list-style-type: disc;
  margin-left: 2.5rem;
  line-height: 1.75;
  font-size: 1.5rem;
}
div.column_left ol li {
  list-style-type: decimal;
  margin-left: 2.5rem;
  line-height: 1.75;
  font-size: 1.5rem;
}
@media print, screen and (max-width: 767px) {
  div.column_left ul li {
    margin-left: 2.5rem;
    line-height: 1.75;
    font-size: 1.4rem;
  }
  div.column_left ol li {
    margin-left: 2.5rem;
    line-height: 1.75;
    font-size: 1.4rem;
  }
}

/* button
-------------------------------------------------- */
div.column_left a.button {
  color: #fff;
  text-decoration: none;
}
div.column_left a.button:hover {
  color: #1F3249;
  opacity: inherit;
}

/* section
-------------------------------------------------- */
section.btm {
  margin: 0 auto 7rem;
}
@media print, screen and (max-width: 767px) {
  section.btm {
    margin: 0 auto 5rem;
  }
}

/* column
-------------------------------------------------- */
article div.column {
  margin: 10rem auto 10rem;
}
article div.column div.content {
  width: 97%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
/* column_left */
article div.column div.column_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 70%;
}
/* column_right */
article div.column div.column_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 27%;
}
@media print, screen and (max-width: 960px) {
  article  div.column {
    width: 100%;
    margin: 8rem auto 8rem;
  }
  article  div.column.course {
    margin: 5rem auto 8rem;
  }
  article div.column div.content {
    width: 95%;
    margin: 0 auto;
    display: block;
  }
  /* column_left */
  article div.column div.column_left {
    display: block;
    width: 100%;
  }
  /* column_right */
  article div.column div.column_right {
    display: block;
    width: 100%;
  }
}

/* listbox
-------------------------------------------------- */
div.listbox ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
div.listbox li {
  position: relative;
  list-style-type: none;
  border: 1px solid #AAAAAA;
  width: 48.5%;
  height: 42rem;
  padding: 2rem 0 2rem 2rem;
  margin-bottom: 3%;
  margin-left: 0!important;
  list-style-type: none!important;
}
div.listbox.voice li,
div.listbox.paststudent_voice li,
div.listbox.remedy li{
  padding: 2rem;
}
div.listbox li div.prof {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 2rem;
}
div.listbox li div.prof img {
  width: 48%;
}
div.listbox.teacher li div.prof img {
  width: 42%;
}
div.listbox li div.prof div.name-area {
  margin: 0 auto;
  width: 40%;
}
div.listbox.remedy li div.prof div.name-area {
  text-align: center;
}
div.listbox.teacher li div.prof div.name-area {
  width: 50%;
  text-align: center;
}
div.listbox.teacher li p.area{
  margin-right: 6%;
}
div.listbox li div.prof div.name-area p.position {
  color: #707070;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
div.listbox.remedy li p.story {
  padding-right: 2rem;
}
div.listbox li div.prof div.name-area p.period {
  color: #707070;
  text-align: center;
  font-weight: bold;
}
div.listbox li div.prof div.name-area p.name {
  font-weight: bold;
}
div.listbox li div.prof div.name-area p.voicename {
  font-weight: bold;
  text-align: center;
}
div.listbox li p.message p{
  padding-right: 2rem!important;
  width: 95%;
}
div.listbox li div.button-area {
  width: 20rem;
  position: absolute;
  bottom: 4rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}
div.listbox li div.button-area a.button{
  width: 20rem;
}
@media print, screen and (max-width: 767px) {
  div.listbox li {
    position: relative;
    list-style-type: none;
    border: 1px solid #AAAAAA;
    width: 48.5%;
    height: auto;
    padding: 2rem;
  }
  div.listbox li div.prof {
    display: block;
    margin-bottom: 2rem;
  }
  div.listbox li div.prof img,
  div.listbox.teacher li div.prof img {
    width: 100%;
    margin-bottom: 3rem;
  }
  div.listbox li div.prof div.name-area,
  div.listbox.teacher li div.prof div.name-area {
    margin: 0 auto;
    width: 100%;
  }
  div.listbox.teacher li p.area{
    margin-right: 0;
  }
  div.listbox li div.prof div.name-area p.name {
    margin: 0 auto;
    font-size: 1.5rem;
    border-bottom: 1px solid #AAAAAA;
    padding-bottom: 0.5rem;
  }
  div.listbox li div.prof div.name-area p.position {
    line-height: 1.2;
    margin-bottom: 0;
  }
  div.listbox li p.message {
    padding-right: 0;
    display: none;
  }
  div.listbox li div.button-area {
    margin: 5rem auto 3rem;
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;  
  }
  div.listbox li div.button-area a.button {
    width: 18rem;
  }
}
@media print, screen and (max-width: 600px) {
  div.listbox {
    display: block;
  }
  div.listbox li {
    width: 100%;
    margin-bottom: 2rem;
  }
}

/* detailbox
-------------------------------------------------- */
div.detailbox div.block3 {
  margin-bottom: 3rem;
}
div.detailbox div.block5 {
  margin-bottom: 5rem;
}
div.detailbox div.block.nbtm {
  margin-bottom: 0;
}
div.detailbox div.prof {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 5rem;
}
div.detailbox div.prof img {
  width: 48%;
}
div.detailbox div.prof div.name-area {
  margin-left: 5rem;
}
div.detailbox.teacher div.prof div.name-area {
  margin: 0 auto;
  text-align: center;  
}
div.detailbox div.prof div.name-area p.period,
div.detailbox div.prof div.name-area p.position {
  font-size: 1.4rem;
  line-height: 1.2;
}
div.detailbox div.prof div.name-area p.area {
  padding-left: 2rem;
}
div.detailbox div.prof div.name-area p.job {
  text-align: center;
}
div.detailbox div.prof div.name-area p.name {
  font-size: 2.0rem;
  font-weight: bold;
}
div.detailbox.teacher div.prof div.name-area p.name {
  margin-bottom: 2rem;
}
div.detailbox p.exbox{
  border: 1px solid #333;
  background-color: #f5f5f5;
  padding: 2rem;
  margin-top: 3rem;
}
div.detailbox div.button-area {
  margin: 7rem auto 0;
  width: 25rem;
}
div.detailbox div.button-area a.button {
  width: 25rem;
}
@media print, screen and (max-width: 767px) {
  div.detailbox div.button-area {
    margin: 5rem auto 0;
  }
}
@media print, screen and (max-width: 600px) {
  div.detailbox div.prof {
    display: block;
    margin-bottom: 3rem;
  }
  div.detailbox div.prof img{
    width: 100%;
    margin-bottom: 5rem;
  }
  div.detailbox div.prof div.name-area {
    text-align: center;
    margin-left: 0;
  }
  div.detailbox div.prof div.name-area p.area {
    padding-left: 0;
  }
}
@media print, screen and (max-width: 480px) {
  div.detailbox div.prof div.name-area {
    margin-left: 2rem;  
  }
  div.detailbox div.prof div.name-area p.period,
  div.detailbox div.prof div.name-area p.position {
    font-size: 1.2rem;
    line-height: 1.2;
  }
  div.detailbox div.prof div.name-area p.name {
    font-size: 1.5rem;
  }
  div.detailbox.teacher div.prof div.name-area p.name,
  div.detailbox.graduatevoice div.prof div.name-area p.name {
    font-size: 1.8rem;
  }
}

/* sidenav
-------------------------------------------------- */
/* "h"tag */
h3.sidenav {
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.2rem;
}
h3.sidenav::after {  
  display: block;
  font-size: 1.5rem;
  margin-top: 1rem;
}
h3.sidenav.about::after {
  content: "About";
}
h3.sidenav.guide::after {
  content: "Guide";
}
h3.sidenav.graduate::after {
  content: "Graduate";
}
h3.sidenav.library::after {
  content: "Academy's library";
}
h3.sidenav.schoollife::after {
  content: "School life";
}
/* sidenav-area */
div.sidenav-area div.ttl-area {
  background: #1F3249;
  padding: 2.3rem 0 2.0rem;
  border: 1px solid #1F3249;
}
div.sidenav-area nav ul li {
  border-left: 1px solid #707070;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  position:relative;
  text-indent: 3rem;
  line-height: 4.5;
}
div.sidenav-area nav ul li.selected {
  color: #BFA46A;
  font-weight: bold;
}
div.sidenav-area nav ul li a {
  display: block;
}
/* アコーディオンメニュー */
div.sidenav-area nav ul li#course a.parent,
div.sidenav-area nav ul li#enrollment a.parent {
  display: block;
  position: relative;
}
div.sidenav-area nav ul li#course a.parent.on,
div.sidenav-area nav ul li#enrollment a.parent.on {
  color: #BFA46A;
  background: #f5f5f5;
}
div.sidenav-area nav ul li#course a.parent::after,
div.sidenav-area nav ul li#enrollment a.parent::after {
  content: '\f0fe';
  display: block;
  text-align: center;
  position: absolute;
  font-family: "Font Awesome 5 Free";
  top: 0;
  right: 1rem;
  font-size: 1.8rem;
  width: 6rem;
  line-height: 3.6;
  font-weight: 600;
}
div.sidenav-area nav ul li#course a.parent.on::after,
div.sidenav-area nav ul li#enrollment a.parent.on:after {
  content: '\f146';
}
div.sidenav-area nav ul li.li-wrap {
  padding-left: 0;
}
div.sidenav-area nav ul li.li-wrap ul.answerarea {
  background: #fff;
  display: none;
}
div.sidenav-area nav ul li.li-wrap ul.answerarea li {
  border-left: none;
  border-right: none;
}
div.sidenav-area nav ul li.li-wrap ul.answerarea li:first-child {
  border-top: 1px solid #707070;
}
div.sidenav-area nav ul li.li-wrap ul.answerarea li:last-child {
  border-bottom: none;
}
/* before */
div.sidenav-area nav ul li::before {
  position:absolute;
  content:'';
  top: 2.8rem;
  left: 1.5rem;
  height:0;
  width:0;
  border-style: solid;
  border-width: 5px 0 5px 8px;
  border-color: transparent transparent transparent #AAAAAA;
  z-index: 1;
}
/* hover */
div.sidenav-area nav ul li.n-am:hover {
  color: #BFA46A;
  background: #f5f5f5;
}
div.sidenav-area nav ul li.li-wrap ul li:hover {
  color: #BFA46A;
  background: #f5f5f5;
}
div.sidenav-area nav ul li#course a:hover,
div.sidenav-area nav ul li#enrollment a:hover {
  color: #BFA46A;
  background: #f5f5f5;
}
@media print, screen and (max-width: 960px) {
  div.sidenav-area {
    margin-top: 7rem;
  }
  div.sidenav-area div.ttl-area {
    padding: 2.3rem 0 2.0rem;
    border: 1px solid #1F3249;
  }
}
@media print, screen and (max-width: 767px) {
  h3.sidenav {
    font-size: 1.6rem;
    line-height: 1.2rem;
  }
  h3.sidenav::after { 
    font-size: 1.4rem;
    margin-top: 0.8rem;
  }
}

/* profwrap */
div.profwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3rem;
}
div.profwrap div.img{
  width: 20rem;
  height: auto;
  margin-right: 5rem;
}
@media print, screen and (max-width: 767px) {
  div.profwrap {
    display: block;
    margin-bottom: 3rem;
  }
  div.profwrap div.img{
    width: 60%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 3rem;
  }
  div.profwrap p{
    text-align: center;
  }
}

/* ==================================================
アカデミーについて
================================================== */
/* 学長メッセージ,校長メッセージ
-------------------------------------------------- */
section.k_messageSec {
  overflow-y: hidden;
}
/* g_message01 */
/* k_message01 */
section.g_message01 div.inner,
section.k_message01 div.inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
section.g_message01 div.text-area,
section.k_message01 div.text-area {
  width: 59%;
}
section.g_message01 div.text-area p.g_message,
section.k_message01 div.text-area p.k_message {
  font-size: 1.7rem;
  line-height: 1.5;
  margin-bottom: 3rem;
  font-weight: bold;
}
section.g_message01 div.text-area p.g_name,
section.k_message01 div.text-area p.k_name {
  font-size: 1.4rem;
}
section.g_message01 div.img-area,
section.k_message01 div.img-area {
  width: 28%;
}
/* g_message02 */
section.g_message02 div.inner {
  position: relative;
}
section.g_message02 div.img-area {
  position: absolute;
  top: 9rem;
  right: 0;
  z-index: -100;
  width: 68%;
  height: auto;
}
/* g_message03 */
section.g_message03 div.img-area {
  width: 80%;
  margin: 5rem auto;
}
@media print, screen and (max-width: 767px) {
  /* g_message01 */
  /* k_message01 */
  section.g_message01 div.inner,
  section.k_message01 div.inner {
    display: block;
    margin-bottom: 5rem;
  }
  section.g_message01 div.text-area,
  section.k_message01 div.text-area {
    width: 100%;
  }
  section.g_message01 div.text-area p.g_message,
  section.k_message01 div.text-area p.k_message {
    font-size: 1.8rem;
    line-height: 1.5;
    margin-top: 3rem;
    margin-bottom: 3rem;
    font-weight: bold;
  }
  section.g_message01 div.img-area,
  section.k_message01 div.img-area {
    width: 75%;
    margin: 0 auto;
  }
  section.g_message01 div.text-area,
  section.k_message01 div.text-area {
    margin-right: 0;
    text-align: center;
  }
  /* g_message02 */
  section.g_message02 div.img-area {
    top: 8rem;
    width: 68%;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  /* g_message03 */
  section.g_message03 div.img-area {
    width: 100%;
    margin: 3rem auto;
  }
}
@media print, screen and (max-width: 480px) {
  /* g_message01 */
  /* k_message01 */
  section.g_message01 div.text-area p.g_message,
  section.k_message01 div.text-area p.k_message {
    font-size: 1.6rem;
  }
  section.g_message01 div.text-area p.g_name,
  section.k_message01 div.text-area p.k_name {
    font-size: 1.3rem;
  }
  /* g_message02 */
  section.g_message02 div.img-area {
    width: 90%;
  }
}

/* ホメオパシーとは
-------------------------------------------------- */
/* homeopathy01-04 */
section.homeopathySec div.img-area.top{
  width: 100%;
  margin: 0 auto 5rem;
}
section.homeopathySec div.img-area.btm{
  width: 100%;
  margin: 5rem auto 0;
}
@media print, screen and (max-width: 480px) {
  /* homeopathy01-04 */
  section.homeopathySec div.img-area.top{
    width: 100%;
    margin: 0 auto 3rem;
  }
  section.homeopathySec div.img-area.btm{
    width: 100%;
    margin: 3rem auto 0;
  }
}

/* アカデミーの歩み
-------------------------------------------------- */
/* history03 */
section.history03 table {
  width: 100%;
  border: 1px solid #BFA46A;
  border-collapse: collapse;
  line-height: 1.5;
}
section.history03 table tr th {
  width: 30%;
  border-left: 1px solid #BFA46A;
  border-right: 1px solid #BFA46A;
  border-top: 1px solid #BFA46A;
  border-bottom: 1px solid #fff;  
  height: 7rem;
  vertical-align: middle;
  padding-left: 2rem;
  color: #FFFFFF;
  background-color: #BFA46A;
}
section.history03 table tr th.l-th {
  border-bottom: 1px solid #BFA46A;
}
section.history03 table tr td {
  width: 70%;
  border: 1px solid #BFA46A;
  height: 7rem;
  vertical-align: middle;
  padding-left: 2rem;
}
@media print, screen and (max-width: 767px) {
  section.history03 table {
    width: 100%;
    border-top: none;
    border-left: 1px solid #BFA46A;
    border-right: 1px solid #BFA46A;
    border-bottom: 1px solid #BFA46A;
    border-collapse: collapse;
    line-height: 1.5;
  }
  section.history03 table tr th {
    display: block;
    width: 100%;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #BFA46A;
    height: auto;
    vertical-align: middle;
    padding-left: 2rem;
    padding-top: 2rem;
    padding-bottom: 1.8rem;
  }
  section.history03 table tr td {
    display: block;
    width: 100%;
    border: none;
    height: auto;
    vertical-align: middle;
    padding-left: 2rem;
    padding-top: 2rem;
    padding-bottom: 1.8rem;
  }
}

/* アカデミーの特徴
-------------------------------------------------- */
/* "h"tag */
h5.feature {
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.6;
  margin: 4rem 0;
}
/* feature01 */
section.feature01 div.img-area,
section.feature03 div.img-area {
  width: 80%;
  margin: 5rem auto 0;
}
@media print, screen and (max-width: 767px) {
  h5.feature {
    font-size: 1.8rem;
    line-height: 1.5;
    margin: 3rem 0;
  }
  section.feature01 div.img-area,
  section.feature03 div.img-area {
    width: 100%;
    margin: 3rem auto 0;
  }
}
@media print, screen and (max-width: 480px) {
  h5.feature {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.5;
    margin: 3rem 0;
  }
}

/* ==================================================
学校案内
================================================== */
/* 講師紹介
-------------------------------------------------- */

/* 本科（4年制）概要
-------------------------------------------------- */
/* "h" tag */
h5.maincourse {
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.6;
  margin: 4rem 0;
}
section.maincourse01 dt {
  font-weight: bold;
  font-size: 2.0rem;
  color: #BFA46A;
  margin-bottom: 1.5rem;
}
section.maincourse01 dt span.num {
  margin-right: 0.2rem;
}
section.maincourse01 dd {
  margin-bottom: 3rem;
}
@media print, screen and (max-width: 767px) {
  h5.maincourse {
    font-size: 1.8rem;
    line-height: 1.5;
    margin: 3rem 0;
  }
  section.maincourse01 dt {
    font-size: 1.8rem;
    margin-bottom: 1.0rem;
  } 
}

/* コース共通
-------------------------------------------------- */

/* titleGuideSec
-------------------------------------------------- */
section.titleGuideSec div.content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction:row-reverse;
  -moz-flex-direction:row-reverse;
  flex-direction:row-reverse;
}
section.titleGuideSec div.content div.title {
  width: 34%;
  background: #BFA46A;
  position: relative;
}
section.titleGuideSec div.content img {
  width: 66%;
}
@media print, screen and (max-width: 767px) {
  section.titleGuideSec div.content {
    display: block;
  }
  section.titleGuideSec div.content div.title {
    width: 100%;
    background: #BFA46A;
    padding: 0.6rem 0 0.5rem 2rem;
    margin-top: -0.4rem;
  }
  section.titleGuideSec div.content img {
    width: 100%;
  }
}

/* course "h"tag
-------------------------------------------------- */
h3.course {
  font-size: 2.0rem;
  font-weight: bold;
  top: 38%;
  left: 50%;
  transform: translateY(-50%);
  transform: translateX(-50%);
  position: absolute;
  text-align: center;
  line-height: 1.4;
  color: #fff;
  width: 100%;
}
h3.course::before {
  display: block;
  font-size: 1.3rem;
  font-weight: normal;
  text-align: center;
}
h3.course.regular::before {
  content: "commute course";
}
h3.course.e-learning::before {
  content: "e-learning course";
}
h3.course.g_course::before {
  content: "special course";
}
h3.course.postgraduate::before {
  content: "post graduate";
}
h3.course.cpdcourse::before {
  content: "continued professional development";
}
h3.course.opencourse::before {
  content: "open course";
}
@media print, screen and (max-width: 767px) {
  h3.course {
    font-size: 1.8rem;
    top: auto;
    left: auto;
    transform: none;
    transform: none;
    line-height: 1.2;
    position: relative;
    text-align: left;
    width: 100%;
  }
  h3.course::before {
    display: block;
    font-size: 1.2rem;
    text-align: left;
  }
}

/* button-area
-------------------------------------------------- */
div.column.course div.button-area {
  margin-top: 7rem;
}
@media print, screen and (max-width: 767px) {
  div.column.course div.button-area {
    margin-top: 5rem;
  }
}

/* 通学コース
-------------------------------------------------- */
section.regularSec{
  overflow-y: hidden;
}
section.regular02 ol li{
  list-style-type: lower-alpha;
}
section.regular03 input[type="radio"] {
  display:none;
}
section.regular03 div.tab_area {
  font-size :0;
}
section.regular03 div.tab_area label {
  width :14rem;
  margin-right: 1.5rem;
  display :inline-block;
  padding : 1.5rem 0;
  color :#999;
  background :#E7E7E7;
  text-align:center;
  font-size :1.5rem;
  cursor :pointer;
  transition:ease 0.4s opacity;
  font-weight: bold;
}
section.regular03 div.tab_area label:hover {
  transition: 0.4s;
  background-color: #F5F5F5;
}
section.regular03 div.panel_area {
  background:#fff;
}
section.regular03 div.panel_area div.tab_panel {
  width:100%;
  display:none;
}
section.regular03 #tab1:checked ~ .tab_area .tab1_label,
section.regular03 #tab2:checked ~ .tab_area .tab2_label,
section.regular03 #tab3:checked ~ .tab_area .tab3_label,
section.regular03 #tab4:checked ~ .tab_area .tab4_label {
  background:#F5F5F5;
  color:#000;
}
section.regular03 #tab1:checked ~ .panel_area #panel1,
section.regular03 #tab2:checked ~ .panel_area #panel2,
section.regular03 #tab3:checked ~ .panel_area #panel3,
section.regular03 #tab4:checked ~ .panel_area #panel4 {
  display:block;
}
section.regular03 div.classDetail {
  background-color: #F5F5F5;
  padding: 3rem;
}
section.regular03 div.classDetail div.wrap {
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  border-bottom : 1px dotted #707070;
}
section.regular03 div.classDetail div.wrap.btm {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom : none;
}
@media print, screen and (max-width: 767px) {
  h5.e-learning {
    font-size: 1.8rem;
    line-height: 1.5;
    margin: 0 0 2rem;
  }
  section.regular03 div.tab_area label {
    width :23%;
    margin-right: 2.55%;
    font-size :1.4rem;
    padding : 1.3rem 0 1.2rem;
  }
  section.regular03 div.tab_area label.tab4_label {
    margin: 0;
  }
  section.regular03 div.classDetail {
    padding: 3rem 2rem;
  }
}

/* Eラーニングコース
-------------------------------------------------- */
/* "h"tag */
h5.e-learning {
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 0 3rem;
}
h5.e-learning.btm {
  margin: 0;
}
section.e-learningSec{
  overflow-y: hidden;
}
section.e-learning01 ul li {
  list-style-type: none;
  margin-left: 0;
}
section.e-learning01 div.box {
  border: 1px solid #707070;
  padding: 2.5rem 2rem;
  margin-bottom: 5rem;
}
section.e-learning01 div.box dt {
  font-weight: bold;
}
section.e-learning01 div.box dd {
  margin-bottom: 3rem;
}
section.e-learning01 div.box dd:last-child {
  margin-bottom: 0;
}
section.e-learning02 ol li{
  list-style-type: lower-alpha;
}
section.e-learning03 input[type="radio"] {
  display:none;
}
section.e-learning03 div.tab_area {
  font-size :0;
}
section.e-learning03 div.tab_area label {
  width :14rem;
  margin-right: 1.5rem;
  display :inline-block;
  padding : 1.5rem 0;
  color :#999;
  background :#E7E7E7;
  text-align:center;
  font-size :1.5rem;
  cursor :pointer;
  transition:ease 0.4s opacity;
  font-weight: bold;
}
section.e-learning03 div.tab_area label:hover {
  transition: 0.4s;
  background-color: #F5F5F5;
}
section.e-learning03 div.panel_area {
  background:#fff;
}
section.e-learning03 div.panel_area div.tab_panel {
  width:100%;
  display:none;
}
section.e-learning03 #tab1:checked ~ .tab_area .tab1_label,
section.e-learning03 #tab2:checked ~ .tab_area .tab2_label,
section.e-learning03 #tab3:checked ~ .tab_area .tab3_label,
section.e-learning03 #tab4:checked ~ .tab_area .tab4_label {
  background:#F5F5F5;
  color:#000;
}
section.e-learning03 #tab1:checked ~ .panel_area #panel1,
section.e-learning03 #tab2:checked ~ .panel_area #panel2,
section.e-learning03 #tab3:checked ~ .panel_area #panel3,
section.e-learning03 #tab4:checked ~ .panel_area #panel4 {
  display:block;
}
section.e-learning03 div.classDetail {
  background-color: #F5F5F5;
  padding: 3rem;
}
section.e-learning03 div.classDetail div.wrap {
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  border-bottom : 1px dotted #707070;
}
section.e-learning03 div.classDetail div.wrap.btm {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom : none;
}
@media print, screen and (max-width: 767px) {
  h5.e-learning {
    font-size: 1.8rem;
    line-height: 1.5;
    margin: 0 0 2rem;
  }
  section.e-learning03 div.tab_area label {
    width :23%;
    margin-right: 2.55%;
    font-size :1.4rem;
    padding : 1.3rem 0 1.2rem;
  }
  section.e-learning03 div.tab_area label.tab4_label {
    margin: 0;
  }
  section.e-learning03 div.classDetail {
    padding: 3rem 2rem;
  }
}

/* 学長特別コース
-------------------------------------------------- */
section.g_course06.btm {
  margin-bottom: 10rem;
}
@media print, screen and (max-width: 767px) {
  section.g_course06.btm {
    margin-bottom: 7rem;
  }
}

/* オープンコース
-------------------------------------------------- */
h5.opencourse {
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 3rem;
}
section.opencourse07.btm,
section.opencourse11.btm {
  margin-bottom: 10rem;
}
section.opencourse08 div.box {
  border: 1px solid #707070;
  padding: 2.5rem 2rem;
  margin-bottom: 5rem;
}
section.opencourse09 ul.square li {
  list-style-type: square;
  color: #BFA46A;
}
section.opencourse09 ul.square li span {
  color: #333;
}
section.opencourse13 div.classDetail {
  background-color: #F5F5F5;
  padding: 3rem;
}
section.opencourse13 div.classDetail div.wrap {
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  border-bottom : 1px dotted #707070;
}
section.opencourse13 div.classDetail div.wrap.btm {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom : none;
}
section.opencourse13 div.classDetail div.wrap dt {
  float: left;
  width: 20rem;
  margin-bottom: 0.5rem;
  font-weight: bold;
}
section.opencourse13 div.classDetail div.wrap dd {
  margin-bottom: 0.5rem;
}
section.opencourse13 div.classDetail div.wrap dd:last-child {
  margin-bottom: 0;
}
section.opencourse13 div.classDetail div.wrap dd span {
  background-color: #D2302F;
  color: #fff;
  padding: 0.5rem 0.5rem 0.3rem;
  margin-left: 2rem;
  font-size: 1.3rem;
}
@media print, screen and (max-width: 767px) {
  h5.opencourse {
    font-size: 1.8rem;
    margin-bottom: 2rem;
  }
  section.opencourse07.btm,
  section.opencourse11.btm {
    margin-bottom: 7rem;
  }
  section.opencourse13 div.classDetail div.wrap dt {
    float: none;
    width: auto;
    margin-bottom: 0;
  }
  section.opencourse13 div.classDetail div.wrap dd {
    margin-bottom: 1rem;
  }
  section.opencourse13 div.classDetail div.wrap dd span {
    font-size: 1.2rem;
  }
}

/* ホメオパシーを学びたい方へ
-------------------------------------------------- */
/* "h"tag */
h5.customer {
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 3rem;
}
section.customerSec {
  overflow-y: hidden;
}
section.customer03 div.wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-direction:row-reverse;
  -moz-flex-direction:row-reverse;
  flex-direction:row-reverse;
}
section.customer03 div.wrap div.photo {
  width: 30%;
}
section.customer03 div.wrap div.name-area {
  width: 65%;
}
@media print, screen and (max-width: 767px) {
  h5.customer {
    font-size: 1.8rem;
    line-height: 1.4;
    margin-bottom: 2rem;
  }
  section.customer03 div.wrap {
    display: block;
  }
  section.customer03 div.wrap div.photo {
    width: 65%;
    margin: 0 auto 3rem;
  }
  section.customer03 div.wrap div.name-area {
    width: 100%;
  }
  section.customer03 div.wrap div.name-area h5 {
    text-align: center;
  }
}

/* 入学までの流れ
-------------------------------------------------- */
section.flowSec div.arrow{
  width: 0;
  height: 0;
  border-left: 3rem solid transparent;
  border-right: 3rem solid transparent;
  border-top: 3.2rem solid #BFA46A;
  margin: 4rem auto 0;
}
@media print, screen and (max-width: 767px) {
  section.flowSec div.arrow{
    width: 0;
    height: 0;
    border-left: 2.2rem solid transparent;
    border-right: 2.2rem solid transparent;
    border-top: 2.6rem solid #BFA46A;
    margin: 3rem auto 0;
  }
}

/* 入学金・授業料
-------------------------------------------------- */
section.price03 dl dt {
  width: 14rem;
  float: left;
}
section.price04 dl dt {
  font-size: 1.6rem;
  font-weight: bold;
}
@media print, screen and (max-width: 767px) {
  section.price03 dl dt {
    width: 13rem;
  }
  section.price04 dl dt {
    font-size: 1.5rem;
  }
}

/* 学校説明会と授業見学
-------------------------------------------------- */
h6.open {
  font-size: 1.8rem;
  line-height: 1.75;
  font-weight: bold; 
  margin-bottom: 0.5rem;
}
section.openSec table {
  width: 100%;
  border: 1px solid #BFA46A;
  border-collapse: collapse;
  margin-bottom: 5rem;
}
section.openSec table th {
  width: 25rem;
  text-align: center;
  border: 1px solid #BFA46A;
  background-color: #F4EFE5;
  line-height: 4.0;
  padding-top: 0.2rem;
}
section.openSec table td {
  text-align: center; 
  border: 1px solid #BFA46A;
  padding-top: 0.2rem;
  line-height: 4.0;
}
@media print, screen and (max-width: 767px) {
  h6.open {
    font-size: 1.6rem;
    line-height: 1.75;
  }
  section.openSec table {
    font-size: 1.4rem;
  }
  section.openSec table th {
    width: 35%;
    line-height: 3.6;
  }
  section.openSec table td {
    line-height: 3.6;
  }
}
@media print, screen and (max-width: 480px) {
  section.openSec table {
    border-bottom: none;
  }
  section.openSec table th {
    display: block;
    width: 100%;
    border: none;
    line-height: 3.0;
  }
  section.openSec table td {
    display: block;
    width: 100%;
    border-left: none;
    border-right: none;
    line-height: 3.0;
  }
}

/* ==================================================
学校生活
================================================== */
/* アカデミーの学校生活
-------------------------------------------------- */
section.life01 div.img-area {
  width: 80%;
  margin: 5rem auto;
}
section.life03 h5 {
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 2rem;
}
section.life03 div.wrap {
  position: relative;
}
section.life03 div.img-area.Lycopodium {
  position: absolute;
  top: 3rem;
  right: 0;
  z-index: -100;
  width: 30%;
  height: auto;
}
section.life03 div.img-area.Lycopodium img {
  opacity: 0.2;
}
section.life03 div.img-area.Materia {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -100;
  width: 30%;
  height: auto;
}
section.life03 div.img-area.Materia img {
  opacity: 0.2;
}
section.life03 div.wrap.btm {
  margin-bottom: 5rem;
}
@media print, screen and (max-width: 960px) {
  section.life03 div.img-area.Lycopodium {
    top: 1.5rem;
    width: 28%;
  }
  section.life03 div.img-area.Materia {
    width: 28%;
  }
}
@media print, screen and (max-width: 767px) {
  section.life01 div.img-area {
    width: 100%;
    margin: 3rem auto;
  }
  section.life03 div.img-area.Lycopodium {
    position: relative;
    width: 40%;
    margin: 2rem auto 5rem;
  }
  section.life03 div.img-area.Lycopodium img {
    opacity: 1.0;
    width: 100%;
    height: auto;
  }
  section.life03 div.img-area.Materia {
    position: relative;
    width: 48%;
    margin: 3.0rem auto 3rem;
  }
  section.life03 div.img-area.Materia img {
    opacity: 1.0;
    width: 100%;
    height: auto;
  }
}

/* 国際セミナー
-------------------------------------------------- */
section.seminar01 div.seminarbox ul li {
  list-style-type: none;
  margin-bottom: 3rem;
}
section.seminar01 div.seminarbox ul li:last-child {
  margin-bottom: 0;
}
section.seminar01 div.seminarbox ul li a.wrap {
  text-decoration: none;
  color: #333;
  display: block;
}
section.seminar01 div.seminarbox ul li a.wrap:hover {
  transition: 0.5s;
  opacity: 0.5;
}
section.seminar01 div.seminarbox ul li div.wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
section.seminar01 div.seminarbox ul li div.wrap div.img-area {
  width: 22rem;
  margin-right: 2rem;
}
section.seminar01 div.seminarbox ul li div.wrap div.text-area {
  width: 67%;
}
section.seminar01 div.seminarbox ul li div.wrap div.text-area h5.seminar {
  font-size: 1.8rem;
  border-bottom: 1px solid #707070;
  font-weight: bold;
  margin-bottom: 1rem;
}
section.seminar01 div.seminarbox div.button-area a.button  {
  display: none;
}
@media print, screen and (max-width: 960px) {
  section.seminar01 div.seminarbox ul li div.wrap div.img-area {
    width: 21rem;
    margin-right: 2rem;
  }
  section.seminar01 div.seminarbox ul li div.wrap div.text-area {
    width: 74%;
  }
}
@media print, screen and (max-width: 767px) {
  section.seminar01 div.seminarbox ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }
  section.seminar01 div.seminarbox ul li {
    position: relative;
    width: 48.5%;
    padding: 2rem;
    margin-bottom: 3%;
    border: 1px solid #AAAAAA;
    margin-left: 0!important;
    list-style-type: none!important;
  }
  section.seminar01 div.seminarbox ul li a.wrap {
    pointer-events: none;
  }
  section.seminar01 div.seminarbox ul li div.wrap {
    display: block;
  }
  section.seminar01 div.seminarbox ul li div.wrap div.img-area {
    width: 100%;
    margin-right: 0;
  }
  section.seminar01 div.seminarbox ul li div.wrap div.text-area {
    width: 100%;
    font-size: 1.3rem!important;
  }
  section.seminar01 div.seminarbox ul li div.wrap div.text-area h5.seminar {
    font-size: 1.6rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: center;
    border-bottom: none;
  }
  section.seminar01 div.seminarbox div.button-area {
    margin: 3rem auto 0;
  }
  section.seminar01 div.seminarbox div.button-area a.button {
    display: block;
  }
}
@media print, screen and (max-width: 600px) {
  section.seminar01 div.seminarbox ul li {
    position: relative;
    width: 100%;
    padding: 2rem 2rem 2.5rem 2rem;
    margin-bottom: 3rem;
    border: 1px solid #AAAAAA;
    margin-left: 0!important;
    list-style-type: none!important;
  }
}

/* 国際セミナー 詳細
-------------------------------------------------- */
section.seminar-detail01 div.img-area {
  width: 80%;
  margin: 5rem auto;
}
section.seminar-detail01 div.detailbox div.event {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5rem;
}
section.seminar-detail01 div.detailbox div.event img {
  width: 42%;
}
section.seminar-detail01 div.detailbox div.event div.schedule {
  margin-left: 4rem;  
}
section.seminar-detail01 div.detailbox div.event div.schedule dl {
  font-size: 1.4rem;
  line-height: 1.2;
}
section.seminar-detail01 div.detailbox div.event div.schedule dl dt {
  font-weight: bold;
}
@media print, screen and (max-width: 767px) {
  section.seminar-detail01 div.img-area {
    width: 100%;
    margin: 3rem auto 5rem;
  }
}
@media print, screen and (max-width: 600px) {
  section.seminar-detail01 div.detailbox div.event {
    display: block;
    width: 80%;
    margin: 0 auto 5rem;
  }
  section.seminar-detail01 div.detailbox div.event img {
    width: 100%;
    margin-bottom: 2rem;
  }
  section.seminar-detail01 div.detailbox div.event div.schedule {
    margin-left: 0;
  }
}

/* 在校生の声
-------------------------------------------------- */
h5.voice {
  font-size: 1.8rem;
  line-height: 1.75;
  font-weight: bold; 
  margin-bottom: 0.5rem;
  position: relative;
  padding-left: 2.2rem;
}
h5.voice::after {
  position: absolute;
  top: 48%;
  left:0;
  transform:translateY(-50%);
  content: '';
  width: 1rem;
  height:1rem;
  border: solid 4px #BFA46A;
  border-radius:100%;
}
section.voice01 div.paststudent_link {
  text-align: right;
}

/* 在校生の声 詳細
-------------------------------------------------- */
section.voice-detail01 p.icon.bold,
section.voice-detail01 p.question.bold{
  font-size: 1.7rem;
}

/* The Other Song Academyとの連携
-------------------------------------------------- */
section.otherSong01 div.video-area{
  width: 100%;
  height:0;
  padding-top:60%;
  margin: 0 auto 5rem;
  position:relative;
}
section.otherSong01 div.video-area iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #CCC; 
}
section.otherSong01 div.box{
  border: 1px solid #707070;
  padding: 3rem 2rem;
}
section.otherSong01 div.box h4.h4_otherSong{
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 2rem;
}
@media print, screen and (max-width: 767px) {
  section.otherSong01 div.video-area{
    margin: 0 auto 3rem;
  }
  section.otherSong01 div.box h4.h4_otherSong{
    font-size: 1.6rem;
  }
}

/* ==================================================
アカデミーライブラリー
================================================== */
/* 永松学長×キム先生対談
-------------------------------------------------- */
/* kimtalk01 */
section.kimtalk01 div.img-area {
  width: 80%;
  margin: 0 auto 7rem;
}
section.kimtalk01 div.img-area p {
  margin-top: 0.5rem;
  font-size: 1.3rem;
}
@media print, screen and (max-width: 767px) {
  /* kimtalk01 */
  section.kimtalk01 div.img-area {
    margin: 0 auto 5rem;
  }
}

/* ドクターズ対談
-------------------------------------------------- */
section.drtalkSec p.question {
  font-weight: bold;
  line-height: 1.4;
  font-size: 1.8rem;
  margin-bottom: 3rem;
}
/* drtalk01 */
section.drtalk01 div.img-area {
  width: 80%;
  margin: 0 auto 7rem;
}
section.drtalk01 div.img-area p {
  margin-top: 0.5rem;
  font-size: 1.3rem;
}
@media print, screen and (max-width: 767px) {
  section.drtalkSec p.question {
    font-size: 1.6rem;
    line-height: 1.3;
  }
  /* drtalk01 */
  section.drtalk01 div.img-area {
    margin: 0 auto 5rem;
  }
}

/* ドクターズ座談会
-------------------------------------------------- */
section.drsymposiumSec span.name {
  font-weight: bold;
  display: block;
}
/* drsymposium01 */
section.drsymposium01 div.img-area {
  width: 80%;
  margin: 0 auto 7rem;
}
@media print, screen and (max-width: 767px) {
  /* drsymposium01 */
  section.drsymposium01 div.img-area {
    margin: 0 auto 5rem;
  }
}

/* 薬剤師座談会
-------------------------------------------------- */
section.pharmacisttalkSec p.emphasis {
  font-weight: bold;
  font-size: 1.6rem;
  color: #AD8141;
}
section.pharmacisttalkSec span.name {
  display: block;
}
section.pharmacisttalk01 div.member {
  margin-bottom: 3rem;
}
section.pharmacisttalk01 div.member div.prof {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
section.pharmacisttalk01 div.member div.prof div.photo {
  width: 28%;
}
section.pharmacisttalk01 div.member div.prof div.name-area {
  width: 69%;
}
section.pharmacisttalk01 div.member div.prof div.name-area p.name {
  font-weight: bold;
  border-bottom: 1px solid #AAA;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  font-size: 1.6rem;
}
@media print, screen and (max-width: 767px) {
  section.pharmacisttalkSec p.emphasis {
    font-size: 1.5rem;
    line-height: 1.4;
    margin-bottom: 0.5rem;
  }
  section.pharmacisttalk01 div.member div.prof {
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  section.pharmacisttalk01 div.member div.prof div.photo {
    width: 65%;
    margin: 3rem auto;
  }
  section.pharmacisttalk01 div.member div.prof div.name-area {
    width: 100%;
  }
  section.pharmacisttalk01 div.member div.prof div.name-area p.name {
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.5;
  }
}

/* デイビッド先生インタビュー
-------------------------------------------------- */
section.david01 div.prof {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
section.david01 div.prof div.photo {
  width: 31%;
}
section.david01 div.prof div.name-area {
  width: 67%;
}
section.david01 div.prof div.name-area p.name {
  font-weight: bold;
  border-bottom: 1px solid #AAA;
  padding-bottom: 0.5rem;
  margin-bottom: 1rem;
  font-size: 1.6rem;
}
@media print, screen and (max-width: 767px) {
  section.david01 div.prof{
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  section.david01 div.prof div.photo{
    width: 80%;
    margin: 3rem auto;
  }
  section.david01 div.prof div.name-area{
    width: 100%;
  }
  section.david01 div.prof div.name-area p.name{
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.5;
  }
}

/* レメディー物語
-------------------------------------------------- */
section.remedystorySec .listbox .button-area{
  position: relative;
  margin: 1.5rem auto 0;
  bottom: 0;
}


/* レメディー物語 詳細
-------------------------------------------------- */
section.remedystory-detail01 div.detailbox div.prof div.name-area {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* HAOHオンデマンド */
section.demand01 div.demandbox ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
section.demand01 div.demandbox ul li {
  list-style-type: none;
  width: 31.5%;
  margin-left: 0;
  position: relative;
  margin-bottom: 5rem;
  padding-bottom: 7rem;
}
section.demand01 div.demandbox ul li.second-to-last,
section.demand01 div.demandbox ul li.last {
  margin-bottom: 0;
}
section.demand01 div.demandbox ul li div.mov-img {
  margin-bottom: 2rem;
}
section.demand01 div.demandbox ul li p.title {
  border-bottom: 1px solid #707070;
  font-weight: bold;
  height: 10rem;
  margin-bottom: 2rem;
}
section.demand01 div.demandbox ul li p.title.one-line {
  height: 7rem; 
}
section.demand01 div.demandbox ul li dl dt {
  font-weight: bold;
}
section.demand01 div.demandbox ul li dl dd {
  margin-bottom: 1rem;
}
section.demand01 div.demandbox ul li dl dd:last-child {
  margin-bottom: 0;
}
section.demand01 div.demandbox ul li div.button-area {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin: 0 auto;
}
section.demand01 div.demandbox ul li div.button-area a.button {
  width: 18rem;
}
@media print, screen and (max-width: 767px) {
  section.demand01 div.demandbox ul li {
    width: 48.5%;
  }
  section.demand01 div.demandbox ul li p.title.two-line {
    height: 7rem; 
  }
  section.demand01 div.demandbox ul li.second-to-last {
    margin-bottom: 5rem;
  }
}
@media print, screen and (max-width: 480px) {
  section.demand01 div.demandbox ul li {
    width: 100%;
    margin-bottom: 5rem;
    padding-bottom: 0;
  }
  section.demand01 div.demandbox ul li p.title.two-line {
    height: 7rem; 
  }
  section.demand01 div.demandbox ul li dl dd:last-child {
    margin-bottom: 4rem;
  }
  section.demand01 div.demandbox ul li div.button-area {
    position: relative;
    bottom: 0;
    width: 100%;
    margin: 0 auto;
  }
}

/* バーチャル講義
-------------------------------------------------- */
section.vertuallectureSec div.graybox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-around;
  background-color: #E7E7E7;
  padding: 3rem 0;
  margin: 5rem 0;
}
section.vertuallectureSec div.graybox dt {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
section.vertuallectureSec div.graybox dl dd ul li.n-type {
  list-style-type: none;
  margin-left: 0;
}
section.vertuallectureSec p.sub-t {
  font-weight: bold;
  line-height: 1.4;
  font-size: 1.8rem;
  margin-bottom: 3rem;
}
section.vertual02 div.quote {
  margin-left: 3rem;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho";
  margin-bottom: 3rem;
}
section.vertuallectureSec div.img-area {
  width: 80%;
  margin: 0 auto;
}
@media print, screen and (max-width: 767px) {
  section.vertuallectureSec div.graybox {
    display: block;
    padding: 2rem;
    margin: 5rem 0;
  }
  section.vertuallectureSec div.graybox dl.saturday {
    margin-bottom: 2rem;
  }
  section.vertuallectureSec div.img-area {
    width: 100%;
    margin: 0 auto 5rem;
  }
  section.vertuallectureSec p.sub-t {
    font-size: 1.6rem;
    line-height: 1.3;
  }
  section.vertual02 div.quote {
    margin-left: 0;
    font-weight: bold;
  }
}

/* ==================================================
卒業後の活動
================================================== */
/* 卒業生の活動詳細ページ
-------------------------------------------------- */
/* graduateimpact-detail01 */
section.graduateimpact-detail01 div.detailbox p.title {
  font-weight: bold;
}
section.graduateimpact-detail01 div.detailbox div.contact dl dt,
section.graduateimpact-detail01 div.detailbox div.contact dl dd {
  display: inline-block;
}

/* 卒業生の声詳細ページ
-------------------------------------------------- */
section.voiceDetailSec{
  overflow-y: hidden;
}
/* graduatevoice-detail01 */
section.graduatevoice-detail01 div.detailbox div.block div.question-area {
  font-weight: bold;
  border-bottom: 1px solid #AAAAAA;
  padding-bottom: 0.5rem;
  margin-bottom: 2rem;
}
section.graduatevoice-detail01 div.detailbox div.block div.question-area p.icon {
  font-size: 2.2rem;
  line-height: 1.4;
}
section.graduatevoice-detail01 div.detailbox div.block div.question-area p.question {
  font-size: 1.8rem;
  line-height: 1.4;
}
@media print, screen and (max-width: 767px) {
  section.graduatevoice-detail01 div.detailbox div.block div.question-area p.icon {
    font-size: 2.0rem;
    line-height: 1.4;
  }
  section.graduatevoice-detail01 div.detailbox div.block div.question-area p.question {
    font-size: 1.6rem;
    line-height: 1.4;
  }
}

/* 卒業後のサポートと進路
-------------------------------------------------- */
/* "h" tag */
h5.support {
  font-weight: bold;
  font-size: 2.0rem;
  margin-bottom: 3rem;
}
@media print, screen and (max-width: 767px) {
  h5.support {
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: 3rem;
  }
}


/* 医療従事者の皆さまヘ
-------------------------------------------------- */
section.medicalSec {
  margin-bottom: 10rem;
}

/* アクセス
-------------------------------------------------- */
section.accessSec {
  margin-bottom: 10rem;
}
section.accessSec div.map iframe {
  width: 100%;
  height: 45rem;
  margin-top: 5rem;
}
section.accessSec p.sub-t {
  font-weight: bold;
  line-height: 1.4;
  font-size: 1.8rem;
  margin-bottom: 3rem;
  border-bottom: 1px solid #7D7D7D;
  padding-bottom: 1.0rem;
}
section.accessSec div.access01,
section.accessSec div.access02 {
  margin-bottom: 5rem;
}
@media print, screen and (max-width: 767px) {
  section.accessSec p.sub-t {
    font-size: 1.6rem;
    line-height: 1.3;
    margin-bottom: 2rem;
  }
}

/* 学長ブログ一覧
-------------------------------------------------- */
/* presidentblogSec */
section.presidentblogSec{
  margin: 0 auto 10rem;
}
section.presidentblogSec div.inner div.content div.infolist dl {
  border-bottom: 1px dotted #ccc;
  margin-bottom: 2.0rem;
  padding-bottom: 1.0rem;
  line-height: 2.0;
}
section.presidentblogSec div.inner div.content div.infolist dl:last-child{
  margin-bottom: 0;
}
section.presidentblogSec div.inner div.content div.infolist dl dt{
  line-height: 2.0;
}
section.presidentblogSec div.inner div.content div.infolist dl dd{
  line-height: 2.0;
}
section.presidentblogSec div.inner div.content div.infolist dl dd a:hover{
  opacity: 0.4;
  transition: 0.6s;
}

/* 学長ブログ記事
-------------------------------------------------- */
/* presidentblogDetailSec */
section.presidentblogDetailSec {
  margin: 0 auto 10rem;
}
section.presidentblogDetailSec div.inner{
  max-width: 900px;
} 
section.presidentblogDetailSec div.content div.blog-date {
  text-align: right;
  margin-bottom: 2.5rem;
  line-height: 1.8;
}
section.presidentblogDetailSec div.content div.blog-text p{
line-height: 1.8;
}
section.presidentblogDetailSec div.content div.button-area{
  margin: 5rem auto 0;
}

/* お知らせ一覧
-------------------------------------------------- */
/* informationArchiveSec */
section.informationArchiveSec{
  margin: 0 auto 10rem;
}
section.informationArchiveSec div.inner {
  position: relative;
} 
section.informationArchiveSec div.inner div.content div.categoryTab ul {
  width: 38rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;  
  border-left: 1px solid #ccc;
  margin: 0 0 5rem auto;
}
section.informationArchiveSec div.inner div.content div.categoryTab ul li {
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  width: 9.5rem;
  text-align: center;
  line-height: 2.5;
}
section.informationArchiveSec div.inner div.content div.categoryTab ul li.active {
  background-color: #1F3249;
  color: #fff;
}
section.informationArchiveSec div.inner div.content div.categoryTab ul li a {
  display: block;
}
section.informationArchiveSec div.inner div.content div.categoryTab ul li a:hover {
  background-color: #1F3249;
  color: #fff;
  transition: 0.5s;
}
section.informationArchiveSec div.inner div.content div.infolist {
  margin: 5rem auto 7rem;
}
section.informationArchiveSec div.inner div.content div.infolist dl {
  border-bottom: 1px dotted #ccc;
  margin-bottom: 2.0rem;
  padding-bottom: 1.0rem;
  line-height: 2.5;
}
section.informationArchiveSec div.inner div.content div.infolist dl dt{
  display: inline-block;
  line-height: 2.5;
}
section.informationArchiveSec div.inner div.content div.infolist dl dt{
  line-height: 2.5;
}
section.informationArchiveSec div.inner div.content div.infolist dl dt.cat{
  display: inline-block;
  width: 16rem;
  margin: 0 0 1rem 0;
  background: #4b5366;
  color: #fff;
  text-align: center;
}
section.informationArchiveSec div.inner div.content div.infolist dl dt.cat.benefit{
  background: #ffa500;
}
section.informationArchiveSec div.inner div.content div.infolist dl dt.cat li{
  line-height: 2.2;
}
section.informationArchiveSec div.inner div.content div.infolist dl dt.cat a {
  pointer-events: none;
  color: #fff;
}
section.informationArchiveSec div.inner div.content div.infolist dl dd.title{
  line-height: 1.8;
}
section.informationArchiveSec div.inner div.content div.infolist dl dd.title a:hover{ 
  opacity: 0.4;
  transition: 0.6s;
}
section.informationArchiveSec div.inner div.content div.infolist dl dd.title span.tag{
  margin-left: 1rem;
  padding: 0.5rem 0.8rem 0.5rem 0.8rem;
  text-align: center;
  color: #fff;  
  line-height: 1.5;
  pointer-events: none;
}
section.informationArchiveSec div.inner div.content div.infolist dl dd.title span.tag.accepting{
  background-color: #BFA46A;
}
section.informationArchiveSec div.inner div.content div.infolist dl dd.title span.tag.finish{
  background-color: #D2302F;
}
section.informationArchiveSec div.inner div.content div.infolist dl dd.title span.tag.archive{
  background-color: #e37222;
}
/* button-area */
section.informationArchiveSec div.button-area.archive {
  margin: 7rem auto 0;
}
@media print, screen and (max-width: 767px) {
  section.informationArchiveSec {
    margin: 0 auto 8rem;
  }
  section.informationArchiveSec div.inner div.content div.categoryTab ul {
    margin: 0 auto;
    width: 80%;
  }
  section.informationArchiveSec div.inner div.content div.categoryTab ul li {
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 100%;
    text-align: center;
    line-height: 3.0;
  }
  section.informationArchiveSec div.inner div.content div.categoryTab ul li.active {
    background-color: #1F3249;
    color: #fff;
  }
  section.informationArchiveSec div.inner div.content div.infolist {
    margin: 5rem auto;
  }
  section.informationArchiveSec div.inner div.content div.infolist dl {
    line-height: 2.0;
  }
  section.informationArchiveSec div.inner div.content div.infolist dl dt {
    font-size: 1.4rem;
  }
  section.informationArchiveSec div.inner div.content div.infolist dl dd.cat {
    width: 14rem;
    font-size: 1.4rem;
  }
  section.informationArchiveSec div.inner div.content div.infolist dl dd.title {
    font-size: 1.4rem;
  }
  section.informationArchiveSec div.inner div.content div.infolist dl dd.title span.tag{
    font-size: 1.3rem;
    display: block;
    margin-left: 0;
    padding: 0.3rem 0.6rem 0.3rem 0.6rem;
    margin-top: 0.3rem;
  }
  section.informationArchiveSec div.inner div.content div.infolist dl dd.title span.tag.accepting{
    width: 6rem;
  }
  section.informationArchiveSec div.inner div.content div.infolist dl dd.title span.tag.finish{
    width: 5rem;
  }
}
@media print, screen and (max-width: 480px) {
  section.informationArchiveSec div.inner div.content div.categoryTab ul {
    width: 100%;
  }
}

/* 今すぐ学べる！即視聴可能講座
-------------------------------------------------- */
section.archiveInfoSec.content div.inner div.content div.archivelist {
    margin: 5rem auto 0;
}

/* Pagenation
-------------------------------------------------- */
div.newsPagenation {
  margin-top: 8rem;
  text-align: center;
}
div.newsPagenation div.wp-pagenavi {
  clear: both;
  text-align:center;
}
div.newsPagenation div.wp-pagenavi a,
div.newsPagenation div.wp-pagenavi span {
  color: #000;
  background-color: #FFF;
  border: solid 1px #1F3249;
  padding: 8px 13px;
  margin: 0 3px;
  white-space: nowrap;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  text-align: center;
  text-decoration:none;
  font-size: 1.5rem;
}
div.newsPagenation div.wp-pagenavi a{
  color: #1F3249!important; 
}
div.newsPagenation div.wp-pagenavi span{
  color: #fff!important;
}
div.newsPagenation div.wp-pagenavi a:hover{
  color:#FFF!important;
  background-color:#1F3249; 
}
div.newsPagenation div.wp-pagenavi span.current{
  color: #FFF;
  background-color: #1F3249;
}
@media print, screen and (max-width: 767px) {
  div.newsPagenation {
    margin-top: 7rem;
    text-align: center;
  }
}

/* お知らせ詳細
-------------------------------------------------- */
/* "h"tag */
h3.blogtitle {
  font-size: 2.4rem;
  font-weight: normal;
  margin-bottom: 3rem;
  line-height: 1.4;
  font-weight: bold;
  border-bottom: 1px solid #707070;
  padding-bottom: 0.5rem;
}
h4.h4-blognavi{
  font-size: 2.0rem;
  border-bottom: 1px solid #707070;
  line-height: 1.9;
  margin-bottom: 3rem;
  font-weight: bold;
}
/* informationDetailSec */
section.informationDetailSec {
  margin: 0 auto 10rem;
}
section.informationDetailSec.columnSec div.content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
section.informationDetailSec.columnSec div.content div.column_left {
  width: 65%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
section.informationDetailSec.columnSec div.content div.column_left div.news-date {
  text-align: right;
  margin-bottom: 2.5rem;
}
section.informationDetailSec.columnSec div.content div.column_left div.news-text div.box {
  margin-bottom: 5rem;
}
section.informationDetailSec.columnSec div.content div.column_left div.news-text div.box ul li {
  list-style-type: disc;
  margin-left: 2.5rem;
}
section.informationDetailSec.columnSec div.content div.column_left div.news-text div.img-area {
  width: 90%;
  margin: 5rem auto;
}
section.informationDetailSec.columnSec div.content div.column_left div.news-text div.img-area img {
  width: 100%;
  height: auto;
}
section.informationDetailSec.columnSec div.content div.column_left div.news-text div.box p.bold {
  font-weight: bold;
  font-size: 1.6rem;
}
section.informationDetailSec.columnSec div.content div.column_left div.news-text div.profwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 3rem;
}
section.informationDetailSec.columnSec div.content div.column_left div.news-text div.profwrap div.img{
  width: 20rem;
  height: auto;
  margin-right: 5rem;
}
section.informationDetailSec.columnSec div.content div.column_left div.blog-navi{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 5rem 0;
  color: #BFA46A;
}
section.informationDetailSec.columnSec div.content div.column_left div.blog-navi a{
  color: #BFA46A;
  text-decoration: underline;
}
section.informationDetailSec.columnSec div.content div.column_left div.blog-navi a:hover{
  opacity: 0.5;
  transition: 0.5s;
}
section.informationDetailSec.columnSec div.content div.column_left div.button-area a.button{
  margin: 7rem auto 0!important;
}
section.informationDetailSec.columnSec div.content div.column_right {
  width: 32%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
section.informationDetailSec.columnSec div.content div.column_right div.widget{
  margin-bottom: 5rem;
}
section.informationDetailSec.columnSec div.content div.column_right div.widget ul li{
  margin-bottom: 1.5rem;
  line-height: 1.5;
  list-style-type: disc;
  margin-left: 2.5rem;
}
section.informationDetailSec.columnSec div.content div.column_right div.widget ul li a {
  color: #BFA46A;
  text-decoration: underline;
}
section.informationDetailSec.columnSec div.content div.column_right div.widget ul li:hover{
  opacity: 0.5;
  transition: 0.5s;
}
section.informationDetailSec.columnSec div.content div.column_right div.widget span.post-date{
  font-size: 1.2rem;
  color: #999;
  display: block;
}

@media print, screen and (max-width: 960px) {
  h3.blogtitle {
    font-size: 2.0rem;
    margin-bottom: 3rem;
    line-height: 1.4;
  }
  section.informationDetailSec.columnSec div.content {
    display: block;
  }
  section.informationDetailSec.columnSec div.content div.column_left {
    width: 100%;
  }
  section.informationDetailSec.columnSec div.content div.column_left div.news-date {
    margin-bottom: 3rem;
  }
  section.informationDetailSec.columnSec div.content div.column_left div.news-text div.img-area {
    width: 100%;
    margin: 3rem auto;
  }
  section.informationDetailSec.columnSec div.content div.column_left div.news-text div.box p.bold {
    font-size: 1.5rem;
  }
  section.informationDetailSec.columnSec div.content div.column_right {
    width: 100%;
    margin-top: 5rem;
  }
}

@media print, screen and (max-width: 767px) {
  section.informationDetailSec.columnSec div.content div.column_left div.news-text div.profwrap {
    display: block;
    margin-bottom: 3rem;
  }
  section.informationDetailSec.columnSec div.content div.column_left div.news-text div.profwrap div.img{
    width: 60%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 3rem;
  }
  section.informationDetailSec.columnSec div.content div.column_left div.news-text div.profwrap p{
    text-align: center;
  }
}


/* よくあるご質問
-------------------------------------------------- */
section.faqSec {
  margin-bottom: 10rem;
}
section.faqSec div.content div.category.faq01 {
  margin-bottom: 7rem;
}
section.faqSec div.content ul li.faq-wrap {
  background: #EFEFEF;
  color: #fff;
  cursor: pointer;
  display: block;
  margin-bottom: 2.5rem;
}
section.faqSec div.content ul li.faq-wrap a.question {
  color: #333;
  display: block;
  line-height: 2.8;
  padding: 0 1rem 0 1.5rem;
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
}
section.faqSec div.content ul li.faq-wrap a.question:after {
  content: '\f0fe';
  display: block;
  text-align: center;
  position: absolute;
  font-family: "Font Awesome 5 Free";
  top: 0;
  right: 0;
  font-size: 1.8rem;
  width: 6rem;
  line-height: 2.6;
  font-weight: 600;
  color: #BFA365;
}
section.faqSec div.content ul li.faq-wrap a.question.on:after {
  content: '\f146';
  color: #BFA46A;
}
a.question.togglelink.on {
  background: #BFA46A;
  color: #fff!important;
}
a.question.togglelink.on::after {
  color: #fff!important;
}
section.faqSec div.content ul.answerarea {
  background: #fff;
  display: none;
}
section.faqSec div.content ul.answerarea li.answer {
  padding: 2.5rem 1rem 2rem;
  line-height: 1.4;
  color: #333;
  cursor: auto;
}
@media print, screen and (max-width: 767px) {
  section.faqSec div.content div.category{
    margin-bottom: 5rem;
  }
  section.faqSec div.content ul li.faq-wrap {
    margin-bottom: 2rem;
  }
  section.faqSec div.content ul li.faq-wrap a.question:before{
    font-size: 1.4rem;
    font-weight: normal;
    margin-right: 0;    
  }
  section.faqSec div.content ul li.faq-wrap a.question:after {
    top: 49%;
    transform: translateY(-49%);
    right: 1.5rem;
    width: 2rem;
    line-height: 1.4;
  }
  section.faqSec div.content ul li.faq-wrap a.question {
    line-height: 1.4;
    padding: 1rem 5rem 1rem 1.5rem;
    font-size: 1.5rem;
  }
  section.faqSec div.content ul.answerarea li.answer {
    padding: 1.5rem 1rem 2rem;
    line-height: 1.4;
    color: #333;
  }
}

/* フォームページ共通
-------------------------------------------------- */
/* 電話番号 */
div.content div.tel_infobox {
  width: 100%;
  border: 1px solid #707070;
  margin-bottom: 7rem;
  padding: 5rem 1rem 1rem;
}
div.content div.tel_infobox p.telnum {
  color: #D2302F;
  font-weight: bold;
  font-size: 2.8rem;
  line-height: 1.2;
  text-align: center;
}
div.content div.tel_infobox p.businesshour {
  line-height: 1.2;
  text-align: center;
}
div.content div.tel_infobox p.attention {
  font-size: 1.2rem;
  margin-top: 3rem;
}
/* フォーム */
div.content table.form {
  width: 100%;
  margin: 0 auto 7rem;
}
div.content table.form.nbtm{
  margin: 0 auto;
}
div.content table.form th {
  width: 30rem;
  text-align: left;
  padding: 2rem 0 0;
  vertical-align: top;
  line-height: 2.0;
  font-weight: bold;
}
div.content table.form th span.required {
  background: #D2302F;
  padding: 0.2rem 0.6rem 0.1rem 0.5rem;
  color: #fff;
  margin-left: 1rem;
  font-size: 1.2rem;
  line-height: 1.8;
  display: inline-block;
}
div.content table.form th span.optional {
  background: #F7E56C;
  padding: 0.2rem 0.6rem 0.1rem 0.5rem;
  color: #000;
  margin-left: 1rem;
  font-size: 1.2rem;
  line-height: 1.8;
  display: inline-block;
}
div.content table.form td {
  padding: 2rem 0 0;
}
div.content table.form th.first,
div.content table.form td.first {
  padding: 0;
}
div.content table.form td input {
  line-height: 3.0;
  height: 3.0em;
  padding-left: 1rem;
  border: 1px solid #C5C5c5;
}
div.content table.form td input[type=radio],
div.content table.form td input[type=checkbox] {
  line-height: 2.2;
  height: 2.2em;
  margin: 0 3px!important;
}
div.content table.form td select {
  line-height: 3.0;
  height: 3.0em;
  padding-left: 1rem;  
}
div.content table.form td textarea {
  height: 12em;
  line-height: 2.0;
  padding-left: 1rem;
  border: 1px solid #C5C5c5;
}
div.content table.form td.name input,
div.content table.form td.kana input,
div.content table.form td.rome input {
  width: 80%;
}
div.content table.form td.ages select {
  width: 30rem;
}
div.content table.form td.postcode input {
  width: 20rem;
}
div.content table.form td.pref select {
  width: 20rem;
}
div.content table.form td.phone-number input,
div.content table.form td.fax input {
  width: 50%;
}
div.content table.form td.mail-address input,
div.content table.form td.job input,
div.content table.form td.school input,
div.content table.form td.graduate input {
  width: 100%;
}
div.content table.form td.remarks textarea,
div.content table.form td.license textarea,
div.content table.form td.reason textarea,
div.content table.form td.ambition textarea,
div.content table.form td.environment textarea {
  width: 100%;
}
div.content table.form td.textbook{
  line-height: 1.6;
}
span.wpcf7-list-item {
  display: block!important;
  margin: 0 0 0 0!important;
}
/* ボタン */
div.content div.button-area {
  height: 4rem;
}
div.content div.button-area input.button {
  cursor: pointer;
  line-height: inherit;
}
div.content div.button-area input.button:hover {
  transition: 0.2s;
}
/* エラー */
.wpcf7 .wpcf7-not-valid {
    background: pink;
}
span.wpcf7-not-valid-tip{
  display: none!important;
}
@media print, screen and (max-width: 767px) {
  div.content div.tel_infobox {
    padding: 5rem 1rem 1.5rem;
  }
  div.content div.tel_infobox p.telnum {
    color: #D2302F;
    font-weight: bold;
    font-size: 2.6rem;
    line-height: 1.2;
  }
  div.content div.tel_infobox p.businesshour {
    font-size: 1.3rem;
    line-height: 1.2;
  }
  div.content div.tel_infobox p.attention {
    font-size: 1.1rem;
    margin-top: 3rem;
  }
  /* フォーム */
  div.content table.form th {
    width: 100%;
    display: block;
    padding: 3rem 0 0;
  }
  div.content table.form td {
    padding: 1.5rem 0 0;
    display: block;
    width: 100%;
  }
  div.content table.form td.first {
    padding: 1.5rem 0 0;
  }
  div.content table.form td input {
    line-height: 3.5;
    height: 3.5em;
    padding-left: 1rem;
  }
  div.content table.form td select{
    line-height: 3.5;
    height: 3.5em;
  }
  div.content table.form td textarea {
    height: 12em;
  } 
  div.content table.form td.mail-address input,
  div.content table.form td.job input{
    width: 100%;
  }
  div.content table.form td.name input,
  div.content table.form td.kana input,
  div.content table.form td.rome input {
    width: 100%;
  }
  div.content table.form td.ages select {
    width: 20rem;
  }
  div.content table.form td.postcode input {
    width: 15rem;
  }
  div.content table.form td.pref select {
    width: 15rem;
  }
  div.content table.form td.phone-number input,
  div.content table.form td.fax input {
    width: 60%;
  }
  /* ボタン */
  div.content div.button-area input.button {
    line-height: 2.5;
  }
}

/* お問い合わせ
-------------------------------------------------- */
section.inquirySec {
  margin-bottom: 10rem;
}
@media print, screen and (max-width: 767px) {
  section.inquirySec{
    margin-bottom: 10rem;
  } 
}

/* 資料請求
-------------------------------------------------- */
section.requestSec {
  margin-bottom: 10rem;
}
td.city input,
td.building input {
  width: 100%;
}


/* 各種お申込み
-------------------------------------------------- */
section.applicationSec {
  margin-bottom: 10rem;
}
section.applicationSec div.application01,
section.applicationSec div.application02,
section.applicationSec div.application03 {
  margin-bottom: 7rem;
}
section.applicationSec div.button-area a.button {
  width: 28rem;
}

/* 入学申し込み
-------------------------------------------------- */
section.applicationformSec {
  margin-bottom: 10rem;
}
td.birthday select {
  width: 10rem;
}
td.region select {
  width: 20rem;
}
@media print, screen and (max-width: 767px) {
  td.birthday select {
    width: 7rem;
  }
  td.region select {
    width: 15rem;
  }
}

/* コース申し込み
-------------------------------------------------- */
section.courseformSec {
  margin-bottom: 10rem;
}
td.menu select {
  width: 100%;
}

/* イベント申し込み
-------------------------------------------------- */
section.eventformSec {
  margin-bottom: 10rem;
}
td.eventname select {
  width: 100%;
}
td.eventdate select {
  width: 100%;
}

/* 学校説明会・授業見学申し込み
-------------------------------------------------- */
section.eventformSec {
  margin-bottom: 10rem;
}
td.eventname select {
  width: 100%;
}
td.eventdate select {
  width: 100%;
}

/* 送信完了
-------------------------------------------------- */
section.sendmessageSec{
  margin-bottom: 8rem;
}
section.sendmessageSec div.content {
  width: 97%;
  margin: 0 auto;
}
section.sendmessageSec table.contactInfo{
    width: 75%;
    margin: 5rem auto 7rem;
    border: 1px solid #C8C8C8;
    border-collapse: collapse;
}
section.sendmessageSec table.contactInfo th {
    text-align: center;
    background-color: #BFA46A;
    color: #fff;
    font-weight: normal;
    border: 1px solid #C8C8C8;
    padding: 2.0rem 0 1.8rem;
}
section.sendmessageSec table.contactInfo td {
    text-indent: 1rem;
    border: 1px solid #C8C8C8;
}
@media screen and (max-width: 767px){
  section.sendmessageSec div.content {
    width: 95%;
  }
  section.sendmessageSec table.contactInfo{
      width: 100%;
      margin: 3rem auto 5rem;
      border-collapse: collapse;
  }
  section.sendmessageSec table.contactInfo th{
    width: 100%;
    display: block;
    padding: 1.5rem;
    line-height: 1.5;
    border-top: none;
    border-left: none;
    border-right: none;
    text-align: center;
  }
  section.sendmessageSec table.contactInfo td {
    display: block;
    border: none;
    box-sizing: content-box;
    padding: 1.5rem;
    line-height: 1.5;
    text-align: center;
  }
}

/* プライバシーポリシー
-------------------------------------------------- */
section.privacySec {
  margin-bottom: 10rem;
}
section.privacySec ul li {
  list-style-type: disc;
  margin-left: 2.5rem;
}
@media print, screen and (max-width: 767px) {
  section.privacySec ul li {
    margin-left: 2.2rem;
  }
}

/* サイトマップ
-------------------------------------------------- */
section.sitemapSec {
  margin-bottom: 10rem;
}
section.sitemapSec div.content ul.title li {
  font-size: 1.8rem;
  font-weight: bold;
  color: #BFA46A;
  border-left: 5px solid #BFA46A;
  line-height: 1.3;
  padding-left: 0.5rem;
  margin-bottom: 3rem;
}
section.sitemapSec div.content ul.title li a:hover,
section.sitemapSec div.content ul.menu li a:hover {
  transition: 0.5s;
  opacity: 0.5;
}
section.sitemapSec div.content ul.subtitle li {
  font-size: 1.7rem;
  font-weight: bold;
  position: relative;
  padding-left: 2rem;
  margin-bottom: 1rem;
}
section.sitemapSec div.content ul.subtitle li::after {
  position: absolute;
  top: 46%;
  left: 0;
  transform: translateY(-50%);
  content: '';
  width: 1rem;
  height: 1rem;
  border: solid 3px #DE4830;
  border-radius: 100%;
}
section.sitemapSec div.content ul.menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 5rem;
}
section.sitemapSec div.content ul.menu.sub {
  margin-bottom: 3rem;
}
section.sitemapSec div.content ul.menu li {
  width: 30.0%;
  line-height: 2;
  list-style-type: disc;
  margin-left: 2.2rem;
}
@media print, screen and (max-width: 767px) {
  section.sitemapSec div.content ul.title li {
    font-size: 1.6rem;
    border-left: 4px solid #BFA46A;
    line-height: 1.3;
    margin-bottom: 3rem;
    padding-top: 0.2rem;
  }
  section.sitemapSec div.content ul.menu.sub {
    margin-bottom: 2.5rem;
  }
  section.sitemapSec div.content ul.menu {
    margin-bottom: 4rem;
  }
  section.sitemapSec div.content ul.menu li {
    width: 45.0%;
    line-height: 2.5;
  }
}
@media print, screen and (max-width: 600px) {
  section.sitemapSec div.content ul.menu li {
    width: 92.0%;
  }
}

/* COVID-19（コロナウイルス）の影響に伴うレメディー販売に関するお知らせ */
section.colonaSec {
  margin-bottom: 10rem;
}
section.colonaSec div.content ol li{
  list-style-type: decimal;
  margin-left: 2.2rem;
}

/* ホメオパシー国際セミナー開催のお知らせ */
section.interseminarSec {
  margin-bottom: 10rem;
}
section.interseminarSec div.interseminar01,
section.interseminarSec div.interseminar02,
section.interseminarSec div.interseminar03,
section.interseminarSec div.interseminar04,
section.interseminarSec div.interseminar05 {
  margin-bottom: 7rem;
}
section.interseminarSec div.box{
  margin-bottom: 5rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid #cccccc;
}

/* ==================================================
以下、装飾の指定
================================================== */

/*iPhoneでinput要素にCSSが効かない時 */
input[type="text"],input[type="email"],input[type="number"],input[type="tel"],input[type="date"],textarea{
   -webkit-appearance: none!important;
   border-radius: 0!important;
}
/*input[type="button"],input[type="text"],input[type="email"],input[type="number"],input[type="tel"],input[type="date"],input[type="submit"],textarea{
   -webkit-appearance: none!important;
   border-radius: 0!important;
}*/