@charset "UTF-8";

body {
    --color: #decee4;
    --bg0: #f5f5f5;
    --bg1: #decee4;
    --bg2: #eae7c1;
    --bg3: #ccddf1;
}

/* Clear
------------------------------------------------------------------- */
.clr {
	clear: both;
}
/* Clearfix
------------------------------------------------------------------- */
.cf::after {
	content: "";
	display: table;
	clear: both;
}
.pt10{
	padding-top: 10px;
}
.mb20{
	margin-bottom: 20px;
}

article div.wrapper div.content.depart div.header h1 br.over440_none{
	display:none;
}

@media print, screen and (max-width:440px){
	article div.wrapper div.content.depart div.header h1{
		line-height:1.4;
}
	
	article div.wrapper div.content.depart div.header h1 br.over440_none{
		display:inline;
	}
}

article div.wrapper div.content.depart div.header h1 span{
	font-size:18px;
}

article div.wrapper div.content.depart > p{
	margin:12px 0 20px 0;
}

article div.wrapper div.content.depart > span{
	position:relative;
	display:inline-block;
	padding-left:16px;
	font-weight:600;
}

article div.wrapper div.content.depart > span::before{
	position:absolute;
	top:7px;
	left:0;
	content:"";
	box-sizing:border-box;
	border:5px solid transparent;
	border-left:8px solid #bc272d;
}

/* ここで叶う4つのこと
-----------------------------------*/
article div.wrapper div.content.depart h2{
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    margin: auto;
    z-index: 2;
    line-height: 1.4;
    color: var(--color);
    margin: 0 0 30px 0;
}



article div.wrapper div.content.depart .charm > ul{
    counter-reset: number;
}
article div.wrapper div.content.depart .charm > ul > li{
	margin: 0 0 40px 0;
	padding: 0 0 40px 0;
	border-bottom: 1px dotted var(--color);
}
article div.wrapper div.content.depart .charm > ul > li > div{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0 20px 0;
}

article div.wrapper div.content.depart .charm > ul > li > div > .txtarea{
	width: 48%;
}
article div.wrapper div.content.depart .charm > ul > li > div > .txtarea p.ttl{
	font-size: 20px;
	font-weight: bold;
	font-family: "Yu Mincho", "YuMincho", serif;
	font-weight: normal;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: solid 1px #b15971;
}
article div.wrapper div.content.depart .charm > ul > li > div > figure{
	width: 48%;
}
article div.wrapper div.content.depart .charm > ul > li > div > figure img{
	width: 100%;
}
article div.wrapper div.content.depart .charm > ul > li > div > figure figcaption{
	font-size: 13px;
	text-align: center;
}
article div.wrapper div.content.depart .charm > ul > li > div > .tablearea{
	padding:20px;
    margin-top: 40px;
	margin-bottom:28px;
	background-color:#F4F4F4;
	box-sizing:border-box;
	overflow:hidden;
    
}

article div.wrapper div.content.depart .charm > ul > li > div > .tablearea > p{
	font-weight:bold;
	margin-bottom:10px;
}
article div.wrapper div.content.depart .charm > ul > li > div > .tablearea > ul li{
	color: #dd2c2c;
	list-style-position: inside;
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom:10px;
}
article div.wrapper div.content.depart .charm > ul > li > div > .tablearea > ol li{
	color: #dd2c2c;
	list-style-position: inside;
	text-indent: -20px;
	padding-left: 20px;
	margin-bottom:10px;
}
article div.wrapper div.content.depart .charm > ul > li > div > .tablearea > div.scroll{
    width:100%;
    box-sizing:border-box;
    overflow-x:scroll;
    -webkit-overflow-scrolling:touch;
}
article div.wrapper div.content.depart .charm > ul > li > div > .tablearea > div.scroll.left{
	float:left;
	width:42%;
}
article div.wrapper div.content.depart .charm > ul > li > div > .tablearea > div.scroll.right{
	float:right;
	width:55%;
}

article div.wrapper div.content.depart .charm > ul > li > div > .tablearea div table{
  	border-collapse:collapse;
	width:100%;
	table-layout:auto;
	font-size:13px;
	line-height:140%;
}

article div.wrapper div.content.depart .charm > ul > li > div > .tablearea div table th, 
article div.wrapper div.content.depart .charm > ul > li > div > .tablearea div table td{
	padding:5px;
	border-bottom:2px solid var(--bg0);
	border-right:2px solid var(--bg0);
	box-sizing:border-box;
	background-color:#fff;
	text-align:center;
	vertical-align:middle;
}
article div.wrapper div.content.depart .charm > ul > li > div > .tablearea div table td.blue {
    background-color: #ccddf1;
    letter-spacing: .5em;
    width:14%;
}

article div.wrapper div.content.depart .charm > ul > li > div > .tablearea div table thead th{
	color:#000;
	background-color:var(--bg1);
}
article div.wrapper div.content.depart .charm > ul > li > div > .tablearea div table thead td{
	background-color:var(--bg2);
    font-weight: 700;
}
article div.wrapper div.content.depart .charm > ul > li > div > .tablearea div table thead td.tan {
    width: 4.7em;
}

article div.wrapper div.content.depart .charm > ul > li > div > .tablearea table tfoot td{
	text-align:center;
	background-color:var(--bg2);
}

article div.wrapper div.content.depart .charm > ul > li > div > .tablearea table tfoot tr.last td{
	text-align:center;
	background-color:transparent;
}

article div.wrapper div.content.depart .charm > ul > li > div > .tablearea table tfoot td:first-of-type {
    font-weight: 700;
}


article div.wrapper div.content.depart .charm > ul > li > div > .txtarea > dl{
}
article div.wrapper div.content.depart .charm > ul > li > div > .txtarea > dl > dt{
	color:var(--color);
	font-weight:bold;
}
article div.wrapper div.content.depart .charm > ul > li > div > .txtarea > dl > dd{
}


@media print, screen and (max-width:768px){
	article div.wrapper div.content.depart .charm > ul > li{
		margin: 0 0 80px 0;
	}
	article div.wrapper div.content.depart .charm > ul > li > div > .txtarea{
		width: 100%;
		margin-bottom: 20px;
	}
	article div.wrapper div.content.depart .charm > ul > li > div > figure{
		width: 100%;
	}
	article div.wrapper div.content.depart .charm > ul > li > div > .tablearea > div.scroll.left{
		float:none;
		width:100%;
		margin-bottom:20px;
	}
	article div.wrapper div.content.depart .charm > ul > li > div > .tablearea > div.scroll.right{
		float:none;
		width:100%;
	}
}


/* 臨床心理学専攻の魅力
-----------------------------------*/

article div.wrapper div.content.depart .ttl{
	width:100%;
	font-size:25px;
	font-weight:600;
	color:#BB262C;
	line-height:140%;
	border-bottom:1px dashed #808080;
	padding:0 0 10px 0;
	margin:50px 0 0 0;
}
article div.wrapper div.content.depart section{
	margin-top:40px;
}

/* ご案内
-----------------------------------*/

article div.wrapper div.content.depart section.guidance{
	padding: 20px;
	background: rgba(239, 201, 199, .5);
	box-sizing: border-box;
	margin-bottom: 40px;
}
article div.wrapper div.content.depart section.guidance h3{
	color: #ad3634;
	margin-bottom: 10px;
	display: block;
	position: relative;
	height: 60px;
}

article div.wrapper div.content.depart section.guidance h3::before{
	content: "ご案内";
	width: 60px;
	height: 60px;
	border-radius: 50%;
	font-size: 18px;
	background-color: #ffffff;
	position: absolute;
	left: 0;
	top:0;
	display: flex;
	align-items: center;
	justify-content: center;
}
article div.wrapper div.content.depart section.guidance h3 > span{
	font-size: 18px;
	position: absolute;
	left: 70px;
	top:0;
	display: flex;
	align-items: center;
	height: 60px;
}

article div.wrapper div.content.depart section.guidance > dl{
	display: flex;
}
article div.wrapper div.content.depart section.guidance > dl dt{
	font-weight: bold;
	color: #ad3634;
	margin-right: 1em;
}
@media print, screen and (max-width:768px){
	article div.wrapper div.content.depart section.guidance{
		padding: 15px;
	}
}

/* モデル
-----------------------------------*/

article div.wrapper div.content.depart section.fourth div table{
  	border-collapse:collapse;
	width:100%;
	table-layout:auto;
	font-size:13px;
	line-height:140%;
}

article div.wrapper div.content.depart section.fourth div table th, 
article div.wrapper div.content.depart section.fourth div table td{
	padding:5px;
	border-bottom:2px solid #fff;
	border-right:2px solid #fff;
	box-sizing:border-box;
	background-color:var(--bg0);
	text-align:center;
	vertical-align:middle;
}

article div.wrapper div.content.depart section.fourth div table thead th{
	color:#FFF;
	background-color:#b15971;
}
article div.wrapper div.content.depart section.fourth div table thead td{
	background-color:#e7cdd2;
}

@media print, screen and (max-width:980px){
article div.wrapper div.content.depart section.fourth div.scroll.left{
	float:none;
	width:80%;
	margin:0 0 20px 12px;
}
article div.wrapper div.content.depart section.fourth div.scroll.right{
	float:none;
	width:80%;
	margin:0 0 0px 12px;
}
}
@media print, screen and (max-width:440px){
article div.wrapper div.content.depart section.fourth div.scroll.left{
	float:none;
	width:100%;
	margin:0 0 20px 12px;
}
article div.wrapper div.content.depart section.fourth div.scroll.right{
	float:none;
	width:100%;
	margin:0 0 0px 12px;
}
}
/* アドミッションポリシー（入学者受け入れ方針）
-----------------------------------*/
article div.wrapper div.content.depart section.admission{
	margin-top:10px;
}

article div.wrapper div.content.depart section.admission accordionInner p{
	margin-top:35px;
	text-indent:14px;
}

/* カリキュラムポリシー（教育課程の編成・実施方針）
-----------------------------------*/
article div.wrapper div.content.depart section.policy{
	margin-top:10px;
}

article div.wrapper div.content.depart section.policy .accordionInner p{
	text-indent:14px;
}

article div.wrapper div.content.depart section.policy .accordionInner ol{
	margin:0;
}

article div.wrapper div.content.depart section.policy .accordionInner ol li{
	list-style-type:none;
	list-style-position:inside;
	counter-increment:cnt;
	position:relative;
	padding-left:20px;
	box-sizing:border-box;
}

article div.wrapper div.content.depart section.policy .accordionInner ol li:before{
	content:counter(cnt) ".";
	position:absolute;
	left:0;
}

article div.wrapper div.content.depart a.button{
	margin-top:50px;
}
/* ディプロマポリシー（学位授与方針）
-----------------------------------*/
article div.wrapper div.content.depart section.diploma{
	margin-top:0;
}

article div.wrapper div.content.depart section.diploma .accordionInner ol li{
	list-style-type:none;
	list-style-position:inside;
	counter-increment:cnt;
	position:relative;
	padding-left:20px;
	box-sizing:border-box;
}
article div.wrapper div.content.depart section.diploma .accordionInner ol li:before{
	content:counter(cnt) ".";
	position:absolute;
	left:0;
}
article div.wrapper div.content.depart section.diploma .accordionInner ol p {
	text-indent:-30px;
	margin-left:50px;
}

article div.wrapper div.content.depart a.button{
	margin-top:50px;
}
/* 投稿記事
-----------------------------------*/

article div.wrapper div.content.depart section#topics {
	margin-bottom:50px;
	overflow:hidden;
}
article div.wrapper div.content.depart section#topics .titleBox {
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #b49b46;
	margin-bottom: 8px;
}
article div.wrapper div.content.depart section#topics .titleBox p {
	font-family: "Hiragino Maru Gothic W6 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color:#b49b46;
}

article div.wrapper div.content.depart section#topics a.more {
	font-size:13px;
	display:block;
	width:120px;
	height:20px;
	line-height:20px;
	text-align:center;
	background-color:#b49b46;
	float:right;
	margin-top:8px;
	color:#FFF;
	border:1px solid #b49b46;
	border-radius:5px;
	-webkit-border-radius:5px;  
	-moz-border-radius:5px;
	-webkit-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}
article div.wrapper div.content.depart section#topics a.more:hover{
	background-color:#FFF;
	color:#b49b46;
}

article div.wrapper div.content.depart section#topics ul li {
	overflow:hidden;
	padding:10px 0 10px;
	border-bottom:dashed 1px #808080;
}

article div.wrapper div.content.depart section#topics ul li .imgL {
	float:left;
	width:140px;
}
article div.wrapper div.content.depart section#topics ul li .imgL img {
	width:100%;
}
article div.wrapper div.content.depart section#topics ul li .txtR {
	width : calc(100% - 155px) ;
	float:right;
}
article div.wrapper div.content.depart section#topics ul li time {
	font-size:13px;
}

@media print, screen and (max-width:440px){
article div.wrapper div.content.depart section#topics ul li {
	overflow:hidden;
	padding:20px 0 20px;
	border-bottom:dashed 1px #808080;
}

article div.wrapper div.content.depart section#topics ul li .imgL {
	float:none;
	width:90%;
	margin:0 auto 5px;
}
article div.wrapper div.content.depart section#topics ul li .txtR {
	width : 90% ;
	float:none;
	margin:auto;
}
}

article div.wrapper div.content.depart section.second > div ul li{
	color: #B3145A;
	list-style-position: inside;
	text-indent: -20px;
	padding-left: 20px;
	margin-bottom:10px;
}




/*履修モデル*/
.content.depart section.model div table{
  	border-collapse:collapse;
	width:100%;
	table-layout:auto;
	font-size:13px;
	line-height:140%;
}

.content.depart section.model div table th{
	padding:5px;
	border-bottom:2px solid #F4F4F4;
	border-right:2px solid #F4F4F4;
	border-left:2px solid #F4F4F4;
	box-sizing:border-box;
	background-color:#fff;
	text-align:center;
	vertical-align:middle;
}
 
.content.depart section.model div table td{
	padding:5px;
	border-bottom:2px solid #F4F4F4;
	border-right:2px solid #F4F4F4;
	border-left:2px solid #F4F4F4;
	box-sizing:border-box;
	background-color:#fff;
	text-align:left;
	vertical-align:middle;
}

.content.depart section.model div table thead th{
	color:#FFF;
	background-color:#b15971;
}
.content.depart section.model div table thead td{
	background-color:#e7cdd2;
}

.content.depart section.model div table tfoot td{
	text-align:right;
	background-color:#e7cdd2;
}
section.model .text_box{
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 90%;
}
.clr01{
	color: #436bbe;
}
.clr02{
	color: #df2e30;
}
.clr03{
	color: #65229d;
}

.mb20{
	margin-bottom: 20px !important;
}
.ta-c{
	text-align: center !important;
}
.fw-b{
	font-weight: bold;
}
.subtitleBox {
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #aaaaaa;
	margin-bottom: 8px;
}
.subtitleBox p {
	font-family: "Hiragino Maru Gothic W6 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 600;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color:#b49b46;
}

ul.note_set{
	margin: 0 0 30px;
	padding: 0;
	width: 100%;
}
ul.note_set li{
	color: #b15971;
	list-style-position: inside;
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 1px;
}
.buttonArea{
	width: 100%;
	margin: 20px auto 0 !important;
	padding: 0;
	text-align: center;
}
.button {
	overflow: hidden;
	width: 70%;
	height: 50px;
	margin: 0 auto;
	padding: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
.button a {
	display: block;
	position: relative;
	z-index: 10;
	text-align:center;
	background: #ad3634;
	color: #fff;
	font-size: 14px;
	line-height: 50px;
	text-decoration:none;
}
.button a:hover {
	background: #EBBEC0;
	transition: background-color 0.5s;
}





.charm{
	width: 100%;
	margin: 0 0 30px 0;
	padding: 0 0 0;
}
.charm h3{
	width: 100%;
	padding: 0;
	margin: 0 0 2vw 0;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.charm h3 span.num{
	line-height: 1.0;
	padding: 0 0 0 0;
	width: 60px;
}

.charm h3 .txt{
	width:calc(100% - 100px); 
	font-size: clamp(20px, 2.1vw, 22px);
	line-height: 1.4;
	font-weight: bold;
	padding: 0 0 0 20px;
	box-sizing: border-box;
}

.charm ul.charm_set{
	width: 100%;
	margin: 0 0 4vw 0;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	line-height: 2.0;
}
.charm ul.charm_set img{
	width: 100%;
}
.charm ul.charm_set > li{
	width: 100%;
	margin: 0;
	padding: 0;
}
@media all and (max-width:600px){
.charm ul.charm_set{
	width: 100%;
	margin: 0 0 9vw 0;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	line-height: 1.8;
}
.charm ul.charm_set figure{
	width: 100%;
	margin: 0 auto 0;
}
.charm ul.charm_set img{
	width: 100%;
}
.charm ul.charm_set > li{
	width: 100%;
	margin: 0;
	padding: 0;
}
}

.buttonArea .note {
  margin: 10px 0;
  padding: 0;
  color: #d40000;
  font-size: 1.0rem;
  text-align: center;
}

.tablewrap + .tablewrap {
    margin-top: 28px;
}
.table2 thead td:not(:first-of-type) {
    width: 4.7em;
}
@media all and (max-width:600px) {
    .table2 thead td:not(:first-of-type) {
    width: 2.7em;
}
}