@charset "utf-8";

/* CSS Document(PC) */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}

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

body {
  line-height: 1;
  -webkit-print-color-adjust: exact;
}

html, body {
  height: 100%
}

html {
  font-size: 62.5%
}

ol, ul {
  list-style: none
}

blockquote, q {
  quotes: none
}

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

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

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0
}

button {
  margin: 0;
  border: 0;
  padding: 0;
  border-radius: 0;
  background: 0;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

img {
  vertical-align: top
}

textarea {
  vertical-align: top;
  font-family: inherit
}

button, input[type="button"], input[type="checkbox"], input[type="image"], input[type="radio"], input[type="reset"], input[type="submit"], label, select {
  cursor: pointer
}

html, body {
  height: 100%
}

html {
  font-size: 62.5%
}

body {
  color: #222;
  /*font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
  line-height: 1.8;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
  -webkit-text-size-adjust: 100%
  box-sizing: border-box;
  font-size: 1.4rem;
  position: relative;
  left: 0;
  font-family: YuGothic, 'Yu Gothic', sans-serif;
}

* {
  box-sizing: border-box;
}



@media only screen and (-webkit-min-device-pixel-ratio:2), (-webkit-min-device-pixel-ratio:2), (min-resolution:2dppx) {
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }
}

a {
  color: #222;
  text-decoration: none;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

html {
  overflow-y: scroll;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

p, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, ul, ol, li, dl {
  clear: none;
}

img.size-full, img.size-large, img.size-medium, .attachment img {
  max-width: 100%;
  height: auto;
}

img {
  overflow: hidden;
  vertical-align: bottom;
  margin: 0;
  padding: 0;
  border: none;
  height: auto;
  -ms-interpolation-mode: bicubic;
  line-height: 1em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

figure img:not(.option-img) {
  width: 100%;
}

.p-information-entry-body figure img:not(.option-img) {
  width: initial;
}

/* main.l-main figure img:not(.option-img) {
  width: initial;
} */

a:focus {
  outline: none;
}

a {
  transition: .2s linear;
}

a:hover {
  opacity: .7;
}

.p-opencampus-list li a {
  background-color: transparent;
  color: currentColor;
  text-decoration: none;
  -webkit-text-decoration-skip: objects;
}
.p-opencampus-list > li > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.p-opencampus-list > li > div.opencampus-list-dv {
  transform: translateX(-3px) translateY(-3px);
  padding: 12px;
  border: 2px solid #333;
  box-shadow: 3px 3px 0 0 #333;
  transition: transform .1s cubic-bezier(.42,0,.58,1),box-shadow .1s cubic-bezier(.42,0,.58,1);
}
.p-opencampus-list li a:hover {
  transform: translateX(0) translateY(0);
  box-shadow: 0 0 0 0 #333;
}
div.opencampus-list-dv.day2 .p-opencampus-list__date__week {
  width: 20px;
  height: 20px;
  font-size: 1.2rem;
  margin-left: 3px;
  margin-right: 5px;
}
sup {
  vertical-align: super;
  font-size: smaller;
}

/* -----------------------------------------------------------------------------------------------

    レイアウト

----------------------------------------------------------------------------------------------- */

/* ---------- カラー変数 ---------- */

/*--a-color*/

ul.breadcrumb li a {
  color: #00713C;
}

.font-blue {
  color: #00713C;
}

hr.blue {
  background: #00713C;
}

.topcols p.course-name {
  background: #00713C;
}

.bloc-search button {
  background: #00713C;
}

.blue-bg {
  background: #00713C;
}

.chara-text {
  border: 1px solid #00713C;
}

.point-box-a .point-ttl .brakets {
  border: 1px solid #00713C;
  color: #00713C;
}

.point-box-a .point-ttl .brakets::before {
  color: #00713C;
}

.point-box-a .point-ttl .ttl {
  background: #00713C;
}

.msg-float .txt.bdr-btm {
  border-bottom: 1px solid #00713C;
}

.msg-catch {
}

.name {
  color: #00713C;
}

.status {
  color: #00713C;
}

.main-ttl {

}

h3.course-ttl {
  background: #00713C;
}

.cols2 .inner-box ul {
  border-top: 1px solid #00713C;
}

.cols2 .inner-box ul li::before {
  border: 6px solid transparent;
  border-left: 6px solid #00713C;
}

.msg-table3 {
  background: #00713C;
}

.anchor {
  border: 1px solid #00713C;
}

.anchor li a {
  border-right: 1px solid #00713C;
}

.anchor li a::before {
  border: 5px solid transparent;
  border-top: 5px solid #00713C;
}
.cols3 .ttl {
  color: #00713C;
}

.point-box-b .point-ttl .brakets {
  background: #00713C;
}

.point-box-b .point-ttl .ttl {
}

.bdr-box {
  border: 1px solid #00713C;
}

.bdr-box p.dashed {
  border-bottom: 1px dashed #00713C;
}

ul.circle li::before {
  color: #00713C;
}

table.color-th {
  border: 1px solid #00713C;
}

table.color-th tr {
  border-bottom: 1px solid #00713C;
}

table.color-th tr th {
  background: #00713C;
}

table.color-th tr td {
  border-right: 1px solid #00713C;
}

table.color-th tr td.color-td {
}

table.timetable tr td.time {
}

table.timetable tr td:empty {
   background-image: linear-gradient(13deg, transparent 49%, #00713C 49%, #00713C 51%, transparent 51%, transparent); /* 右下がりの斜線 */
}

.timetable-ttl::before {
  color: #00713C;
}

.oc-tag li {
  background: #00713C;
}

.schedule-area time {
  background: #00713C;
}

.adding-event {
  border: 1px solid #00713C;
}

.horizontal .txt {
  background: #00713C;
}

.horizontal .data {
  border: 1px solid #00713C;
}

.data-area .cols2 {
  border: 1px solid #00713C;
}

.data-area .cols2 .ttl {
  background: #00713C;
}

.data-area .cols2 .txt p.course {
  border-top: 1px solid #00713C;
  border-bottom: 1px solid #00713C;
}

.data-area .cols2 .txt ul li {

}

.msg-wrap {
  border: 1px solid #00713C;
}

.msg-ttl {
  background: #00713C;
}

.msg-cnt .cnt-ttl {
  background: #00713C;
}

.bdr-ttl {
  border: 1px solid #00713C;
}

ul.square li::before {
  color: #00713C;
}

ul.pager_num {
  border-bottom: 1px solid #00713C;
}

ul.pager_num li {
  color: #00713C;
}

.news-detail .ttl {
  background: #00713C;
}

.schedule-tbl tr:nth-child(odd) th {
  background: #00713C;
}

.schedule-tbl tr.caption td:nth-child(even) {
  color: #00713C;
}

.schedule-tbl tr td ul li::before {
  color: #00713C;
}

.room-ttl {
  background: #00713C;
}

.room-type .data-wrap {

}

.room-type .data-wrap .data > p {
  border: 1px solid #00713C;
}

.room-type .data-wrap .data > ul li::before {
  border-bottom: 2px dotted #00713C;
}

.blue-ttl {
  background: #00713C;
}

.msg-table .msg-fig {
  background: #00713C;
}

.a::before {
  background: #00713C;
}

.bdr-box .ttl {
  border-bottom: 1px solid #00713C;
}

.bdr-box.access ul.square li::before {
  color: #00713C;
}

.cols.map ul li::before {
  border: 8px solid transparent;
  border-left: 8px solid #00713C;
}

.sp-grayBg h4.bdr {
  border-bottom: 1px solid #00713C;
  color: #00713C;
}

dl.double-circle dt {
}

.msg-topttl {
  background: #00713C;
}

.cols3-1 .txt {

}

.flow {
  border: 1px solid #00713C;
}

.flow li::after {
  border: 10px solid transparent;
  border-top: 10px solid #00713C;
}

dl.privacy dt {
  color: #00713C;
}

dl.simple-dl {
  border: 1px solid #00713C;
}

ul.link li a {
  color: #00713C;
}

header {
  /* border-bottom: 2px solid #5477E2; */
}

.header-link a::before {
  border: 6px solid transparent;
  border-left: 6px solid #00713C;
}

nav ul li.on {
  border-bottom-color: #00713C;
}

footer {
  /* background: #5477E2; */
}

dl.left-nav dt {
  background: #00713C;
}

dl.left-nav dd {
  border: 1px solid #00713C;
}

dl.left-nav dd a {
  color: #00713C;
}

h2.normal-h2 {
  border: 1px solid #00713C;
  color: #00713C;
}

h3.bdr,
h4.bdr {
  background:#FEF8D5;
  color: #000000;
}

h3.blue-bg {
  background: #00713C;
}

h2.brakets {
  color: #00713C;
}

h2.brakets::before,
h2.brakets::after {
  border: 2px solid #00713C;
}

.history-tbl th {
  color: #00713C;
}

.free-call .tel {
  color: #00713C;
}

.course-info {
  border: 1px solid #00713C;
}

.course-info p.bdr-r {
  border-right: 1px solid #00713C;
}

.r-arrow::before {
  border: 10px solid transparent;
}

.course-info .r-arrow::before{
  border-left-color: #00713C;
}

.msg-catch {
}

.name {
  color: #00713C;
}

.status {
  color: #00713C;
}

.anchor2 .row > div {
  background: #00713C;
}

#keyword {
  width: 960px;
  margin: 80px auto 0;
  padding: 20px 95px 20px 30px;
}

#keyword .title {
  font-size: 30px;
}

.table-keyword {
  border: 1px solid #00713C;
}

.table-keyword .resultnum01 {
  color: #00713C;
}

.table-keyword .search a {
  background: #00713C;
}

.result li a {
  color: #00713C;
}


/*--a-sub-color*/

.block-btn.blue {
  background: #00713C;
  color: black;
}

.block-btn.blue {
  /* background: #6384D3; */
}


/*--a-bg-color*/

.cols2 .inner-box {
  background: #F6F6F6;
}

.adding-event {
  background: #F6F6F6;
}

.gray-bg {
  background: #F6F6F6;
}

table.news tr:nth-child(2n) {
  background: #F6F6F6;
}

.news-detail .ttl p span {
  background: #F6F6F6;
}

.news-txt {

}

.cols-inner {
  background: #F6F6F6;
}

.form-tbl th {
  background: #F6F6F6;
}

.course-info > p {
  background: #F6F6F6;
}

.table-keyword th {
  background: #F6F6F6;
}


/*--a-pale-bg-color*/

.pale-bg {
  background: #ECF1FC;
}

.history-tbl,
.room-type {
  background: linear-gradient(-45deg,
    #ECF1FC 0%, #ECF1FC 20%,
    white 20%, white 25%,
    #ECF1FC 25%, #ECF1FC 45%,
    white 45%, white 50%,
    #ECF1FC 50%, #ECF1FC 70%,
    white 70%, white 75%,
    #ECF1FC 75%, #ECF1FC 95%,
    white 95%, white 100%);
}

table.timetable tr td {
  background: #ECF1FC;
}

.schedule-tbl tr:nth-child(even) td {
  background: #ECF1FC;
}

.q {
  background: #ECF1FC;
}

.flow li {
  background: #ECF1FC;
}

table.color-td tr td {
  background: #ECF1FC;
}

dl.left-nav dd.on {
  background: #ECF1FC;
}

.free-call {
  background: url(../images/a_27.gif) no-repeat 20px 55px, #ECF1FC;
}


/*--a-mdl-bg-color*/

.schedule-tbl tr:nth-child(even) th {
  background: #829EEB;
}

.q::before {
  background: #829EEB;
}

.arrow-01:before {
  border-top: 2px solid #829EEB;
  border-right: 2px solid #829EEB;
}


/*--a-light-bg-color*/

.schedule-tbl tr:nth-child(odd) td {
  background: #D0DBF7;
}


/*--a-purple-color*/

.schedule-tbl tr.caption td:nth-child(odd) {
  color: #8F71BA;
}

.schedule-tbl tr td:last-child ul li::before {
  color: #8F71BA;
}


/*--a-turquoise-color*/

.to-list::before {
  border: 5px solid transparent;
  border-left: 5px solid #00A3C4;
}


/*--a-info-color*/

/*
.info .bdr-ttl {
  border: 1px solid #FFAD00;
  color: #FFAD00;
}

.info ul.square li::before {
  color: #FFAD00;
}

.msg-table.info .msg-fig {
  background: #FFAD00;
}

.msg-table.info .msg-box .msg-catch {
  color:#FFAD00;
}

.course-nav dd.info {
  border-left: 5px solid #FFAD00;
}

h3.bdr.info {
  border-bottom: 2px solid #FFAD00;
  color: #FFAD00;
}

.cols2.info h3.course-ttl {
  background: #FFAD00;
}

.cols2.info .inner-box ul {
  border-top-color: #FFAD00;
}

.cols2.info .inner-box ul li::before {
  border-left-color: #FFAD00;
}
*/


/*--a-it-color*/

/*
.cols2.it h3.course-ttl {
  background: #89C844;
}

h3 .ttl-color {
  font-size: 2.1rem;
  font-weight: bold;
  color: #000000;
  background: #fef8d5;
  text-align: center;
}

.cols2.it .inner-box ul {
  border-top-color: #89C844;
}

.cols2.it .inner-box ul li::before {
  border-left-color: #89C844;
}

.it .bdr-ttl {
  border: 1px solid #89C844;
  color: #89C844;
}

.it ul.square li::before {
  color: #89C844;
}

.msg-table.it .msg-fig {
  background: #89C844;
}

.msg-table.it .msg-box .msg-catch {
  color:#89C844;
}

.course-nav dd.it {
  border-left: 5px solid #89C844;
}

h3.bdr.it {
  border-bottom: 2px solid #89C844;
  color: #89C844;
}
*/


/*--a-bus-color*/

/*
.cols2.bus h3.course-ttl {
  background: #FF962C;
}

.cols2.bus .inner-box ul {
  border-top-color: #FF962C;
}

.cols2.bus .inner-box ul li::before {
  border-left-color: #FF962C;
}

.bus .bdr-ttl {
  border: 1px solid #FF962C;
  color: #FF962C;
}

.bus ul.square li::before {
  color: #FF962C;
}

.msg-table.bus .msg-fig {
  background: #FF962C;
}

.msg-table.bus .msg-box .msg-catch {
  color:#FF962C;
}

.course-nav dd.bus {
  border-left: 5px solid #FF962C;
}

h3.bdr.bus {
  border-bottom: 2px solid #FF962C;
  color: #FF962C;
}
*/


/*--a-game-color*/

/*
.cols2.game h3.course-ttl {
  background: #9E5FDE;
}

.cols2.game .inner-box ul {
  border-top-color: #9E5FDE;
}

.cols2.game .inner-box ul li::before {
  border-left-color: #9E5FDE;
}

.game .bdr-ttl {
  border: 1px solid #9E5FDE;
  color: #9E5FDE;
}

.game ul.square li::before {
  color: #9E5FDE;
}

.msg-table.game .msg-fig {
  background: #9E5FDE;
}

.msg-table.game .msg-box .msg-catch {
  color:#9E5FDE;
}

.course-nav dd.game {
  border-left: 5px solid #9E5FDE;
}

h3.bdr.game {
  border-bottom: 2px solid #9E5FDE;
  color: #9E5FDE;
}
*/


/*--a-info-bg-color*/

/*
.cols2.info .inner-box {
  background: #FEF8D5;
}
*/


/*--a-it-bg-color*/

/*
.cols2.it .inner-box {
  background: #ECF6E0;
}
*/


/*--a-bus-bg-color*/

/*
.cols2.bus .inner-box {
  background: #FBF2E4;
}
*/


/*--a-game-bg-color*/

/*
.cols2.game .inner-box {
  background: #F0E7F8;
}
*/


/*--a-oc-color*/

.oc-ttl {
  color: #222;
}



:root {
  --a-color: #00713C; /*基本色*/
  --a-sub-color: #6384D3;
  --a-bg-color: #F6F6F6; /*グレー背景*/
  --a-pale-bg-color: #ECF1FC; /*淡いブルー背景*/
  --a-mdl-bg-color: #829EEB; /*カレンダー用中間ブルー背景*/
  --a-light-bg-color: #D0DBF7; /*カレンダー用次に淡いブルー背景*/
  --a-purple-color: #8F71BA; /*パープル*/
  --a-turquoise-color: #00A3C4; /*ターコイズ*/
  --a-emerald-color: #C3ECEA; /*フォームフロー用*/
  --a-info-color: #FFAD00; /*情報処理学科*/
  --a-it-color: #89C844; /*ITエンジニア学科*/
  --a-bus-color: #FF962C; /*ビジネス学科*/
  --a-game-color: #9E5FDE; /*ゲーム学科*/
  --a-info-bg-color: #FEF8D5; /*情報処理学科背景*/
  --a-it-bg-color: #ECF6E0; /*ITエンジニア学科背景*/
  --a-bus-bg-color: #FBF2E4; /*ビジネス学科背景*/
  --a-game-bg-color: #F0E7F8; /*ゲーム学科背景*/
  --a-oc-color: #222; /*オープンキャンパスカラー*/
}

/* パンくず */

ul.breadcrumb {
  overflow: hidden;
  margin: 0 auto 20px;
  width: 960px;
}

ul.breadcrumb li {
  font-size: 1.2rem;
  float: left;
  margin-right: 10px;
}

ul.breadcrumb li a {
  font-size: 1.2rem;
  color: var(--a-color);
}

ul.breadcrumb li::after {
  content: ">";
  margin-left: 10px;
}

ul.breadcrumb li:last-child::after {
  display: none;
}


/* 共通部品 */

.mt20 {
  margin-top: 20px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb40 {
  margin-bottom: 40px;
}
.ml60 {
  margin-left: 60px;
}
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
.align-left {
  text-align: left;
}
.pale-bg {
  background: var(--a-pale-bg-color);
}
.fs12 {
  font-size: 1.2rem;
}
.fs15 {
  font-size: 1.5rem;
}
.fs16 {
  font-size: 1.6rem;
}
.bold {
  font-weight: bold;
}
.font-red {
  color: #D0282E;
}
.font-blue {
  color: var(--a-color);
}
.ctr {
  text-align: center;
}

hr {
  margin: 30px 0 20px;
  border: none;
  height: 1px;
}

hr.blue {
  background: var(--a-color);
}

.container {
  display: table;
  width: 100%;
}


/*---------- トップページ ----------*/

.topcols p.course-name {
  background: var(--a-color);
  color: white;
  text-align: center;
  padding: 5px;
}

.bloc-search {
  margin: 20px auto;
  position: relative;
  width: 100%;
  border: 1px solid #999;
}

.bloc-search input[type="text"] {
  padding: 10px 0px 10px 10px;
  width: 86%;
  border: none;
  background: #fdfdfd;
  color: #ccc;
  font-size: 1.2rem;
  height: 32px;
  outline: none;
}

.bloc-search button {
  right: 0;
  height: 32px;
  width: 40px;
  background: var(--a-color);
  padding: 0px 12px;
  position: absolute;
  font-size: 0;
  z-index: 2;
  border-style: none;
  -webkit-appearance: none;
  outline: none;
  color: white;
}

.bloc-search button:before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../images/btn_hd-seach.png) no-repeat center 50%;
  background-size: 20px 20px;
  display: block;
}

.bloc-search input::-webkit-input-placeholder{
  line-height:1.386;
}

.to-list {
  text-align: right;
  font-size: 1.2rem;
  display: block;
  margin: 10px 0 15px;
}

.to-list::before {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  border-left-color: var(--a-turquoise-color);
}

/* スライダー */
#main_visual .slick-slide img {
  width: 100%;
  /*width: calc(100vw - calc(100vw - 100%));*/
}
#main_visual .slick-dots li button:before {
  font-size: 1rem;
}

/*---------- 学校の特長 ----------*/

.top-ttl {
  font-size: 2.1rem;
  font-weight: bold;
}

.cols2 > figure {
  overflow: hidden;
/*  height: 240px;*/
}

.oc .cols2 > figure {
/*  height: auto;*/
}

.cols.oc .cols2:first-child {
  -webkit-flex-basis: 280px;
  -ms-flex-basis: 280px;
  flex-basis: 280px;
}

.cols.oc .cols2:last-child {
  -webkit-flex-basis: 420px;
  -ms-flex-basis: 420px;
  flex-basis: 420px;
}

.cols.oc .cols2 > figure {
  width: 250px;
  height: 182px;
}

.blue-bg {
  background: var(--a-color);
  padding: 20px;
  color: white;
}

.chara-text {
  border: 1px solid var(--a-color);
  padding: 20px;
  margin-top: 10px;
}

.btn-area {
  margin: 20px auto 0;
}

.block-btn {
  display: inline-block;
  text-align: center;
  padding: 10px 0;
  font-size: 1.6rem;
  letter-spacing: 3px;
}

.block-btn.blue {
  color: white;
  /* background: var(--a-sub-color); */
}


/*---------- 5つの特長 ----------*/


.point-box-a {
  margin-bottom: 30px;
}

.point-box-a .point-ttl {
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
}

.point-box-a .point-ttl .brakets {
  border: 1px solid var(--a-color);
  text-align: center;
  width: 50px;
  height: 50px;
  position: relative;
  z-index: 10;
  background: white;
  font-size: 2.6rem;
  padding-top: 8px;
  color: var(--a-color);
}

.point-box-a .point-ttl .brakets::before {
  content: "POINT";
  font-size: 1rem;
  color: var(--a-color);
  z-index: 11;
  position: absolute;
  top: 3px;
  left: 8px;
}

.point-box-a .point-ttl .ttl {
  background: var(--a-color);
  padding: 5px;
  position: absolute;
  left: 30px;
  bottom: 0;
  width: 100%;
  padding-left: 32px;
}

.point-box-a .cnt {
  padding-left: 50px;
}


/*---------- 学校長メッセージ、理念 ----------*/

.msg-box {
  padding: 15px;
  width: 100%;
}

.msg-fig {
  display: table;
  width: 100%;
}

.msg-fig figure,
.msg-fig .txt {
  display: table-cell;
  vertical-align: top;
}

.msg-fig figure {
  padding-right: 20px;
}

.msg-float figure {
  padding-right: 10px;
}

.msg-float .txt.bdr-btm {
  border-bottom: 1px solid var(--a-color);
  padding-bottom: 10px;
}

.msg-float .txt .name {
  font-size: 1.5rem;
  margin-bottom: 10px;
}

.msg-catch {
  font-size: 1.6rem;
  margin-bottom: 10px;
  font-weight: bold;
}

.msg-catch.large {
  font-size: 2rem;
}

.name {
  color: var(--a-color);
}

.status {
  color: var(--a-color);
  font-size: 1.2rem;
}

.normal-box {
  padding: 25px;
  margin-bottom: 30px;
}

.main-ttl {
  font-size: 2.3rem;
  margin-bottom: 10px;
}


/*---------- 歴史・沿革 ----------*/


.history {
  margin-bottom: 40px;
}

.history-tbl,
.room-type {
  background: linear-gradient(-45deg,
    var(--a-pale-bg-color) 0%, var(--a-pale-bg-color) 20%,
    white 20%, white 25%,
    var(--a-pale-bg-color) 25%, var(--a-pale-bg-color) 45%,
    white 45%, white 50%,
    var(--a-pale-bg-color) 50%, var(--a-pale-bg-color) 70%,
    white 70%, white 75%,
    var(--a-pale-bg-color) 75%, var(--a-pale-bg-color) 95%,
    white 95%, white 100%);
  background-size: 20px 20px;
}

.history-tbl th::after {
  content: "|";
  padding-left: 20px;
}

.history-fig figure figcaption {
  font-size: 1.2rem;
  line-height: 1.4;
  margin: 3px 0 8px;
}

.history-tbl2{
	max-width:928px;
}
.history-tbl2 th{
	white-space: nowrap;
}
/*---------- 学科・コース紹介 ----------*/

h3.course-ttl {
  color: white;
  padding: 15px;
  margin: 20px 0 10px;
  font-size: 1.6rem;
  background: var(--a-color);
  text-align: left;
}

h3.course-ttl span {
  border: 1px solid white;
  margin-left: 10px;
  font-size: 1rem;
  padding: 3px 5px;
  vertical-align: 2px;
}

/*.cols2.info h3.course-ttl {
  background: var(--a-info-color);
}

.cols2.it h3.course-ttl {
  background: var(--a-it-color);
}

.cols2.bus h3.course-ttl {
  background: var(--a-bus-color);
}

.cols2.game h3.course-ttl {
  background: var(--a-game-color);
}*/

.cols2 .inner-box {
  padding: 15px;
  margin-top: 5px;
  background: var(--a-bg-color);
}

/*.cols2.info .inner-box {
  background: var(--a-info-bg-color);
}

.cols2.it .inner-box {
  background: var(--a-it-bg-color);
}

.cols2.bus .inner-box {
  background: var(--a-bus-bg-color);
}

.cols2.game .inner-box {
  background: var(--a-game-bg-color);
}*/

.cols2 .inner-box ul {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--a-color);
}

/*.cols2.info .inner-box ul {
  border-top-color: var(--a-info-color);
}

.cols2.it .inner-box ul {
  border-top-color: var(--a-it-color);
}

.cols2.bus .inner-box ul {
  border-top-color: var(--a-bus-color);
}

.cols2.game .inner-box ul {
  border-top-color: var(--a-game-color);
}*/

.cols2 .inner-box ul li {
  position: relative;
  padding-left: 10px;
  font-size: 1.2rem;
}

.cols2 .inner-box ul li::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: -2px;
  bottom: 0;
  left: 0;
  margin: auto auto;
  margin-right: 5px;
  display: inline-block;
  border-left-color: var(--a-color);
}

/*.cols2.info .inner-box ul li::before {
  border-left-color: var(--a-info-color);
}

.cols2.it .inner-box ul li::before {
  border-left-color: var(--a-it-color);
}

.cols2.bus .inner-box ul li::before {
  border-left-color: var(--a-bus-color);
}

.cols2.game .inner-box ul li::before {
  border-left-color: var(--a-game-color);
}*/


/*---------- 学科詳細 ----------*/

.msg-table3 {
  background: var(--a-color);
  margin-bottom: 30px;
}

.msg-table3 .txt {
  padding: 30px 20px;
}

.msg-table3 .txt .course-name {
  font-size: 2rem;
}

.msg-table3 .txt .catch {
  padding: 10px 0;
  border-top: 1px solid white;
  font-size: 1.5rem;
}


/*アンカーリンク*/

.anchor {
  border: 1px solid var(--a-color);
  overflow: hidden;
  margin-bottom: 30px;
  padding: 5px;
}

.anchor li {
  float: left;
}

.anchor li a {
  font-size: 1.2rem;
  padding: 0 5px;
  border-right: 1px solid var(--a-color);
}

.anchor li:last-child a {
  border-right: none;
}

.anchor li a::before {
  content: "";
  width: 0;
  height: 0;
  display: inline-block;
  border-top-color: var(--a-color);
  position: relative;
  top: 3px;
  margin-right: 2px;
}

.cols3 {
  padding: 10px;
  margin-bottom: 10px;
}

.gray-bg {
  background: var(--a-bg-color);
}

.cols3 .ttl {
  color: var(--a-color);
  font-weight: bold;
  margin-bottom: 5px;
}

.cols3 .ttl::before {
  content: "■";
  margin-bottom: 10px;
}

.point-box-b {
  margin-bottom: 30px;
}

.point-box-b .point-ttl {
  margin-bottom: 20px;
  display: table;
}

.point-box-b .point-ttl .brakets {
  display: table-cell;
  background: var(--a-color);
  text-align: center;
  width: 50px;
  height: 50px;
  font-size: 2.6rem;
  color: white;
  vertical-align: bottom;
  box-sizing: border-box;
}

.point-box-b .point-ttl .brakets.num {
  position: relative;
  padding-top: 14px;
  line-height: 1.2;
}

.point-box-b .point-ttl .brakets.num::before {
  content: "POINT";
  position: absolute;
  top: 4px;
  left: 10px;
  font-size: 1rem;
}

.point-box-b .point-ttl .ttl {
  display: table-cell;
  padding-left: 10px;
  font-size: 1.6rem;
  line-height: 1.5;
  vertical-align: middle;
}

.point-box-b .txt > p {
  margin-bottom: 10px;
}

.course-wrap {
  margin-bottom: 30px;
}

.course-info {
  margin-bottom: 10px;
}

.r-arrow {
  position: relative;
}

.course-info .r-arrow {
  padding-left: 20px;
  font-weight: bold;
  margin-bottom: 20px;
}

.r-arrow::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top-width: 8px;
  border-bottom-width: 8px;
}

.bdr-box {
  border: 1px solid var(--a-color);
  margin-bottom: 20px;
}

.bdr-box p.dashed {
  border-bottom: 1px dashed var(--a-color);
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-weight: bold;
}

ul.circle li::before {
  color: #00713C;
}

.bdr-box .circle li {
  margin-bottom: 5px;
}

ul.circle li::before {
  content: "●";
  color: var(--a-color);
}

.msg-fig figure figcaption {
  font-size: 1.2rem;
  line-height: 1.2;
  margin-top: 5px;
}

/*時間割表組*/

.timetable {
  text-align: center;
}

table.color-th {
  width: 100%;
  border: 1px solid var(--a-color);
}

table.timetable {
  font-size: 1.1rem;
}

table.color-th tr {
  border-bottom: 1px solid var(--a-color);
}

table.color-th tr th {
  font-size: 1.3rem;
  background: var(--a-color);
}

table.color-th tr th,
table.color-th tr td {
  padding: 5px 20px;
}

table.color-th tr th + th {
  border-left: 1px solid white;
}

table.timetable tr th,
table.timetable tr td {
  padding: 5px;
}

table.color-th tr td {
  border-right: 1px solid var(--a-color);
  background: white;
}

table.color-th tr td.color-td {
  width: 80px;
}

table.color-th ul.circle li {
  text-indent: -10px;
  margin-left: 10px;
}

table.vertical-th th {
  border-bottom: 1px solid white;
}

table.vertical-th tr:last-child th {
  border-bottom: none;
}

table.apply tr th {
  width: 8em;
}

table.timetable tr td {
  background: var(--a-pale-bg-color);
}

table.timetable tr td.white-bg {
  background: white;
}

table.timetable tr td.time {

}

table.timetable tr td:empty {
   background-image: linear-gradient(13deg, transparent 49%, var(--a-color) 49%, var(--a-color) 51%, transparent 51%, transparent); /* 右下がりの斜線 */
}

.timetable-ttl {
  font-size: 1.6rem;
  margin-bottom: 10px;
}

.timetable-ttl::before {
  content: "▼";
  color: var(--a-color);
  margin-right: 5px;
}


/*---------- オープンキャンパス ----------*/

.oc-ttl {
  font-size: 1.8rem;
  margin-bottom: 10px;
  font-weight: bold;
  color: var(--a-oc-color);
}

.oc-box {
  overflow: hidden;
}

.oc-box figure {
  width: 120px;
  height: 87px;
  overflow: hidden;
  float: left;
}

.oc-box .txt {
  float: right;
  width: 58%;
}

.oc-box .txt > p {
  height: 5em;
  overflow: hidden;
  font-size: 1.2rem;
}

.oc-box .txt .block-btn {
  width: 100px;
  padding: 0;
  font-size: 1.2rem;
  float: right;
  letter-spacing: normal;
}

.learn-more {
  text-align: center;
  margin-bottom: 20px;
}

.learn-more a {
  position: relative;
}

.learn-more a::before,
.learn-more a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto auto;
}

.learn-more a::before {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: black;
  right: -18px;
}

.learn-more a::after {
  width: 5px;
  height: 5px;
  right: -13px;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  transform: rotate(-45deg);
}

.oc-tag {
  overflow: hidden;
}

.oc-tag li {
  float: left;
  background: var(--a-color);
  text-align: center;
  color: white;
  width: 32%;
  border-radius: 10px;
  margin-right: 2%;
  font-size: 1.1rem;
  margin-bottom: 5px;
}

.oc-tag li:nth-child(3n) {
  margin-right: 0;
}

.map iframe {
  width: 100%;
}

.schedule-area {
  margin-bottom: 30px;
}

.schedule-area time {
  background: var(--a-color);
  display: block;
  width: 100px;
  text-align: center;
}

.schedule-area .time-ttl {
  font-size: 1.6rem;
  font-weight: bold;
}

.schedule-area ul.cols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.schedule-area ul.cols li {
  -webkit-flex-basis: 250px;
  -ms-flex-basis: 250px;
  flex-basis: 250px;
  height: 182px;
  overflow: hidden;
}

.schedule-area ul.cols li img {
    width: 100%;
}



/*---------- オープンキャンパス申込フォーム ----------*/

.adding-event {
  border: 1px solid var(--a-color);
  padding: 20px;
  background: var(--a-bg-color);
  width: 100%;
  margin-bottom: 20px;
  overflow: hidden;
}

.adding-event figure {
  width: 120px;
  float: left;
  height: 87px;
  overflow: hidden;
}

.adding-event .txt {
  float: right;
  width: 520px;
}

.adding-event .txt p {
  font-size: 1.6rem;
}

.adding-event .txt dl {
  overflow: hidden;
  font-size: 1.3rem;
}

.adding-event .txt dl dt {
  float: left;
  clear: both;
  width: 5em;
}

.adding-event .txt dl dd {
  padding-left: 6em;
}

input[type="submit"].block-btn.blue {
  border: none;
}


/*---------- 就職実績 ----------*/

.cols.fig-h200 .cols2 > figure {
    height: 200px;
}

.horizontal {
  display: table;
  width: 100%;
}

.horizontal.wide {
  margin-bottom: 20px;
}

.horizontal .txt,
.horizontal .data {
  display: table-cell;
  vertical-align: top;
}

.horizontal .txt {
  background: var(--a-color);
  width: 45%;
  padding: 15px;
  color: white;
}

.horizontal .data {
  border: 1px solid var(--a-color);
  vertical-align: middle;
  padding: 10px 0;
}

.horizontal .data img {
  width: 100%;
}


/*---------- 資格取得実績 ----------*/


h3.blue-bg {
  text-align: left;
}

.data-area .cols2 {
  border: 1px solid var(--a-color);
}

.data-area .cols2 .ttl {
  background: var(--a-color);
  text-align: center;
  padding: 5px 20px;
}

.data-area .cols2 .ttl.align-left {
  text-align: left;
}

.data-area .cols2 .txt p,
.data-area .cols2 .txt ul {
  padding: 10px 20px;
}

.data-area .cols2 .txt p.course {
  border-top: 1px solid var(--a-color);
  border-bottom: 1px solid var(--a-color);
  padding: 5px 20px;
}

.data-area .cols2 .txt ul li {

}

.data-area .cols2 .txt ul li {
  display: inline-block;
  width: 49%;
}

.data-area .cols2 .txt ul li.off {
  color: #ccc;
}

.msg-wrap {
  border: 1px solid var(--a-color);
}

.msg-ttl {
  background: var(--a-color);
  font-size: 1.5rem;
  padding: 5px 10px;
}

.msg-fig + .msg-cnt {
  margin-top: 20px;
}

.msg-cnt .cnt-ttl {
  background: var(--a-color);
  padding: 0 5px;
  margin-bottom: 10px;
}

.msg-cnt + .msg-cnt {
  margin-top: 10px;
}

.bdr-ttl {
  padding: 5px 10px;
  margin-bottom: 10px;
  font-weight: bold;
  border: 1px solid var(--a-color);
}

/*.info .bdr-ttl {
  border: 1px solid var(--a-info-color);
  color: var(--a-info-color);
}

.it .bdr-ttl {
  border: 1px solid var(--a-it-color);
  color: var(--a-it-color);
}

.bus .bdr-ttl {
  border: 1px solid var(--a-bus-color);
  color: var(--a-bus-color);
}

.game .bdr-ttl {
  border: 1px solid var(--a-game-color);
  color: var(--a-game-color);
}*/

ul.square li {
  margin-bottom: 5px;
}

ul.square li::before {
  content: "■";
  color: var(--a-color);
}

/*.info ul.square li::before {
  color: var(--a-info-color);
}

.it ul.square li::before {
  color: var(--a-it-color);
}

.bus ul.square li::before {
  color: var(--a-bus-color);
}

.game ul.square li::before {
  color: var(--a-game-color);
}*/


/*---------- 施設設備 ----------*/

.anchor2 {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 3px;
  margin-bottom: 20px;
}

.anchor2 .row {
  display: table-row;
}

.anchor2 .row > div {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.anchor2 .row > div a {
  padding: 5px;
  display: block;
}

.cols.facility {
    padding: 0 30px;
}

.cols.facility .fig-txt {
    flex-basis: 300px;
}

.cols.facility .fig-txt figure {
    height: 167px;
}

.cols.facility .fig-txt .caption {
    font-size: 1.2rem;
}

.fig-txt p.caption {
  background: #666;
  color: white;
  padding: 5px 10px;
}

.fig-txt figure {
/*  height: auto;*/
}


/*---------- NEWS一覧 ----------*/

table.news {
  width: 70%;
  font-size: 1.5rem;
  margin-bottom: 20px;
  margin: 0 auto;
  border-top: 1px solid #000000;
}

table.news tr {
  border-bottom:1px solid #000000;
}

table.news tr:nth-child(2n) {
  /* background: var(--a-bg-color); */
}

table.news tr td {
  padding: 4px;
}

table.news tr td span {
  background: #ccc;
  padding: 1px;
  width: 5em;
  display: block;
  text-align: center;
  font-size: 1rem;
  letter-spacing: -1px;
}

table.news tr td:first-child {
  /* width: 70px; */
}

table.news tr td:nth-child(2) {
  /* width: 60px; */
}

ul.pager_num {
  overflow: hidden;
  padding: 10px 0;
  margin: 20px 0;
  border-bottom: 1px solid var(--a-color);
  margin-bottom: 40px;
}

ul.pager_num li {
  float: left;
  color: var(--a-color);
}

ul.pager_num li.on {
  color: #222;
}

ul.pager_num li + li {
  margin-left: 15px;
}


/*---------- NEWS詳細 ----------*/

.news-detail {
  margin-bottom: 40px;
  margin-top: 100px;
}

.news-detail .ttl {
  background: var(--a-color);
  color: white;
  margin-bottom: 10px;
}

.news-detail .ttl p {
  padding: 5px 5px 5px 30px;
}

.news-detail .ttl p.date {
 border-bottom: 1px solid white;
 font-size: 1.2rem;
}

.news-detail .ttl p span {
  background: var(--a-bg-color);
  font-size: 1rem;
  color: black;
  padding: 3px 5px;
  margin-right: 15px;
}

.news-txt {
  padding: 20px;
  margin-bottom: 20px;
}

.news-txt .news-ttl {
  font-size:1.7rem;
  font-weight:bold;
}

.news-txt .news-catch {
  font-size:1.5rem;
  font-weight:bold;
}

.news-txt p {
  margin-bottom: 2em;
}

.news-txt img {
  width: auto;
}


.news-detail .btn-area.single {
  width: 40%;
}

.news-detail .r-arrow::before {
  border-left-color: white;
  top: 0;
  bottom: 0;
  margin: auto auto;
  left: 80px;
}


/*---------- 年間スケジュール ----------*/

.schedule {
  margin-bottom: 40px;
}

.schedule-tbl tr {
  border-bottom: 1px solid white;
}

.schedule-tbl tr th {
  color: white;
  font-size: 2.6rem;
  font-weight: bold;
  width: 10%;
}

.schedule-tbl tr th,
.schedule-tbl tr td {
  padding: 5px;
  height: 100px;
  vertical-align: middle;
}

.schedule-tbl tr th::after {
  content: "月";
  font-size: 1.4rem;
}

.schedule-tbl tr td + td {
  border-left: 1px solid white;
}

.schedule-tbl tr:nth-child(even) th {
  background: var(--a-mdl-bg-color);
}

.schedule-tbl tr:nth-child(odd) th {
  background: var(--a-color);
}

.schedule-tbl tr:nth-child(even) td {
  background: var(--a-pale-bg-color);
}

.schedule-tbl tr:nth-child(odd) td {
  background: var(--a-light-bg-color);
}

.schedule-tbl tr.caption td {
  background: white;
  height: auto;
}

.schedule-tbl tr.caption td:nth-child(even) {
  color: var(--a-color);
}

.schedule-tbl tr.caption td:nth-child(odd) {
  color: var(--a-purple-color);
}

.schedule-tbl tr td ul {
  font-size: 1.2rem;
}

.schedule-tbl tr td ul li::before {
  content: "●";
  color: var(--a-color);
}

.schedule-tbl tr td:last-child ul li::before {
  color: var(--a-purple-color);
}


/*---------- 学生寮・一人暮らし ----------*/

.room-ttl {
  background: var(--a-color);
  display: table;
  width: 100%;
  padding: 5px 20px;
  font-weight: bold;
}

.room-ttl .case,
.room-ttl .who {
  display: table-cell;
  font-size: 1.3rem;
}

.room-type {
  padding: 20px;
  margin-bottom: 40px;
}

.room-inner {
  overflow: hidden;
  margin-bottom: 10px;
}

.room-inner > figure {
  float: left;
  padding-right: 10px;
  width: 246px;
}

.room-inner > .txt {
  padding-left: 261px;
}

.room-type .cell {
  background: white;
}

.room-type .data-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px;
  font-size: 1.2rem;
}

.room-type .data-wrap .data {
  -webkit-flex-basis: 49%;
  -ms-flex-basis: 49%;
  flex-basis: 49%;
}

.room-type .data-wrap .data > p {
  border: 1px solid var(--a-color);
  padding: 2px 5px;
  overflow: hidden;
  margin-bottom: 5px;
}

.room-type .data-wrap .data > ul li {
  overflow: hidden;
}

.room-type .data-wrap .data > p span:first-child,
.room-type .data-wrap .data > ul li span:first-child,
.room-type .data-wrap .data > p span:last-child,
.room-type .data-wrap .data > ul li span:last-child {
  position: relative;
  display: block;
  background: white;
}

.room-type .data-wrap .data > p span:first-child,
.room-type .data-wrap .data > ul li span:first-child {
  float: left;
}

.room-type .data-wrap .data > p span:last-child,
.room-type .data-wrap .data > ul li span:last-child {
  float: right;
}

.room-type .data-wrap .data > ul li::before {
  content: '';
  display: block;
  height: 10px;
  border-bottom: 2px dotted var(--a-color);
  position: relative;
  bottom: -13px;
}

.cols-inner {
  background: var(--a-bg-color);
}

.cols-inner .txt,
.cols-inner figure {
  display: table-cell;
  vertical-align: top;
}

.cols-inner .txt {
  width: 65%;
}

.blue-ttl {
  background: var(--a-color);
  padding: 10px;
  font-weight: bold;
}

.cols-inner .txt .cnt,
.cols-inner2 .cnt {
  padding: 10px;
  font-size: 1.2rem;
}

ul.circle li::before {
  content: "●";
  color: var(--a-color);
}


/*---------- 先生・講師紹介 ----------*/

.msg-table {
  margin-bottom: 20px;
}

.msg-table .msg-fig {
  padding: 10px;
  background: var(--a-color);
}

/*学科別メッセージカラー*/

/*.msg-table.info .msg-fig {
  background: var(--a-info-color);
}

.msg-table.it .msg-fig {
  background: var(--a-it-color);
}

.msg-table.bus .msg-fig {
  background: var(--a-bus-color);
}

.msg-table.game .msg-fig {
  background: var(--a-game-color);
}

.msg-table.info .msg-box .msg-catch {
  color:var(--a-info-color);
}

.msg-table.it .msg-box .msg-catch {
  color:var(--a-it-color);
}

.msg-table.bus .msg-box .msg-catch {
  color:var(--a-bus-color);
}

.msg-table.game .msg-box .msg-catch {
  color:var(--a-game-color);
}*/

.bdr-top {
  border-top: 1px solid white;
  margin-top: 5px;
  padding-top: 5px;
}


/*---------- よくある質問 ----------*/

.qa-top {
  margin-bottom: 20px;
}

.q, .a {
  padding: 16px;
  position: relative;
}

.q {
  background: var(--a-pale-bg-color);
}

.a {
  margin: 10px 0;
}

.q p, .a p {
    margin-left: 50px;

}
.q::before,
.a::before {
  font-size: 2rem;
  display: inline-block;
  width: 40px;
  height: 40px;
  color: white;
  text-align: center;
  vertical-align: middle;
  position: absolute;
  top: 10px;
  left: 10px;
}

.q::before {
  content: "Q";
  background: var(--a-mdl-bg-color);
}

.a::before {
  content: "A";
  background: var(--a-color);
}


/*---------- 交通アクセス ----------*/

.cols.access .cols2 div img,
.cols.map .cols2 div img{
  width: 100%;
}

.bdr-box .ttl {
  padding: 10px;
  border-bottom: 1px solid var(--a-color);
  font-weight: bold;
}

.bdr-box.access ul.square {
  padding: 20px;
}

.bdr-box.access ul.square li {
  float: none;
  width: 100%;
}

.bdr-box.access ul.square li::before {
  color: var(--a-color);
}

.cols.map ul li {
  position: relative;
  padding-left: 12px;
}

.cols.map ul li::before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top-width: 6px;
  border-bottom-width: 6px;
  border-left-color: var(--a-color);
  top: 6px;
  left: 0;
  margin: auto auto;
}


/*---------- 募集要項・学費 ----------*/

table.color-th.course tr td:nth-child(n+2) {
  text-align: center;
}

.sp-grayBg h4.bdr {
  border-bottom: 1px solid var(--a-color);
  font-size: 2rem;
  color: var(--a-color);
  margin-bottom: 15px;
}

.color-th caption {
  text-align: left;
}

table.color-th.fee tr td {
  text-align: center;
}

.note > p {
  text-indent: -1em;
  margin-left: 1em;
}

dl.double-circle {
  padding: 20px;
}

dl.double-circle dt {
  padding-left: 10px;
  text-indent: -10px;
  margin-left: 10px;
  margin-bottom: 5px;
  font-weight: bold;
}

dl.double-circle dt::before {
  content: "◎";
}

dl.double-circle dd {
  margin-bottom: 15px;
}


/*---------- 保護者の方へ ----------*/

.btn-area.single.w80 {
  width: 80%;
}

.btn-area.single.w80 .block-btn {
  font-size: 12px;
  letter-spacing: 1px;
}


/*---------- 社会人の方へ ----------*/

.msg-topttl {
  background: var(--a-color);
  position: relative;
  padding-left: 50px;
  margin-bottom: 15px;
}

.msg-topttl::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  border: 8px solid transparent;
  border-left-color: white;
  top: 4px;
  left: 35px;
}

.cols.side-m30 {
  margin-left: 30px;
  margin-right: 30px;
}

.cols3-1 figure {
  margin-bottom: 5px;
}

.cols3-1 .txt {

}

.flow {
  border: 1px solid var(--a-color);
  padding: 15px;
}

.flow li {
  background: var(--a-pale-bg-color);
  text-align: center;
  padding: 5px;
  position: relative;
  font-size: 1.3rem;
}

.flow li + li {
  margin-top: 20px;
}

.flow li::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top-color: var(--a-color);
  position: absolute;
  bottom: -25px;
  left: 0;
  right: 0;
  margin: auto auto;
}

.flow li:last-child {
  font-weight: bold;
}

.flow li:last-child::after {
  display: none;
}


/*---------- プライバシーポリシー ----------*/

dl.privacy dt {
  color: var(--a-color);
  margin: 15px 0 10px;
}

dl.simple-dl {
  border: 1px solid var(--a-color);
  padding: 15px;
  margin: 10px 0 20px;
}

dl.simple-dl dt::before {
  content: "■";
}

dl.simple-dl dd {
  margin: 5px 0 30px;
}


/*---------- 動画 ----------*/

.top-ttl.aligh-left {
  text-align: left;
}


/*---------- 入試トピックス一覧 ----------*/

.oc-box.topics .txt > p {
  height: 7em;
}

.oc-box.topics figure {
    height: 120px;
}


/*---------- 入試トピックス詳細 ----------*/

table.color-td tr td {
  background: var(--a-pale-bg-color);
}

ul.link li a {
  color: var(--a-color);
}

ul.link li a::before {
  content: "・";
}






/*---------- header ----------*/

header {
  /* border-bottom: 2px solid var(--a-color); */
  margin-bottom: 20px;
}

.inner {
  width: 960px;
  margin: 0 auto;
  color: black;
  background: #00713C;
}

h1 {
  font-size: 1rem;
  margin-bottom: 10px;
}

.header-contents {
  display: table;
  width: 100%;
  margin-bottom: 10px;
}

.header-contents .logo,
.header-contents .bloc-search,
.header-contents .btn-area {
  display: table-cell;
}

.header-contents .logo {
  width: 310px;
  vertical-align: bottom;
}

.header-contents .logo img {
  width: 260px;
}

.header-contents .bloc-search {
  width: 270px;
}

.header-contents .btn-area {
  width: 380px;
  padding-left: 20px;
}

.header-contents .block-btn.blue {
    font-size: 1.3rem;
}

.header-contents .btn-area .block-btn {
  width: 49%;
}

.block-btn {
  display: inline-block;
  width: 49.2%;
  text-align: center;
  padding: 10px 0;
  font-size: 1.6rem;
  letter-spacing: 3px;
}

.block-btn + .block-btn {
  margin-top: 10px;
}

.block-btn.blue {
  color: black;
  /* background: var(--a-sub-color); */
}

.header-link {
  overflow: hidden;
  margin-bottom: 20px;
}

.header-link a {
  float: right;
  position: relative;
  padding-left: 10px;
  font-size: 1.3rem;
}

.header-link a + a {
  margin-right: 30px;
}

.header-link a::before {
  content: "";
  width: 0;
  height: 0;
  border-left-color: var(--a-color);
  position: absolute;
  top: 5px;
  left: 0;
}

/* グローバルナビ */

nav ul {
  display: table;
  width: 100%;
  color: white;
}

nav:not(.l-global-nav) ul li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  border-bottom: 4px solid transparent;
  line-height: 1.5;
  color: white;
}

nav ul li.on {
  border-bottom-color: var(--a-color);
}


/*---------- footer ----------*/

footer {
  /* background: var(--a-color); */
  color: white;
  padding: 30px 0;
}

footer p {
  text-align: center;
}

.footer-nav {
  overflow: hidden;
  margin-bottom: 30px;
}

.footer-nav li {
  float: left;
  width: 17%;
}

.footer-nav li + li {
  margin-left: 30px;
}

.footer-nav li dl {
  margin-bottom: 30px;
}

.footer-nav li dl dt {
  border-bottom: 1px solid black;
  margin-bottom: 5px;
  padding-bottom: 5px;
  font-size: 1.2rem;
}

.footer-nav li dl dd {
  font-size: 1rem;
}

.footer-nav li dl dd::before {
  content: "- ";
}

.footer-nav a {
  color: black;
}

footer .cell-wrap {
  padding-bottom: 30px;
  margin-bottom: 10px;
  border-bottom: 1px solid black;
}

footer .cell-wrap .logo,
footer .cell-wrap address,
footer .cell-wrap .privacy {
  display: table-cell;
  vertical-align: middle;
  font-size: 1.2rem;
}

footer .cell-wrap .logo {
  width: 350px;
}

footer .cell-wrap .logo img {
  width: 250px;
}

footer .cell-wrap address {
  width: 450px;
}

footer .cell-wrap .privacy {
  width: 150px;
}

footer .cell-wrap .privacy a {
  color: black;
  display: block;
  border-left: 1px solid black;
  /* border-right: 1px solid black; */
  font-size: 1rem;
}

footer .copyright {
  font-size: 1rem;
}



/*---------- common ----------*/

.sp {
  display: none !important;
}

.slick-wrap {
  margin-bottom: 50px;
}

.container,
.top-container {
  margin: 160px auto 30px;
}

.container .sidebar,
.container .contents {
  display: table-cell;
  vertical-align: top;
}

.container .sidebar dl.left-nav {
  width: 200px;
}

.container .contents {
  width: 705px;
}

dl.left-nav dt {
  background: var(--a-color);
  color: white;
  text-align: center;
  padding: 25px 0;
}

dl.left-nav dd {
  border: 1px solid var(--a-color);
  margin: 5px 0;
}

dl.left-nav dd.on {
  background: var(--a-pale-bg-color);
}

dl.left-nav dd a {
  display: block;
  padding: 10px;
  color: var(--a-color);
}

h2.normal-h2 {
  border: 1px solid var(--a-color);
  text-align: center;
  padding: 20px;
  color: var(--a-color);
  font-size: 2.1rem;
}

h3.bdr,
h4.bdr {
  background:#FEF8D5;
  font-size: 2.2rem;
  color: #000000;
  margin: 20px 0 15px;
}

.top-container h3.bdr {
    font-size: 1.7rem;
}

h3.blue-bg {
  background: var(--a-color);
  color: white;
  padding: 5px 5px 5px 15px;
  margin-bottom: 10px;
  font-size: 1.6rem;
}

.cols2 h3.blue-bg {
  padding: 15px;
}

h3.color-ttl {
  font-size: 1.7rem;
  font-weight: bold;
}

/*---------- トップページ ----------*/

.top-container h3.bdr {
  position: relative;
}

.top-container h3.bdr .to-list {
  margin: 0;
  position: absolute;
  top: 10px;
  right: 0;
}

.top-container .cols4 {
  -webkit-flex-basis: 220px;
  -ms-flex-basis: 220px;
  flex-basis: 220px;
}

.top-container .cols .cols2:first-child {
  -webkit-flex-basis: 42%;
  -ms-flex-basis: 42%;
  flex-basis: 42%;
}

.top-container .cols .cols2:last-child {
  -webkit-flex-basis: 54%;
  -ms-flex-basis: 54%;
  flex-basis: 54%;
}

.top-container .btn-area {
  width: 90%;
  margin-top: 50px;
}



/*---------- 学校の特長 ----------*/


.top-ttl {
  text-align: center;
  margin: 20px 0;
}

.cols {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px;
}

.cols .cols2 {
  -webkit-flex-basis: 48.5%;
  -ms-flex-basis: 48.5%;
  flex-basis: 48.5%;
/*  margin-bottom: 20px;*/
}

.btn-area {
  /* width: 70%; */
}

.btn-area.single {
  width: 50%;
}

.block-btn {
  width: 49.2%;
}

.btn-area.single .block-btn  {
  width: 100%;
}



/*---------- 5つの特長 ----------*/

h2.brakets {
  color: var(--a-color);
  font-size: 2.4rem;
  margin-bottom: 20px;
}

h2.brakets::before,
h2.brakets::after {
  content: "";
  width: 8px;
  height: 32px;
  border: 2px solid var(--a-color);
  display: inline-block;
  vertical-align: middle;
}

h2.brakets::before {
  border-right-color: transparent;
  margin-right: 10px;
}

h2.brakets::after {
  border-left-color: transparent;
  margin-left: 10px;
}

.top-catch {
  overflow: hidden;
  margin: 20px 0;
}

.top-catch figure {
  float: right;
  width: 40%;
  margin-left: 4%;
}

.top-catch .txt {
  /* width: 56%; */
}

.top-catch .txt .top-ttl {
  text-align: left;
  margin: 0 0 15px 0;
}

.point-box-a .cnt,
.point-box-b,
.cols-inner2,
.msg-table,
.msg-table2 {
  display: table;
  width: 100%;
}

.point-box-a .cnt p,
.point-box-a .cnt figure,
.cols-inner2 .txt,
.cols-inner2 figure,
.msg-table .msg-fig,
.msg-table2 figure,
.msg-table2 .txt {
  display: table-cell;
  vertical-align: top;
  width: 50%;
}

.point-box-a .cnt p {
  padding-right: 10px;
}

.point-box-b .txt,
.point-box-b .txt2,
.point-box-b figure {
  display: table-cell;
  vertical-align: top;
}

.point-box-b .txt {
  width: 70%;
  padding-right: 10px;
}

.point-box-b .txt2 {
  width: 50%;
}

.point-box-b .txt2 .point-ttl {
  margin-bottom: 0;
}

.point-box-b .r-txt {
  border-left: 1px solid orange;
  padding-left: 20px;
}

.point-box-a .point-ttl .ttl {
  font-size: 1.5rem;
}


/*---------- 学校長メッセージ、理念 ----------*/

.msg-float {
  display: table;
}

.msg-float figure {
  display: table-cell;
  width: 220px;
}

.msg-float .txt {
  display: table-cell;
  vertical-align: top;
}


/*---------- 歴史・沿革 ----------*/

.history,
.schedule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.history-tbl {
  -webkit-flex-basis: 72%;
  -ms-flex-basis: 72%;
  flex-basis: 72%;
  width: 72%;
}

.history-fig {
  -webkit-flex-basis: 25%;
  -ms-flex-basis: 25%;
  flex-basis: 25%;
}

.history-tbl th,
.history-tbl td {
  padding: 8px 10px;
}

.history-tbl th {
  color: var(--a-color);
  width: 140px;
}

.history-fig figure {
  margin-bottom: 10px;
}


/*---------- 資料請求 ----------*/

.free-call {
  background: url(../images/a_27.gif) no-repeat 20px 55px, var(--a-pale-bg-color);
  padding: 20px;
  margin-bottom: 20px;

}

.free-call .tel {
  font-size: 3rem;
  color: var(--a-color);
  letter-spacing: 2px;
  line-height: 1.4;
  padding-left: 50px;
}

.free-call .tel span {
  padding-left: 30px;
  font-size: 1.4rem;
  color: #222;
}

.form-tbl {
  width: 100%;
  border: 1px solid #ccc;
  margin-bottom: 40px;
}

.form-tbl tr {
  border-bottom: 1px solid #ccc;
}

.form-tbl th {
  background: var(--a-bg-color);
  text-align: left;
  font-weight: bold;
}

.form-tbl th:first-child {
    width: 130px;
}

.form-tbl td {
  position: relative;
}

.form-tbl th,
.form-tbl td {
  padding: 20px 15px;
}

.form-tbl td span {
  padding: 0 2px 0 5px;
}

.input-form input[type="text"],
.input-form input[type="email"]{
  box-sizing: border-box;
  padding: 10px;
  width: 87%;
  border: 1px solid #ccc;
  background: #F6F4F2;
  font-size: 1.4rem;
}

.input-form input[type="tel"]{
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #ccc;
  background: #F6F4F2;
  font-size: 1.4rem;
}


input[type="text"].half {
  width: 36%;
}

.input-form textarea{
  box-sizing: border-box;
  width: 87%;
  padding: 10px;
  border: 1px solid #ccc;
  background: #F6F4F2;
  font-size: 1.4rem;
}

.input-form .gray-btn {
  background: #7C7F7F;
  border-radius: 8px;
  color: white;
  width: 180px;
  padding: 10px;
  border: 1px solid white;
  box-shadow: 0px 0px 1px 0px black;
  font-size: 1.4rem;
  margin-left: 20px;
}

.select-wrap select {
  height: 40px;
  padding: 8px 12px;
  border: 1px solid #ccc;
  width: 90%;
  color: #333;
  background: #F6F4F2;
  border-radius: 0;
  font-size: 1.4rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.select-wrap {
  position: relative;
}

.select-wrap:before {
  position: absolute;
  right: 88px;
  top: 36%;
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top-color: black;
  border-left-width: 5px;
  border-right-width: 5px;
}

.form-tbl th.required::after {
  display: inline-block;
}

.form-tbl th.required::after {
  content: "";
  background: url(/20014/images/hissu.png) no-repeat;
  width: 50px;
  height: 26px;
  background-size: contain;
  vertical-align: middle;
}

.form-tbl td::after {
  position: absolute;
  top: 18px;
  right: 10px;
}

.form-tbl td.ok::after {
  content: url(/20014/images/ok2.png);
}

.form-tbl td.ng::after {
  content: url(/20014/images/ng2.png);
}


/*---------- 学科・コース紹介 ----------*/


/*.course-nav dd.info {
  border-left: 5px solid var(--a-info-color);
}

.course-nav dd.it {
  border-left: 5px solid var(--a-it-color);
}

.course-nav dd.bus {
  border-left: 5px solid var(--a-bus-color);
}

.course-nav dd.game {
  border-left: 5px solid var(--a-game-color);
}*/

.cols2 .inner-box {
  min-height: 140px;
}


/*---------- 学科詳細 ----------*/

.msg-table3 {
  overflow: hidden;
}

.msg-table3 img {
  float: right;
  width: 66%;
}

.msg-table3 .txt {
  width: 34%;
}

.cols > figure,
.cols .cols-inner,
.cols .fig-txt,
.cols > .msg-box,
.cols .msg-wrap {
  -webkit-flex-basis: 49.5%;
  -ms-flex-basis: 49.5%;
  flex-basis: 49.5%;
  max-width: 49.5%;
}

.msg-wrap:nth-child(n+3) {
  margin-top: 10px;
}

.cols-inner2 {
  display: table;
  width: 100%;
}

.cols .cols3 {
  -webkit-flex-basis: 32%;
  -ms-flex-basis: 32%;
  flex-basis: 32%;
  max-width: 32%;
}

.course-info {
  border: 1px solid var(--a-color);
  padding: 5px;
  display: table;
  width: 100%;
}

.course-info > p {
  display: table-cell;
  vertical-align: middle;
  padding: 20px;
  background: var(--a-bg-color);
}

.course-info p.bdr-r {
  border-right: 1px solid var(--a-color);
  width: 200px;
  padding: 20px 20px 20px 10px;
}

.course-info .r-arrow {
  width: 200px;
  padding-left: 30px;
}

.course-info .r-arrow::before{
  border-left-color: var(--a-color);
  top: 0;
  left: 10px;
}

.bdr-box .circle {
  overflow: hidden;
  margin: 0 20px;
}

.bdr-box .circle li {
  float: left;
  width: 33%;
}

.msg-float figure {
  padding-right: 35px;
  display: table-cell;
}

.msg-float figure.w160 {
  width: 160px;
}

.msg-float .txt {
  display: table-cell;
  vertical-align: top;
}

.msg-float .txt .name {
  font-size: 1.5rem;
  margin-bottom: 10px;
}

.msg-catch {
  font-size: 1.6rem;
  margin-bottom: 10px;
  font-weight: bold;
}

.name {
  color: var(--a-color);
}

.status {
  color: var(--a-color);
  font-size: 1.2rem;
}

.msg-table.pale-bg,
.no-bg {
  background: white;
}

.msg-fig figure {
  width: 140px;
}

.msg-fig figure figcaption {
  font-size: 1.2rem;
  line-height: 1.2;
  margin-top: 5px;
}


/*---------- オープンキャンパス ----------*/

.pc-mb30 {
  margin-bottom: 30px;
}

.cols.w45 .cols2 {
  -webkit-flex-basis: 46%;
  -ms-flex-basis: 46%;
  flex-basis: 46%;
}

.learn-more {
  text-align: right;
}

.learn-more a {
  padding-right: 20px;
}

.learn-more a::before {
  right: 0;
}

.learn-more a::after{
  right: 5px;
}

.oc-date {
  text-align: center;
}

.oc-date .map,
.oc-date figure {
  width: 80%;
  margin: 20px auto;
}

.schedule-area {
  overflow: hidden;
}

.schedule-area time {
  float: left;
  width: 160px;
}

.schedule-area .time-wrap {
  float: right;
  width: 510px;
}

.oc-margin {
  margin: 0 90px;
}

/*---------- 就職実績 ----------*/

.horizontal .txt, .horizontal .data {
  height: 130px;
}

.wide .txt {
  width: 22%;
}

.wide .data.cols img {
  display: inline-block;
  width: 49%;
}

ul.square {
  overflow: hidden;
}

ul.square li {
  float: left;
  width: 50%;
}




/*---------- 施設設備 ----------*/

.anchor2 .row > div {
  background: var(--a-color);
}

.anchor2 .row > div a {
  color: white;
}

/*.cols.fig-txt .cols2 {
  margin-bottom: 40px;
}
*/

/*---------- NEWS詳細 ----------*/

.news-txt figure {
  width: 60%;
  margin-bottom: 30px;
}



/*---------- 年間スケジュール ----------*/

.schedule-tbl {
  -webkit-flex-basis: 60%;
  -ms-flex-basis: 60%;
  flex-basis: 60%;
  width: 60%;
}

.schedule-fig {
  -webkit-flex-basis: 38%;
  -ms-flex-basis: 38%;
  flex-basis: 38%;
  margin-top: 35px;
}

.schedule-fig figure {
  margin-bottom: 10px;
}


/*---------- 学生寮・一人暮らし ----------*/

.cell-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cell-wrap .cell:first-child {
  -webkit-flex-basis: 246px;
  -ms-flex-basis: 246px;
  flex-basis: 246px;
}

.cell-wrap .cell:last-child {
  -webkit-flex-basis: 400px;
  -ms-flex-basis: 400px;
  flex-basis: 400px;
}


/*---------- 先生・講師紹介 ----------*/

/*h3.bdr.info {
  border-bottom: 2px solid var(--a-info-color);
  color: var(--a-info-color);
}

h3.bdr.it {
  border-bottom: 2px solid var(--a-it-color);
  color: var(--a-it-color);
}

h3.bdr.bus {
  border-bottom: 2px solid var(--a-bus-color);
  color: var(--a-bus-color);
}

h3.bdr.game {
  border-bottom: 2px solid var(--a-game-color);
  color: var(--a-game-color);
}*/


/*---------- 募集要項・学費 ----------*/

table.color-th {
  margin-bottom: 30px;
}


/*---------- 交通アクセス ----------*/

.cols.map .cols2:first-child {
  -webkit-flex-basis: 70%;
  -ms-flex-basis: 70%;
  flex-basis: 70%;
}

.cols.map .cols2:last-child {
  -webkit-flex-basis: 27%;
  -ms-flex-basis: 27%;
  flex-basis: 27%;
}


/*---------- 募集要項・学費 ----------*/

.sp-grayBg {
  padding: 0 20px;
}

.note {
  margin-bottom: 40px;
}


/*---------- 社会人の方へ ----------*/

.cols3-1 {
  -webkit-flex-basis: 16%;
  -ms-flex-basis: 16%;
  flex-basis: 16%;
}

.cols3-2,
.cols3-3 {
  -webkit-flex-basis: 38%;
  -ms-flex-basis: 38%;
  flex-basis: 38%;
}

.cols3-1 .txt {
  font-size: 1.2rem;
}


/*---------- 入試トピックス詳細 ----------*/

ul.link {
  margin: 30px auto;
  overflow: hidden;
  width: 80%;
}

ul.link li {
  float: left;
  width: 50%;
}


/*---------- キーワード検索結果 ----------*/

.keyword_ttl {
  color: #222;
  font-weight: bold;
  letter-spacing: 0.15em;
  margin: 20px 0 0;
  font-size: 3rem;
}

.bloc-box04 {
  padding: 20px;
}

.table-keyword {
  border: 1px solid var(--a-color);
  width: 100%;
  margin-bottom: 30px;
}

.table-keyword th {
  width: 150px;
  text-align: center;
  background: var(--a-bg-color);
  font-weight: normal;
  vertical-align: middle;
}

.table-keyword .resultnum01 {
  font-weight: bold;
  font-size: 2.6rem;
  margin-right: 4px;
  color: var(--a-color);
}

.table-keyword td {
  padding: 20px;
}

.table-keyword .search {
  padding-top: 12px;
}

input[type="text"].input-keyword {
  padding: 14px;
  background: white;
  width: 80%;
  border: 1px solid #ccc;
}

.table-keyword .search a {
  padding: 15px 20px;
  color: #fff;
  background: var(--a-color);
  margin-left: 10px;
  text-decoration: none;
}

.table-keyword p.tx {
  margin: 12px 0;
}

.result {
  font-size: 1.4rem;
}

.result > p {
  margin-bottom: 20px;
}

.arrow-01:before {
  content: " ";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-top: 2px solid var(--a-mdl-bg-color);
  border-right: 2px solid var(--a-mdl-bg-color);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-right: 8px;
  margin-top: -2px;
  vertical-align: middle;
}

.result li {
  margin-bottom: 32px;
  padding: 0px;
  vertical-align: top;
}

.result li a {
  color: var(--a-color);
  font-weight: bold;
  font-size: 1.6rem;
  text-decoration: underline;
}

.result li p {
  margin: 5px 20px 5px 20px;
}

.result li p.tx {
  margin-top: 5px;
}

.navigation {
  padding-bottom: 60px;
}

/*
.alignright {
  float:right;
}

.alignleft {
  float:left;
}
*/

/*---------- 資料請求完了画面 ----------*/

.sub_text {
  text-align: center;
  margin: 50px auto;
  font-size: 1.8rem;
  padding: 30px;
  /* border: 1px solid blue; */
  width: 80%;
}

/*---------- よくある質問 ----------*/
.qa {
  width: 90%;
  margin: 10px auto;
  padding: 0px 60px 0px 0px;
  border-bottom-right-radius: 16px;
  box-shadow: 3px 5px #ddd;
  position: relative;
    }
.qa+.qa { margin-top: 40px;}
.toggle .tap_area { cursor: pointer;}

dl.qa dt, dl.qa dd {
    position: relative;
    font-size: 1.6rem;
    vertical-align: top;
    padding: 30px 20px 26px 10px;
    min-height: 88px;
}

dl.qa dt { vertical-align: middle;}

dl.qa dt.tap_area.active {
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
dl.qa dt::before, dl.qa dd::before {
    content: "Q";
    font-size: 3rem;
    margin-right: 20px;
    color: rgb(0, 71, 179);
    line-height: 2rem;
    /*font-family: "Archivo Black", sans-serif !important;*/
    font-weight: bold;
}
dl.qa dd {
    padding: 18px 10px 20px;
}

dl.qa dd::before {
    content: "A";
    color: rgb(240, 33, 61);
}

dl.qa dd p, dl.qa dt p {
    margin-left: 5rem;
    margin-top: -3.5rem;
    font-weight: normal;
    font-size: 1.6rem;
}

dl.qa dt p {
    position: relative;
}
dl.qa dt p:before {
    width: 24px;
    height: 24px;
    background: #999;
    position: absolute;
    top: 0px;
    bottom: 0;
    right: -57px;
    margin: auto;
    content: "";
    vertical-align: middle;
    border-radius: 50%;
}

dl.qa dt p:after {
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    z-index: 999;
    position: absolute;
    top: 0px;
    bottom: 4px;
    right: -50px;
    margin: auto;
    content: "";
    vertical-align: middle;
}

dl.qa dt.tap_area.active p:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 4px;
    bottom: 0px;
    right: -50px;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.display-no {
    display: none;
}




/* =========================================================

    New css

========================================================= */

figure img.wp-image-54325 {
  width: 350px;
}