@charset "UTF-8";

body {
    --color: #a4dbf7;
    --light: rgba(164, 219, 247, .3);
}

.ib{
	display: inline-block;
}
article div.wrapper div.content.depart .contentsNav {
  margin-bottom: 10px;
}
article div.wrapper div.content.depart > nav {
  margin-bottom: 50px;
}
article div.wrapper div.content.depart > section {
  margin-bottom: 50px;
}
article div.wrapper div.content.depart section > h2 {
	font-size: clamp(20px, 2.2vw, 24px);
  color: #bb262c;
  padding: 0 0 20px 0;
  margin: 40px 0 20px 0;
  border-bottom: solid 1px #333333;
}
article div.wrapper div.content.depart section > h3 {
  font-size: 25px;
  font-weight: 400;
  font-family: "Yu Mincho", "YuMincho", serif;
  letter-spacing: 2px;
  line-height: 35px;
  margin-bottom: 30px;
}
.color_red {
  color: #bc272d;
}
figure > img {
  display: block;
  width: 100%;
}

/* 福祉心理学科、どんな資格がとれるの？
-----------------------------------*/

/*アコーディオン*/
.accordionContent02 .accordionTitle {
  font-size: 15px;
  letter-spacing: 1px;
}

.accordionContent02 .accordionInner > p {
  font-size: 15px;
}

.accordionContent02 .accordionInner > p:nth-child(1) {
  margin-bottom: 15px;
}

.accordionContent02 .accordionInner > p:nth-child(2) {
  border-top: 1px solid #000;
  padding-top: 15px;
}

.accordionContent02 .accordionInner > p:nth-child(3) {
  margin-bottom: 20px;
}
.note {
  font-size: 12px;
  font-weight: normal;
  color: #000000 !important;
}
.ta-r {
  text-align: right;
}

/*就職と進学*/
article div.wrapper div.content.depart div.career_img {
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: var(--light);
  width: 90%;
  padding: 5%;
}

article div.wrapper div.content.depart div.career_img > p:nth-child(1) {
  font-size: 25px;
  font-weight: 400;
  font-family: "Yu Mincho", "YuMincho", serif;
  letter-spacing: 2px;
  color: var(--color);
  margin-bottom: 8px;
}

article div.wrapper div.content.depart div.career_img > p:nth-child(2) {
  font-size: 15px;
}

/*主な就職・進路先*/
article div.wrapper div.content.depart div.graph {
  margin-bottom: 30px;
}
article div.wrapper div.content.depart div.graph h4 {
  font-size: 15px;
  border-bottom: 1px solid #f0a53b;
  padding-bottom: 10px;
  letter-spacing: 2px;
  margin-bottom: 25px;
}
article div.wrapper div.content.depart div.graph .ta-r {
  text-align: right;
}
article div.wrapper div.content.depart div.graph img {
	max-width: 400px;
  display: block;
  margin-inline: auto;
  margin-block-start: 25px;
}

article div.wrapper div.content.depart div.course {
  margin-bottom: 50px;
}

article div.wrapper div.content.depart div.course h4 {
  font-size: 15px;
  border-bottom: 1px solid var(--color);
  padding-bottom: 10px;
  letter-spacing: 2px;
}

article div.wrapper div.content.depart div.course div {
  border-bottom: 1px dashed #808080;
  padding-bottom: 10px;
}

article div.wrapper div.content.depart div.course div:last-child {
  border-bottom: none;
  padding-bottom: 0px;
}

article div.wrapper div.content.depart div.course div h5 {
  font-size: 15px;
  color: var(--color);
  margin-top: 5px;
}

article div.wrapper div.content.depart div.course div p {
  font-size: 15px;
}

/* 画面幅980px未満
=======================================*/
@media screen and (max-width: 980px) {
  article div.wrapper div.content.depart > h3 br {
    display: none;
  }
}
/* 画面幅768px未満
=======================================*/
@media screen and (max-width: 768px) {
}

/* 画面幅560px未満
=======================================*/
@media screen and (max-width: 560px) {
}

/* 画面幅480px未満
=======================================*/
@media screen and (max-width: 480px) {
  article div.wrapper div.content.depart div.career_img {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 86%;
    padding: 7%;
  }
  article div.wrapper div.content.depart div.career_img > p:nth-child(1) {
    font-size: 22px;
    font-weight: 400;
    font-family: "Yu Mincho", "YuMincho", serif;
    letter-spacing: 2px;
    margin-bottom: 8px;
  }
  article div.wrapper div.content.depart div.career_img > p:nth-child(2) {
    font-size: 15px;
  }
}

/* 福祉心理学科、卒業生の声
-----------------------------------*/

.graduatevoice > ul {
}
.graduatevoice > ul > li {
  background-color: #f5f5f5;
  padding: 25px;
  box-sizing: border-box;
  margin-bottom: 30px;
}
.graduatevoice > ul > li > .ttl {
	font-size: clamp(18px, 1.8vw, 20px);
  font-weight: bold;
  text-align: center;
  color: #000;
  margin-bottom: 30px;
}
.graduatevoice > ul > li > .graduate {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 30px;
  position: relative;
}
.graduatevoice > ul > li > .graduate > figure {
  width: 70%;
  
}
.graduatevoice > ul > li > .graduate > figure > img {
  border: solid 1px #ffffff;
}
.graduatevoice > ul > li > .graduate > .txtarea {
  width: 220px;
  position: absolute;
  bottom: 10px;
  right: 0;
  padding: 10px;
  background-color: var(--color);
  color: #000;
  box-sizing: border-box;
}
@media all and (max-width: 900px) {
.graduatevoice > ul > li > .graduate > figure {
  width: 100%;
}
.graduatevoice > ul > li > .graduate > .txtarea {
  width: 100%;
  position: inherit;
  bottom: 10px;
  right: 0;
  padding: 10px;
}
}
.graduatevoice > ul > li > .graduate > .txtarea > p {
  font-size: 13px;
  margin-bottom: 10px;
  line-height: 1.4;
}
.graduatevoice .gakka{
  font-size: 16px;
  font-weight: 600;
  display: block;
  margin: 0 0 20px 0;
  text-align: center;
  position: relative;
  line-height: 1.2;
}
.graduatevoice .gakka:after{
	position: absolute;
  content: "";
  bottom: -10px;
	left: 0;
	right: 0;
	width: 40px;
	height: 1px;
	margin: auto;
	background-color: #000;
}
.graduatevoice .name {
  font-size: 17px;
  font-weight: 600;
}

.graduatevoice > ul > li > dl {
  padding: 30px 0 30px;
  border-top: dotted 1px var(--color);
}

.graduatevoice > ul > li > dl > dt {
  position: relative;
	font-size: clamp(16px, 1.8vw, 18px);
  font-weight: bold;
  padding: 0 0 0 0;
  margin: 0 0 10px;
}
.clr01{
	color: #f0b43e;
}
.graduatevoice > ul > li > dl:nth-of-type(2) > dt::before {
  background-image: url(../img/welfare_psy_qualification/q2.png);
}
.graduatevoice > ul > li > dl:nth-of-type(3) > dt::before {
  background-image: url(../img/welfare_psy_qualification/q3.png);
}
@media screen and (max-width: 767px) {
  .graduatevoice > ul > li {
    padding: 20px 15px;
  }
  .graduatevoice > ul > li > .graduate > figure {
    width: 100%;
    margin-bottom: 15px;
  }
  .graduatevoice > ul > li > .graduate > .txtarea {
    width: 100%;
  }
  .graduatevoice > ul > li > .message > div > .txtarea {
    width: 100%;
    margin-bottom: 15px;
  }
  .graduatevoice > ul > li > .message > div > .imgarea {
    width: 30%;
    min-width: 200px;
    margin: auto;
  }
  .graduatevoice > ul > li > .message > div > .imgarea > figure {
    margin-bottom: 15px;
  }
}

.graduate_ttl{
	position: relative;
	font-size: clamp(18px, 1.8vw, 18px);
	font-weight: bold;
	padding: 0 0 0 0;
	margin: 0 0 10px;
}
@media screen and (max-width: 600px) {
.graduate_ttl{
	text-align: center;
	padding: 0 0 0 0;
	margin: 0 0 10px;
}
}
ul.company_set{
	width: 100%;
	margin: 0 0 10px 0;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}
ul.company_set > li:first-child{
	width: 120px;
	margin: 0;
	padding: 0;
	font-size: 13px;
  display:table;
  text-align:center;
}
.bg01{
	background-color: #fef9ef;
}
 ul.company_set > li:first-child div{
  display:table-cell;
  vertical-align:middle;
}
ul.company_set > li:first-child span{
	font-size: 16px;
}
ul.company_set > li:last-child{
	width: calc(100% - 140px);
	margin: 0;
	padding: 0;
}
@media screen and (max-width: 600px) {
ul.company_set > li:first-child{
	width: 120px;
	margin: 0 auto 10px;
	padding: 0;
	font-size: 13px;
  display:table;
  text-align:center;
}
ul.company_set > li:last-child{
	width: 100%;
	margin: 0 0 10px;
	padding: 0;
}
}
.message_box ul.message_set{
	width: 100%;
	margin: 0 0 10px 0;
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.message_box ul.message_set > li:first-child{
	width: calc(75% - 100px);
	margin: 0 0 0 0;
	padding: 0 10px 0 0;
	box-sizing: border-box;
	line-height: 1.4;
}
.message_box ul.message_set > li:last-child{
	width: 100px;
	margin: 0;
	padding: 0;
}
.message_box ul.message_set > li:last-child img{
	width: 100%;
}
.message_box ul.message_set > li .ttl{
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
}
.message_box ul.message_set > li .info{
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 14px;
}
.message_box ul.message_set > li .name{
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 14px;
	font-weight: normal;
}
.message_box ul.message_set > li .name span{
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 16px;
	font-weight: normal;
	font-weight: 600;
}