@charset "UTF-8";

body {
    --color: #c2dfae;
}

.zen-maru-gothic-black {
  font-family: "Zen Maru Gothic", serif !important;
  font-weight: 900 !important;
  font-style: normal !important;
}

.zen-maru-gothic-bold {
  font-family: "Zen Maru Gothic", serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
}

.zen-maru-gothic-medium {
  font-family: "Zen Maru Gothic", serif !important;
  font-weight: 500 !important;
  font-style: normal !important;
}

.zen-maru-gothic-regular {
  font-family: "Zen Maru Gothic", serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

.zen-maru-gothic-light {
  font-family: "Zen Maru Gothic", serif !important;
  font-weight: 300 !important;
  font-style: normal !important;
}

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: 20px;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	border-bottom: solid 1px #d68013;
}

/* 保育学科、授業ピックアップ！
-----------------------------------*/
article div.wrapper div.content.depart .pickup > ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 40px;
}
article div.wrapper div.content.depart .pickup > ul > li{
	width: 46%;
	padding: 0;
	margin: 0 0 40px 0;
}
article div.wrapper div.content.depart .pickup > ul > li > img{
	width: 100%;
	margin-bottom: 15px;
	display: block;
}
article div.wrapper div.content.depart .pickup > ul > li .ttl{
	font-size: clamp(18px, 1.8vw, 20px);
	font-weight: 600;
	margin-bottom: 5px;
	color: var(--color);
}
article div.wrapper div.content.depart .pickup > ul > li .tag{
	color: #000;
	background-color: #eee;
	display: inline-block;
	padding: 3px 20px;
	text-align: center;
	border-radius: 10px;
	font-weight: bold;
	font-size: 12px;
	line-height: 1;
	letter-spacing: 2px;
}
@media print, screen and (max-width:767px){
	article div.wrapper div.content.depart .pickup > ul > li{
		width: 100%;
		margin-bottom: 40px;
	}
}


/* 保育学科、授業科目一覧
-----------------------------------*/

article div.wrapper div.content.depart .classes{
}
article div.wrapper div.content.depart .classes .txt01{
	text-align: center;
	margin-bottom: 10px;
}
article div.wrapper div.content.depart .classes > div > img{
	display: block;
	width: 100%;
}
@media all and (max-width:768px){
article div.wrapper div.content.depart .classes > div > img{
	display: block;
	width: 60%;
	margin: auto;
}
}
@media all and (max-width:480px){
article div.wrapper div.content.depart .classes > div > img{
	display: block;
	width: 100%;
	margin: auto;
}
}

article div.wrapper div.content.depart .classes .note{
	font-size: 13px;
	text-align: right;
}


/* 保育学科、MY CAMPUS LIFE
-----------------------------------*/

article div.wrapper div.content.depart .campuslife{
}
article div.wrapper div.content.depart .campuslife > ul{
}
article div.wrapper div.content.depart .campuslife > ul > li{
	background-color: #f5f5f5;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 35px;
}
article div.wrapper div.content.depart .campuslife > ul > li > img{
	display: block;
	width: 100%;
}
@media all and (max-width:768px){
article div.wrapper div.content.depart .campuslife > ul > li > img{
	display: block;
	width: 60%;
	margin: auto;
}
}
@media all and (max-width:480px){
article div.wrapper div.content.depart .campuslife > ul > li > img{
	display: block;
	width: 100%;
	margin: auto;
}
}

article div.wrapper div.content.depart .campuslife > ul > li > div{
	background-color: #ffffff;
	border-radius: 10px;
	padding: 10px;
}
article div.wrapper div.content.depart .campuslife > ul > li > div:first-of-type{
	margin-bottom: 20px;
}
p.tablettl{
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 5px;
}
p.tablettl > span{
	float: right;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}
div.scroll{
    width:100%;
    box-sizing:border-box;
    overflow-x:scroll;
    -webkit-overflow-scrolling:touch;
}

div.scroll table{
  	border-collapse:collapse;
	table-layout:fixed;
  	width:600px;
	font-size:12px;
	line-height:140%;
}
div.scroll table thead{
	border-top: 1px solid #db5f7f;
}
div.scroll table th, 
div.scroll table td{
	padding:5px 0;
	width:121px;
	border-bottom:1px solid #db5f7f;
	border-right:1px solid #db5f7f;
	box-sizing:border-box;
	background-color:#ffffff;
	text-align:center;
	vertical-align:middle;
}
div.scroll table th:last-child, 
div.scroll table td:last-child{
	border-right:0px solid #db5f7f;
}

div.scroll table td.border_right{
	border-right:1px solid #db5f7f;
}


div.scroll table thead th{
	background-color:#fceef2;
	width: 95px;
	color: #db5f7f;
}

div.scroll table thead th:first-child{
	background-color:#fceef2;
	width:30px;
}

div.scroll table tbody th{
	background-color: #fceef2;
	color: #db5f7f;
}

div.scroll table tbody td{
	height:52px;
}

/*
article div.wrapper div.content.depart .campuslife > ul > li > div:nth-of-type(2){
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
*/
article div.wrapper div.content.depart .campuslife > ul > li > div .txtarea{
	width: 100%;
}
article div.wrapper div.content.depart .campuslife > ul > li > div .txtarea .nomerikomettl{
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}
article div.wrapper div.content.depart .campuslife > ul > li > div .txtarea .nomerikomettl > svg{
	width: 100px;
	height: 42px;
	margin-right: 5px;
}
article div.wrapper div.content.depart .campuslife > ul > li > div .txtarea .nomerikomettl > svg g{
	fill:#d68013;
}
article div.wrapper div.content.depart .campuslife > ul > li > div .txtarea .nomerikomettl > p{
	font-size: 20px;
	font-weight: bold;
	color: #d68013;
}
article div.wrapper div.content.depart .campuslife > ul > li > div figure{
	width: 28%;
}
article div.wrapper div.content.depart .campuslife > ul > li > div figure > img{
	display: block;
	width: 100%;
}
@media print, screen and (max-width:767px){
	article div.wrapper div.content.depart .campuslife > ul > li{
		padding: 10px;
	}
	article div.wrapper div.content.depart .campuslife > ul > li > div .txtarea{
		width: 100%;
		margin-bottom: 10px;
	}
	article div.wrapper div.content.depart .campuslife > ul > li > div figure{
		width: 100%;
	}
	
	article div.wrapper div.content.depart .campuslife > ul > li > div .txtarea .nomerikomettl{
		display: block;
		margin-bottom: 5px;
		text-align: center;
	}
	article div.wrapper div.content.depart .campuslife > ul > li > div .txtarea .nomerikomettl > svg{
		width: 150px;
		height: 63px;
		margin-right: 0;
	}
}
.kokorottl{
	position: relative;
	width: 100%;
	margin: 0 0 10px 0;
}







div.scroll{
	margin-bottom: 30px;
}
.campuslife{
	width: 100%;
	padding: 0;
	margin: 0 0 9vw 0;
}
.campuslife .inner_base{
	width: 100%;
	padding: 60px 30px 30px;
	margin: 0;
	background-color: #f5f3f4;
	box-sizing: border-box;
}
.cl_ttl_set{
	width: 100%;
	margin: 0 0 5vw 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	font-weight: bold;
	font-size: 20px;
}
.cl_ttl_set .text1{
	width: 80px;
}
.cl_ttl_set .text2{
	width: 160px;
}
.cl_ttl_set .ttl_img{
	width: calc(100% - 280px);
}
@media all and (max-width:600px){
.campuslife .inner_base{
	width: 100%;
	padding: 30px 20px;
	margin: 0;
}
.cl_ttl_set{
	font-size: 16px;
}
.cl_ttl_set .text1{
	width: 80px;
}
.cl_ttl_set .ttl_img{
	width: calc(100% - 80px);
}
.cl_ttl_set .text2{
	width: 100%;
	text-align: right;
}
}

ul.cl_img_set{
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	border-bottom: 1px solid #db5f7f;
}
ul.cl_img_set > li:first-child,
ul.cl_img_set > li:nth-child( 3 ){
	width: 49%;
	margin: 0;
	padding: 0;
}
ul.cl_img_set > li:nth-child( 2 ),
ul.cl_img_set > li:last-child{
	width: 47%;
	margin: 0;
	padding: 0;
}
ul.cl_img_set > li img{
	width: 100%;
	margin: 0;
	padding: 0;
}
.campuslife ul.cl_img_set .name{
	font-size: 16px;
}
.campuslife ul.cl_img_set .name span{
	font-size: 18px;
	font-weight: bold;
}
.campuslife ul.cl_img_set .add{
	font-size: 13px;
}

@media all and (max-width:600px){
ul.cl_img_set{
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0 0 30px 0;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}
ul.cl_img_set > li:first-child{
	width: 100%;
	margin: 0;
	padding: 0;
	order: 1;
}
ul.cl_img_set > li:nth-child( 2 ){
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	order: 3;
}
ul.cl_img_set > li:nth-child( 3 ){
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
	order: 2;
}
ul.cl_img_set > li:last-child{
	width: 100%;
	margin: 0;
	padding: 0;
	order: 4;
}
}
ul.cl_img_set li.cl_img_tag{
	font-size: 12px;
	color: #db5f7f;
	letter-spacing: 2px;
	line-height: 1.8;
}
ul.cl_img_set li.cl_img_tag span{
	letter-spacing: 0;
	margin: 0 5px 0 0;
  color: #fff;
  background-color: #eb6100;
   font-size: 16px;
  line-height: 1.2;
  position: relative;
  display: inline-block;
  padding: 2px 16px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #db5f7f;
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #db5f7f;
}

ul.favorite_set{
	width: 100%;
	margin: 0 0 10px 0;
	padding: 30px;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	background-color: #de829a;
	box-sizing: border-box;
	border-radius: 16px;
}
ul.favorite_set > li:first-child{
	width: 52%;
	margin: 0;
	padding: 0;
}
ul.favorite_set > li:last-child{
	width: 40%;
	margin: 0;
	padding: 0;
}
@media all and (max-width:600px){
ul.favorite_set{
	width: 100%;
	margin: 0 0 10px 0;
	padding: 20px;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
	background-color: #db5f7f;
	box-sizing: border-box;
	border-radius: 16px;
}
ul.favorite_set > li:first-child{
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0;
}
ul.favorite_set > li:last-child{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0;
}
}


ul.favorite_set > li img{
	width: 100%;
}
ul.favorite_set > li .ttl{
	width: 100%;
	padding: 10px;
	font-size: clamp(16px, 1.7vw, 18px);
	text-align: center;
	color: #db5f7f;
	border-radius: 6px;
	background-color: #fff;
	box-sizing: border-box;
	margin-bottom: 20px;
	font-weight: bold;
	position: relative;
}
ul.favorite_set > li .ttl:after{
  border: solid transparent;
  content:'';
  height:0;
  width:0;
  pointer-events:none;
  position:absolute;
  border-color: rgba(0, 153, 255, 0);
  border-top-width:12px;
  border-bottom-width:0;
  border-left-width:-6px;
  border-right-width:6px;
  margin-left: -6px;
  border-top-color:#fff;
  top:100%;
  right:10%;
}
ul.favorite_set > li .sub_ttl{
	font-size: clamp(16px, 1.8vw, 20px);
	color: #fff;
	margin: 0 0 4px 0;
	font-weight: bold;
}
ul.favorite_set > li .tag{
	color: #000;
	background-color: #fff;
	display: inline-block;
	padding: 3px 20px;
	text-align: center;
	border-radius: 10px;
	font-weight: bold;
	font-size: 12px;
	line-height: 1;
	letter-spacing: 2px;
}
ul.favorite_set > li p{
	padding: 1em 0 0 0;
	color: #fff;
	font-size: 15px;
}




/*20210602 追加*/
.kokorottl{
	position: relative;
	width: 100%;
	margin: 0 0 10px 0;
}
  .classes > div.scroll {
  width: 100%;
  box-sizing: border-box;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
}

  .classes
  > div.scroll
  table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 660px;
  font-size: 12px;
  line-height: 140%;
}

  .classes
  > div.scroll
  table
  th,
  .classes
  > div.scroll
  table
  td {
  padding: 5px 0;
  width: 121px;
  border-bottom: 1px solid #db5f7f;
  border-right: 1px solid #db5f7f;
  box-sizing: border-box;
  background-color: #fff;
  text-align: center;
  vertical-align: middle;
}

  .classes
  > div.scroll
  table
  thead
  th {
  background-color:#fceef2;
  width: 95px;
  color: #db5f7f;
}

  .classes
  > div.scroll
  table
  tbody
  th {
  background-color:#fceef2;
  color: #db5f7f;
}

  .classes > div.scroll table tbody th:nth-child(1) {
  background-color:#fceef2;
  color: #db5f7f;
}

  .classes
  > div.scroll
  table
  tbody
  td {
  height: 42px;
}
/* 保育学科、授業科目一覧
-----------------------------------*/

article div.wrapper div.content.depart .classes {
}
article div.wrapper div.content.depart .classes .txt01 {
  text-align: center;
  margin-bottom: 10px;
}
article div.wrapper div.content.depart .classes > div > img {
  display: block;
  width: 100%;
}
@media all and (max-width:768px){
article div.wrapper div.content.depart .classes > div > img{
	display: block;
	width: 60%;
	margin: auto;
}
}
@media all and (max-width:480px){
article div.wrapper div.content.depart .classes > div > img{
	display: block;
	width: 100%;
	margin: auto;
}
}

article div.wrapper div.content.depart .classes .note {
  font-size: 13px;
  text-align: right;
}