@charset "UTF-8";

/* tokiwa.css
*****************************/

/* 流れる文字
============================*/
.text-ani {
    margin:0 1em 3em;
    border-radius:0.5em;  /*角丸*/
    background:#ccc;        /*背景色*/
    overflow:hidden;
}

.text-ani p {
    margin:0;
    font-size:1.5em;         /*文字サイズ*/
    color:#fff;              /*文字の色*/
    animation: flowing 10s linear infinite;    /*アニメーション*/
    transform:translateX(100%);                /*最初の位置*/
}

@keyframes flowing {
  100% {
    transform:translateX(-100%);    /*終了の位置*/
  }
}

/* テキストindent margin フォントサイズ
============================*/
.indent1 { text-indent: -1em; padding-left: 1em;}
.indent2 { text-indent: -2em; padding-left: 2em;}
.indent3 { text-indent: -3em; padding-left: 3em;}
.indent4 { text-indent: -4em; padding-left: 4em;}
.indent5 { text-indent: -5em; padding-left: 5em;}
.indent6 { text-indent: -6em; padding-left: 6em;}
.indent7 { text-indent: -7em; padding-left: 7em;}
.indent8 { text-indent: -8em; padding-left: 8em;}

.mleft1 {margin-left: 1em;}
.mleft2 {margin-left: 2em;}
.mleft3 {margin-left: 3em;}
.mleft4 {margin-left: 4em;}
.mleft5 {margin-left: 5em;}
.mleft6 {margin-left: 6em;}
.mleft7 {margin-left: 7em;}
.mleft8 {margin-left: 8em;}

.pleft1 {padding-left: 1em!important;}

.mbottom5 {margin-bottom: 5px;}
.mbottom10 {margin-bottom: 10px;}
.mbottom20 {margin-bottom: 20px;}
.mbottom30 {margin-bottom: 30px;}
.mbottom40 {margin-bottom: 40px;}
.mbottom50 {margin-bottom: 50px;}
.mbottom60 {margin-bottom: 60px;}

.mtop5 {margin-top: 5px;}
.mtop10 {margin-top: 10px;}
.mtop20 {margin-top: 20px;}
.mtop30 {margin-top: 30px;}
.mtop40 {margin-top: 40px;}

.hr-dotted {display:block; border-width:1px 0px 0px 0px; border-style: dotted; border-color:#DDDDDD; margin:10px 0px 40px 0px;}

/* フォントサイズ */
.font-size-s60 {font-size: 60%;}
.font-size-s70 {font-size: 70%;}
.font-size-s80 {font-size: 80%;}
.font-size-s90 {font-size: 90%;}
.font-size-100 {font-size: 100%;}
.font-size-110 {font-size: 110%;}
.font-size-120 {font-size: 120%;}
.font-size-130 {font-size: 130%;}
.font-b {font-weight: 600;}
.font-n {font-weight: normal;}

/* テキスト配置 */
.text-c {text-align: center;}
.text-l {text-align: left;}
.text-r {text-align: right;}

/* 文字色 */
.col-gray {color: #8f8f8f;}
.col-dgray {color: #555555;}
.col-red {color: orangered;}
.col-red a {color: orangered;}
.col-red a:visited {color: orangered;}

/* pdfアイコン */
.icon-pdf-link::after {/* PDF */
  content: url("/storage/casec/icon_pdf_link.svg");
  padding-left: .5em;
}


/* ol ul デザイン
============================*/
.ou-disc {
  list-style-type: disc;
}
.ou-disc {
  margin-left: 1em;
}

/* カッコつき */
.ou-kacco {
  list-style: none;
  counter-reset: number;
}
.ou-kacco li {
  position: relative;
  padding-left: 40px;
}
.ou-kacco li::before {
  counter-increment: number;
  content: '（' counter(number) '）';
  position: absolute;
  left: 0;
}

/* 丸かこみ */
.ou-maru {
  list-style: none;
  counter-reset: number;
}
.ou-maru li {
  position: relative;
  padding-left: 1.5em;
}
.ou-maru li::before {
  counter-increment: number;
  content: counter(number);
  position: absolute;
  top: 5px;
  left: 0;
  width: 12px;
  height: 12px;
  border: 0.8px solid #333;
  border-radius: 50%;
  font-size: 10px;
  text-align: center;
  line-height: 1.3;
}

/* ずらしたひし形 */
.news-ul.ou-hisi{
  padding: 0;
  width:100%;
  list-style: none;
  margin-bottom: 30px;
}
.news-ul.ou-hisi li{
  position: relative;
  padding: 0.5em 0 0.5em 2.3em;
  margin-bottom:5px;
  /*border-bottom: 1px solid #0ab2a4;*/
}
.news-ul.ou-hisi li:after,
.news-ul.ou-hisi li:before{
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.news-ul.ou-hisi li:before{
  top: 0.7em;
  left: 0.2em;
  width: 12px;
  height: 12px;
  border:2px solid rgba(73, 179, 170, 0.7);
}
.news-ul.ou-hisi li:after{
  top: 0.9em;
  left: 0.7em;
  width: 14px;
  height: 14px;
  background: rgba(62, 170, 156, 0.6);
  -webkit-transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -o-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

/* ※リスト */
.ou-kome {
  list-style: none;
}
.ou-kome li {
  position: relative;
  padding-left: 1.5em;
}
.ou-kome li::before {
  content: '\0203B';
  position: absolute;
  left: 0;
}

/*----　飾りボックス文字　-------*/
.line-box {
  position: relative;
  max-width: 400px;
  margin: 30px auto 40px;
  padding: 1.5em calc(0.5em + 9px) 1em;
  border: 1px solid #a291b9;
  font-size: 102%;
  color: #555555;
  text-align: justify;
}
.line-box span {
  position: absolute;
  top: -50px;
  left: 0px;
  opacity: 0.5;
  padding: .2em .2em;
  font-size: 300%;
  font-weight: 600;
  color: #7FA1A0;
}

/*----　カラーボックス入り文字　-------*/
.bg-box {
  display:block;
  max-width:100%;
  padding:10px 10px;
  margin:10px 0 20px 0;
  color:#111111;
  border:1px solid;
  background-color:#c9ebeb;
  font-weight:bold;
  font-size:100%;
}
.bg-box-pu {
display:block;
max-width:100%;
padding:10px 10px 8px;
margin:10px 0 20px 0;
background-color:#d2cddf;
font-weight:bold;
font-size:130%;
}

/*----　蛍光ペン風ライン　-------*/
/* 常磐カラー */
.b-line-tokiwa { background: linear-gradient(transparent 60%, #d5ede6 60%);}
/* 黄色 */
.b-line-y { background: linear-gradient(transparent 60%, #ffff7c 60%);}
/* 緑色 */
.b-line-g { background: linear-gradient(transparent 60%, #d4f7c8 60%);}
/* ピンク */
.b-line-p { background: linear-gradient(transparent 60%, #ffdde2 60%);}


/*----　インフォメーション　Information　-------*/
/*　一覧　*/
.info-list-all ul {
  list-style-type: none;
}
.info-list-all li a {
  background: rgba(22, 83, 81, 0.55);
  float: left;
  margin: 0 10px 10px 0;
  padding: 5px 8px 3px;
  font-weight: bold;
  font-size: 90%;
  text-decoration: none;
}
.info-list-all li a:link { color: #fff; }
.info-list-all li a:visited { color: #fff; }
.info-list-all li a:hover { color: #fff; }
.info-list-all li a:active { color: #fff; }


/* 学納金納付書の送付について */

.gakunou-soufu {list-style-type: decimal; margin-left: 1.5em;}

/*----　総合政策学科ニュース(あの先生と--)　-------*/
/* 先生の名前の修飾 */
.name-deco {font-family:'HG創英角?????体','Meiryo',serif; font-size:140%;}

/* インタビュータイトル（黒枠付き）*/
.policy-interview-title {display:block; max-width:100%; padding:5px 10px; margin:40px 0 20px 0; color:#111111; border:1px solid #000; font-weight:bold; font-size:140%;}

/* 写真スペース（青ボーダー?シャドー）*/
.policy-photo-space {width: 80%; border: 1px solid #4682b4; background: #fff; margin: 30px auto 40px; padding: 10px;border-radius: 3px; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .4);}

/* 写真サイズ設定　*/
.policy-photo-space div {width: 80%; margin: 0 auto;}

/* 写真コメント　*/
.policy-photo-box p {padding: 5px 0;}


/*----　法律行政学科ニュース(教員に聞く)　-------*/
/* leftスペース 3*/
.l-space3 { margin-left: 3em; margin-bottom: 20px;}
.l-space5 { margin-left: 5em; margin-bottom: 20px;}

/*----　法律行政学科ニュース(OC企画)　-------*/
/*2色背景の見出し*/
.news-midasi-2col {
  background: -webkit-linear-gradient(#088a85 85%, #0ab2a4 15%);
  background: linear-gradient(#088a85 85%, #0ab2a4 15%));
  color: #fff;
  padding: 0.5em 0.8em;
  margin-bottom: 30px;
  font-weight: bold;
  font-size: 120%;
}

/*一部だけ線の色を変える*/
.news-box-1point {
  padding: .7em;/*内側の余白*/
  border: 3px solid #eee;	
  position: relative;
  z-index: 0;
  margin-bottom: 40px;
  text-align: justify;
  font-feature-settings: "halt"
}
.news-box-1point:before {
  border-top:3px solid #088a85;
  border-left:3px solid #088a85;
  content: '';
  display: block;
  position: absolute;
  top: -3px;
  left: -3px;
  width: 20px;
  height: 20px;
  z-index: 1;
}


/* タイトル小　枠 */
.box-b1 { display: block; width: 100%; padding-bottom: 10px; border-bottom: solid 1px #000; margin: 5px 0 20px 0;}

/* タイトル小　文字インデント3 */
.sub-title-q { font-size: 140%; font-weight: bold; text-indent: -3em; margin-left: 3em;}
.sub-title-q0 {font-size: 140%; font-weight: bold;}



/*----　経営学科ニュース　-------*/

/*
緑　#228b22
青　#4169e1
*/

/* ゼミ担当教授からひと言　*/
.management-photo-space { margin-bottom: 30px; }
.management-photo-space img { width: 100%; }
.management-photo-space .img-20 { width: 20%; float: left; padding-right: 1%; box-sizing: border-box; }
.management-photo-space .text-80 { width: 80%;}
.management-photo-space .clear { clear: both; }


/*----　採用情報　-------*/
.l-space1t5 { margin: 5px 0 0 1em;}

/* 表inテーブル　*/
.t-in-table {margin: 0 0 0 0.8em; border: none !important; width: auto; height: auto;}
.t-in-table td {padding: 0 1em 0 0 !important; border: none !important; vertical-align: top !important;}
.t-in-table .ws {white-space: nowrap;}

/*----　SDGs　-------*/
.sdgs-c-midasi {
  color:  #7FA1A0;
  width: 100%;
  padding: 0;
  font-size: 140%;
  font-weight: bold;
  line-height:130%;
  margin-bottom: 10px;
}
.sdgs-c-midasi110 {
  color:  #5d8685;
  width: 100%;
  padding: 0;
  font-size: 110%;
  font-weight: bold;
  line-height:130%;
}
.sdgs-sy-midasi {
  position: relative;
  padding: .5em .7em .4em;
  border-bottom: 3px solid #a291b9;
  color: #7FA1A0;
  font-size: 120%;
  font-weight: 600;
  margin-bottom: 40px;
}
.sdgs-sy-midasi::before,
.sdgs-sy-midasi::after {
  position: absolute;
  left: 30px;
  bottom: -15px;
  width: 30px;
  height: 15px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  content: '';
}
.sdgs-sy-midasi::before {
  background-color: #a291b9;
}
.sdgs-sy-midasi::after {
  bottom: -11px;
  background-color: #fff;
}
.l-line-box {
  position: relative;
  width: 100%;
  min-height: 15em;
  margin: 0 auto 40px;
  padding: 1em 1.5em;
  border-left: 5px solid #a291b9;
  background-color: #eeeeee;
  color: #333;
}
@media screen and (max-width: 480px) {
  .l-line-box {
    min-height: 100%;
  }
}


/*アコーディオン全体*/
.casec-qa-area{
  list-style: none;
  width: 100%;
  max-width: 900px;
  margin:0 auto 20px auto;
}
.casec-qa-area li{
  margin: 10px 0 12px;
}
.casec-qa-area section {

}

/*アコーディオンタイトル*/
.casec-qa-title {
  position: relative;/*+マークの位置基準とするためrelative指定*/
  cursor: pointer;
  font-size:107%;
  font-weight: bold;
  padding: 13px 3em 13px 2%;
  transition: all .5s ease;
  background-color: #165351;
  color: #fff;
}
/*.casec-qa-area li:nth-child(2n) .casec-qa-title {
  background-color: #bcc3c4;
}
.casec-qa-area li:nth-child(2n+1) .casec-qa-title {
  background-color: #a8adaf;
}*/

/*アイコンの↑と↓*/
.casec-qa-title:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 35%;
  transition: all 0.2s ease-in-out;
/*   要素の動きを指定 */

  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 4px #fff;
  border-right: solid 4px #fff;

  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
/* transform: rotateで要素の角度を指定 */

}

.casec-qa-title.close:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
/*   .openクラスがついた時の要素の角度を指定 */
}

/*アコーディオンで現れるエリア*/
.casec-qa-box {
  display: none;/*はじめは非表示*/
  padding: 15px 15px;
  border: 1px solid #ccc;
  width: 100%;
}