@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      contents.css
 Author:         おかやま山陽高校
----------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');


/*----------------------------------------------------
	Reset
----------------------------------------------------*/
body {
	font-family: 'Zen Kaku Gothic New', sans-serif;
	background: #FFF;
	color: #493C37;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.6;
}
ul {
	padding: 0;
}
li {
	list-style: none;
}
p {
	margin-bottom: 0;
	line-height: 1.8;
}
button:focus {
    outline: none;
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
body {
	font-size: 16px;
}
.container {
	width: 1160px;
}
.container.toPageContents {
	width: 100%;
	max-width: 100%;
}
p {
	line-height: 2;
}
}
@media (min-width: 1450px) {
.container.toPageContents {
	width: 1440px;
	max-width: 1440px;
}
}

/* 5 Columns */
.col-15, .col-sm-15, .col-md-15, .col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
/*.col-15 {
	width: 20%;
	flex: 0 0 20%;
}*/
@media (min-width: 768px) {
.col-sm-15 {
	width: 20%;
	flex: 0 0 20%;
}
}
@media (min-width: 992px) {
.col-md-15 {
	width: 20%;
	flex: 0 0 20%;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
	width: 20%;
	flex: 0 0 20%;
}
}

/* link */
a {
	color: #493C37;
	transition: 0.5s;
}
a:hover {
	color: #81716B;
	text-decoration: none;
}
a:hover img {
	opacity: 0.85;
	transition: 0.5s;
}
.btnToLink {
	position: relative;
	margin-top: 30px;
	margin-bottom: 0;
	line-height: 1.4;
}
.btnToLink a {
	display: block;
	padding-top: 15px;
	padding-bottom: 13px;
	background: #FFF;
	border: #493C37 4px solid;
	border-radius: 100px;
	font-weight: 700;
	transition: 0.5s;
}
.btnToLink a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 35px;
    width: 0.5em;
    height: 0.5em;
	padding-bottom: 6px;
    transform: translateY(-50%) rotate(45deg);
    border-right: #493C37 1.5px solid;
    border-top: #493C37 1.5px solid;
}
.btnToLink a:hover {
	background: #493C37;
	border: #493C37 4px solid;
	color: #FFF;
}
.btnToLink a:hover::after {
    border-right: #FFF 1.5px solid;
    border-top: #FFF 1.5px solid;
}
.btnToLinkShadow {
	position: relative;
	margin-top: 30px;
	margin-bottom: 0;
	line-height: 1.4;
}
.btnToLinkShadow a {
	display: block;
	position: relative;
	top: 0;
	padding-top: 15px;
	padding-bottom: 13px;
	background: #FFF;
	border: #493C37 4px solid;
	border-radius: 100px;
	box-shadow: 5px 5px #ECEFD9;
	font-weight: 700;
	color: #493C37;
	transition: unset;
}
.btnToLinkShadow a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 35px;
    width: 0.5em;
    height: 0.5em;
	padding-bottom: 6px;
    transform: translateY(-50%) rotate(45deg);
    border-right: #493C37 1.5px solid;
    border-top: #493C37 1.5px solid;
}
.btnToLinkShadow a:hover {
	top: 5px;
	box-shadow: 0 0 #ECEFD9;
}
.toTop a {
	font-size: 13px;
}
.btnBlank {
	position: relative;
	margin-top: 30px;
	margin-bottom: 0;
	line-height: 1.4;
}
.btnBlank a {
	display: block;
	padding-top: 15px;
	padding-bottom: 13px;
	background: #FFF url("../img/common/icon_blank_bk.svg") no-repeat center right 20px;
	border: #493C37 4px solid;
	border-radius: 100px;
	font-weight: 700;
	transition: 0.5s;
}
.btnBlank a:hover {
	background: #493C37 url("../img/common/icon_blank_w.svg") no-repeat center right 20px;
	border: #493C37 4px solid;
	color: #FFF;
}
.btnPDF {
	position: relative;
	margin-bottom: 20px;
	line-height: 1.4;
}
.btnPDF a {
	display: block;
	padding-top: 15px;
	padding-bottom: 13px;
	background: #FFF url("../img/common/icon_pdf_bk.svg") no-repeat center right 20px;
	border: #493C37 4px solid;
	border-radius: 10px;
	font-weight: 700;
	transition: 0.5s;
}
.btnPDF a:hover {
	background: #493C37 url("../img/common/icon_pdf_w.svg") no-repeat center right 20px;
	border: #493C37 4px solid;
	color: #FFF;
}
.btnToAll {
	position: relative;
	margin-bottom: 70px;
	line-height: 1.4;
}
.btnToAll a {
	display: block;
	padding-top: 10px;
	padding-bottom: 8px;
	background: #FFF;
	border: #493C37 4px solid;
	border-radius: 100px;
	font-size: 13px;
	font-weight: 700;
	transition: 0.5s;
}
.btnToAll a:hover {
	background: #493C37;
	border: #493C37 4px solid;
	color: #FFF;
}
@media (min-width: 992px) {
.btnToLink, .btnToLinkShadow {
	margin-top: 60px;
}
.toTop a {
	font-size: 15px;
}
.btnBlank {
	margin-top: 60px;
}
.postAttached {
	margin-bottom: 60px;
}
.btnToAll a {
	font-size: 16px;
}
.btnToAll {
	margin-bottom: 120px;
}
}


/*----------------------------------------------------
	contents
----------------------------------------------------*/
.breadCrumbList {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
	margin-top: 15px;
	margin-bottom: 0;
	font-size: 12px;
	font-weight: 400;
    color: #747474;
}
.breadCrumbList a {
	border-bottom: #747474 1px solid;
    color: #747474;
}
.breadCrumbList li:not(:last-of-type)::after {
    content: "›";
    margin: 0 0.5em;
    color: #747474;
}
@media (min-width: 768px) {
.breadCrumbList {
	margin-top: 40px;
}
}
#mainContents,
#mainContentsNarrow {
	padding-top: 70px;
	padding-bottom: 0;
}
.contents h2 {
	margin-top: 33px;
	margin-bottom: 20px;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: 0.05em;
}
.contents h2.noBreadCrumbList {
	margin-top: 60px;
	margin-bottom: 20px;
}
.contents h3 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 700;
}
@media (min-width: 768px) {
.contents h2 {
	font-size: 32px;
}
.contents h2.noBreadCrumbList {
	margin-top: 60px;
	margin-bottom: 20px;
}
.contents h3 {
	margin-bottom: 20px;
	font-size: 22px;
	font-weight: 700;
}
}
@media (min-width: 992px) {
#mainContents {
	padding-top: 83px;
}
#mainContentsNarrow {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 83px;
}
.contents h2 {
	margin-top: 50px;
}
.contents h2.noBreadCrumbList {
	margin-top: 125px;
	margin-bottom: 35px;
}
}

/*	home
----------------------------------------------------*/
#homeMainImage {
	width: 100%;
	height: 100%;
	margin-top: 70px;
	overflow: hidden;
	position: relative;
}
.slideTop {
    opacity: 0;
    transition: opacity .3s linear;
    width: 100%;
    height: 100%;
}
.slideTop.slick-initialized{
	opacity: 1;
}
.slideTop img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slick-animation {
    animation: fadezoom 5s 0s forwards;
}
@keyframes fadezoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}
#homeMainImage ul {
	margin-bottom: 0;
}
#homeMainImage .cover {
	position: absolute;
	left: -1px;
	bottom: -2px;
	width: 100%;
	height: 100%;
	background: url("../img/home/top_cover_sp.svg") no-repeat bottom center/100% auto;
}
#homeMainImage .copy {
	position: absolute;
	left: 20px;
	bottom: 18px;
}
#homeMainImage .copy h2 {
	font-size: 26px;
	font-weight: 700;
	color: #FFF;
	text-shadow: #272320 1px 0 5px;
	line-height: 1.8;
}
#homeMainImage .copy p {
	margin-bottom: 0;
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	font-weight: 500;
	color: #FFF;
	text-shadow: #272320 1px 0 5px;
}
#homePickUp {
	margin-top: -2px;
	padding-top: 56px;
	padding-bottom: 30px;
	overflow: hidden;
}
#homePickUp h3,
.home #mainContentsNarrow h3 {
	font-family: 'Poppins', sans-serif;
	font-size: 25px;
	font-weight: 500;
}
#homePickUp h3 {
	margin-bottom: 30px;
}
#homePickUp .sliderPickUp li {
    margin: 0;
    padding-left: 25px;
    padding-right: 15px;
}
#homePickUp .sliderPickUp li a h4 {
	height: 2em;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 700;
	background: url("../img/home/icon_arrow.svg") no-repeat center right 5px;
}
#homePickUp .sliderPickUp .slick-dots li {
    padding-left: 14px;
    padding-right: 14px;
}
#homePickUp .slick-list {
	overflow: visible;
}
.home #mainContentsNarrow {
	padding-bottom: 50px;
}
.home #mainContentsNarrow h3 {
	margin-bottom: 10px;
}
.home .newsArchiveContents dd {
    font-weight: 400;
}
.home #mainContentsNarrow p.text-right {
	margin-top: 10px;
}
.home #mainContentsNarrow p.text-right a {
	display: block;
	line-height: 25px;
	padding-right: 35px;
	background: url("../img/home/icon_arrow.svg") no-repeat center right;
}
#homeBlog {
	padding-top: 40px;
	padding-bottom: 46px;
	background: #F7F6F4;
}
#homeBlog h3 {
	margin-top: 0;
	margin-bottom: 14px;
	padding-bottom: 15px;
	border-bottom: #BABABA 1px solid;
	font-size: 12px;
	font-weight: 700;
}
#homeBlog h3 span {
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: 30px;
	font-weight: 500;
}
#homeBlog.blog .contents h4 {
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
}
#homeBlog .blogArchiveContents:last-of-type {
	margin-bottom: 0;
}
.toPageContents {
	margin-top: 50px;
}
.toPageContents p.copy {
	margin-top: -7px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.3em;
	line-height: 1.4;
}
.toPageContents p.copy:first-of-type {
	margin-top: -30px;
}
#homeToGuide p.copy { color: #187FA7; }
#homeToNavi p.copy { color: #558C75; }
#homeToLife p.copy { color: #CD5504; }
#homeToOpenSchool p.copy { color: #DEA700; }
.toPageContents p.subTitle {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
}
.toPageContents h3 {
	font-size: 24px;
	font-weight: 700;
	letter-spacing: 0.3em;
}
#homeToGuide, #homeToNavi, #homeToLife, #homeToOpenSchool {
    overflow: hidden;
}
.toPageContents .frame {
    position: relative;
    height: 410px;
}
.toPageContents .frame {
	position: relative;
	height: 100%;
}
.toPageContents .frame img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    border: 0;
    vertical-align: bottom;
}
.toPageContents .frame .frameOver {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
 .toPageContents .frame .frameOver img {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-width: inherit;
}
#homeGakka {
	margin-top: 60px;
	padding-top: 68px;
	padding-bottom: 123px;
	border-radius: 100px 100px 0 0;
	background: #51BFE4 url("../img/home/img_gakka.png") no-repeat center bottom/100%;
}
#homeGakka h3 {
	margin-bottom: 40px;
	padding-bottom: 20px;
	border-bottom: #FFF 1px solid;
	font-size: 24px;
	font-weight: 700;
	color: #FFF;
}
#homeGakka h3 span {
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	font-weight: 500;
}
#homeGakka p {
	margin-bottom: 10px;
	font-size: 16px;
    font-weight: 700;
	color: #FFF;
}
#homeGakka ul {
	margin-bottom: 46px;
}
#homeGakka li {
	margin-top: 6px;
}
#homeGakka li a {
    position: relative;
    display: block;
    padding-bottom: 6px;
    border-bottom: #FFF 1px solid;
    font-size: 14px;
    font-weight: 700;
    color: #FFF;
}
#homeGakka li a:hover {
	color: #CDEEF8;
}
#homeGakka li a::after {
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    right: 4px;
    width: 0.5em;
    height: 0.5em;
    padding-bottom: 6px;
    transform: translateY(-50%) rotate(45deg);
    border-right: #FFF 1.5px solid;
    border-top: #FFF 1.5px solid;
	transition: 0.5s;
}
#homeGakka li a:hover::after {
    right: 10px;
}
#homeGakka .btnToLink {
	margin-top: 0;
}
#homeGakka .btnToLink a {
	background: #51BFE4;
	border: #FFF 4px solid;
	color: #FFF;
}
#homeGakka .btnToLink a::after {
    border-right: #FFF 1.5px solid;
    border-top: #FFF 1.5px solid;
}
#homeGakka .btnToLink a:hover {
	background: #FFF;
	border: #FFF 4px solid;
	color: #51BFE4;
}
#homeGakka .btnToLink a:hover::after {
    border-right: #51BFE4 1.5px solid;
    border-top: #51BFE4 1.5px solid;
}
#homeBnrMenu {
	padding-top: 34px;
	padding-bottom: 26px;
}
#homeBnrMenu li {
    overflow: hidden;
    position: relative;
	margin-top: 20px;
    cursor: pointer;
	border-radius: 13px;
}
#homeBnrMenu li a {
	display: block;
	height: 93px;
	border-radius: 13px;
	font-size: 18px;
	font-weight: 700;
	color: #FFF;
	text-align: center;
	line-height: 93px;
    transition: transform .6s ease;
}
#homeBnrMenu li a:hover {
  	transform: scale(1.1);
}
#homeBnrMenu li.menu01 a { background: url("../img/home/bg_bnr_sp_01.png") no-repeat center/cover; }
#homeBnrMenu li.menu02 a { background: url("../img/home/bg_bnr_sp_02.png") no-repeat center/cover; }
#homeBnrMenu li.menu03 a { background: url("../img/home/bg_bnr_sp_03.png") no-repeat center/cover; }
#homeBnrMenu li.menu04 a { background: url("../img/home/bg_bnr_sp_04.png") no-repeat center/cover; }
#homeBnrMenu .menu05 {
	margin-top: 30px;
}
#homeLinkMenu {
	padding-top: 26px;
	padding-bottom: 30px;
}
#homeBnrMenu li.menu05 a {
	height: auto;
}
#homeLinkMenu ul {
	margin-bottom: 0;
}
#homeLinkMenu dl {
	margin-bottom: 0;
	padding-top: 20px;
	padding-bottom: 25px;
	border-top: #A5A5A5 1px solid;
}
#homeLinkMenu li:last-child dl {
	border-bottom: #A5A5A5 1px solid;
}
#homeLinkMenu dt img {
	display: block;
	margin-top: 20px;
}
#homeLinkMenu dd {
	margin-bottom: 0;
	font-size: 13px;
	background: #FFF url("../img/home/icon_arrow.svg") no-repeat center right 15px;
}
#homeLinkMenu dd h5 {
	display: block;
	font-size: 14px;
	font-weight: 700;
}
#homeBtmMenu {
	padding-top: 30px;
	padding-bottom: 32px;
	background: #FAFAFA;
}
#homeBtmMenu ul {
	margin-bottom: 0;
}
#homeBtmMenu li {
	margin-bottom: 10px;
}
#homeBtmMenu li a {
	display: block;
	padding-top: 13px;
	padding-bottom: 13px;
	border: #493C37 2px solid;
	border-radius: 6px;
	background: #FFF url("../img/home/icon_arrow.svg") no-repeat center right 15px;
	font-size: 13px;
	font-weight: 700;
}
@media (min-width: 768px) {
#homeMainImage .cover {
	bottom: 0;
	background: url("../img/home/top_cover_pc.svg") no-repeat bottom left/auto 100%;
}
#homeMainImage .copy {
	left: 60px;
	bottom: 35px;
}
#homeMainImage .copy h2 {
	font-size: 40px;
}
#homeMainImage .copy p {
	font-size: 22px;
}
#homePickUp .sliderPickUp li {
	margin: 0 10px;
	padding-left: 0;
	padding-right: 0;
}
#homeToGuide {
	margin-top: 130px;
}
.toPageContents p.copy {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.3em;
	line-height: 1.4;
}
.toPageContents p.copy:first-of-type {
     margin-top: 30px; 
}
.toPageContents p.copy:nth-of-type(2) {
	margin-top: 0;
}
#homeToGuide p.copy { color: #187FA7; }
#homeToNavi p.copy { color: #558C75; }
#homeToLife p.copy { color: #CD5504; }
#homeToOpenSchool p.copy { color: #DEA700; }
.toPageContents p.subTitle {
	margin-top: 30px;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
}
.toPageContents h3 {
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 0.1em;
}
#homeToGuide, #homeToNavi, #homeToLife, #homeToOpenSchool {
    overflow: hidden;
}
.toPageContents .frame {
	position: relative;
	height: 100%;
}
.toPageContents .frame img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    border: 0;
    vertical-align: bottom;
}
.toPageContents .frame .frameOver {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
 .toPageContents .frame .frameOver img {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  max-width: inherit;
}
.toPageContents .btnToLinkShadow {
	margin-top: 30px;
}
#homeGakka {
	background: #51BFE4 url("../img/home/img_gakka.png") no-repeat center bottom/70% auto;
}
#homeGakka h3 {
	margin-bottom: 10px;
	padding-bottom: 0;
	border-bottom: none;
	font-size: 24px;
}
#homeGakka h3 span {
	display: block;
	font-family: 'Zen Kaku Gothic New', sans-serif;
	font-size: 24px;
	font-weight: 700;
}
#homeGakka .btnToLink {
	margin-top: 10px;
}
#homeLinkMenu li:nth-last-child(2) dl {
	border-bottom: #A5A5A5 1px solid;
}
}
@media (min-width: 992px) {
#homeMainImage .copy {
	left: 120px;
	bottom: 70px;
}
#homePickUp {
	padding-top: 98px;
}
#homePickUp h3,
.home #mainContentsNarrow h3 {
	font-size: 30px;
	font-weight: 600;
}
#homePickUp h3 {
	margin-bottom: 16px;
}
#homePickUp .sliderPickUp li a h4 {
	font-size: 15px;
}
.home #mainContentsNarrow {
	padding-bottom: 120px;
}
.home #mainContentsNarrow .newsArchiveContents dl {
    margin-top: 0;
}
.home #mainContentsNarrow h3 {
	margin-bottom: 25px;
}
.home .newsArchiveContents dd {
    font-weight: 700;
}
.home #mainContentsNarrow p.text-right {
	margin-top: 10px;
}
.home #mainContentsNarrow p.text-right a {
	line-height: 25px;
	padding-right: 55px;
	font-size: 15px;
	font-weight: 700;
}
#homeBlog {
	padding-top: 56px;
	padding-bottom: 56px;
}
#homeBlog h3 {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
	font-size: 20px;
}
#homeBlog h3 span {
	font-size: 40px;
}
#homeBlog.blog .contents h4 {
    margin-top: 15px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
}
.toPageContents p.copy:first-of-type {
     margin-top: 145px; 
}
.toPageContents p.copy {
	margin-top: 145px;
}
#homeGakka {
	margin-top: 116px;
	padding-top: 93px;
	padding-bottom: 327px;
	border-radius: 150px 150px 0 0;
	background: #51BFE4 url("../img/home/img_gakka.png") no-repeat center bottom/1310px auto;
}
#homeGakka h3 {
	font-size: 35px;
	letter-spacing: 0.3em;
}
#homeGakka h3 span {
	font-size: 35px;
}
#homeGakka .btnToLink {
	margin-top: 10px;
}
#homeGakka p {
	font-size: 18px;
}
#homeGakka li {
	margin-top: 0;
	margin-bottom: 10px;
}
#homeGakka li a {
    font-size: 18px;
}
#homeGakka li a::after {
    content: "";
    position: absolute;
    top: calc(50% - 2px);
    right: 4px;
    width: 0.5em;
    height: 0.5em;
    padding-bottom: 6px;
    transform: translateY(-50%) rotate(45deg);
    border-right: #FFF 1.5px solid;
    border-top: #FFF 1.5px solid;
}
#homeGakka .btnToLink {
	margin-top: 30px;
}
#homeGakka .btnToLink a {
	font-size: 16px;
}
#homeBnrMenu {
	padding-top: 80px;
	padding-bottom: 54px;
}
#homeBnrMenu li a {
	height: 189px;
	font-size: 25px;
	line-height: 189px;
}
#homeBnrMenu li.menu01 a { background: url("../img/home/bg_bnr_pc_01.png") no-repeat center/cover; }
#homeBnrMenu li.menu02 a { background: url("../img/home/bg_bnr_pc_02.png") no-repeat center/cover; }
#homeBnrMenu li.menu03 a { background: url("../img/home/bg_bnr_pc_03.png") no-repeat center/cover; }
#homeBnrMenu li.menu04 a { background: url("../img/home/bg_bnr_pc_04.png") no-repeat center/cover; }
#homeLinkMenu dd {
	font-size: 15px;
	background: none;
}
#homeLinkMenu dd h5 {
	font-size: 20px;
}
#homeLinkMenu li:nth-last-child(3) dl {
	border-bottom: #A5A5A5 1px solid;
}
#homeBtmMenu {
	padding-top: 50px;
	padding-bottom: 64px;
}
#homeBtmMenu li {
	margin-bottom: 20px;
}
#homeBtmMenu li a {
	max-height: 6em;
	padding-top: 20px;
	padding-bottom: 20px;
	border: #493C37 4px solid;
	border-radius: 100px;
	background: #FFF;
	font-size: 15px;
	line-height: 1.4;
	transition: 0.5s;
}
#homeBtmMenu li a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 35px;
    width: 0.5em;
    height: 0.5em;
	padding-bottom: 6px;
    transform: translateY(-50%) rotate(45deg);
    border-right: #493C37 1.5px solid;
    border-top: #493C37 1.5px solid;
}
#homeBtmMenu li a:hover {
	background: #493C37;
	border: #493C37 4px solid;
	color: #FFF;
}
#homeBtmMenu li a:hover::after {
    border-right: #FFF 1.5px solid;
    border-top: #FFF 1.5px solid;
}
#homeBtmMenu li:nth-child(5) a {
	padding-top: 10px;
	padding-bottom: 10px;
}
}

/* new uniform */
#homeToNewUniform {
	padding-top: 82px;
	padding-bottom: 70px;
}
#homeToNewUniform .mainImg h3 {
	position: relative;
	margin-bottom: 16px;
}
#homeToNewUniform .mainImg h3 .iconNew {
	position: absolute;
	top: -20px;
	left: 15px;
	width: 60px;
	height: 60px;
	background: url("../img/schoollife/new-uniform/bg_new.svg") no-repeat;
	animation: 10s linear infinite rotation;
}
@keyframes rotation{
    0%{ transform:rotate(0);}
    100%{ transform:rotate(360deg); }
}
#homeToNewUniform .mainImg h3 .newText {
	position: absolute;
	top: -20px;
	left: 15px;
	width: 60px;
	height: 60px;
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	font-weight: 700;
	color: #FFF;
	text-align: center;
	line-height: 60px;
}
#homeToNewUniform .mainImg p {
	font-size: 20px;
	font-weight: 700;
}
#homeToNewUniform li.slick-slide img {
	height: 631px !important;
	width: auto;
}
#homeToNewUniform li.slick-slide:first-child img {
    height: 613px !important;
    width: auto;
    margin-top: 9px !important;
    padding-right: 3px !important;
}
@media (min-width: 768px) {
#homeToNewUniform {
	padding-top: 68px;
	padding-bottom: 0;
}
#homeToNewUniform .mainImg h3 {
	margin-bottom: 0;
}
}
@media (min-width: 992px) {
#homeToNewUniform .mainImg p {
	margin-top: -10px;
	font-size: 23px;
}
#homeToNewUniform .mainImg h3 .iconNew {
	top: 16px;
	left: calc(50% - 412px);
	width: 94px;
	height: 92px;
	background: url("../img/schoollife/new-uniform/bg_new.svg") no-repeat;
	background-size: cover;
}
#homeToNewUniform .mainImg h3 .newText {
	top: 16px;
	left: calc(50% - 412px);
	width: 94px;
	height: 92px;
	font-size: 25px;
	line-height: 94px;
}
}


/*	gakkaCover
----------------------------------------------------*/
#mainGakkaCoverContents {
	position: relative;
	padding-top: 70px;
	padding-bottom: 0;
}
#mainGakkaCoverContents .mainImg {
	position: relative;
}
#mainGakkaCoverContents .mainImg h2 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding-top: 15px;
	background: url("../img/common/bg_title_sp.png") no-repeat left top/100% 100%;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0.05em;
}
#mainGakkaCoverContents .breadCrumbList {
	margin-top: 5px;
}
#gakkaCoverContents {
	padding-bottom: 48px;
}
#gakkaCoverContents h3 {
	margin-top: 32px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.8;
}
#gakkaCoverContents h4 {
	margin-top: 50px;
	margin-bottom: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	background: #493C37;
	border-radius: 5px;
	font-size: 18px;
	font-weight: 700;
	color: #FFF;
	line-height: 1.2;
}
#gakkaCoverContents li {
	position: relative;
	margin-bottom: 20px;
}
#gakkaCoverContents li img {
	border-radius: 20px;
}
#gakkaCoverContents li h5 {
	display: inline-block;
	position: absolute;
	width: calc(100% - 15px);
	left: 15px;
	bottom: -9px;
	height: 50px;
	padding-left: 15px;
	background: url("../img/gakka/bg_title_sp.svg") no-repeat left center/auto 100%;
	font-size: 16px;
	font-weight: 700;
	line-height: 50px;
}
#gakkaCoverContents .general li:nth-child(2) h5 {
	padding-top: 5px;
	line-height: 1.3;
}
#gakkaCoverContents .general li:nth-child(2) h5 span {
	display: block;
	font-size: 11px;
}
@media (min-width: 768px) {
#mainGakkaCoverContents .mainImg h2 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding-top: 40px;
	padding-bottom: 20px;
	background: url("../img/common/bg_title_pc.png") no-repeat left top/auto 100%;
}
#gakkaCoverContents h3 {
	margin-top: 60px;
}
#gakkaCoverContents li h5 {
    display: inline-block;
    position: relative; 
    width: auto;
    left: auto;
    bottom:auto;
    height: auto;
    padding-left: 0;
    background: none;
    font-size: 18px;
    line-height: 1.6;
}
#gakkaCoverContents li h5 span {
	font-size: 13px;
}
}
@media (min-width: 992px) {
#mainGakkaCoverContents {
	padding-top: 83px;
}
#mainGakkaCoverContents .breadCrumbList {
	margin-top: 10px;
}
#mainGakkaCoverContents .mainImg h2 {
	width: 1160px;
	height: 149px;
	padding-top: 60px;
	font-size: 40px;
}
.gakka .dot01, .gakka .dot02 {
	position: absolute;
	z-index: 10;
}
.gakka .dot01 {
	top: 482px;
	left: calc(50% + 521px);
	width: 84px;
	height: 232px;
	background: url("../img/gakka/img_dot_01.svg") no-repeat;
}
.gakka .dot02 {
	top: 648px;
	left: calc(50% - 654px);
	width: 97px;
	height: 228px;
	background: url("../img/gakka/img_dot_02.svg") no-repeat;
}
#gakkaCoverContents {
	padding-bottom: 100px;
}
#gakkaCoverContents h3 {
	margin-top: 50px;
	font-size: 34px;
}
#gakkaCoverContents h4 {
	padding-top: 8px;
	padding-bottom: 8px;
}
#gakkaCoverContents h4:first-of-type {
    margin-top: 80px;
}
#gakkaCoverContents li {
	margin-bottom: 30px;
}
#gakkaCoverContents li h5 {
	margin-top: 8px;
}
}


/*	gakka
----------------------------------------------------*/
.kikai .breadCrumbList, .car .breadCrumbList, .cook .breadCrumbList, .seika .breadCrumbList {
	margin-top: 0;
	margin-bottom: 15px;
}
#mainGakkaContents {
	position: relative;
	padding-top: 70px;
	padding-bottom: 0;
}
#mainGakkaContents h2 {
	margin-top: 17px;
	font-size: 35px;
	font-weight: 700;
	letter-spacing: 0.1em;
}
#mainGakkaContents h2 span {
	display: block;
	font-size: 20px;
}
.car #mainGakkaContents h2 span,
.cook #mainGakkaContents h2 span,
.seika #mainGakkaContents h2 span {
	display: inline-block;
	padding: 3px 6px;
	border-radius: 4px;
	font-size: 13px;
	color: #FFF;
	letter-spacing: 0;
}
.car #mainGakkaContents h2 span { background: #187FA7; }
.cook #mainGakkaContents h2 span { background: #DEA700; }
.seika #mainGakkaContents h2 span { background: #CD5504; }
#mainGakkaContents h2 span.sub {
	font-size: 16px;
	letter-spacing: 0;
}
#gakkaCoverContents  
#gakkaTopContents .mainImg {
	margin-top: 5px;
}
#gakkaTopContents h3 {
	margin-top: 30px;
	margin-bottom: 15px;
	font-size: 22px;
	font-weight: 700;
	line-height: 2;
}
#gakkaTopContents h3 span {
	display: block;
	margin-bottom: 20px;
	font-size: 15px;
	line-height: 1.5;
}
#gakkaTopContents h4 {
	margin-top: 50px;
	font-size: 22px;
	font-weight: 700;
	color: #E07A7A;
}
.kikai #gakkaTopContents h4 { color: #43A76D; }
.car #gakkaTopContents h4 { color: #187FA7; }
.cook #gakkaTopContents h4 { color: #DEA700; }
.seika #gakkaTopContents h4 { color: #CD5504; }
#gakkaTopContents .point {
	margin-top: 10px;
	padding-top: 30px;
	padding-bottom: 10px;
	background: #F7F6F4;
	border-radius: 40px;
}
#gakkaTopContents .point ul {
	margin-bottom: 0;
}
#gakkaTopContents .point li {
	margin-bottom: 20px;
	padding-left: 25px;
	text-indent: -25px;
}
#gakkaTopContents .point li::before {
    content:  "";
    width:  18px;
    height:  18px;
    display:  inline-block;
	margin-right: 0.5em;
    background-color: #E07A7A;
    border-radius:  50%;
	vertical-align: middle;
}
.kikai #gakkaTopContents .point li::before { background-color: #43A76D; }
.car #gakkaTopContents .point li::before { background-color: #187FA7; }
.cook #gakkaTopContents .point li::before { background-color: #DEA700; }
.seika #gakkaTopContents .point li::before { background-color: #CD5504; }
#gakkaTopContents .pageNav {
	position: relative;
	top: 40px;
	transition-duration: .5s;
}
.kikai #gakkaTopContents .pageNav, .car #gakkaTopContents .pageNav,
.cook #gakkaTopContents .pageNav, .seikai #gakkaTopContents .pageNav {
	top: 30px;
}
#gakkaTopContents .pageNav.fixed {
    position: fixed;
    top: 80px;
    left: auto;
    z-index: 2;
}
#gakkaTopContents .pageNav.fixed.none {
    opacity: 0;
    z-index: -1;
}
#gakkaTopContents .pageNav li a {
	display: block;
	margin-left: 5px;
	margin-right: 5px;
	padding: 6px 10px 10px;
	background: #FFF;
	border: #493C37 1px solid;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 700;
	position: relative;
}
#gakkaTopContents .pageNav li a::before,#gakkaTopContents .pageNav li a::after{
    content: "";
    display: block;
    width: 8px;
    height: 1px;
    background: #493C37;
    position: absolute;
    bottom: 4px;
	left: calc(50% - 8px);
    transform: rotate(30deg);
    transform-origin: calc(100%) 50%;
}    
#gakkaTopContents .pageNav li a::after{
    transform: rotate(150deg);
}
#courseFeatures {
	margin-top: 85px;
	padding-top: 40px;
	background: #F7F6F4 url("../img/gakka/common/bg_coursefeatures_sp.svg") no-repeat center top 30px;
}
.music #courseFeatures,
.seika #courseFeatures {
	padding-bottom: 40px;
}
#courseFeatures .courseFeaturesWrap {
	padding-bottom: 40px;
}
.kikai #courseFeatures { padding-bottom: 70px; background: #F7F6F4 url("../img/gakka/kikai/bg_coursefeatures_sp.svg") no-repeat center top 30px; }
.car #courseFeatures { padding-bottom: 70px; background: #F7F6F4 url("../img/gakka/car/bg_coursefeatures_sp.svg") no-repeat center top 30px; }
.cook #courseFeatures { padding-bottom: 70px; background: #F7F6F4 url("../img/gakka/cook/bg_coursefeatures_sp.svg") no-repeat center top 30px; }
.seikai #courseFeatures { padding-bottom: 70px; background: #F7F6F4 url("../img/gakka/seika/bg_coursefeatures_sp.svg") no-repeat center top 30px; }
#courseFeatures .imgContents {
	position: relative;
}
#courseFeatures .imgContents:hover {
	cursor: pointer;
}
#courseFeatures .imgContents.noPointer:hover {
	cursor: unset;
}
#courseFeatures .imgContents img {
	border-radius: 30px 30px 0 0;
}
#courseFeatures .imgContents h4 {
	display: flex;
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 50px;
	background: #FFF;
	border-radius: 0 0 30px 30px;
	font-size: 16px;
	font-weight: 700;
}
#courseFeatures .imgContents h4::after {
    font: var(--fa-font-solid);
	content: '\f055';
    position: absolute;
    top: calc(50% - 15px);
    right: 15px;
    color: #E07A7A;
	font-size: 30px;
}
#courseFeatures .imgContents h4 span {
	display: flex;
	margin-right: 0.8em;
	font-size: 22px;
	color: #E07A7A;
	vertical-align: middle;
	text-align: right;
}
.kikai #courseFeatures .imgContents h4::after,.kikai #courseFeatures .imgContents h4 span { color: #43A76D; }
.car #courseFeatures .imgContents h4::after,.car #courseFeatures .imgContents h4 span { color: #187FA7; }
.cook #courseFeatures .imgContents h4::after,.cook #courseFeatures .imgContents h4 span { color: #DEA700; }
.seika #courseFeatures .imgContents h4::after,.seika #courseFeatures .imgContents h4 span { color: #CD5504; }
#courseFeatures .imgContents h4 span.synthesisTitle {
	display: inline-block;
	margin: -20px 1em -15px -15px;
	padding: 28px 10px 0;
	border-radius: 0 0 0 30px;
	background: #493C37;
	font-size: 15px;
	color: #FFF;
	letter-spacing: -0.1em;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}
#courseFeatures .imgContents .over {
    display: none;
    position: absolute;
    top: 0;
    left: 15px;
    width: calc(100% - 30px);
    height: calc(100% - 6px);
    background: rgba(224,122,122,0.95);
	border-radius: 30px;
    z-index: 10;
	color: #FFF;
}
.kikai #courseFeatures .imgContents .over { background: rgba(67,167,109,0.95); }
.car #courseFeatures .imgContents .over { background: rgba(24,127,167,0.95); }
.cook #courseFeatures .imgContents .over { background: rgba(222,167,0,0.95); }
.seika #courseFeatures .imgContents .over { background: rgba(205,85,4,0.95); }
#courseFeatures .imgContents .over span {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	width: 90%;
}
#courseFeatures .imgContents .over span a {
	display: block;
	position: relative;
	padding-right: 23px;
	font-size: 13px;
	font-weight: 700;
	color: #FFF;
	float: right;
	text-decoration: underline;
}
#courseFeatures .imgContents .over span a::after {
    content: '';
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    width: 6px;
    height: 6px;
    margin: auto;
    border: 0;
    border-bottom: solid 2px #FFF;
    border-right: solid 2px #FFF;
    transform: rotate(45deg);
}
#courseFeatures .imgContents .over span a.blank {
	display: inline;
	padding-right: 0;
	font-size: 15px;
	float: none;
}
#courseFeatures .imgContents .over span a.blank::after {
	display: none;
}
#courseFeatures .txtContents h4 {
	display: flex;
	position: relative;
	margin-bottom: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: #E07A7A 1px dotted;
	background: #FFF;
	border-radius: 30px 30px 0 0;
	font-size: 16px;
	font-weight: 700;
}
.kikai #courseFeatures .txtContents h4 { border-bottom: #43A76D 1px dotted; }
.car #courseFeatures .txtContents h4 { border-bottom: #187FA7 1px dotted; }
.cook #courseFeatures .txtContents h4 { border-bottom: #DEA700 1px dotted; }
.seika #courseFeatures .txtContents h4 { border-bottom: #CD5504 1px dotted; }
#courseFeatures .txtContents h4 span {
	display: flex;
	margin-right: 0.8em;
	font-size: 22px;
	color: #E07A7A;
	vertical-align: middle;
	text-align: right;
}
.kikai #courseFeatures .txtContents h4 span { color: #43A76D; }
.car #courseFeatures .txtContents h4 span { color: #187FA7; }
.cook #courseFeatures .txtContents h4 span { color: #DEA700; }
.seika #courseFeatures .txtContents h4 span { color: #CD5504; }
#courseFeatures .txtContents div {
	padding-top: 20px;
	padding-bottom: 40px;
	background: #FFF;
	border-radius: 0 0 30px 30px;	
}
#gakkaLearn {
	padding-top: 48px;
	padding-bottom: 48px;
	overflow: hidden;
}
#gakkaLearn .slick-list {
	overflow: visible;
}
#gakkaLearn h4 {
	margin-bottom: 24px;
	padding-bottom: 10px;
	border-bottom: #BABABA 1px solid;
	font-size: 20px;
	font-weight: 700;
}
.gakkaLearnContents {
	margin-left: 20px;
	margin-right: 20px;
}
.gakkaLearnContents h5 {
	margin-top: 10px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
}
.gakkaLearnContents img {
	border-radius: 20px;
}
.sliderTeacher .slick-list {
    padding-right: 40px;
}
.music #gakkaTeacher {
	margin-top: 48px;

	padding-bottom: 28px;	
}
.cook #gakkaTeacher,
.seika #gakkaTeacher {
	margin-top: 48px;
}
#gakkaTeacher h4 {
	margin-bottom: 20px;
	padding-bottom: 12px;
	font-size: 20px;
	font-weight: 700;
	border-bottom: #BABABA 1px solid;
}
#gakkaTeacher img {
	display: block;
	margin-top: 8px;
	border-radius: 15px;
}
#gakkaTeacher dt {
	font-size: 16px;
	font-weight: 700;
}
.music #gakkaTeacher dd {
	margin-top: 8px;
	font-size: 18px;
	font-weight: 700;
}
.music #gakkaTeacher dd span {
	display: block;
	font-size: 12px;
}
.cook #gakkaTeacher dd,
.seika #gakkaTeacher dd {
	font-size: 13px;
	font-weight: 400;
}
.cook #gakkaTeacher dd h5,
.seika #gakkaTeacher dd h5 {
	margin-top: 10px;
	font-size: 18px;
	font-weight: 700;
}
.cook #gakkaTeacher dd h5 span,
.seika #gakkaTeacher dd h5 span {
	display: block;
	margin-top: 8px;
	font-size: 12px;
}
.cook #gakkaTeacher dd h5 span { height: 2.5em; }
.seika #gakkaTeacher dd h5 span { height: 3.5em; }
#sportsAchievement {
	padding-top: 48px;
	padding-bottom: 48px;

	background: #FFF;
}
#sportsAchievement h4 {
	margin-bottom: 20px;
	padding-bottom: 15px;
	border-bottom: #BABABA 1px solid;
	font-size: 20px;
	font-weight: 700;
}
#sportsAchievement h4 span {
	display: block;
	margin-top: 10px;
	font-size: 16px;
}
#sportsAchievement dt img {
	display: block;
	margin-bottom: 6px;
	border-radius: 30px;
}
#sportsAchievement dt {
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
	border-bottom: #BABABA 1px solid;
}
#sportsAchievement dt span {
	display: inline-block;
	margin-left: 10px;
	padding: 0 6px;
	border-radius: 5px;
	font-size: 12px;
	font-weight: 700;
	color: #FFF;
}
#sportsAchievement dt span.boys { background: #187FA7; }
#sportsAchievement dt span.girls { background: #CD5504; }
#sportsAchievement dd li {
	display: flex;
	margin-bottom: 0.7em;
	font-size: 13px;
	line-height: 1.5;
}
#sportsAchievement dd li span {
	margin-right: 1em;
	font-weight: 700;
	white-space: nowrap;
}
#courseSchoolTripWrap {
	margin-top: 20px;
	background: #F7F6F4;
}
#courseSchoolTrip {
	margin-top: 80px;
	padding-top: 50px;
	padding-bottom: 66px;
	border-top: #BABABA 1px solid;
}
.kikai #courseSchoolTrip {
	margin-top: 0;
	padding-top: 44px;
	padding-bottom: 30px;
	border-top: none;
}
#courseSchoolTrip h4 {
	margin-bottom: 20px;
	font-size: 22px;
	font-weight: 700;
}
#courseSchoolTrip h4 span {
	display: inline-block;
	padding: 2px 6px;
	background: #E07A7A;
	border-radius: 6px;
	font-size: 13px;
	color: #FFF;
}
.kikai #courseSchoolTrip h4 span { background: #43A76D; }
.car #courseSchoolTrip h4 span { background: #187FA7; }
.cook #courseSchoolTrip h4 span { background: #DEA700; }
.seika #courseSchoolTrip h4 span { background: #CD5504; }
#courseSchoolTrip img {
	margin-bottom: 20px;
	border-radius: 30px;
}
#courseSchoolTrip .gotoBlog a {
	padding-right: 35px;
	background: url("../img/gakka/icon_arrow.svg") no-repeat center right;
}
#courseSchoolTrip .gotoBlog a {
	display: inline-block;
	text-decoration: underline;
}
#courseCertification {
	padding-top: 50px;
	padding-bottom: 40px;
	background: #FFF;
}
.gakka.synthesis #courseCertification {
	padding-top: 0;
}
#courseCertification h4 {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 700;
}
#courseCertification h5 {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
}
#courseCertification .shinro {
	margin-top: 40px;
	padding-top: 24px;
	padding-bottom: 20px;
	border-top: #BABABA 1px solid;
	border-bottom: #BABABA 1px solid;	
}
#courseCertification ul {
	margin-bottom: 40px;
	border-top: #BABABA 1px solid;
	border-left: #BABABA 1px solid;
}
#courseCertification ul:last-of-type {
	margin-bottom: 0;
}
#courseCertification li {
	display: flex;
    align-items: center;
    justify-content: center;
	padding-top: 15px;
	padding-bottom: 15px;
	border-right: #BABABA 1px solid;
	border-bottom: #BABABA 1px solid;
	line-height: 1.5;
}
#courseCertification dl {
	margin-bottom: 0;
}
#courseCertification .shinro dt {
	margin-bottom: 4px;
}
#courseCertification .shinro dd {
	margin-bottom: 15px;
}
#curriculum {
	padding-top: 40px;
	background: #FFF url("../img/gakka/common/bg_curriculum_sp.svg") no-repeat center top 30px;
}
.kikia #curriculum { background: #FFF url("../img/gakka/kikai/bg_curriculum_sp.svg") no-repeat center top 30px; }
.car #curriculum { background: #FFF url("../img/gakka/car/bg_curriculum_sp.svg") no-repeat center top 30px; }
.cook #curriculum { background: #FFF url("../img/gakka/cook/bg_curriculum_sp.svg") no-repeat center top 30px; }
.seika #curriculum { background: #FFF url("../img/gakka/seika/bg_curriculum_sp.svg") no-repeat center top 30px; }
#curriculumPickUp {
	margin-top: 30px;
	padding-top: 30px;
	padding-bottom: 40px;
	background: #F7F6F4;
}
#curriculumPickUp h4 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 700;
}
#curriculumPickUp img {
	border-radius: 30px;
}
.synthesis #curriculumPickUp ul li:nth-child(1) dt,
.synthesis #curriculumPickUp ul li:nth-child(2) dt,
.synthesis #curriculumPickUp ul li:nth-child(3) dt {
	margin-top: 42px;
}
#curriculumPickUp dd {
	margin-top: 10px;
	border-left: #E07A7A 4px solid;
}
.kikai #curriculumPickUp dd { border-left: #43A76D 4px solid; }
.car #curriculumPickUp dd { border-left: #187FA7 4px solid; }
.cook #curriculumPickUp dd { border-left: #DEA700 4px solid; }
.seika #curriculumPickUp dd { border-left: #CD5504 4px solid; }
#curriculumPickUp dd h5 {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
}
#curriculumPickUp li h6 {
	margin-bottom: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	background: #493C37;
	border-radius: 5px;
	font-size: 20px;
	font-weight: 700;
	color: #FFF;
	text-align: center;
}
#curriculumPickUp li.synthesisContents dt {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 0.66;
}
#curriculumPickUp li.synthesisContents dt .image {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 0.66;
	border-radius: 30px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    background-size: cover;
    background-position: center center;
    animation: image-switch-animation 10s infinite;
}
@keyframes image-switch-animation {
    0%{ opacity: 0;}
    25%{ opacity: 0;}
    50%{ opacity: 1;}
    75%{ opacity: 1;}
    100%{ opacity: 0;}
}
.src01 { background: url("../img/gakka/synthesis/img_pickup_01.png");}
.src02 { background: url("../img/gakka/synthesis/img_pickup_02.png");}
.src03 { background: url("../img/gakka/synthesis/img_pickup_03.png");}
.src04 { background: url("../img/gakka/synthesis/img_pickup_04.png");}
.src05 { background: url("../img/gakka/synthesis/img_pickup_05.png");}
.src06 { background: url("../img/gakka/synthesis/img_pickup_06.png");}
#curriculumPickUp li.synthesisContents dt .image:nth-of-type(1) {
	animation-delay: 0s;
}
#curriculumPickUp li.synthesisContents dt .image:nth-of-type(2) {
	animation-delay: 5s;
}
#curriculumPickUp .workshop {
	margin-top: 68px;
}
#curriculumPickUp .workshop dd {
    border-left: none;
}
#curriculumPickUp .workshop dd ul {
	display: flex;
	margin-top: 16px;
	margin-bottom: 0;
}
#curriculumPickUp .workshop dd li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 30px;
    margin-right: 10px;
	padding: 5px 6px;
    background: #CD5504;
	font-size: 13px;
	font-weight: 700;
    color: #FFF;
}
#curriculumPickUp .workshop dd li::after {
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid #CD5504;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
#curriculumPickUp .workshop dd li:last-child {
	margin-right: 0;
}
#curriculumPickUp .workshop dd li:last-child::after {
	display: none;
}
#curriculumTable {
	padding-top: 50px;
	padding-bottom: 50px;
}
#curriculumTable h4 {
	font-size: 20px;
	font-weight: 700;
}
.beauty #curriculumTable h4 {
	margin-top: 65px;
}
.beauty #curriculumTable h4:first-of-type {
	margin-top: 50px;
}
#curriculumTable table {
	width: 800px;
	margin-top: 10px;
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: separate;
    border-radius: 10px;
    border-top: 1px solid #9F9E9E;
    border-left: 1px solid #9F9E9E;
}
#curriculumTable table th,
#curriculumTable table td {
	padding-top: 10px;
	padding-bottom: 10px;
    border-right: 1px solid #9F9E9E;
    border-bottom: 1px solid #9F9E9E;
	font-weight: 700;
	vertical-align: middle;
	white-space: nowrap;
}
#curriculumTable table th {
	background: #493C37;
	font-size: 14px;
	color: #FFF;
}
#curriculumTable table td {
	font-size: 12px;
}
#curriculumTable table td.gray {
	background: #F7F6F4;
	font-size: 13px;
}
#curriculumTable table td.gray.small {
	background: #F7F6F4;
	font-size: 12px;
}
#curriculumTable table td.yellow {
	background: #FFFDE2;
}
#curriculumTable table td.ivory {
	background: #F2F1E7;
}
#curriculumTable table .borderTL {
	border-radius: 10px 0 0 0;
}
#curriculumTable table .borderTR {
	border-radius: 0 10px 0 0;
}
#curriculumTable table .borderBL {
	border-radius: 0 0 0 10px;
}
#curriculumTable table .borderBR {
	border-radius: 0 0 10px 0;
}
#curriculumFlow {
	padding-top: 40px;
	padding-bottom: 70px;
	background: #F7F6F4;
}
#curriculumFlow h4 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 700;
}
#curriculumFlow li dl {
	position: relative;
	padding-top: 20px;
	padding-bottom: 30px;
	background: #FFF;
	border-radius: 10px;
}
#curriculumFlow li dl::before{
    content: "";
    position: absolute;
    top: 50%;
    right: -50px;
    transform: translateY(-50%);
    border: 25px solid transparent;
    border-left: 14px solid #E07A7A;
}
.kikai #curriculumFlow li dl::before{ border-left: 14px solid #43A76D; }
.car #curriculumFlow li dl::before{ border-left: 14px solid #187FA7; }
.cook #curriculumFlow li dl::before{ border-left: 14px solid #DEA700; }
.seika #curriculumFlow li dl::before{ border-left: 14px solid #CD5504; }
#curriculumFlow li:last-child dl::before {
	border: none;
}
#curriculumFlow li dt {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: #E07A7A 1px solid;
	font-size: 18px;
	font-weight: 700;
	color: #E07A7A;
}
.kikai #curriculumFlow li dt { border-bottom: #43A76D 1px solid; color: #43A76D; }
.car #curriculumFlow li dt { border-bottom: #187FA7 1px solid; color: #187FA7; }
.cook #curriculumFlow li dt { border-bottom: #DEA700 1px solid; color: #DEA700; }
.seika #curriculumFlow li dt { border-bottom: #CD5504 1px solid; color: #CD5504; }
#curriculumFlow li dd ul.cookName {
	margin-top: 1em;
	margin-bottom: 0;
	padding-top: 15px;
	border-top: #BABABA  1px dotted;
}
#curriculumFlow li dd ul.cookName li {	
    font-size: 13px;
    font-weight: 700;
}
#curriculumFlow li dd.original {
	margin-top: 1em;
}
#curriculumFlow li dd.original span {
    padding: 5px 30px;
	background: rgba(24, 127, 167, 0.2);
    border-radius: 10px;
    color: #187FA7;
	font-size: 14px;
	font-weight: 700;
}
#curriculumFacilities {
	padding-top: 65px;
	padding-bottom: 40px;
}
#curriculumFacilities h4 {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: #BABABA 1px solid;
	font-size: 20px;
	font-weight: 700;
}
#curriculumFacilities img {
	border-radius: 10px;
}
#curriculumFacilities dl {
	margin-bottom: 0;
}
#curriculumFacilities dd {
	margin-top: 15px;
}
#curriculumFacilities dd h5 {
	font-size: 16px;
	font-weight: 700;
}
.sports #curriculumFacilities dd span {
	display: inline-block;
	margin-top: 1em;
	margin-right: 0.5em;
	padding: 0 8px;
	background: #43A76D;
	border-radius: 5px;
	font-size: 12px;
	font-weight: 700;
	color: #FFF;
}
#curriculumFacilities li.fadeContents dt {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 0.71;
}
#curriculumFacilities li.fadeContents dt .image {
	display: block;
	width: calc(100% - 30px);
	aspect-ratio: 1 / 0.71;
	border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
	margin-left: auto;
	margin-right: auto;
    background-size: cover;
    background-position: center center;
    animation: image-switch-animation 10s infinite;
}
.src07 { background: url("../img/gakka/sports/img_facilities_03_01.png");}
.src08 { background: url("../img/gakka/sports/img_facilities_03_02.png");}
#curriculumFacilities li.fadeContents dt .image:nth-of-type(1) {
	animation-delay: 0s;
}
#curriculumFacilities li.fadeContents dt .image:nth-of-type(2) {
	animation-delay: 5s;
}
#afterGraduation {
	padding-top: 40px;
	background: #FFF url("../img/gakka/common/bg_aftergraduation_sp.svg") no-repeat center top 30px;
}
.synthesis #afterGraduation { padding-bottom: 40px; }
.kikai #afterGraduation { background: #FFF url("../img/gakka/kikai/bg_aftergraduation_sp.svg") no-repeat center top 30px; }
.car #afterGraduation { background: #FFF url("../img/gakka/kikai/bg_aftergraduation_sp.svg") no-repeat center top 30px; }
.cook #afterGraduation { background: #FFF url("../img/gakka/kikai/bg_aftergraduation_sp.svg") no-repeat center top 30px; }
.seika #afterGraduation { background: #FFF url("../img/gakka/kikai/bg_aftergraduation_sp.svg") no-repeat center top 30px; }
#courseFeatures h3,
#curriculum h3,
#afterGraduation h3 {
	margin-bottom: 26px;
	font-size: 26px;
	font-weight: 700;
	color: #E07A7A;
	letter-spacing: 0.15em;
}
.kikai #courseFeatures h3,.kikai #curriculum h3,.kikai #afterGraduation h3 { color: #43A76D; }
.car #courseFeatures h3,.car #curriculum h3,.car #afterGraduation h3 { color: #187FA7; }
.cook #courseFeatures h3,.cook #curriculum h3,.cook #afterGraduation h3 { color: #DEA700; }
.seika #courseFeatures h3,.seika #curriculum h3,.seika #afterGraduation h3 { color: #CD5504; }
#courseFeatures h3 span,
#curriculum h3 span,
#afterGraduation h3 span {
	display: block;
	margin-bottom: 3px;
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0;
}
#afterGraduation h4 {
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: 700;
}
#afterGraduation .point {
	margin-bottom: 20px;
	padding-top: 26px;
	padding-bottom: 26px;
	background: #F7F6F4;
	border-radius: 40px;
}
#afterGraduation .point ul {
	margin-bottom: 0;
}
#afterGraduation .point li {
	margin-bottom: 20px;
	padding-left: 29px;
	text-indent: -29px;
	font-weight: 700;
	counter-increment: sample;
}
#afterGraduation .point li:last-child {
	margin-bottom: 0;
}
#afterGraduation .point li:before {
	content: counter(sample);
	display: inline-block;
    width:  1.8em;
    height:  1.8em;
	margin-right: 4px;
    padding-right: 0.7em;
    background-color: #E07A7A;
    border-radius:  50%;
	color: #FFF;
	vertical-align: middle;
	text-align: right;
}
.kikai #afterGraduation .point li:before { background-color: #43A76D; }
.car #afterGraduation .point li:before { background-color: #187FA7; }
.cook #afterGraduation .point li:before { background-color: #DEA700; }
.seika #afterGraduation .point li:before { background-color: #CD5504; }
#afterGraduationSchool {
	margin-top: 40px;
	padding-top: 40px;
	padding-bottom: 60px;
	background: #F7F6F4;
}
#afterGraduationSchool .contents {
	padding-top: 40px;
	padding-bottom: 27px;
	background: #FFF;
	border-radius: 30px;
}
#afterGraduationSchool h4 {
	margin-bottom: 0;
	padding-bottom: 6px;
	border-bottom: #A5A5A5 1px solid;
	font-size: 20px;
	font-weight: 700;
}
.koumuin #afterGraduationSchool h4 span {
	font-size: 16px;
}
#afterGraduationSchool .afterGraduationSchoolTitle {
	margin-top: 20px;
	margin-bottom: 12px;
	padding-top: 20px;
	font-size: 18px;
	font-weight: 700;
}
#afterGraduationSchool .afterGraduationSchoolTitle:first-of-type {
	margin-top: 0;
}
#afterGraduationSchool .afterGraduationSchoolTitle span {
	font-size: 14px;
	font-weight: 500;
}
#afterGraduationSchool .afterGraduationSchoolTitle.job {
	border-top: #BABABA 1px dotted;
}
#afterGraduationSchool .afterGraduationSchoolTitle::before,
#afterGraduationSchool .afterGraduationSchoolTitle::after {
    position: absolute;
    content: '';
    width: 15px;
    height: 2px;
    background-color: #493C37;
	transition: 0.5s;
}
#afterGraduationSchool .afterGraduationSchoolTitle::before {
    top: calc(50% + 10px);
    right: 30px;
}
#afterGraduationSchool .afterGraduationSchoolTitle::after {
    top: calc(50% + 10px);
    right: 30px;
	transform: rotate(0deg);
}
#afterGraduationSchool .afterGraduationSchoolTitle.close::before {
    transform: rotate(0deg);
}
#afterGraduationSchool .afterGraduationSchoolTitle.close::after {
    transform: rotate(90deg);
}
#afterGraduationSchool dl {
	margin-bottom: 0;
}
#afterGraduationSchool dt {
	margin-bottom: 13px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #F7F6F4;
	font-size: 14px;
	font-weight: 700;
}
#afterGraduationSchool .afterGraduationSchoolWork dt {
	margin-top: 10px;
	padding-top: 20px;
	margin-bottom: 0;
	border-top: #BABABA thin dashed;
	background: none;
	font-size: 18px;
	font-weight: 700;
}
#afterGraduationSchool dt::before,
#afterGraduationSchool dt::after {
    position: absolute;
    content: '';
    width: 15px;
    height: 2px;
    background-color: #493C37;
	transition: 0.5s;
}
#afterGraduationSchool dt::before {
    top: 50%;
    right: 30px;
}
#afterGraduationSchool dt::after {
    top: 50%;
    right: 30px;
	transform: rotate(0deg);
}
#afterGraduationSchool dt.close::before {
    transform: rotate(0deg);
}
#afterGraduationSchool dt.close::after {
    transform: rotate(90deg);
}
#afterGraduationSchool ul {
	margin-bottom: 0;
}
#afterGraduationSchool li {
	position: relative;
	margin-bottom: 8px;
	padding-left: 35px;
}
.koumuin #afterGraduationSchool li span {
	display: inline-block;
	width: 3em;
	background: #F7F6F4;
	text-align: center;
	float: right;
}
#afterGraduationSchool li::before {
    position: absolute;
    left: 25px;
    top: 8px;
    content: "●";
    font-size: 5px;
    color: #E07A7A;
}
.kikai #afterGraduationSchool li::before { color: #43A76D; }
.car #afterGraduationSchool li::before { color: #187FA7; }
.cook #afterGraduationSchool li::before { color: #DEA700; }
.seika #afterGraduationSchool li::before { color: #CD5504; }
.gakka #clubTempBlogContents {
    margin-top: 0;
}
#toOtherPage {
	padding-top: 20px;
	padding-bottom: 30px;	
}
#toOtherPage .btnToLink {
	margin-top: 10px;
}
#clubTempBlogContents .btnToLink a,
#toOtherPage .btnToLink a {
	border: #493C37 2px solid;
}
#toGakka {
	padding-top: 30px;
	padding-bottom: 30px;
	background: #F7F6F4;
}
#toGakka .btnToLink {
	margin-top: 0;
}
.btnToYoutube {
	margin-top: 32px;
}
.btnToMirai {
	margin-top: 20px;
}
.btnToYoutube, .btnToMirai, .btnToStore, .btnToSweets {
	margin-top: 20px;
}
.btnToYoutube a, .btnToMirai a, .btnToStore a, .btnToSweets a {
	display: block;
	padding-top: 16px;
	padding-bottom: 14px;
	border-radius: 100px;
	font-size: 13px;
	font-weight: 700;
	transition: 0.5s;
	color: #FFF;
}
.kikai .btnToYoutube a {
	background: rgba(67,167,109,1) url("../img/gakka/icon_youtube.svg") no-repeat center right 20px;
	box-shadow: 0px 10px 0px -5px rgba(67,167,109,0.2);
}
.kikai .btnToYoutube a:hover {
	background: rgba(67,167,109,0.85) url("../img/gakka/icon_youtube.svg") no-repeat center right 20px;
}
.car .btnToYoutube a {
	background: rgba(24,127,167,1) url("../img/gakka/icon_youtube.svg") no-repeat center right 20px;
	box-shadow: 0px 10px 0px -5px rgba(24,127,167,0.2);
}
.car .btnToYoutube a:hover {
	background: rgba(24,127,167,0.85) url("../img/gakka/icon_youtube.svg") no-repeat center right 20px;
}
.btnToMirai a {
	background: rgba(24,127,167,1) url("../img/gakka/icon_car.svg") no-repeat center right 20px;
	box-shadow: 0px 10px 0px -5px rgba(24,127,167,0.2);
}
.btnToMirai a:hover {
	background: rgba(24,127,167,0.85) url("../img/gakka/icon_car.svg") no-repeat center right 20px;
}
.btnToStore a {
	background: rgba(222,167,0,1) url("../img/gakka/icon_store.svg") no-repeat center right 20px;
	box-shadow: 0px 10px 0px -5px rgba(222,167,0,0.2);
}
.btnToStore a:hover {
	background: rgba(222,167,0,0.85) url("../img/gakka/icon_store.svg") no-repeat center right 20px;
}
.seika .btnToStore a {
	background: rgba(205,85,4,1) url("../img/gakka/icon_store.svg") no-repeat center right 20px;
	box-shadow: 0px 10px 0px -5px rgba(222,167,0,0.2);
}
.seika .btnToStore a:hover {
	background: rgba(205,85,4,0.85) url("../img/gakka/icon_store.svg") no-repeat center right 20px;
}
.btnToSweets a {
	background: rgba(205,85,4,1) url("../img/gakka/icon_cake.svg") no-repeat center right 20px;
	box-shadow: 0px 10px 0px -5px rgba(205,85,4,0.2);
}
.btnToSweets a:hover {
	background: rgba(205,85,4,0.85) url("../img/gakka/icon_cake.svg") no-repeat center right 20px;
}
@media (min-width: 768px) {
#mainGakkaContents .mainImgPC {
	position: relative;
}
#mainGakkaContents .mainImgPC h2 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding-top: 15px;
	background: url("../img/gakka/common/bg_title_pc.png") no-repeat left top/auto 100%;
}
#courseFeatures .slider,
#curriculumPickUp .slider,
#curriculumFlow .slider,
#curriculumFacilities .slider,
#gakkaTeacher .sliderTeacher {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
#courseFeatures .imgContents,
#courseFeatures .txtContents {
	margin-bottom: 48px;
}
.synthesis #curriculumPickUp ul li:nth-child(1) dt,
.synthesis #curriculumPickUp ul li:nth-child(2) dt,
.synthesis #curriculumPickUp ul li:nth-child(3) dt {
	margin-top: 0;
}
#curriculumPickUp .workshop {
	margin-top: 24px;
	padding-top: 48px;
	border-top: #BABABA 1px dotted;
}
#curriculumFacilities li.fadeContents dt .image {
	width: calc(100% - 15px);
	margin-left: 0;
}
#afterGraduationSchool .afterGraduationSchoolTitle::before,
#afterGraduationSchool .afterGraduationSchoolTitle::after {
    display: none
}
#afterGraduationSchool dt::before,
#afterGraduationSchool dt::after{
    display: none;
}
#afterGraduationSchool li {
	margin-bottom: 8px;
	padding-left: 0;
}
#afterGraduationSchool li::before {
    display: none;
}
}
@media (min-width: 992px) {
#mainGakkaContents {
	padding-top: 83px;
}
#mainGakkaContents .breadCrumbList {
	margin-top: 10px;
}
#mainGakkaContents .mainImgPC h2 {
	width: 1160px;
	height: 149px;
	padding-top: 30px;
}
.kikai #mainGakkaContents .mainImgPC h2 {
	padding-top: 60px;
}
.car #mainGakkaContents .mainImgPC h2,
.cook #mainGakkaContents .mainImgPC h2,
.seika #mainGakkaContents .mainImgPC h2 {
	padding-top: 40px;
}
#mainGakkaContents h2 {
	font-size: 40px;
}
#mainGakkaContents h2 span {
	margin-bottom: 10px;
	font-size: 30px;
}
.car #mainGakkaContents h2 span,
.cook #mainGakkaContents h2 span,
.seika #mainGakkaContents h2 span {
	position: absolute;
    top: calc(50% + 24px);
	margin-top: 0;
	padding: 3px 6px;
	font-size: 15px;
}
#mainGakkaContents h2 span.sub {
	font-size: 16px;
	letter-spacing: 0.1em;
}
#gakkaTopContents h3 {
	margin-top: 110px;
	margin-bottom: 30px;
	font-size: 34px;
}
#gakkaTopContents h3 span {
	margin-bottom: 30px;
}
#gakkaTopContents h4 {
	margin-top: 90px;
	font-size: 30px;
}
#gakkaTopContents .point {
	margin-top: 10px;
	padding-top: 44px;
	padding-bottom: 16px;
	border-radius: 50px;
}
#gakkaTopContents .point li {
	margin-bottom: 28px;
	margin-left: 30px;
}
#gakkaTopContents .pageNav {
	top: 80px;
}
.kikai #gakkaTopContents .pageNav, .car #gakkaTopContents .pageNav, .cook #gakkaTopContents .pageNav, .seikai #gakkaTopContents .pageNav {
    top: 60px;
}
#gakkaTopContents .pageNav li a {
	margin-left: 20px;
	margin-right: 20px;
	padding: 12px 42px;
	border-radius: 10px;
	font-size: 14px;
}
#gakkaTopContents .pageNav li a::before,#gakkaTopContents .pageNav li a::after{
	top: calc(50%);
	right: 20px;
    bottom: auto;
	left: auto;
}
#gakkaTopContents .pageNav.fixed {
    top: 168px;
    left: -20px;
	width: 180px;
}
#gakkaTopContents .pageNav.fixed ul {
	display: block;
	width: 180px;
}
#gakkaTopContents .pageNav.fixed li {
	width: 150px;
}
#gakkaTopContents .pageNav.fixed li a {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 10px;
	padding: 10px 30px;
	border-radius: 0 10px 10px 0;
}
#gakkaTopContents .pageNav.fixed li a.active {
	background: #493C37;
	color: #FFF;
}
#gakkaTopContents .pageNav.fixed li a::before,#gakkaTopContents .pageNav.fixed li a::after{
	top: calc(50% - 2px);
	right: 15px;
    transform: rotate(45deg);
}
#gakkaTopContents .pageNav.fixed li a::after {
    transform: rotate(-45deg);
}
#gakkaTopContents .pageNav.fixed li a.active::before {
    height: 8px;
    background: #FFF;
	border-radius: 50%;
}
#gakkaTopContents .pageNav.fixed li a.active::after {
    display: none;
}
#courseFeatures h3,
#curriculum h3,
#afterGraduation h3 {
	margin-bottom: 46px;
	font-size: 38px;
}
#courseFeatures h3 span,
#curriculum h3 span,
#afterGraduation h3 span {
	margin-bottom: 3px;
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
}
#courseFeatures {
	margin-top: 200px;
	padding-top: 87px;
	background: #F7F6F4 url("../img/gakka/common/bg_coursefeatures_pc.svg") no-repeat center top 64px;
}
.kikai #courseFeatures { margin-top: 110px; padding-bottom: 48px; background: #F7F6F4 url("../img/gakka/kikai/bg_coursefeatures_pc.svg") no-repeat center top 64px; }
.car #courseFeatures { background: #F7F6F4 url("../img/gakka/car/bg_coursefeatures_pc.svg") no-repeat center top 64px; }
.cook #courseFeatures { background: #F7F6F4 url("../img/gakka/cook/bg_coursefeatures_pc.svg") no-repeat center top 64px; }
.seika #courseFeatures { background: #F7F6F4 url("../img/gakka/seika/bg_coursefeatures_pc.svg") no-repeat center top 64px; }
#courseFeatures .imgContents h4 {
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 18px;
}
#courseFeatures .imgContents h4 span {
	margin-right: 1.5em;
}
#courseFeatures .imgContents h4 span.synthesisTitle {
	display: inline-block;
	margin: -15px 1em -15px -15px;
	padding-top: 15px;
	width: 6em;
	border-radius: 0 0 0 30px;
	background: #493C37;
	font-size: 18px;
	color: #FFF;
	letter-spacing: 0;
	text-align: center;
	vertical-align: middle;
}
#courseFeatures .imgContents h4 span.synthesisTitle.hoiku {
	padding-top: 25px;
}
#courseFeatures .txtContents h4 {
	padding-top: 40px;
	padding-bottom: 20px;
	font-size: 18px;
}
#courseFeatures .txtContents h4 span {
	margin-right: 1.5em;
}
#courseFeatures .txtContents div {
	padding-top: 20px;
	padding-bottom: 55px;
}
#courseFeatures .container {
	width: 1000px;
}
#courseFeatures #sportsAchievement .container {
    width: 1100px;
}
#courseFeatures h3 {
	margin-bottom: 78px;
	font-size: 38px;
}
#courseFeatures h3 span {
	margin-bottom: 10px;
	font-size: 20px;
}
.music #gakkaTeacher,
.cook #gakkaTeacher,
.seika #gakkaTeacher {
    margin-top: 120px;
}
#gakkaTeacher h4 {
	font-size: 24px;
}
#gakkaTeacher li {
	margin-top: 20px;
}
.music #gakkaTeacher dd {
	margin-top: 10px;
	font-size: 20px;
}
.music #gakkaTeacher dd span {
	margin-top: 3px;
}
.cook #gakkaTeacher dd,
.seika #gakkaTeacher dd {
	font-size: 13px;
	font-weight: 400;
}
.cook #gakkaTeacher dd h5,
.seika #gakkaTeacher dd h5 {
	margin-top: 10px;
	margin-bottom: 6px;
	font-size: 20px;
}
.cook #gakkaTeacher dd h5 span,
.seika #gakkaTeacher dd h5 span {
	margin-top: 10px;
}
.cook #gakkaTeacher dd h5 span { height: 2.8em; }
.seika #gakkaTeacher dd h5 span { height: 2.8em; }
#sportsAchievement {
	padding-top: 100px;
	padding-bottom: 100px;
}
#sportsAchievement h4 {
	margin-bottom: 40px;
	padding-bottom: 20px;
	font-size: 24px;
}
#sportsAchievement h4 span {
	margin-top: 12px;
	font-size: 18px;
}
#sportsAchievement dt img {
	margin-bottom: 20px;
}
#sportsAchievement dt {
	margin-bottom: 20px;
	padding-bottom: 15px;
	font-size: 20px;
}
#sportsAchievement dt span {
	margin-left: 10px;
	padding: 0 8px;
	font-size: 14px;
}
#sportsAchievement dd li {
	font-size: 15px;
}
#courseSchoolTrip {
	padding-top: 70px;
	padding-bottom: 100px;
}
#courseSchoolTrip h4 {
	margin-bottom: 20px;
	font-size: 24px;
}
#courseSchoolTrip h4 span {
    padding: 4px 10px;
}
#courseSchoolTrip p {
	line-height: 1.6;
}
#courseSchoolTrip p.gotoBlog {
	margin-top: 1em;
}
#courseSchoolTrip img {
	margin-bottom: 20px;
	border-radius: 30px;
}
#courseCertification {
	padding-top: 90px;
	padding-bottom: 70px;
}
.gakka.synthesis #courseCertification {
	padding-top: 20px;;
}
#courseCertification h4 {
	margin-bottom: 40px;
	font-size: 24px;
}
#courseCertification .shinro {
	margin-top: 80px;
	padding-top: 40px;
}
#courseCertification li {
	padding-top: 15px;
	padding-bottom: 15px;
}
.kikai #courseCertification ul:nth-of-type(2),
.car #courseCertification ul:nth-of-type(2),
.sports #courseCertification ul {
	border-top: none;
	border-left: none;
}
.kikai #courseCertification ul:nth-of-type(2) li:nth-child(1),
.car #courseCertification ul:nth-of-type(2) li:nth-child(1),
.sports #courseCertification ul li:nth-child(1) {
	border-top: #BABABA 1px solid;
	border-left: #BABABA 1px solid;
}
.kikai #courseCertification ul:nth-of-type(2) li:nth-child(2),
.car #courseCertification ul:nth-of-type(2) li:nth-child(2),
.sports #courseCertification ul li:nth-child(2) {
	border-top: #BABABA 1px solid;
}
#curriculum {
	background: #FFF url("../img/gakka/common/bg_curriculum_pc.svg") no-repeat center top 30px;
}
.kikai #curriculum { background: #FFF url("../img/gakka/kikai/bg_curriculum_pc.svg") no-repeat center top 30px; }
.car #curriculum { background: #FFF url("../img/gakka/car/bg_curriculum_pc.svg") no-repeat center top 30px; }
.cook #curriculum { background: #FFF url("../img/gakka/cook/bg_curriculum_pc.svg") no-repeat center top 30px; }
.seika #curriculum { background: #FFF url("../img/gakka/seika/bg_curriculum_pc.svg") no-repeat center top 30px; }
#curriculumPickUp {
	margin-top: 40px;
	padding-top: 40px;
	padding-bottom: 60px;
}
#curriculumPickUp h4 {
	margin-bottom: 0;
	font-size: 24px;
}
#curriculumPickUp .slider li {
	margin-top: 46px;
}
#curriculumPickUp dd {
	margin-top: 20px;
	font-size: 15px;
}
#curriculumPickUp dd h5 {
	margin-bottom: 15px;
	font-size: 20px;
}
#curriculumPickUp li.synthesisContents {
	margin-top: 40px;
	padding-top: 60px;
	border-top: #BABABA 1px solid;
}
#curriculumPickUp .workshop {
	
}
#curriculumPickUp .workshop h4 {
	margin-top: 30px;
    margin-bottom: 14px;
    font-size: 20px;
}
#curriculumPickUp .workshop dd p {
	line-height: 1.6;
}
#curriculumPickUp .workshop dd ul {
	margin-top: 30px;
}
#curriculumPickUp .workshop dd li {
    width: 105px;
    height: 30px;
    margin-right: 16px;
	padding: 5px 6px;
	font-size: 16px;
}
#curriculumPickUp .workshop dd li::after {
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid #CD5504;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
#curriculumTable {
	padding-top: 90px;
	padding-bottom: 100px;
}
#curriculumTable h4 {
	font-size: 20px;
	font-weight: 700;
}
#curriculumTable table {
	display: table;
	width: 100%;
	margin-top: 20px;
}
#curriculumTable table th,
#curriculumTable table td {
	padding: 10px 0;
}
#curriculumTable table th {
	font-size: 18px;
}
#curriculumTable table td {
	font-size: 15px;
}
#curriculumTable table td.gray {
	font-size: 16px;
}
#curriculumTable table td.gray.small {
	font-size: 15px;
}
#curriculumFlow {
	padding-top: 65px;
	padding-bottom: 65px;
}
#curriculumFlow h4 {
	margin-bottom: 15px;
	font-size: 24px;
}
#curriculumFlow li dl {
	position: relative;
	padding-top: 20px;
	padding-bottom: 30px;
	background: #FFF;
	border-radius: 10px;
}
#curriculumFlow li dl::before{
    content: "";
    position: absolute;
    top: 50%;
    right: -50px;
    transform: translateY(-50%);
    border: 25px solid transparent;
    border-left: 14px solid #E07A7A;
}
.kikai #curriculumFlow li dl::before{ border-left: 14px solid #43A76D; }
.car #curriculumFlow li dl::before{ border-left: 14px solid #187FA7; }
.cook #curriculumFlow li dl::before{ border-left: 14px solid #DEA700; }
.seika #curriculumFlow li dl::before{ border-left: 14px solid #CD5504; }
#curriculumFlow li:last-child dl::before {
	border: none;
}
#curriculumFlow li dt {
	margin-bottom: 20px;
	font-size: 20px;
}
#curriculumFlow li dd {
	font-size: 14px;
	line-height: 1.8;
}
#curriculumFlow li dd ul.cookName li {	
    font-size: 14px;
}
#curriculumFacilities {
	padding-top: 120px;
	padding-bottom: 40px;
}
#curriculumFacilities h4 {
	margin-bottom: 50px;
	padding-bottom: 0;
	border-bottom: none;
	font-size: 24px;
}
#curriculumFacilities li dl {
	padding-top: 40px;
	padding-bottom: 40px;
	border-bottom: #A5A5A5 1px solid;
}
#curriculumFacilities li:nth-of-type(1) dl, #curriculumFacilities li:nth-of-type(2) dl {
	border-top: #A5A5A5 1px solid;
}
#curriculumFacilities .facilitiesSmall dl {
	border-top: none;
	border-bottom: none;
}
#curriculumFacilities dd {
	margin-top: 0;
	font-size: 15px;
}
#curriculumFacilities dd h5 {
	font-size: 20px;
}
#curriculumFacilities .facilitiesSmall dl dd h5 {
	margin-top: 10px;
	font-size: 16px;
}
#curriculumFacilities .facilitiesSmall {
	border-bottom: #A5A5A5 1px solid;
}
#afterGraduation {
	margin-top: 70px;
    background: #FFF url(../img/gakka/common/bg_aftergraduation_pc.svg) no-repeat center top 0;
}
.synthesis #afterGraduation { padding-bottom: 67px; }
.kikai #afterGraduation { background: #FFF url(../img/gakka/kikai/bg_aftergraduation_pc.svg) no-repeat center top 0; }
.car #afterGraduation { background: #FFF url(../img/gakka/car/bg_aftergraduation_pc.svg) no-repeat center top 0; }
.cook #afterGraduation { background: #FFF url(../img/gakka/cook/bg_aftergraduation_pc.svg) no-repeat center top 0; }
.seika #afterGraduation { background: #FFF url(../img/gakka/seika/bg_aftergraduation_pc.svg) no-repeat center top 0; }
#afterGraduation h4 {
    margin-bottom: 30px;
    font-size: 18px;
}
#afterGraduation .point {
	margin-bottom: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
	border-radius: 50px;
}
#afterGraduation .point li {
	font-size: 18px;
	margin-left: 30px;
}
#afterGraduation img {
	width: 70%;
	padding-top: 32px;
	padding-bottom: 28px;
}
#afterGraduationSchool {
	margin-top: 67px;
    padding-top: 60px;
    padding-bottom: 60px;
}
#afterGraduation .point li:before {
	margin-right: 10px;
	vertical-align: baseline;
}
#afterGraduationSchool .contents {
	padding-top: 50px;
	padding-bottom: 54px;
}
.koumuin #afterGraduationSchool h4 span {
	font-size: 20px;
}
#afterGraduationSchool .afterGraduationSchoolTitle {
    margin-top: 35px;
    margin-bottom: 12px;
    font-size: 18px;
    font-weight: 700;
}
#afterGraduationSchool .afterGraduationSchoolTitle:first-of-type {
	margin-top: 20px;
}
#afterGraduationSchool .afterGraduationSchoolTitle span {
	display: block;
}
.koumuin #afterGraduationSchool li span {
	width: 2em;
	background: transparent;
	text-align: left;
}
#afterGraduationSchool dl {
    margin-top: 35px;
}
#afterGraduationSchool dt {
	margin-top: 35px;
	margin-bottom: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 16px;
}
#afterGraduationSchool dt:first-child {
	margin-top: 0;
}
#afterGraduationSchool dd {
	font-size: 14px;
}
#afterGraduationSchool li {
    margin-bottom: 20px;
}
#afterGraduationSchool .afterGraduationSchoolTitle.job {
    margin-bottom: 0;
    padding-top: 35px;
    border-top: #A5A5A5 1px solid;
    border-bottom: #A5A5A5 1px solid;
}
#afterGraduationSchool .jobContents {
	margin-top: 35px;
    border-top: #A5A5A5 1px solid;
    border-bottom: #A5A5A5 1px solid;
}
#afterGraduationSchool .jobContents ul {
	padding-bottom: 20px;
}
.gakka #clubTempBlogContents h4 {
	font-size: 16px;
	line-height: 1.5;
}
#toOtherPage {
	padding-top: 50px;
	padding-bottom: 50px;	
}
#toOtherPage .btnToLink {
	margin-top: 0;
}
#toGakka {
	padding-top: 64px;
	padding-bottom: 64px;
}
.btnToYoutube, .btnToMirai, .btnToStore, .btnToSweets {
	margin-top: 40px;
}
.btnToYoutube a, .btnToMirai a, .btnToStore a, .btnToSweets a {
	padding-top: 23px;
	padding-bottom: 20px;
	padding-right: 20px;
	font-size: 14px;
}
.btnToYoutube a:hover {
	background: rgba(67,167,109,0.8) url("../img/gakka/icon_youtube.svg") no-repeat center right 30px/24px auto;
}
.kikai .btnToYoutube a {
	background: rgba(67,167,109,1) url("../img/gakka/icon_youtube.svg") no-repeat center right 30px/24px auto;
}
.kikai .btnToYoutube a:hover {
	background: rgba(67,167,109,0.8) url("../img/gakka/icon_youtube.svg") no-repeat center right 30px/24px auto;
}
.car .btnToYoutube a {
	background: rgba(24,127,167,1) url("../img/gakka/icon_youtube.svg") no-repeat center right 30px/24px auto;
}
.car .btnToYoutube a:hover {
	background: rgba(24,127,167,0.8) url("../img/gakka/icon_youtube.svg") no-repeat center right 30px/24px auto;
}
.btnToMirai a {
	background: rgba(24,127,167,1) url("../img/gakka/icon_car.svg") no-repeat center right 30px/40px auto;
}
.btnToMirai a:hover {
	background: rgba(24,127,167,0.8) url("../img/gakka/icon_car.svg") no-repeat center right 30px/40px auto;
}
.btnToStore a {
	background: rgba(222,167,0,1) url("../img/gakka/icon_store.svg") no-repeat center right 30px/30px auto;
}
.btnToStore a:hover {
	background: rgba(222,167,0,0.85) url("../img/gakka/icon_store.svg") no-repeat center right 30px/30px auto;
}
.seika .btnToStore a {
	background: rgba(205,85,4,1) url("../img/gakka/icon_store.svg") no-repeat center right 30px/30px auto;
}
.seika .btnToStore a:hover {
	background: rgba(205,85,4,0.85) url("../img/gakka/icon_store.svg") no-repeat center right 30px/30px auto;
}
.btnToSweets a {
	background: rgba(205,85,4,1) url("../img/gakka/icon_cake.svg") no-repeat center right 30px/28px auto;
}
.btnToSweets a:hover {
	background: rgba(205,85,4,0.85) url("../img/gakka/icon_cake.svg") no-repeat center right 30px/28px auto;
}
}


/*	admission
----------------------------------------------------*/
#mainAdmissionContents {
	position: relative;
	padding-top: 70px;
	padding-bottom: 0;
}
#mainAdmissionContents .mainImg {
	position: relative;
}
#mainAdmissionContents .mainImg h2 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding-top: 15px;
	background: url("../img/common/bg_title_sp.png") no-repeat left top/100% 100%;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0.05em;
}
#mainAdmissionContents .breadCrumbList {
	margin-top: 5px;
}
#admissionTopContents {
	padding-bottom: 48px;
}
#admissionTopContents .btnToLink a {
	line-height: 2.3em;
}
#admissionTopContents h3 {
	margin-top: 40px;
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.6;
}
#admissionTopContents .gmenu ul {
	margin-top: 48px;
	margin-bottom: 0;
}
#admissionTopContents .gmenu ul:last-child {
	margin-top: 0;
}
#admissionTopContents .gmenu li {
	position: relative;
	margin-bottom: 15px;
}
#admissionTopContents .gmenu li span {
	position: absolute;
	left: 20px;
	bottom: 10px;
	font-size: 16px;
	font-weight: 700;
	color: #FFF;
	z-index: 10;
}
#admissionTopContents .gmenu li a {
	display: block;
	height: 150px;
	border-radius: 10px;
}
#admissionTopContents .gmenu li.menu01 a { background: url("../img/admission/bg_sp_01.png") no-repeat center/cover; }
#admissionTopContents .gmenu li.menu02 a { background: url("../img/admission/bg_sp_02.png") no-repeat center/cover; }
#admissionTopContents .gmenu li.menu03 a { background: url("../img/admission/bg_sp_03.png") no-repeat center/cover; }
#admissionTopContents .gmenu li.menu04 a { background: url("../img/admission/bg_sp_04.png") no-repeat center/cover; }
#admissionTopContents .gmenu li.menu05 a { background: url("../img/admission/bg_sp_05.png") no-repeat center/cover; }
#admissionTopContents .gmenu li.menu06 a { background: url("../img/admission/bg_sp_06.png") no-repeat center/cover; }
#fairContents {
	padding-top: 32px;
	padding-bottom: 80px;
	background: #F7F6F4;
}
#fairContents .fairContentsBoard {
	padding-top: 24px;
	padding-bottom: 24px;
	background: #FFF;
	border-radius: 20px;
}
#fairContents .fairContentsBoard h4 {
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: #BABABA 1px solid;
	font-size: 18px;
	font-weight: 700;
}
#fairContents .fairContentsBoard p {
	margin-bottom: 1em;
}
#admissionContents {
	padding-bottom: 80px;
}
#admissionContents .btnPDF a,
#admissionContents .btnToLink a {
	line-height: 2.3em;
}
#admissionContents #applicationTokutai .btnToLink a {
	line-height: 1.8;
}
#admissionContents h3 {
	margin-top: 40px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #493C37;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 700;
	color: #FFF;
}
#admissionContents h3.fontBig {
	font-size: 20px;
}
#admissionContents h3 span {
	display: inline-block;
	margin-left: 0.5em;
	font-size: 14px;
}
#admissionContents h3 span.num {
	margin-top: 6px;
	font-weight: 400;
	float: right;
	clear: both;
}
#admissionContents p.attention {
	margin-top: 30px;
}
#mainAdmissionContents .btnPDF {
	margin-bottom: 3px;
}
#mainAdmissionContents .update {
	margin-bottom: 20px;
	font-size: 12px;
}
#admissionContents h4 {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: #BABABA 1px solid;
	font-size: 14px;
	font-weight: 700;
}
#admissionContents h5 {
	margin-top: 40px;
	margin-bottom: 20px;
	padding-top: 14px;
	padding-bottom: 12px;
	border: #BABABA 1px solid;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 700;
}
body.application #mainAdmissionContents {
    font-weight: 400;
}
#admissionContents #applicationCapacity table,
#admissionContents .tokutaiCondition table {
	margin-bottom: 20px;
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: separate;
    border-radius: 20px;
    border-top: 1px solid #9F9E9E;
    border-left: 1px solid #9F9E9E;
}
#admissionContents .tokutaiCondition table {
	width: 800px;
}
#admissionContents #applicationCapacity table th,
#admissionContents #applicationCapacity table td {
	padding-top: 20px;
	padding-bottom: 20px;
    border-right: 1px solid #9F9E9E;
    border-bottom: 1px solid #9F9E9E;
	font-weight: 700;
	vertical-align: middle;
}
#admissionContents .tokutaiCondition table th,
#admissionContents .tokutaiCondition table td {
	padding-top: 10px;
	padding-bottom: 10px;
    border-right: 1px solid #9F9E9E;
    border-bottom: 1px solid #9F9E9E;
	vertical-align: middle;
}
#admissionContents #applicationCapacity table th,
#admissionContents .tokutaiCondition table th {
	background: #F7F6F4;
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
}
#admissionContents #applicationCapacity table th:first-child,
#admissionContents #applicationCapacity table th:last-child {
	width: 6.5em;
}
#admissionContents #applicationCapacity table td span {
	display: block;
	width: 6.5em;
	text-align: center;
}
#admissionContents #applicationCapacity table td.font-small {
	font-size: 13px;
	font-weight: 400;
}
#admissionContents #applicationCapacity table .borderTL,
#admissionContents .tokutaiCondition table .borderTL {
	border-radius: 20px 0 0 0;
}
#admissionContents #applicationCapacity table .borderTR,
#admissionContents .tokutaiCondition table .borderTR {
	border-radius: 0 20px 0 0;
}
#admissionContents #applicationCapacity table .borderBL,
#admissionContents .tokutaiCondition table .borderBL {
	border-radius: 0 0 0 20px;
}
#admissionContents #applicationCapacity table .borderBR,
#admissionContents .tokutaiCondition table .borderBR {
	border-radius: 0 0 20px 0;
}
#admissionContents .admissionBoard {
	margin-bottom: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #F7F6F4;
	border-radius: 20px;
}
#admissionContents .admissionBoard dl {
	margin-bottom: 0;
}
#admissionContents .admissionBoard dt {
	margin-bottom: 10px;
	padding-bottom: 6px;
	border-bottom: #BABABA 1px solid;
	font-size: 14px;
	font-weight: 700;
}
#admissionContents .admissionBoard dd {
	margin-bottom: 0;
}
#admissionContents #applicationMonthFee .admissionBoard dt {
	padding-bottom: 0;
	border-bottom: none;
}
#admissionContents #applicationMonthFee .admissionBoard dd {
	margin-bottom: 10px;
	border-left: #707070 1px solid;
}
#admissionContents #applicationMonthFee .admissionBoard dd.total {
	margin-bottom: 10px;
	padding-top: 10px;
	border-left: none;
	border-top: #707070 1px solid;
	font-weight: 700;
}
#admissionContents .admissionBoard {
	margin-bottom: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #F7F6F4;
	border-radius: 20px;
}
#admissionContents .admissionBoard dl {
	margin-bottom: 0;
}
#admissionContents .admissionBoard dt {
	margin-bottom: 10px;
	padding-bottom: 6px;
	border-bottom: #BABABA 1px solid;
	font-size: 14px;
	font-weight: 700;
}
#admissionContents .admissionBoard dd {
	margin-bottom: 0;
}
#admissionContents dl.tokutaiCondition {
	margin-bottom: 0;
}
#admissionContents .tokutaiCondition dt {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 700;
}
#admissionContents .tokutaiCondition dd {
	margin-bottom: 20px;
}
#admissionContents .tokutaiCondition dd strong {
	display: inline-block;
	margin-top: 10px;
}
#admissionContents .tokutaiBoard {
	margin-top: 16px;
	padding-top: 20px;
	background: #F7F6F4;
	border-radius: 20px;
}
#admissionContents .tokutaiBoard dl {
	margin-bottom: 0;
}
#admissionContents .tokutaiBoard dt {
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: 700;
}
#admissionContents .tokutaiBoard dd {
	margin-bottom: 20px;
}
#admissionContents .admissionBoard.topBlueTitle {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 20px;
	background: #F7F6F4;
	border-radius: 20px;
}
#admissionContents .admissionBoard.topBlueTitle h4 {
	margin: 0 -15px;
	padding: 18px 15px;
	background: #187FA7;
	border-radius: 20px 20px 0 0;
	color: #FFF;
}
#admissionContents .admissionBoard.topBlueTitle dt {
	margin-top: 20px;
}
#admissionContents .admissionBoard.topBlueTitle p {
	text-indent: -1em;
	padding-left: 1em;
}
#applicationExamDate .applicationExamDatePDF {
	margin-bottom: 20px;
}
#admissionContents #applicationExamDate .applicationExamDatePDF .btnPDF a {
    line-height: 1.5;
}
#applicationExamDate .attention {
	margin-top: 35px;
}
#applicationExamDate .attention p {
	margin-bottom: 0.6em;
	text-indent: -1em;
	padding-left: 1em;
}
 .tokutaiAttention p {
	margin-bottom: 0.6em;
	text-indent: calc(-1em - 10px);
    padding-left: calc(1em + 10px);
}
#admissionContents .attentionBorder {
	margin-top: 1em;
	padding-top: 40px;
	padding-bottom: 40px;
	border: #707070 1px solid;
	border-radius: 20px;
	line-height: 1.8;
}
#applicationTokutai .bold {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border: #9F9E9E 1px solid;
	border-radius: 20px;
	font-weight: 700;
}
#applicationAttendSchool p a,
#applicationAboutDormitory p.aboutDormitory a {
	font-size: 16px;
	font-weight: 700;
	border-bottom: 1px solid;
}
#applicationAboutDormitory p.aboutDormitory a {
	display: inline-block;
	margin-top: 0.5em;
}
#applicationAboutDormitory .btnToLink a {
	line-height: 2.3em;
}
#admissionContents .qaContents {
	margin-top: 40px;
	margin-bottom: 0;
}
#admissionContents .qaContents dt {
	position: relative;
	margin-bottom: 16px;
	padding: 20px 50px;
	background: #493C37;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 700;
	color: #FFF;
	cursor: pointer;
}
#admissionContents .qaContents dt::before,
#admissionContents .qaContents dt::after {
    position: absolute;
    content: '';
    width: 15px;
    height: 2px;
    background-color: #FFF;
	transition: transform 0.5s;
}
#admissionContents .qaContents dt::before {
    top: 50%;
    right: 20px;
}
#admissionContents .qaContents dt::after {
    top: 50%;
    right: 20px;
	transform: rotate(0deg);
}
#admissionContents .qaContents dt.closeQA::before {
    transform: rotate(0deg);
}
#admissionContents .qaContents dt.closeQA::after {
    transform: rotate(90deg);
}
#admissionContents .qaContents dt span {
	display: inline-block;
	position: absolute;
	top: 20px;
	left: 16px;
	width: 1.5em;
	height: 1.5em;
	background: #FFF;
	border-radius: 50%;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #493C37;
	text-align: center;
	line-height: 1.5em;
}
#admissionContents .qaContents dd {
	position: relative;
	margin-bottom: 25px;
	display: none;
}
#admissionContents .qaContents dd span {
	display: inline-block;
	position: absolute;
	top: 3px;
	left: 16px;
	width: 1.5em;
	height: 1.5em;
	background: #43A76D;
	border-radius: 50%;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #FFF;
	text-align: center;
	line-height: 1.5em;
}
#admissionContents .qaContents dd p {
	margin-bottom: 1em;
}
#admissionContents .qaContents dd .bgGray {
	margin-bottom: 15px;
	padding: 1em;
	background: #F7F6F4;
	border-radius: 20px;
}
.selectionText a {
	border-bottom: 1px solid;
}
@media (min-width: 768px) {
#mainAdmissionContents .mainImg h2 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding-top: 40px;
	padding-bottom: 20px;
	background: url("../img/common/bg_title_pc.png") no-repeat left top/auto 100%;
}
#admissionContents h3 {
	margin-top: 60px;
}
#admissionContents .tokutaiCondition table {
    width: 100%;
}
}
@media (min-width: 992px) {
#mainAdmissionContents {
	padding-top: 83px;
}
#mainAdmissionContents .breadCrumbList {
	margin-top: 10px;
}
#mainAdmissionContents .mainImg h2 {
	width: 1160px;
	height: 149px;
	padding-top: 60px;
	font-size: 40px;
}
#admissionTopContents {
	padding-bottom: 60px;
}
#admissionTopContents h3 {
	margin-top: 70px;
	margin-bottom: 25px;
	font-size: 34px;
	line-height: 2;
}
#admissionTopContents .gmenu ul {
	margin-top: 60px;
	margin-bottom: -30px;
}
#admissionTopContents .gmenu ul:last-child {
	margin-top: 32px;
}
#admissionTopContents .gmenu li {
	margin-bottom: 30px;
	border-radius: 10px;
	overflow: hidden;
    position: relative;
}
#admissionTopContents .gmenu li a {
    position: relative;
    overflow: hidden;
	display: block;
	height: 229px;
	border-radius: 10px;
	font-size: 18px;
	font-weight: 700;
	color: #FFF;
    transition: transform .6s ease;
    cursor: pointer;
}
#admissionTopContents .gmenu li a span {
	left: 40px;
	bottom: 20px;
	font-size: 18px;
}
#admissionTopContents .gmenu li a:hover {
  	transform: scale(1.1);
}
#admissionTopContents .gmenu li.menu01 a { background: url("../img/admission/img_pc_01.png") no-repeat center/cover; }
#admissionTopContents .gmenu li.menu02 a { background: url("../img/admission/img_pc_02.png") no-repeat center/cover; }
#admissionTopContents .gmenu li.menu03 a { background: url("../img/admission/img_pc_03.png") no-repeat center/cover; }
#admissionTopContents .gmenu li.menu04 a { background: url("../img/admission/img_pc_04.png") no-repeat center/cover; }
#admissionTopContents .gmenu li.menu05 a { background: url("../img/admission/img_pc_05.png") no-repeat center/cover; }
#admissionTopContents .gmenu li.menu06 a { background: url("../img/admission/img_pc_06.png") no-repeat center/cover; }
#fairContents {
	padding-top: 50px;
	padding-bottom: 60px;
}
#fairContents .fairContentsBoard {
	padding-top: 40px;
	padding-bottom: 40px;
}
#fairContents .fairContentsBoard h4 {
	margin-bottom: 20px;
	padding-bottom: 15px;
	font-size: 25px;
}
#fairContents .fairContentsBoard p {
	margin-bottom: 1em;
}
#admissionContents {
	padding-bottom: 128px;
}
#admissionContents p.attention {
	margin-top: 60px;
    margin-bottom: -60px;
}
#admissionContents h3 {
	margin-top: 120px;
	margin-bottom: 30px;
	font-size: 16px;
}
#mainAdmissionContents .btnPDF {
	margin-top: 10px;
}
#mainAdmissionContents .update {
	font-size: 16px;
}
#admissionContents h4 {
	margin-top: 80px;
	margin-bottom: 30px;
	padding-bottom: 10px;
	font-size: 16px;
}
#admissionContents h5 {
    margin-top: 50px;
    margin-bottom: 30px;
    padding-top: 17px;
    padding-bottom: 15px;
    border-radius: 5px;
    font-size: 16px;
}
#admissionContents #applicationCapacity table {
    margin-top: 10px;
	margin-bottom: 20px
}
#admissionContents #applicationCapacity table th {
	font-size: 16px;
}
#admissionContents #applicationCapacity table th:first-child,
#admissionContents #applicationCapacity table th:last-child {
	width: 9em;
}
#admissionContents #applicationCapacity table td span {
	width: 9em;
}
#admissionContents #applicationCapacity table td.font-small {
	font-size: 15px;
}
#admissionContents .admissionBoard {
	padding-top: 30px;
	padding-bottom: 30px;
}
#admissionContents .admissionBoard dl {
	margin-bottom: 0;
}
#admissionContents .admissionBoard dt {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
	font-size: 16px;
}
#admissionContents .admissionBoard dd {
	border-left: #707070 1px solid;
}
#admissionContents .tokutaiCondition dt {
	margin-top: 30px;
    margin-bottom: 24px;
    font-size: 16px;
}
#admissionContents .tokutaiCondition table th,
#admissionContents .tokutaiCondition table td {
	font-size: 15px;
}
#admissionContents .tokutaiCondition dd strong {
    margin-top: 30px;
}
#admissionContents .tokutaiBoard {
    margin-top: 40px;
    padding-top: 40px;
	padding-bottom: 20px;
}
#admissionContents .admissionBoard.topBlueTitle {
	margin-top: 20px;
}
#admissionContents .admissionBoard.topBlueTitle h4 {
	margin: 0 -48px 30px;
	padding: 18px 50px;
	font-size: 16px;
}
#admissionContents .admissionBoard.topBlueTitle dl:first-of-type {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: #BABABA 1px solid;
}
#admissionContents .admissionBoard.topBlueTitle dt {
	margin-top: 0;
}
#applicationExamDate .applicationExamDatePDF {
	margin-bottom: 50px;
}
#applicationExamDate .attention p {
	text-indent: -1.7em;
	padding-left: 0;
}
#admissionContents #applicationMonthFee .admissionBoard {
	margin-bottom: 20px;
}
#admissionContents #applicationMonthFee .admissionBoard h4 {
	margin-top: 20px;
}
#admissionContents #applicationMonthFee .admissionBoard dd {
	margin-bottom: 20px;
}
#admissionContents #applicationMonthFee .admissionBoard dd.total {
	margin-bottom: 10px;
	padding-top: 20px;
}
#mainAdmissionContents .address {
	margin-bottom: 52px;
}
#admissionContents .qaContents {
	margin-top: 128px;
}
#admissionContents .qaContents dt {
	margin-bottom: 30px;
	padding: 20px 100px;
	font-size: 16px;
}
#admissionContents .qaContents dd {
	padding: 0 100px !important;
	margin-bottom: 55px;
}
#admissionContents .qaContents dt span {
	top: 15px;
	left: 40px;
	width: 2em;
	height: 2em;
	font-size: 16px;
	line-height: 2em;
}
#admissionContents .qaContents dd span {
	top: 0;
	left: 40px;
	width: 2em;
	height: 2em;
	font-size: 16px;
	line-height: 2em;
}
#admissionContents .qaContents dd .bgGray {
	padding: 1em 2em;
}
}


/*	parent
----------------------------------------------------*/
#parentContents {
	padding-bottom: 80px;
}
#parentContents h3 {
	margin-top: 50px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: #BABABA 1px solid;
	font-size: 23px;
	font-weight: 700;
}
#parentContents .btnPDF {
	margin-bottom: 20px;
}
.pta #mainAdmissionContents p {
	font-size: 15px;
	font-weight: 400;
}
.pta .admissionBoard {
	margin-top: 80px;
	margin-bottom: 10px;
	padding-top: 43px;
	padding-bottom: 75px;
	background: #F7F6F4;
	border-radius: 50px;
}
.pta #mainAdmissionContents h4 {
	margin-top: 73px;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 700;
}
.pta #mainAdmissionContents .admissionBoard h4 {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 22px;
}
.pta .admissionBoard img {
	margin-bottom: 30px;
}
.pta #mainAdmissionContents li {
	margin-bottom: 20px;
}
@media (min-width: 992px) {
#parentContents {
	padding-bottom: 80px;
}
#parentContents h3 {
	margin-top: 70px;
	margin-bottom: 30px;
	padding-bottom: 20px;
}
.pta #parentContents h3 {
	font-size: 30px;
}
#parentContents .btnPDF {
	margin-bottom: 20px;
}
.pta #mainAdmissionContents p {
	font-size: 16px;
}
.pta .admissionBoard {
	margin-top: 100px;
	margin-bottom: 10px;
	padding-top: 63px;
	padding-bottom: 68px;
}
.pta #mainAdmissionContents h4 {
	margin-top: 90px;
	margin-bottom: 34px;
	font-size: 22px;
}
.pta #mainAdmissionContents .admissionBoard h4 {
	font-size: 24px;
}
.pta .admissionBoard img {
	margin-bottom: 30px;
}
.pta #mainAdmissionContents li {
	margin-bottom: 20px;
}
}

/*	donation
----------------------------------------------------*/
#mainDonationContents {
	position: relative;
	padding-top: 70px;
	padding-bottom: 0;
}
#mainDonationContents .mainImg {
	position: relative;
}
#mainDonationContents .mainImg h2 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding-top: 15px;
	background: url("../img/common/bg_title_sp.png") no-repeat left top/100% 100%;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0.05em;
}
#mainDonationContents .breadCrumbList {
	margin-top: 5px;
}
#mainDonationContents .pageNav {
	margin-top: 30px;
    margin-bottom: 20px;
	transition-duration: .5s;
}
#mainDonationContents .pageNav li {
	margin-bottom: 10px;
}
#mainDonationContents .pageNav li a {
	display: block;
	position: relative;
	padding: 6px 10px 10px;
	background: #FFF;
	border: #493C37 1px solid;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 700;
}
#mainDonationContents .pageNav li a::before,#mainDonationContents .pageNav li a::after{
    content: "";
    display: block;
    width: 8px;
    height: 1px;
    background: #493C37;
    position: absolute;
    bottom: 4px;
	left: calc(50% - 8px);
    transform: rotate(30deg);
    transform-origin: calc(100%) 50%;
}    
#mainDonationContents .pageNav li a::after{
    transform: rotate(150deg);
}
.donationContents {
	padding-top: 40px;
}
#donationGeneral {
	padding-top: 48px;
	background: #F7F6F4;
}
#donationInheritance {
	padding-bottom: 50px;
}
.donationContents h3 {
	font-size: 30px;
	font-weight: 700;
}
.donationContents h4 {
	margin-top: 40px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #493C37;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 700;
	color: #FFF;
}
.donationContents h5 {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.6;
}
.donationContents dl {
	margin-bottom: 0;
}
.donationContents dt {
	margin-top: 20px;
	font-weight: 700;
}
.donationContents dt:first-child {
	margin-top: 0;
}
.donationContents p.indent {
	margin-bottom: 1em;
    text-indent: -2.5em;
    padding-left: 2.5em;
	font-weight: 700;
}
.donationContents#donationInheritance p.indent {
	font-weight: 500;
}
.donationContents p.indent strong {
	display: block;
	margin-bottom: 0.6em;
	font-size: 16px;
	font-weight: 700;
}
.donationContents .donationWTboard {
	padding-top: 35px;
	padding-bottom: 25px;
	background: #FFF;
	border-radius: 10px;
}
.donationContents .donationWTboard dt {
	margin-bottom: 10px;
	font-size: 16px;
}
.donationContents .donationTreatment dt {
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
}
.donationContents .donationTreatment dd {
	padding-bottom: 40px;
	margin-bottom: 10px;
	border-bottom: #BABABA 1px solid;
}
.donationContents .donationTreatment dd:last-child {
	border-bottom: none;
}
.donationContents .btnToLink {
	margin-top: 20px;
}
@media (min-width: 768px) {
#mainDonationContents .mainImg h2 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding-top: 40px;
	padding-bottom: 20px;
	background: url("../img/common/bg_title_pc.png") no-repeat left top/auto 100%;
}
}
@media (min-width: 992px) {
#mainDonationContents {
	padding-top: 83px;
}
#mainDonationContents .breadCrumbList {
	margin-top: 10px;
}
#mainDonationContents .mainImg h2 {
	width: 1160px;
	height: 149px;
	padding-top: 60px;
	font-size: 40px;
}
#mainDonationContents .pageNav {
	margin-top: 60px;
	margin-bottom: 0;
}
#mainDonationContents .pageNav li {
	margin-bottom: 0;
	border-radius: 100px;
}
#mainDonationContents .pageNav li a {
	padding: 10px 70px 10px 55px;
	border-radius: 10px;
	font-size: 15px;
	line-height: 1.4;
}
.shisetsu #mainDonationContents .pageNav li a {
	font-size: 14px;
}
.shisetsu #mainDonationContents .pageNav li a {
    padding: 10px 20px 10px 0; 
}
#mainDonationContents .pageNav li a::before,#mainDonationContents .pageNav li a::after{
    width: 8px;
    height: 1px;
    background: #493C37;
    position: absolute;
    bottom: calc(50% - 2px);
	left: auto;
	right: 20px;
}
.donationContents {
	padding-top: 90px;
	padding-bottom: 50px;
}
#donationInheritance {
	padding-bottom: 90px;
}
.donationContents h3 {
	font-size: 35px;
}
.donationContents h4 {
	margin-top: 70px;
	margin-bottom: 40px;
	padding-top: 16px;
	padding-bottom: 16px;
	font-size: 18px;
}
.donationContents p.indent {
	margin-bottom: 2em;
}
.donationWTboard {
	padding-top: 40px;
	padding-bottom: 35px;
}
.donationWTboard dt {
	font-size: 20px;
}

}
/*	employment
----------------------------------------------------*/
#employmentContents {
	padding-bottom: 60px;
}
#employmentContents .pageNav {
	margin-top: 40px;
	transition-duration: .5s;
}
#employmentContents .pageNav li {
	margin-bottom: 0;
}
#employmentContents .pageNav li a {
	display: block;
	position: relative;
	padding: 6px 10px 10px;
	background: #FFF;
	border: #493C37 1px solid;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 700;

}
#employmentContents .pageNav li:first-child a {
	line-height: 3.2em;
}
#employmentContents .pageNav li a::before,#employmentContents .pageNav li a::after{
    content: "";
    display: block;
    width: 8px;
    height: 1px;
    background: #493C37;
    position: absolute;
    bottom: 4px;
	left: calc(50% - 8px);
    transform: rotate(30deg);
    transform-origin: calc(100%) 50%;
}    
#employmentContents .pageNav li a::after{
    transform: rotate(150deg);
}
#employmentContents h3 {
	margin-top: 30px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #493C37;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.5;
	color: #FFF;
}
#employmentContents dl.employmentTable {
	margin-bottom: 0;
	border-top: #BABABA 1px solid;
}
#employmentContents .employmentTable dt{
	margin-bottom: 10px;
	padding-top: 20px;
	font-size: 15px;
	font-weight: 700;
}
#employmentContents .employmentTable dd  {
	margin-bottom: 0;
	padding-bottom: 20px;
	border-bottom: #BABABA 1px solid;
}
#employmentContents .flowBoard {
    position: relative;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #F7F6F4;
	border-radius: 20px;
}
#employmentContents h4 {
	margin-top: 58px;
	margin-bottom: 30px;
	font-size: 25px;
	font-weight: 700;
}
#employmentContents .flowBoard dl {
	margin-bottom: 0;
}
#employmentContents .flowBoard dt {
	margin-bottom: 10px;
	padding-bottom: 6px;
	border-bottom: #BABABA 1px solid;
	font-size: 14px;
	font-weight: 700;
}
#employmentContents .flowBoard dd {
	margin-bottom: 0;
}
#employmentContents .flowBoard dd strong {
	display: block;
}
#employmentContents .flowBoard:first-of-type {
	margin-bottom: 45px;
}
#employmentContents .flowBoard:first-of-type::before {
    content: '';
    position: absolute;
    bottom: -43px;
    left: calc(50% - 7px);
    border: 13px solid transparent;
    border-top: #187FA7 13px solid;
	border-radius: 3px;
}
#employmentScholorship {
	padding-top: 50px;
	padding-bottom: 60px;
	background: #F7F6F4;
}
#employmentScholorship h3 {
	margin-bottom: 30px;
	font-size: 25px;
	font-weight: 700;
}
@media (min-width: 768px) {
#employmentContents .pageNav li:first-child a {
	line-height: 1.5em;
}
#employmentContents .employmentTable dt{
	margin-bottom: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: #BABABA 1px solid;
}
#employmentContents .employmentTable dd  {
	margin-bottom: 0;
	padding-top: 20px;
	padding-bottom: 20px;
}
}
@media (min-width: 992px) {
#employmentContents {
    padding-bottom: 100px;
}
#employmentContents .pageNav {
	margin-top: 60px;
}
#employmentContents .pageNav li {
	border-radius: 100px;
}
#employmentContents .pageNav li a {
	padding: 10px 70px 10px 55px;
	border-radius: 10px;
	font-size: 15px;
	line-height: 1.4;
}
#employmentContents .pageNav li a::before,#employmentContents .pageNav li a::after{
    width: 8px;
    height: 1px;
    background: #493C37;
    position: absolute;
    bottom: calc(50% - 2px);
	left: auto;
	right: 20px;
}
#employmentContents h3 {
	margin-top: 60px;
	margin-bottom: 40px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 18px;
}
#employmentContents h4 {
	margin-top: 80px;
	margin-bottom: 30px;
}
#employmentContents .employmentTable dt {
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 15px;
}
#employmentContents .employmentTable dd  {
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 15px;
}
#employmentContents .flowBoard {
	margin-bottom: 0;
	padding: 30px 50px !important;
    max-width: 380px !important;
    width: 380px;
}
#employmentContents .flowBoard:first-of-type {
    margin-bottom: 0;
}
#employmentContents .flowBoard:first-of-type::before {
	top: calc(50% - 14px);
    bottom: auto;
    left: auto;
	right: -56px;
	transform: rotate(-90deg);
}
#employmentContents .flowBoard dt {
    margin-bottom: 20px;
    padding-bottom: 8px;
    font-size: 20px;
}
#employmentContents .flowBoard dd {
	font-size: 15px;
}
#employmentContents .btnToLink {
    margin-top: 93px;
}
#employmentScholorship {
	padding-top: 100px;
	padding-bottom: 100px;
}
#employmentScholorship h3 {
	margin-bottom: 40px;
	font-size: 30px;
}
}

/*	graduate
----------------------------------------------------*/
#graduateContents .pageNav {
	margin-top: 50px;
	margin-bottom: 0;
}
#graduateContents .pageNav li {
	margin-bottom: 10px;
}
#graduateContents .pageNav li a {
	display: block;
	position: relative;
	padding: 6px 10px 14px;
	background: #FFF;
	border: #493C37 1px solid;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
}
#graduateContents .pageNav li a::before,#graduateContents .pageNav li a::after{
    content: "";
    display: block;
    width: 8px;
    height: 1px;
    background: #493C37;
    position: absolute;
    bottom: 4px;
	left: calc(50% - 8px);
    transform: rotate(30deg);
    transform-origin: calc(100%) 50%;
}    
#graduateContents .pageNav li a::after{
    transform: rotate(150deg);
}
.donationContents {
	padding-top: 40px;
}
#graduateHowtoPublish {
	padding-top: 34px;
	padding-bottom: 50px;
}
#graduateHomeComingDay {
	padding-top: 50px;
	padding-bottom: 50px;
	background: #F7F6F4;
}
#graduateABoutDonation {
	padding-top: 50px;
	padding-bottom: 50px;
}
.graduateContents h3 {
	margin-bottom: 27px;
	font-size: 22px;
	font-weight: 700;
}
.graduateContents h4 {
	margin-top: 60px;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #493C37;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 700;
	color: #FFF;
}
.graduateContents p {
	margin-bottom: 1em;
}
.graduateContents p.bold {
	font-size: 16px;
	font-weight: 700;
}
.graduateContents p a strong {
	font-weight: 700;
	text-decoration: underline;
}
.graduateContents table {
	margin-top: 20px;
	margin-bottom: 46px;
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: separate;
    border-radius: 20px;
    border-top: 1px solid #9F9E9E;
    border-left: 1px solid #9F9E9E;
}
.graduateContents table {
	width: 800px;
}
.graduateContents table th,
.graduateContents table td {
	padding-top: 20px;
	padding-bottom: 20px;
    border-right: 1px solid #9F9E9E;
    border-bottom: 1px solid #9F9E9E;
	vertical-align: middle;
}
.graduateContents table th {
	background: #F7F6F4;
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
}
.graduateContents table td {
	white-space: nowrap;
}
.graduateContents table .borderTL {
	border-radius: 20px 0 0 0;
}
.graduateContents table .borderTR {
	border-radius: 0 20px 0 0;
}
.graduateContents table .borderBL {
	border-radius: 0 0 0 20px;
}
.graduateContents table .borderBR {
	border-radius: 0 0 20px 0;
}
.graduateContents .graduateBoard {
	margin-top: 20px;
	padding-top: 40px;
	padding-bottom: 40px;
	background: #F7F6F4;
	border-radius: 20px;
}
.graduateContents .graduateBoard p {
	margin-bottom: 0;
}
@media (min-width: 768px) {
#graduateContents .pageNav li:last-child a {
	line-height: 2.8em;
}
}
@media (min-width: 992px) {
#graduateContents .pageNav {
	margin-top: 70px;
}
#graduateContents .pageNav li {
	border-radius: 100px;
}
#graduateContents .pageNav li a {
	padding: 10px 30px 10px 15px;
	border-radius: 10px;
	font-size: 14px;
	line-height: 1.4;
}
#graduateContents .pageNav li a::before,#graduateContents .pageNav li a::after{
    width: 8px;
    height: 1px;
    background: #493C37;
    position: absolute;
    bottom: calc(50% - 2px);
	left: auto;
	right: 20px;
}
.graduateContents table {
	width: 100%;
}
#graduateHowtoPublish {
	padding-top: 44px;
	padding-bottom: 50px;
}
#graduateHomeComingDay {
	padding-top: 120px;
	padding-bottom: 100px;
	background: #F7F6F4;
}
#graduateABoutDonation {
	padding-top: 80px;
	padding-bottom: 120px;
}
.graduateContents h3 {
	margin-bottom: 27px;
	font-size: 22px;
	font-weight: 700;
}
.graduateContents h4 {
	margin-top: 100px;
	margin-bottom: 40px;
	padding-top: 15px;
	padding-bottom: 15px;
}
.graduateContents .graduateBoard {
	margin-top: 40px;
}
.graduateContents .graduateBoard p {
    line-height: 1.8;
}
#graduateABoutDonation .btnToLink {
    margin-top: 20px;
}
}


/*	mainGuideContents
----------------------------------------------------*/
#mainGuideContents {
	position: relative;
	padding-top: 70px;
	padding-bottom: 0;
}
#mainGuideContents .mainImg {
	position: relative;
}
#mainGuideContents .mainImg h2 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding-top: 15px;
	background: url("../img/common/bg_title_sp.png") no-repeat left top/100% 100%;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0.05em;
}
#mainGuideContents .breadCrumbList {
	margin-top: 5px;
}
#mainGuideContents .pageNav {
	margin-top: 30px;
    margin-bottom: 20px;
	transition-duration: .5s;
}
#mainGuideContents .pageNav li {
	margin-bottom: 10px;
}
#mainGuideContents .pageNav li a {
	display: block;
	position: relative;
	padding: 6px 10px 10px;
	background: #FFF;
	border: #493C37 1px solid;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 700;
}
#mainGuideContents .pageNav li a::before,#mainGuideContents .pageNav li a::after{
    content: "";
    display: block;
    width: 8px;
    height: 1px;
    background: #493C37;
    position: absolute;
    bottom: 4px;
	left: calc(50% - 8px);
    transform: rotate(30deg);
    transform-origin: calc(100%) 50%;
}    
#mainGuideContents .pageNav li a::after{
    transform: rotate(150deg);
}
@media (min-width: 768px) {
#mainGuideContents .mainImg h2 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding-top: 40px;
	padding-bottom: 20px;
	background: url("../img/common/bg_title_pc.png") no-repeat left top/auto 100%;
}
}
@media (min-width: 992px) {
#mainGuideContents {
	padding-top: 83px;
}
#mainGuideContents .breadCrumbList {
	margin-top: 10px;
}
#mainGuideContents .mainImg h2 {
	width: 1160px;
	height: 149px;
	padding-top: 60px;
	font-size: 40px;
}
#mainGuideContents .pageNav {
	margin-top: 60px;
	margin-bottom: 60px;
}
#mainGuideContents .pageNav li {
	border-radius: 100px;
}
#mainGuideContents .pageNav li a {
	padding: 10px 70px 10px 55px;
	border-radius: 10px;
	font-size: 15px;
	line-height: 1.4;
}
.shisetsu #mainGuideContents .pageNav li a {
	font-size: 14px;
}
.shisetsu #mainGuideContents .pageNav li a {
    padding: 10px 20px 10px 0; 
}
#mainGuideContents .pageNav li a::before,#mainGuideContents .pageNav li a::after{
    width: 8px;
    height: 1px;
    background: #493C37;
    position: absolute;
    bottom: calc(50% - 2px);
	left: auto;
	right: 20px;
}
}

/*	guide
----------------------------------------------------*/
#guideContents {
	padding-top: 32px;
	padding-bottom: 40px;
}
#guideContents h3 {
	margin-bottom: 20px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.8;
}
#guideContents ul {
	margin-top: 43px;
	margin-bottom: 0;
}
#guideContents li {
	margin-top: 10px;
}
#guideContents li a {
	display: block;
	padding: 16px 30px;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 700;
	color: #493C37;
	transition: all 0.6s;
}
#guideContents li a:hover {
	color: #FFF;
	transition: all 0.6s;
}
#guideContents li.menu01 a { background: #F7F6F4 url("../img/guide/icon_01.svg") no-repeat center right 20px;}
#guideContents li.menu02 a { background: #F7F6F4 url("../img/guide/icon_02.svg") no-repeat center right 20px;}
#guideContents li.menu03 a { background: #F7F6F4 url("../img/guide/icon_03.svg") no-repeat center right 20px;}
#guideContents li.menu04 a { background: #F7F6F4 url("../img/guide/icon_04.svg") no-repeat center right 20px;}
#guideContents li.menu05 a { background: #F7F6F4 url("../img/guide/icon_05.svg") no-repeat center right 20px;}
#guideContents li.menu06 a { background: #F7F6F4 url("../img/guide/icon_06.svg") no-repeat center right 20px;}
#guideContents li.menu07 a { background: #F7F6F4 url("../img/guide/icon_07.svg") no-repeat center right 20px;}
#guideContents li.menu08 a { background: #F7F6F4 url("../img/guide/icon_08.svg") no-repeat center right 20px;}
#guideContents li.menu01 a:hover { background: #493C37 url("../img/guide/icon_w_01.svg") no-repeat center right 20px;}
#guideContents li.menu02 a:hover { background: #493C37 url("../img/guide/icon_w_02.svg") no-repeat center right 20px;}
#guideContents li.menu03 a:hover { background: #493C37 url("../img/guide/icon_w_03.svg") no-repeat center right 20px;}
#guideContents li.menu04 a:hover { background: #493C37 url("../img/guide/icon_w_04.svg") no-repeat center right 20px;}
#guideContents li.menu05 a:hover { background: #493C37 url("../img/guide/icon_w_05.svg") no-repeat center right 20px;}
#guideContents li.menu06 a:hover { background: #493C37 url("../img/guide/icon_w_06.svg") no-repeat center right 20px;}
#guideContents li.menu07 a:hover { background: #493C37 url("../img/guide/icon_w_07.svg") no-repeat center right 20px;}
#guideContents li.menu08 a:hover { background: #493C37 url("../img/guide/icon_w_08.svg") no-repeat center right 20px;}
#guideBnrContents {
	padding-top: 20px;
	padding-bottom: 60px;
	background: #F7F6F4;
}
#guideBnrContents ul {
	margin-bottom: 0;
}
#guideBnrContents li {
    overflow: hidden;
    position: relative;
	margin-top: 20px;
    cursor: pointer;
	border-radius: 10px;
}
#guideBnrContents li a {
	display: block;
	height: 148px;
	border-radius: 10px;
	font-size: 18px;
	font-weight: 700;
	color: #FFF;
	text-align: center;
	line-height: 148px;
    transition: transform .6s ease;
}
#guideBnrContents li a:hover {
  	transform: scale(1.1);
}
#guideBnrContents li.menu01 a { background: url("../img/guide/bnr_01.png") no-repeat center/cover; }
#guideBnrContents li.menu02 a { background: url("../img/guide/bnr_02.png") no-repeat center/cover; }
#guideBnrContents li.menu03 a { background: url("../img/guide/bnr_03.png") no-repeat center/cover; }
@media (min-width: 992px) {
#guideContents {
	padding-top: 53px;
	padding-bottom: 60px;
}
#guideContents h3 {
	margin-bottom: 30px;
	font-size: 32px;
}
#guideContents ul {
	margin-top: 26px;
	margin-bottom: 0;
}
#guideContents li {
	margin-top: 20px;
}
#guideContents li a {
	padding: 50px 60px;
	font-size: 20px;
}
#guideContents li.menu01 a { background: #F7F6F4 url("../img/guide/icon_01.svg") no-repeat center right 75px/auto 55px;}
#guideContents li.menu02 a { background: #F7F6F4 url("../img/guide/icon_02.svg") no-repeat center right 75px/auto 55px;}
#guideContents li.menu03 a { background: #F7F6F4 url("../img/guide/icon_03.svg") no-repeat center right 75px/auto 50px;}
#guideContents li.menu04 a { background: #F7F6F4 url("../img/guide/icon_04.svg") no-repeat center right 75px/auto 55px;}
#guideContents li.menu05 a { background: #F7F6F4 url("../img/guide/icon_05.svg") no-repeat center right 75px/auto 55px;}
#guideContents li.menu06 a { background: #F7F6F4 url("../img/guide/icon_06.svg") no-repeat center right 75px/auto 50px;}
#guideContents li.menu07 a { background: #F7F6F4 url("../img/guide/icon_07.svg") no-repeat center right 75px/auto 55px;}
#guideContents li.menu08 a { background: #F7F6F4 url("../img/guide/icon_08.svg") no-repeat center right 75px/auto 52px;}
#guideContents li.menu01 a:hover { background: #493C37 url("../img/guide/icon_w_01.svg") no-repeat center right 75px/auto 55px;}
#guideContents li.menu02 a:hover { background: #493C37 url("../img/guide/icon_w_02.svg") no-repeat center right 75px/auto 55px;}
#guideContents li.menu03 a:hover { background: #493C37 url("../img/guide/icon_w_03.svg") no-repeat center right 75px/auto 50px;}
#guideContents li.menu04 a:hover { background: #493C37 url("../img/guide/icon_w_04.svg") no-repeat center right 75px/auto 55px;}
#guideContents li.menu05 a:hover { background: #493C37 url("../img/guide/icon_w_05.svg") no-repeat center right 75px/auto 55px;}
#guideContents li.menu06 a:hover { background: #493C37 url("../img/guide/icon_w_06.svg") no-repeat center right 75px/auto 50px;}
#guideContents li.menu07 a:hover { background: #493C37 url("../img/guide/icon_w_07.svg") no-repeat center right 75px/auto 55px;}
#guideContents li.menu08 a:hover { background: #493C37 url("../img/guide/icon_w_08.svg") no-repeat center right 75px/auto 52px;}

#guideBnrContents {
	padding-top: 60px;
	padding-bottom: 110px;
}
#guideBnrContents li {
	margin-top: 0;
	border-radius: 10px;
}
#guideBnrContents li a {
	height: 160px;
	font-size: 20px;
	line-height: 160px;
}
}

/*	greeting
----------------------------------------------------*/
#greetingHeadmaster {
	padding-top: 53px;
}
#greetingHeadmaster h3 {
	margin-bottom: 25px;
	font-size: 26px;
	font-weight: 700;
}
#greetingHeadmaster img {
	border-radius: 30px;
}
#greetingHeadmaster h4 {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.6;
}
#greetingHeadmaster p {
	margin-bottom: 1em;
}
#greetingHeadmaster p.signature {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
}
#greetingHeadmaster p.signature span {
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 400;
}
#school_policy {
	padding-top: 60px;
	padding-bottom: 60px;
	background: #F7F6F4;
}
#school_policy .schoolPolicyBoard {
	padding-top: 90px;
	padding-bottom: 50px;
	background: #FFF;
	border-radius: 80px;
}
#school_policy .schoolPolicyContents {
	margin-top: -40px;
}
#school_policy .schoolPolicyContents dt {
	width: 125px;
	height: 125px;
	padding-top: 42px;
	padding-bottom: 42px;
	border-radius: 50%;
	font-size: 20px;
	font-weight: 700;
	text-align: center;
	mix-blend-mode: multiply;
}
#school_policy .schoolPolicyContents dd {
	padding-top: 35px;
}
#school_policy .schoolPolicyContents dt span {
	display: block;
	margin-bottom: 4px;
	font-family: 'Poppins', sans-serif;
	font-size: 8px;
	font-weight: 600;
}
#school_policy .schoolPolicyContents dt.independence { background: rgba(205,85,4,0.1); }
#school_policy .schoolPolicyContents dt.belief { background: rgba(24,127,167,0.1); }
#school_policy .schoolPolicyContents dt.cooperation { background: rgba(67,167,109,0.1); }
#school_policy .schoolPolicyContents dt.independence span { color: #CD5504;}
#school_policy .schoolPolicyContents dt.belief span { color: #187FA7;}
#school_policy .schoolPolicyContents dt.cooperation span { color: #43A76D;}
#school_policy_num {
	padding-top: 50px;
	padding-bottom: 60px;
}
#school_policy h3, #school_policy_num h3 {
	margin-bottom: 20PX;
	font-size: 30px;
	font-weight: 700;
}
#school_policy h4 {
	position: relative;
	margin-top: 40px;
	margin-bottom: 20px;
	font-size: 26px;
	font-weight: 700;
}
#school_policy h4::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: -70px;
    left: 50%;
    width: 2px;
    height: 48px;
    background-color: #493C37;
}
#school_policy_num dl {
	margin-bottom: 0;
}
#school_policy_num dt {
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #DEA700;
	border-radius: 100px 100px 0 0;
}
#school_policy_num dt span {
	font-family: 'Poppins', sans-serif;
	font-size: 25px;
	font-weight: 600;
	color: #FFF;
}
#school_policy_num dd {
	margin-bottom: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	background: #FFF;
	border-left: #D7D7D7 1PX solid;
	border-right: #D7D7D7 1PX solid;
}
#schoolEmblem {
	margin-top: 60px;
	padding-top: 35px;
	padding-bottom: 60px;
	background: #F7F6F4;
	border-radius: 80px;
}
#schoolEmblem h4 {
	margin-bottom: 20px;
	font-size: 32px;
	font-weight: 700;
}
#schoolEmblem .imgEmblem {
	margin-bottom: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	background: #FFF;
	border-radius: 10px;
}
@media (min-width: 768px) {
#school_policy_num dt {
	display: inline-block;
	position: relative;
	margin-bottom: 25px;
	padding-top: 40px;
	padding-bottom: 37px;
	border-radius: 46px 0 0 46px;
}
#school_policy_num dt span {
	position: absolute;
	top: 50%;
	left: auto;
	right: auto;
	margin-top: -0.8em;
	vertical-align: middle;
}
#school_policy_num dd {
	margin-bottom: 25px;;
	padding-top: 40px;
	padding-bottom: 37px;
	border-left: none;
	border-right: none;
	border-top: #D7D7D7 1PX solid;
	border-bottom: #D7D7D7 1PX solid;
}
#schoolEmblem .imgEmblem {
	height: 130px;
	margin-top: 40px;
	margin-bottom: 0;
}
}
@media (min-width: 992px) {
.greeting #mainGuideContents .mainImg h2 {
    padding-top: 40px;
}
#greetingHeadmaster {
	padding-top: 103px;
}
#greetingHeadmaster h3 {
	margin-bottom: 64px;
	font-size: 32px;
}
#greetingHeadmaster h4 {
	margin-top: 70px;
	margin-bottom: 45px;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 0.1em;
}
#greetingHeadmaster p {
	margin-bottom: 1.8em;
}
#greetingHeadmaster p.signature {
	margin-top: 1em;
}
#greetingHeadmaster p.signature span {
	font-size: 16px;
}
#school_policy {
	margin-top: 100px;
	padding-top: 100px;
	padding-bottom: 100px;
}
#school_policy .schoolPolicyBoard {
	padding-top: 64px;
	padding-bottom: 60px;
}
#school_policy .schoolPolicyContents {
    margin: 0 -30px;
}
#school_policy .schoolPolicyContents dt {
    width: 250px;
    height: 250px;
}
#school_policy .schoolPolicyContents dt {
	width: 250px;
	height: 250px;
	padding-top: 90px;
	padding-bottom: 42px;
	font-size: 32px;
	letter-spacing: 0.1em;
}
#school_policy .schoolPolicyContents dt span {
	font-size: 14px;
	letter-spacing: 0;
}
#school_policy .schoolPolicyContents dd {
	padding-top: 15px;
}
#school_policy h4 {
    margin-top: 64px;
}
#school_policy h4::before {
    top: -100px;
    height: 80px;
}
#school_policy_num {
	padding-top: 120px;
	padding-bottom: 170px;
}
#school_policy h3, #school_policy_num h3 {
	margin-bottom: 42PX;
	font-size: 32px;
}
#schoolEmblem {
	margin-top: 135px;
	padding-top: 64px;
	padding-bottom: 90px;
}
#schoolEmblem h4 {
	margin-bottom: 40px;
}
#schoolEmblem .imgEmblem {
	height: 210px;
}
}

/*	history
----------------------------------------------------*/
#mainGuideContents #historyContents {
	padding-bottom: 60px;
}
#mainGuideContents #historyContents h3 {
	margin-bottom: 0;
	font-size: 32px;
	font-weight: 700;
	letter-spacing: 0.1em;
}
#mainGuideContents #historyContents dl {
	margin-bottom: 0;
}
#mainGuideContents #historyContents dt{
	margin-bottom: 6px;
	padding-top: 20px;
	font-size: 15px;
	font-weight: 700;
}
#mainGuideContents #historyContents dd  {
	margin-bottom: 0;
	padding-bottom: 20px;
	border-bottom: #BABABA 1px solid;
	font-size: 15px;
}
#taisho, #showa, #heisei, #reiwa {
	margin-bottom: 20px;
	padding-top: 40px;
}
@media (min-width: 992px) {
#mainGuideContents #historyContents {
	padding-bottom: 120px;
}
#mainGuideContents #historyContents dt {
	margin-bottom: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: #BABABA 1px solid;
	font-size: 16px;
}
#mainGuideContents #historyContents dd {
	display: flex;
	margin-bottom: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: #BABABA 1px solid;
	font-size: 16px;
}
#mainGuideContents #historyContents dd span {
    margin-top: auto;
    margin-bottom: auto;
}
#taisho, #showa, #heisei, #reiwa {
	margin-bottom: 20px;
	padding-top: 60px;
}
}

/*	shinro
----------------------------------------------------*/
#mainGuideContents .shinroContents h3 {
	margin-bottom: -20px;
	font-size: 28px;
	font-weight: 700;
	letter-spacing: 0.1em;
}
#mainGuideContents .shinroContents dl {
	margin-top: 50px;
	margin-bottom: 0;
}
#mainGuideContents .shinroContents dt{
	margin-bottom: 16px;
	font-size: 20px;
	font-weight: 700;
}
#mainGuideContents .shinroContents dd {
	margin-bottom: 20px;
}
#mainGuideContents .shinroContents dd span  {
	display: block;
	margin-bottom: 16px;
	padding-bottom: 0;
	border-bottom: #BABABA 1px solid;
}
#shinroSchool {
	padding-top: 40px;
	padding-bottom: 40px;
	background: #F7F6F4;
}
#shinroJob {
	padding-top: 60px;
	padding-bottom: 90px;
}
@media (min-width: 992px) {
#mainGuideContents .shinroContents h3 {
	margin-bottom: -24px;
	font-size: 32px;
}
#mainGuideContents .shinroContents dl {
	margin-bottom: 64px;
}
#mainGuideContents .shinroContents dt {
	margin-bottom: 36px;
	font-size: 24px;
}
#mainGuideContents .shinroContents dd {
	padding-bottom: 0;
    margin-bottom: 20px;
}
#shinroSchool {
	padding-top: 80px;
	padding-bottom: 80px;
}
#shinroJob {
	padding-top: 80px;
	padding-bottom: 120px;
}
}

/*	event
----------------------------------------------------*/
#eventContents .eventBoard {
	margin-top: 40px;
	padding-top: 24px;
	padding-bottom: 14px;
	background: #F7F6F4;
	border-radius: 30px;
}
#eventContents .eventBoard h3 {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.1em;
}
#eventContents h3.eventCalendar {
	margin-top: 45px;
	margin-bottom: 0;
	font-size: 26px;
	font-weight: 700;
	letter-spacing: 0.1em;
}
#eventContents .eventCalendar {
	margin-bottom: 70px;
}
#eventContents .eventCalendar dl {
	margin-bottom: 0;
}
#eventContents .eventCalendar dt {
	margin-top: 20px;
	margin-bottom: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	background: #187FA7;
	border-radius: 20px 0 0 20px;
	font-family: 'Poppins', sans-serif;
	font-size: 24px;
	font-weight: 600;
	color: #FFF;
}
#eventContents .eventCalendar dd {
	margin-top: 20px;
	margin-bottom: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	background: #FFF;
	border-top: #D7D7D7 1PX solid;
	border-bottom: #D7D7D7 1PX solid;
	font-weight: 400;
	line-height: 1.8;
}
@media (min-width: 992px) {
#eventContents .eventBoard {
	margin-top: 60px;
	padding-top: 34px;
	padding-bottom: 14px;
	border-radius: 50px;
}
#eventContents .eventBoard h3 {
	margin-bottom: 15px;
	font-size: 24px;
}
#eventContents h3.eventCalendar {
	margin-top: 70px;
	margin-bottom: 15px;
	font-size: 26px;
	font-weight: 700;
}
#eventContents .eventCalendar {
	margin-bottom: 100px;
}
#eventContents .eventCalendar dt {
	margin-top: 24px;
	padding-top: 15px;
	padding-bottom: 15px;
	background: #187FA7;
	border-radius: 20px 0 0 20px;
	font-family: 'Poppins', sans-serif;
	font-size: 24px;
	font-weight: 600;
	color: #FFF;
}
#eventContents .eventCalendar dd {
	margin-top: 24px;
	margin-bottom: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	background: #FFF;
	border-top: #D7D7D7 1PX solid;
	border-bottom: #D7D7D7 1PX solid;
	line-height: 2;
}
}


/*	shisetsu
----------------------------------------------------*/
#mainShisetsuContents h3 {
	margin-top: 100px;
	margin-bottom: -10px;
	padding-bottom: 15px;
	border-bottom: #BABABA 1px solid;
	font-size: 28px;
	font-weight: 700;
}
.shisetsuContents {
	margin-top: 40px;
}
.shisetsuContents dl {
	margin-bottom: 0;
}
.shisetsuContents dt {
	position: relative;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
}
.shisetsuContents dt img {
	display: block;
	margin-bottom: 10px;
	border-radius: 10px;
}
.shisetsuContents a {
	cursor: pointer;
}
.shisetsuContents a dt::after {
	content: "";
	position: absolute;
	bottom: 40px;
	right: 25px;
	width: 24px;
	height: 25px;
	background: url("../img/guide/shisetsu/icon_zoom.png") no-repeat center center;
}
.shisetsuContents dd {
	font-size: 14px;
}
.fancybox__content {
	width: 90% !important;
    max-width: 90% !important;
    max-height: 60% !important;
	padding: 3rem !important;
	border-radius: 20px !important;
	color: #493C37 !important;
}
.fancybox__content.shisetsuContents a dt::after {
	background: none;
}
.fancybox__content.shisetsuContents a {
	cursor: auto;
}
.fancybox__content.shisetsuContents a:hover img {
	opacity: 1;
}
.fancybox__backdrop {
	background: rgba(147, 147, 147, 0.9) !important;
}
.fancybox__content .f-button.is-close-btn {
    color: #000 !important;
    background: #FFF !important;
	outline: none !important;
	outline-color: #FFF !important;
    top: 10px !important;
    right: 10px !important;
}
.fancybox__content .f-button.is-close-btn:focus,
.fancybox__content .f-button.is-close-btn:focus-visible {
	outline: none !important;
	outline-color: #FFF !important;
}
.fancybox__content .f-button.is-close-btn:hover {
    color: #000 !important;
    background: #FFF !important;
}
.fancybox__content.shisetsuContents dt {
	text-align: center;
}
.fancybox__content.shisetsuContents dt img {
	margin-left: auto;
	margin-right: auto;
}
.shisetsu #panorama {
	padding-top: 60px;
	padding-bottom: 60px;
}
.shisetsu #panorama h3 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 700;
}
.shisetsu #panorama iframe {
	width: 100%;
	height: 335px;
}
@media (min-width: 768px) {
.fancybox__content {
	width: 70% !important;
    max-width: 70% !important;
    max-height: 60% !important;
}
}
@media (min-width: 992px) {
#mainShisetsuContents h3 {
	margin-top: 115px;
	margin-bottom: -14px;
}
.shisetsuContents {
	margin-top: 46px;
}
.shisetsuContents dt {
	font-size: 16px;
}
.shisetsuContents a dt::after {
    bottom: 50px;
}
.shisetsuContents dt img {
    margin-bottom: 20px;
}
.shisetsuContents dd {
	font-size: 14px;
}
.fancybox__content {
	width: 840px !important;
    max-width: 840px !important;
    max-height: 660px !important;
}
.fancybox__content.shisetsuContents dt {
	font-size: 24px;
}
.fancybox__content.shisetsuContents dd {
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 110px;
	padding-right: 110px;
	font-size: 16px;
}
.shisetsu #panorama {
	padding-top: 100px;
	padding-bottom: 100px;
}
.shisetsu #panorama h3 {
	font-size: 32px;
}
.shisetsu #panorama iframe {
	width: 100%;
	height: 560px;
}
}


/*	relatedschool
----------------------------------------------------*/
.relatedschool h3 {
	margin-top: 24px;
	font-size: 22px;
	font-weight: 700;
}
.relatedschool .btnToLink {
	margin-top: 40px;
}
.foreignSchool {
	margin-top: 30px;
	margin-bottom: 0;
}
.foreignSchool li {
	position: relative;
	margin-top: 50px;
	font-size: 18px;
	font-weight: 700;
}
.foreignSchool li img {
	margin-bottom: 8px;
}
.foreignSchool li span {
	display: block;
	position: absolute;
	top: -15px;
	left: 15px;
	padding: 5px 20px;
	background: #187FA7;
	border-radius: 100px;
	font-size: 16px;
	font-weight: 700;
	color: #FFF;
}
#sisterSchool {
	padding-top: 30px;
	padding-bottom: 70px;
}
@media (min-width: 768px) {
#sisterSchool {
	margin-top: 68px;
	padding-top: 47px;
	padding-bottom: 100px;
	background: #F7F6F4;
}
.foreignSchool {
	margin-top: 20px;
}
}
@media (min-width: 992px) {
.relatedschool h2 {
	margin-bottom: 50px;
}
.relatedschool h3 {
	margin-top: 34px;
	margin-bottom: 34px;
}
#sisterSchool {
	margin-top: 136px;
	padding-top: 44px;
	padding-bottom: 200px;
}
.foreignSchool {
	margin-top: 96px;
}
.foreignSchool li img {
	margin-bottom: 24px;
}
.foreignSchool li {
	font-size: 24px;
}
}

/*	access
----------------------------------------------------*/
.access iframe {
	width: 100%;
	height: 255px;
	border-radius: 20px;
}
.access #mainContents h4 {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.6;
}
#fromStation {
	margin-top: 30px;
	padding-top: 10px;
	padding-bottom: 80px;
	background: #F7F6F4;
}
#fromStation h3 {
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 700;
}
#fromStation img {
	margin-bottom: 30px;
}
#fromStation dl {
	margin-top: 10px;
	margin-bottom: 0;
}
#fromStation dt {
	display: inline-block;
	position: relative;
	margin-bottom: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #DEA700;
	border-radius: 100px 0 0 100px;
}
#fromStation dt::after{
    content:"";
    display:inline-block;
    width: 8px;
    height: 30px;
    background: #DEA700;
    position: absolute;
    bottom: -15px;
    right: -50px;
}
#fromStation dt:last-of-type::after{
    width: 0;
    height: 0;
    background: transparent;
}
#fromStation dt span {
	position: absolute;
	top: 50%;
	left: auto;
	right: auto;
	margin-top: -1em;
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-weight: 600;
	color: #FFF;
	vertical-align: middle;
}
#fromStation dd {
	margin-bottom: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 30px;
	background: #FFF;
	border-radius: 0 100px 100px 0;
}
@media (min-width: 992px) {
.access h2 {
	margin-bottom: 40px;
}
.access iframe {
	width: 100%;
	height: 480px;
	border-radius: 30px;
}
.access #mainContents h4 {
	margin-top: 44px;
	margin-bottom: 6px;
	font-size: 16px;
}
#fromStation {
	margin-top: 66px;
	padding-top: 0;
	padding-bottom: 200px;
	background: #F7F6F4;
}
#fromStation h3 {
	margin-top: 124px;
	margin-bottom: 20px;
	font-size: 26px;
}
#fromStation img {
	margin-bottom: 16px;
}
#fromStation dl {
	margin-top: 40px;
}
#fromStation dt span {
	margin-top: -0.8em;
	font-size: 25px;
}
#fromStation dt::after{
    right: 8px;
}
#fromStation dd {
	margin-bottom: 15px;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 14px;
}
}


/*	mainLifeContents
----------------------------------------------------*/
#mainLifeContents {
	position: relative;
	padding-top: 70px;
	padding-bottom: 0;
	overflow: hidden;
}
#mainLifeContents .mainImg {
	position: relative;
}
#mainLifeContents .mainImg h2 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding-top: 15px;
	background: url("../img/common/bg_title_sp.png") no-repeat left top/100% 100%;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0.05em;
}
#mainLifeContents .breadCrumbList {
	margin-top: 5px;
}
#mainLifeContents .pageNav {
	margin-top: 30px;
    margin-bottom: 20px;
	transition-duration: .5s;
}
#mainLifeContents .pageNav li {
	margin-bottom: 10px;
}
#mainLifeContents .pageNav li a {
	display: block;
	position: relative;
	padding: 6px 10px 10px;
	background: #FFF;
	border: #493C37 1px solid;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 700;
}
#mainLifeContents .pageNav li a::before,#mainLifeContents .pageNav li a::after{
    content: "";
    display: block;
    width: 8px;
    height: 1px;
    background: #493C37;
    position: absolute;
    bottom: 4px;
	left: calc(50% - 8px);
    transform: rotate(30deg);
    transform-origin: calc(100%) 50%;
}    
#mainLifeContents .pageNav li a::after{
    transform: rotate(150deg);
}
@media (min-width: 768px) {
#mainLifeContents .mainImg h2 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding-top: 40px;
	padding-bottom: 20px;
	background: url("../img/common/bg_title_pc.png") no-repeat left top/auto 100%;
}
}
@media (min-width: 992px) {
#mainLifeContents {
	padding-top: 83px;
}
#mainLifeContents .breadCrumbList {
	margin-top: 10px;
}
#mainLifeContents .mainImg h2 {
	width: 1160px;
	height: 149px;
	padding-top: 60px;
	font-size: 40px;
}
#mainLifeContents .pageNav {
	margin-top: 60px;
	margin-bottom: 60px;
}
#mainLifeContents .pageNav li {
	border-radius: 100px;
}
#mainLifeContents .pageNav li a {
	padding: 10px 70px 10px 55px;
	border-radius: 10px;
	font-size: 15px;
	line-height: 1.4;
}
#mainLifeContents .pageNav li a::before,#mainLifeContents .pageNav li a::after{
    width: 8px;
    height: 1px;
    background: #493C37;
    position: absolute;
    bottom: calc(50% - 2px);
	left: auto;
	right: 20px;
}
}

/*	schoollife
----------------------------------------------------*/
#schoollifeContents {
	padding-top: 50px;
}
#schoollifeContents h3 {
	margin-bottom: 46px;
	font-size: 20px;
	font-weight: 700;
}
#schoollifeContents .schoollifeFlowWrap {
	padding-bottom: 56px;
}
#schoollifeContents .schoollifeFlow {
    position: relative;
	padding-top: 60px;
    border-left: #BEBEBE 1px solid;
}
#schoollifeContents .schoollifeFlow:first-of-type {
    padding-top: 0;
}
#schoollifeContents .schoollifeFlow:last-of-type {
	padding-top: 0;
    border-left: none;
}
#schoollifeContents .schoollifeFlow:nth-last-of-type(2) {
    padding-bottom: 60px;
}
#schoollifeContents .schoollifeFlow::before {
    content: "";
    position: absolute;
    top: 60px;
    left: -8px;
    width: 16px;
    height: 16px;
    background-color: #BEBEBE;
    border-radius: 50%;
}
#schoollifeContents .schoollifeFlow:first-of-type::before,
#schoollifeContents .schoollifeFlow:last-of-type::before {
    top: 0;
}
#schoollifeContents .schoollifeFlow dt {
	margin-top: -16px;
	margin-bottom: 0;
	font-size: 22px;
	font-weight: 700;
}
#schoollifeContents .schoollifeFlow dt span {
	display: inline-block;
	margin-right: 20px;
	font-family: 'Poppins', sans-serif;
	font-size: 31px;
	font-weight: 600;
	vertical-align: middle;
}
#schoollifeContents .schoollifeFlow dd {
	margin-bottom: 0;
}
#schoollifeContents .schoollifeFlow dd img {
	border-radius: 10px;
}
#schoollifeContents .schoollifeFlow dd h4 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 700;
}
#schoollifeContents .schoollifeFlow dd.blog h4 {
	margin-top: 40px;
}
#schoollifeContents .schoollifeFlow dd li {
	font-size: 15px;
	font-weight: 700;
}
#lifeMenuSP {
	padding-top: 47px;
	padding-bottom: 40px;
	background: #F7F6F4;
}
#lifeMenuSP ul, #lifeMenuPC ul {
	margin-bottom: 0;
}
#lifeMenuSP li {
	margin-bottom: 10px;
}
#lifeMenuSP li a {
	display: block;
	padding: 25px 20px;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
}
#lifeMenuSP li.menu01 a { background: #FFF url("../img/schoollife/icon_01.svg") no-repeat center right 15px; }
#lifeMenuSP li.menu02 a { background: #FFF url("../img/schoollife/icon_02.svg") no-repeat center right 10px; }
#lifeMenuSP li.menu03 a { background: #FFF url("../img/schoollife/icon_03.svg") no-repeat center right 12px; }
#lifeMenuSP li.menu04 a { background: #FFF url("../img/schoollife/icon_04.svg") no-repeat center right 12px; }
#lifeMenuSP li.menu05 a { background: #FFF url("../img/schoollife/icon_05.svg") no-repeat center right 7px; }
#lifeMenuSP li.menu06 a { background: #FFF url("../img/schoollife/icon_06.svg") no-repeat center right 17px; }
@media (min-width: 768px) {
#schoollifeContents .schoollifeFlow {
	padding-top: 80px;
}
#schoollifeContents .schoollifeFlow:first-of-type {
    padding-top: 0;
}
#schoollifeContents .schoollifeFlow::before {
    top: 80px;
    left: -9px;
}
#schoollifeContents .schoollifeFlow:first-of-type::before {
    top: 0;
}
#schoollifeContents .schoollifeFlow dt {
	margin-top: -16px;
}
#schoollifeContents .schoollifeFlow dt span {
	display: block;
	margin-right: 0;
	font-size: 32px;
}
#schoollifeContents .schoollifeFlow dd {
	margin-top: -6px;
	margin-bottom: 0;
}
#schoollifeContents .schoollifeFlow dd h4 {
	margin-top: 0;
	margin-bottom: 10px;
}
#lifeMenuPC {
	padding-top: 80px;
	padding-bottom: 60px;
	background: #F7F6F4;
}
#lifeMenuPC li {
	margin-bottom: 15px;
}
#lifeMenuPC li a {
	display: block;
	padding: 25px 20px;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
}
#lifeMenuPC li.menu01 a { background: #FFF url("../img/schoollife/icon_01.svg") no-repeat center right 15px; }
#lifeMenuPC li.menu02 a { background: #FFF url("../img/schoollife/icon_02.svg") no-repeat center right 10px; }
#lifeMenuPC li.menu03 a { background: #FFF url("../img/schoollife/icon_03.svg") no-repeat center right 12px; }
#lifeMenuPC li.menu04 a { background: #FFF url("../img/schoollife/icon_04.svg") no-repeat center right 12px; }
#lifeMenuPC li.menu05 a { background: #FFF url("../img/schoollife/icon_05.svg") no-repeat center right 7px; }
#lifeMenuPC li.menu06 a { background: #FFF url("../img/schoollife/icon_06.svg") no-repeat center right 17px; }
}
@media (min-width: 992px) {
#schoollifeContents {
	padding-top: 73px;
}
#schoollifeContents h3 {
	margin-bottom: 64px;
	font-size: 32px;
}
#schoollifeContents .schoollifeFlow dd {
	font-size: 15px;
}
#lifeMenuPC li {
	margin-bottom: 20px;
}
#lifeMenuPC li a {
	display: block;
	border-radius: 10px;
	padding: 50px 60px;
	font-size: 20px;
	font-weight: 700;
	color: #493C37;
	line-height: 1;
	transition: all 0.6s;
}
#lifeMenuPC li.menu01 a { background: #FFF url("../img/schoollife/icon_pc_01.svg") no-repeat center right 60px; }
#lifeMenuPC li.menu02 a { background: #FFF url("../img/schoollife/icon_pc_02.svg") no-repeat center right 60px; }
#lifeMenuPC li.menu03 a { background: #FFF url("../img/schoollife/icon_pc_03.svg") no-repeat center right 60px; }
#lifeMenuPC li.menu04 a { background: #FFF url("../img/schoollife/icon_pc_04.svg") no-repeat center right 60px; }
#lifeMenuPC li.menu05 a { background: #FFF url("../img/schoollife/icon_pc_05.svg") no-repeat center right 60px; }
#lifeMenuPC li.menu06 a { background: #FFF url("../img/schoollife/icon_pc_06.svg") no-repeat center right 60px; }
#lifeMenuPC li a:hover { color: #FFF; transition: all 0.6s; }
#lifeMenuPC li.menu01 a:hover  { background: #493C37 url("../img/schoollife/icon_pc_01_w.svg") no-repeat center right 60px; }
#lifeMenuPC li.menu02 a:hover  { background: #493C37 url("../img/schoollife/icon_pc_02_w.svg") no-repeat center right 60px; }
#lifeMenuPC li.menu03 a:hover  { background: #493C37 url("../img/schoollife/icon_pc_03_w.svg") no-repeat center right 60px; }
#lifeMenuPC li.menu04 a:hover  { background: #493C37 url("../img/schoollife/icon_pc_04_w.svg") no-repeat center right 60px; }
#lifeMenuPC li.menu05 a:hover  { background: #493C37 url("../img/schoollife/icon_pc_05_w.svg") no-repeat center right 60px; }
#lifeMenuPC li.menu06 a:hover  { background: #493C37 url("../img/schoollife/icon_pc_06_w.svg") no-repeat center right 60px; }
}


/*	dormitory
----------------------------------------------------*/
.dormitory .dormitoryMenuPC {
	display: none;
}
#dormitoryContents {
	padding-top: 40px;
}
#dormitoryContents .dormitoryPurpose h3 {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 700;
}
#dormitoryContents .dormitoryPurpose ul {
	margin-bottom: 0;
}
#dormitoryContents .dormitoryPurpose li {
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #F7F6F4;
	border-radius: 20px;
	font-size: 15px;
	font-weight: 700;
}
#dormitoryContents .dormitoryAbout,
#dormitoryContents .dormitoryQA,
#dormitoryContents .dormitoryCondition,
#dormitoryContents .dormitoryProcess,
#dormitoryContents .dormitoryFee,
#dormitoryContents .dormitoryAboutPDF {
	margin-top: 40px;
	padding-top: 50px;
	padding-bottom: 40px;
	border-top: #BABABA 1px solid;
}
#dormitoryContents .dormitoryAbout h3 {
	margin-bottom: 20px;
	font-size: 22px;
	font-weight: 700;
}
#dormitoryContents .dormitoryAbout .targetCourse {
	padding-top: 30px;
	padding-bottom: 30px;
	background: #F7F6F4;
	border-radius: 20px;
	font-size: 14px;
}
#dormitoryContents .dormitoryAbout .targetCourse strong {
	display: block;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: 700;
}
#dormitoryContents .dormitoryAbout dl {
	margin-bottom: 0;
}
#dormitoryContents .dormitoryAbout dt {
	padding-top: 30px;
	padding-bottom: 5px;
	font-size: 16px;
	font-weight: 700;
}
#dormitoryContents .dormitoryAbout dd {
	padding-bottom: 30px;
	border-bottom: #BABABA 1px dashed;
	font-size: 15px;
}
#dormitoryContents .dormitoryAbout dd strong {
	display: block;
	margin-bottom: 1em;
}
/*#dormitoryContents .dormitoryAbout .slick-list {
    overflow: visible;
}*/
#dormitoryContents .sliderDormitory {
	margin-top: 30px;
	margin-bottom: 36px;
}
#dormitoryContents .sliderDormitory li {
	margin-left: 20px;
	margin-right: 20px;
}
#dormitoryContents .dormitoryQA h3 {
	font-size: 26px;
	font-weight: 700;
}
#dormitoryContents .dormitoryQAboard {
	margin-top: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	background: #F7F6F4;
	border-radius: 30px;
}
#dormitoryContents .dormitoryQAboard dl {
	margin-bottom: 0;
}
#dormitoryContents .dormitoryQAboard dt {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: #187FA7 1px solid;
	font-size: 16px;
	font-weight: 700;
}
#dormitoryContents .dormitoryQAboard dt span {
	display: inline-block;
	margin-right: 10px;
	padding: 5px 10px;
	background: #187FA7;
	border-radius: 50%;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 600;
	color: #FFF;	
}
#dormitoryContents .dormitoryQAboard dd {
	font-size: 14px;
}
#dormitoryContents .dormitoryQAboard dd div span {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: #FFF;
	border: #BEBEBE 2px solid;
	border-radius: 50%;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 26px;
	text-align: center;
	color: #BEBEBE;	
}
#dormitoryContents .dormitoryCondition h3 {
	margin-bottom: 20px;
	font-size: 26px;
	font-weight: 700;
}
#dormitoryContents .dormitoryConditionboard {
	margin-top: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	background: #F7F6F4;
	border-radius: 30px;
}
#dormitoryContents .dormitoryConditionboard dl {
	margin-bottom: 0;
}
#dormitoryContents .dormitoryConditionboard dt {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 700;
}
#dormitoryContents .dormitoryConditionboard dd {
	font-size: 14px;
	font-weight: 400;
}
#dormitoryContents .dormitoryConditionboard dd strong {
	display: block;
	font-weight: 700;
}
#dormitoryContents .dormitoryProcess h3 {
	margin-bottom: 20px;
	font-size: 26px;
	font-weight: 700;	
}
#dormitoryContents .dormitoryProcess dl {
	margin-bottom: 0;
}
#dormitoryContents .dormitoryProcess dt {
	display: inline-block;
	position: relative;
	margin-bottom: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	background: #187FA7;
	border-radius: 100px 0 0 100px;
}
#dormitoryContents .dormitoryProcess dt::after{
    content:"";
    display:inline-block;
    width: 8px;
    height: 30px;
    background: #187FA7;
    position: absolute;
    bottom: -15px;
    right: 15px;
}
#dormitoryContents .dormitoryProcess dt:last-of-type::after{
    width: 0;
    height: 0;
    background: transparent;
}
#dormitoryContents .dormitoryProcess dt span {
	position: absolute;
	top: 50%;
	left: auto;
	right: auto;
	margin-top: -1em;
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-weight: 600;
	color: #FFF;
	vertical-align: middle;
}
#dormitoryContents .dormitoryProcess dd {
	margin-bottom: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 30px;
	background: #FFF;
	border-top: #F7F6F4 5px solid;
	border-right: #F7F6F4 5px solid;
	border-bottom: #F7F6F4 5px solid;
	border-radius: 0 100px 100px 0;
}
#dormitoryContents .dormitoryFee h3 {
	margin-bottom: 20px;
	font-size: 26px;
	font-weight: 700;	
}
#dormitoryContents .dormitoryFee table {
	margin-bottom: 20px;
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: separate;
    border-radius: 20px;
    border-top: 1px solid #9F9E9E;
    border-left: 1px solid #9F9E9E;
}
#dormitoryContents .dormitoryFee table {
	width: 800px;
}
#dormitoryContents .dormitoryFee table th,
#dormitoryContents .dormitoryFee table td {
	padding-top: 20px;
	padding-bottom: 20px;
    border-right: 1px solid #9F9E9E;
    border-bottom: 1px solid #9F9E9E;
	font-size: 14px;
	vertical-align: middle;
}
#dormitoryContents .dormitoryFee table th {
	background: #F7F6F4;
	font-weight: 700;
	white-space: nowrap;
}
#dormitoryContents .dormitoryFee table .borderTL {
	border-radius: 20px 0 0 0;
}
#dormitoryContents .dormitoryFee table .borderTR {
	border-radius: 0 20px 0 0;
}
#dormitoryContents .dormitoryFee table .borderBL {
	border-radius: 0 0 0 20px;
}
#dormitoryContents .dormitoryFee table .borderBR {
	border-radius: 0 0 20px 0;
}
#dormitoryContents .dormitoryAboutPDF {
	padding-bottom: 80px;
}
#dormitoryContents .dormitoryAboutPDF h3 {
	margin-bottom: 10px;
	font-size: 26px;
	font-weight: 700;	
}
#dormitoryContents .dormitoryAboutPDF .btnPDF,
#dormitoryContents .dormitoryAboutPDF .btnToLink {
    margin-top: 15px;
}
@media (min-width: 768px) {
#dormitoryContents .dormitoryAbout dt {
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: #BABABA 1px dashed;
}
#dormitoryContents .dormitoryAbout dd {
	margin-bottom: 0;
	padding-top: 30px;
	padding-bottom: 30px;
}
#dormitoryContents .sliderDormitory li {
    margin-left: 5px;
    margin-right: 5px;
}
#dormitoryContents #hakudoryo.dormitoryAbout .slick-track {
	margin-left: 0 !important;
}
}
@media (min-width: 992px) {
.dormitory .dormitoryMenuPC {
	display: block;
	opacity: 0;
	position: fixed;
	top: 80px;
	left: -100%;
	width: 245px;
	height: 100vh;
	background: #F7F6F4;
	padding: 50px 20px 30px 30px;
	transition-duration: .5s;
}
.dormitory .dormitoryMenuPC.fixed {
    position: fixed;
    left: -6px;
    z-index: 2;
	opacity: 1;
}
.dormitory .dormitoryMenuPC.none {
	left: -100%;
    z-index: -1;
	opacity: 0;
	height: auto;
}
.dormitory .dormitoryMenuPC ul {
	margin-bottom: 0;
}
.dormitory .dormitoryMenuPC li a {
	display: block;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: 700;
}
.dormitory .dormitoryMenuPC li a.current {
	color: #BABABA;
}
.dormitory .dormitoryMenuPC li a span {
	display: inline-block;
	margin-left: 21px;
}
.dormitory .dormitoryMenuPC li a input[type="radio"] {
    position: relative;
    width: 15px;
    height: 15px;
	margin-right: 6px;
	margin-bottom: 0;
    border: #707070 2px solid;
    border-radius: 50%;
    vertical-align: -2px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	pointer-events: none;
}
.dormitory .dormitoryMenuPC li a input[type="radio"]:checked:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #707070;
}
#dormitoryPurpose, #jiritsukan, #hakudoryo,
#dormitoryQA, #dormitoryCondition, #dormitoryProcess,
#dormitoryFee, #dormitoryAboutPDF {
	margin-left: 245px;
    margin-right: auto;
    width: calc(100% - 245px);
}
#dormitoryContents {
	padding-top: 103px;
}
#dormitoryContents .dormitoryPurpose h3 {
	margin-bottom: 5px;
	font-size: 32px;
}
#dormitoryContents .dormitoryPurpose li {
	margin-top: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 16px;
}
#dormitoryContents .dormitoryAbout,
#dormitoryContents .dormitoryQA {
	margin-top: 60px;
	padding-top: 110px;
	padding-bottom: 20px;
}
#dormitoryContents .dormitoryCondition,
#dormitoryContents .dormitoryProcess,
#dormitoryContents .dormitoryFee,
#dormitoryContents .dormitoryAboutPDF {
	margin-top: 60px;
	padding-top: 60px;
	padding-bottom: 20px;
}
#dormitoryContents .dormitoryAbout h3,
#dormitoryContents .dormitoryQA h3,
#dormitoryContents .dormitoryCondition h3,
#dormitoryContents .dormitoryProcess h3,
#dormitoryContents .dormitoryFee h3,
#dormitoryContents .dormitoryAboutPDF h3 {
	margin-bottom: 30px;
	font-size: 32px;
}
#dormitoryContents .dormitoryAbout .targetCourse {
	margin-bottom: 20px;
	font-size: 16px;
}
#dormitoryContents .dormitoryAbout .targetCourse strong {
	margin-bottom: 15px;
}
#dormitoryContents .dormitoryAbout dd {
	font-size: 16px;
}
#dormitoryContents .dormitoryAbout dd strong {
	margin-bottom: 2em;
}
#dormitoryContents .dormitoryQAboard {
	margin-top: 40px;
}
#dormitoryContents .dormitoryQAboard dt {
	margin-bottom: 20px;
	padding-bottom: 20px;
}
#dormitoryContents .dormitoryQAboard dt span {
	margin-right: 14px;
	padding: 5px 13px;
	font-size: 20px;
}
#dormitoryContents .dormitoryQAboard dd {
	font-size: 16px;
}
#dormitoryContents .dormitoryQAboard dd div span {
	width: 44px;
	height: 44px;
	font-size: 20px;
	line-height: 40px;
}
#dormitoryContents .dormitoryConditionboard {
    padding-top: 40px;
    padding-bottom: 40px;
}
#dormitoryContents .dormitoryConditionboard dd {
    font-size: 16px;
}
#dormitoryContents .dormitoryProcess dt span {
    margin-top: -0.8em;
    font-size: 25px;
}
#dormitoryContents .dormitoryProcess dd {
    font-size: 18px;
	font-weight: 700;
}
#dormitoryContents .dormitoryFee table th,
#dormitoryContents .dormitoryFee table td {
	width: 200px
}
#dormitoryContents .dormitoryFee table th.borderTL,
#dormitoryContents .dormitoryFee table th.borderTR {
	width: 400px;
}
#dormitoryContents .dormitoryAboutPDF {
    padding-bottom: 160px;
}
}

/*	meister
----------------------------------------------------*/
#meisterContents {
	padding-top: 40px;
	padding-bottom: 48px;
}
#meisterContents h3 {
	margin-bottom: 15px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.8;
}
#meisterContents h3 span {
	display: block;
	margin-bottom: 5px;
	font-size: 13px;
}
#meisterFeature {
	padding-top: 40px;
	padding-bottom: 40px;
	background: #F7F6F4;
}
#meisterFeature h3 {
	margin-bottom: 20px;
	font-size: 22px;
	font-weight: 700;
}
.meisterFeatureContents dt {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: #BABABA 1px dotted;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.5;
}
.meisterFeatureContents dt span {
	display: inline-block;
	margin-bottom: 6px;
	padding: 2px 20px;
	background: #CD5504;
	border-radius: 6px;
	font-size: 10px;
	color: #FFF;
}
.meisterFeatureContents dd {
	font-size: 13px;
}
.meisterFeatureContents dd span {
	display: block;
	margin-top: 1em;
	font-size: 11px;
}
#meisterFeature .meisterFeatureBoard {
	margin-top: 40px;
	padding-top: 40px;
	padding-bottom: 20px;
	background: #FFF;
	border-radius: 10px;
}
#meisterFeature .meisterFeatureBoard h4 {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
}
#meisterFeature .meisterFeatureBoard p {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: #BABABA 1px dotted;
}
#meisterFeature .meisterFeatureBoard ul {
	margin-bottom: 0;
}
#meisterFeature .meisterFeatureBoard li {
	margin-bottom: 20px;
	text-indent: -2em;
    padding-left: 3em;
	font-weight: 700;
}
#meisterExperiences {
	padding-top: 40px;
	padding-bottom: 48px;
}
#meisterExperiences h5 {
	margin-bottom: 15px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.5;
}
#meisterExperiences h5 span {
	display: inline-block;
	margin-bottom: 5px;
	padding: 3px 10px;
	border: #707070 1px solid;
	border-radius: 5px;
	font-size: 13px;
}
#meisterExperiences p {
	font-size: 22px;
	font-weight: 700;
}
#meisterExperiences p span {
	font-size: 14px;
}
#meisterExperiences dl {
	margin-top: 20px;
	margin-bottom: 0;
}
#meisterExperiences dt {
	margin-bottom: 10px;
	padding-top: 15px;
	font-size: 20px;
	font-weight: 700;
	border-top: #BABABA 1px dotted;
}
#meisterExperiences dt span {
	display: inline-block;
	margin-right: 1em;
	padding: 3px 10px;
	border-radius: 5px;
	font-size: 12px;
	color: #FFF;
	vertical-align: text-bottom;
}
#meisterExperiences dt.experiences1 span { background: #187FA7; }
#meisterExperiences dt.experiences2 span { background: #CD5504; }
#meisterExperiences dt.experiences3 span { background: #43A76D; }
#meisterExperiences dd {
	margin-bottom: 0;
	padding-bottom: 15px;
	border-bottom: #BABABA 1px dotted;
	font-size: 13px;
}
#meisterCourse {
	padding-bottom: 50px;
}
#meisterCourse h3 {
	margin-top: 30px;
	margin-bottom: 15px;
	font-size: 24px;
	font-weight: 700;
}
#meisterCourse h3 span {
	display: block;
	font-size: 14px;
	font-weight: 400;
}
.meisterCourseList {
	margin-top: 20px;
	margin-bottom: 20px;
	border: #BEBEBE 1px solid;
	border-radius: 10px;
}
.meisterCourseList dt {
	margin-top: 35px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: #BABABA 1px solid;
	font-size: 16px;
	font-weight: 700;
}
.meisterCourseList dd li {
	margin-bottom: 5px;
}
.meisterCourseList dd li a {
	font-size: 13px;
	text-decoration: underline;
}
.meisterCourseList ul, .meisterCourseList dl {
	margin-bottom: 0;
}
#meisterCourse dt.bnrToggle {
	position: relative;
	margin-top: 20px;
	margin-bottom: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 700;
	color: #FFF;
	transition: 0.5s;
}
#meisterCourse dt.bnrToggle#menu01 { background: #43A76D;}
#meisterCourse dt.bnrToggle#menu02 { background: #E07A7A;}
#meisterCourse dt.bnrToggle#menu03 { background: #CD5504;}
#meisterCourse dt.bnrToggle#menu04 { background: #187FA7;}
#meisterCourse dt.bnrToggle#menu05 { background: #43A76D;}
#meisterCourse dt.bnrToggle#menu06 { background: #DEA700;}
#meisterCourse dt.bnrToggle#menu07 { background: #187FA7;}
#meisterCourse dt.bnrToggle#menu08 { background: #CD5504;}
#meisterCourse dt.bnrToggle:hover {
	cursor: pointer;
}
#meisterCourse dt.bnrToggle::before,
#meisterCourse dt.bnrToggle::after{
    position: absolute;
    content: '';
    width: 15px;
    height: 3px;
    background-color: #FFF;
	transition: 0.5s;
}
#meisterCourse dt.bnrToggle::before{
    top: 50%;
    right: 15px;
    transform: rotate(0deg);
}
#meisterCourse dt.bnrToggle::after{    
    top: 50%;
    right: 15px;
    transform: rotate(90deg);
}
#meisterCourse dt.bnrToggle.closeMenu::before{
	display: none;
}
#meisterCourse dt.bnrToggle.closeMenu::after{
	transform: rotate(0deg);
}
.toggle {
	display: none;
}
.toggle.open {
	display: block;
	padding-top: 40px;
}
.meisterCourseContents {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: #BABABA 1px dotted;
}
.meisterCourseContents h5 {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
}
.meisterCourseContents h5 p {
	line-height: 1.4;
}
.meisterCourseContents h5 span {
	display: block;
	font-size: 14px;
	font-weight: 500;
}
.meisterCourseContents h5 span span {
	display: block;
	margin-left: -8px;
	font-size: 30px;
	font-weight: 700;
}
.meisterCourseContents img {
	border-radius: 15px;
}
@media (min-width: 768px) {
#meisterFeature .meisterFeatureBoard p {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
#meisterFeature .meisterFeatureBoard ul {
	border-left: #BABABA 1px dotted;
}
#meisterFeature .meisterFeatureBoard li {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 15px;
}
.meisterFeatureContents dt {
	border-bottom: none;
}
.toggle {
	display: block;
}
.toggle.open {
	display: none;
}
.meisterCourseContents {
	border-bottom: none;
}
}
@media (min-width: 992px) {
.meister #mainLifeContents .mainImg h2 {
    padding-top: 40px;
}
#meisterContents {
	padding-top: 160px;
	padding-bottom: 130px;
}
#meisterContents h3 {
	margin-bottom: 30px;
	font-size: 34px;
}
#meisterContents h3 span {
	margin-bottom: 5px;
	font-size: 15px;
}
#meisterFeature {
	padding-top: 90px;
	padding-bottom: 76px;
}
#meisterFeature h3 {
	margin-bottom: 0;
	font-size: 40px;
}
.meisterFeatureContents {
	margin-top: 70px;
}
.meisterFeatureContents dt {
	font-size: 24px;
}
.meisterFeatureContents dt span {
	font-size: 13px;
}
.meisterFeatureContents dd {
	font-size: 15px;
}
.meisterFeatureContents dd span {
	font-size: 14px;
}
#meisterFeature .meisterFeatureBoard {
	margin-top: 40px;
	padding-top: 70px;
	padding-bottom: 60px;
}
#meisterFeature .meisterFeatureBoard h4 {
	font-size: 26px;
}
#meisterFeature .meisterFeatureBoard p {
	font-size: 15px;
}
#meisterExperiences {
	padding-top: 100px;
	padding-bottom: 100px;
}
#meisterExperiences h5 {
	margin-bottom: 15px;
	font-size: 28px;
}
#meisterExperiences h5 span {
	font-size: 14px;
}
#meisterExperiences p span {
	font-size: 17px;
}
#meisterExperiences dl {
	margin-top: 30px;
}
#meisterExperiences dt {
	margin-bottom: 10px;
	padding-top: 15px;
	font-size: 20px;
	font-weight: 700;
	border-top: #BABABA 1px dotted;
}
#meisterExperiences dt span {
	display: inline-block;
	margin-right: 1em;
	padding: 3px 10px;
	border-radius: 5px;
	font-size: 12px;
	color: #FFF;
	vertical-align: text-bottom;
}
#meisterExperiences dt.experiences1 span { background: #187FA7; }
#meisterExperiences dt.experiences2 span { background: #CD5504; }
#meisterExperiences dt.experiences3 span { background: #43A76D; }
#meisterExperiences dd {
	margin-bottom: 0;
	padding-bottom: 15px;
	border-bottom: #BABABA 1px dotted;
	font-size: 13px;
}
#meisterCourse h3 {
	margin-top: 110px;
	margin-bottom: 20px;
	font-size: 40px;
}
#meisterCourse h3 span {
	display: inline-block;
	margin-left: 2em;
	font-size: 16px;
}
.meisterCourseList {
	margin-top: 20px;
	margin-bottom: 20px;
}
.meisterCourseList dt {
	font-size: 14px;
}
.meisterCourseList dd li a {
	font-size: 14px;
}
#meisterCourse dt.bnrToggle {
	margin-top: 40px;
	border-radius: 5px;
	font-size: 18px;
}
.toggle {
	padding-bottom: 60px;
}
.toggle.open {
	padding-top: 60px;
}
.meisterCourseContents {
	padding-top: 40px;
	padding-bottom: 0;
}
.meisterCourseContents h5 {
	margin-bottom: 15px;
}
.meisterCourseContents h5 span {
	font-size: 15px;
	font-weight: 400;
}
.meisterCourseContents h5 span span {
	margin-left: 0;
	font-size: 40px;
	line-height: 1.2;
}
.meisterCourseContents .col-md-7 {
	font-size: 14px;
}
}


/*	navi
----------------------------------------------------*/
.navi .naviMenuSP {
	position: fixed;
	width: 100%;
	margin-bottom: 0;
    z-index: 10;
	bottom: -300px;
    left: 0;
	transition: 0.5s;
}
.navi .naviMenuSP.panelactive {
	bottom: 0;
	transition: 0.5s;
}
.navi .naviMenuSP dt {
	position: relative;
	width: 50%;
	height: 48px;
	margin-bottom: 0;
	padding-top: 15px;
	padding-bottom: 13px;
	background: #CD5504;
	border-radius: 20px 20px 0 0;
	font-size: 13px;
	font-weight: 700;
	color: #FFF;
}
.navi .naviMenuSP dt::before,
.navi .naviMenuSP dt::after{
    position: absolute;
    content: '';
    width: 15px;
    height: 2px;
    background-color: #FFF;
	transition: 0.5s;
}
.navi .naviMenuSP dt::before{
    top: 50%;
    right: 30px;
    transform: rotate(0deg);
}
.navi .naviMenuSP dt::after{    
    top: 50%;
    right: 30px;
    transform: rotate(90deg);
}
.navi .naviMenuSP dt.btnClose::before{
	display: none;
}
.navi .naviMenuSP dt.btnClose::after{
	transform: rotate(0deg);
}
.navi .naviMenuSP dd {
	width: 100%;
	height: 300px;
	max-height: 300px;
	margin-bottom: 0;
	padding-top: 30px;
	padding-bottom: 23px;
	background: #FFF;
}
.navi .naviMenuSP dd ul {
	margin-bottom: 0;
}
.navi .naviMenuSP dd li {
	margin-top: 4px;
	margin-bottom: 20px;
}
.navi .naviMenuSP dd li a {
	display: block;
	padding-bottom: 6px;
	border-bottom: #BABABA 1px solid;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
}
.navi .naviMenuSP dd .btnBlank2 {
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.4;
}
.navi .naviMenuSP dd .btnBlank2 a {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #FFF url("../img/schoollife/navi/icon_blank.svg") no-repeat center right 20px;
	border: #707070 1px solid;
	border-radius: 100px;
	font-size: 13px;
	font-weight: 700;
}
.navi .naviMenuPC {
	display: none;
}
.navi .btnWindow {
	position: relative;
	margin-top: 30px;
	margin-bottom: 0;
	line-height: 1.4;
}
.navi .btnWindow a {
	display: block;
	padding-top: 15px;
	padding-bottom: 13px;
	background: #FFF url("../img/schoollife/navi/icon_blank.svg") no-repeat center right 20px;
	border: #493C37 4px solid;
	border-radius: 100px;
	font-size: 14px;
	font-weight: 700;
	transition: 0.5s;
}
.navi .btnWindow a:hover {
	background: #493C37 url("../img/schoollife/navi/icon_blank_w.svg") no-repeat center right 20px;
	border: #493C37 4px solid;
	color: #FFF;
}
#naviTopContents {
	position: relative;
	margin-top: 80px;
}
#naviTopContents .mainImg {
	position: relative;
}
#naviTopContents  h2 {
	position: absolute;
	top: 50%;
	left: auto;
	right: auto;
	margin-bottom: 0;
    transform: translateY(-50%);
}
#naviTopContents .mainImg h2 img {
	display: block;
}
#naviKeyPoint {
	padding-top: 50px;
	padding-bottom: 40px;
	overflow: hidden;
}
#naviKeyPoint h3 {
	margin-bottom: 36px;
	padding-bottom: 8px;
	border-bottom: #BABABA 1px solid;
	font-size: 22px;
	font-weight: 700;
}
#naviKeyPoint h3 span {
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #187FA7;
}
.sliderKeyPoint .slideContents dt {
	font-size: 26px;
	font-weight: 700;
}
.sliderKeyPoint .slideContents dt span {
	display: inline-block;
	padding: 2px 6px;
	border: #707070 1px solid;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 700;
}
.sliderKeyPoint .slideContents dd {
	font-size: 13px;
}
.sliderKeyPoint .slideContents dd h4 {
	font-size: 16px;
	font-weight: 700;
}
.sliderKeyPoint .slideContents .btnToLink a::after,
.sliderKeyPoint .slideContents .btnToLink a:hover::after {
	border: none;
}
.modal.fade .modal-dialog.modal-work {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.modal-header {
	border-bottom: none;
}
.modal-header .close {
    padding: 1rem 2rem 0.5rem;
}
.modal-content {
	padding-bottom: 35px;
	border: none;
	border-radius: 40px;
}
.modal-content h5 {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 700;
}
#naviKeyPoint .momotaro {
	margin-top: 50px;
	padding-top: 30px;
	padding-bottom: 15px;
	background: #F7F6F4;
	border-radius: 20px;
}
#naviKeyPoint .momotaro dt {
	font-size: 20px;
	font-weight: 700;
}
#naviKeyPoint .momotaro dt img {
	display: block;
	margin-top: 10px;
	border-radius: 18px;
}
#naviKeyPoint .momotaro dd {
	margin-top: 20px;
	font-size: 14px;
}
#naviKeyPoint .momotaro dd span {
	font-size: 13px;
}
#naviDepartment {
	padding-top: 48px;
	padding-bottom: 30px;
	background: #F7F6F4;
	overflow: hidden;
}
#naviDepartment h3 {
	margin-bottom: 45px;
	padding-bottom: 8px;
	border-bottom: #BABABA 1px solid;
	font-size: 22px;
	font-weight: 700;
}
#naviDepartment h3 span {
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #D97675;
}
#naviDepartment .slideContents a h4 {
	font-size: 16px;
	font-weight: 700;
}
#naviDepartment .slideContents a h4 span {
	display: block;
	font-size: 12px;
}
#naviDepartment .slideContents img {
	display: block;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	margin-bottom: 5px;
	border-radius: 15px;
}
#naviDepartment .btnWindow {
	margin-top: 50px;
}
#naviNumbers {
	padding-top: 48px;
	padding-bottom: 30px;
}
#naviNumbers h3 {
	margin-bottom: 45px;
	padding-bottom: 8px;
	border-bottom: #BABABA 1px solid;
	font-size: 22px;
	font-weight: 700;
}
#naviNumbers h3 span {
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #CD5504;
}
.naviNumbersContents {
	margin-bottom: 10px;
}
.naviNumbersContents dl {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
	margin-bottom: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	border: #F7F6F4 6px solid;
	border-radius: 20px;
}
.naviNumbersContents dt {
	font-size: 16px;
	font-weight: 700;
}
.naviNumbersContents dd {
	margin-bottom: 0;
	font-size: 12px;
	font-weight: 700;
}
.naviNumbersContents dd span {
	font-family: 'Poppins', sans-serif;
	font-size: 38px;
	font-weight: 600;
	vertical-align: baseline;
}
.naviNumbersContents dd p {
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
}
.naviNumbersContents:nth-of-type(1) {
	background: url("../img/schoollife/navi/number/bg_01.svg") no-repeat center center;
	color: #187FA7;
}
.naviNumbersContents:nth-of-type(2) {
	background: url("../img/schoollife/navi/number/bg_02.svg") no-repeat center center;
	color: #DEA700;
}
.naviNumbersContents:nth-of-type(3) {
	background: url("../img/schoollife/navi/number/bg_03.svg") no-repeat center bottom 15px;
	color: #43A76D;
}
.naviNumbersContents:nth-of-type(3) dd span {
	display: block;
	margin-top: -25px;
}
.naviNumbersContents:nth-of-type(4) {
	background: url("../img/schoollife/navi/number/bg_04.svg") no-repeat center center;
	color: #CD5504;
}
.naviNumbersContents:nth-of-type(4) dd {
	font-size: 13px;
	line-height: 1.1;
}
.naviNumbersContents:nth-of-type(4) dd span {
	font-size: 30px;
}
.naviNumbersContents:nth-of-type(5) {
	background: url("../img/schoollife/navi/number/bg_05.svg") no-repeat center center;
	color: #E07A7A;
}
.naviNumbersContents:nth-of-type(6) {
	background: url("../img/schoollife/navi/number/bg_06.svg") no-repeat center center;
	color: #187FA7;
}
.naviNumbersContents:nth-of-type(7) {
	background: url("../img/schoollife/navi/number/bg_07.svg") no-repeat center center;
	color: #43A76D;
}
.naviNumbersContents:nth-of-type(8) {
	background: url("../img/schoollife/navi/number/bg_08.svg") no-repeat center center;
	color: #DEA700;
}
#naviCareerSupport {
	padding-top: 48px;
	padding-bottom: 48px;
	background: #F7F6F4;
	overflow: hidden;
}
#naviCareerSupport h3 {
	margin-bottom: 45px;
	padding-bottom: 8px;
	border-bottom: #BABABA 1px solid;
	font-size: 22px;
	font-weight: 700;
}
#naviCareerSupport h3 span {
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #43A76D;
}
#naviCareerSupport .slideContents {
    position: relative;
	margin: 0 10px;
	padding: 30px;
    background: #FFF;
    border: #E8E6E1 6px solid;
	border-radius: 60px;
}
#naviCareerSupport .slideContents::before {
    content: "";
    width: 150px;
    height: 8px;
    background: linear-gradient(#F7F6F4 49% ,#FFF 50%);
    display: inline-block;
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
}
#naviCareerSupport .slideContents dt {
	margin-top: -54px;
    margin-bottom: 20px;
	font-size: 18px;
	font-weight: 700;
}
#naviCareerSupport .slideContents dt span {
	display: block;
	margin-bottom: 10px;
	font-family: 'Poppins', sans-serif;
	font-size: 28px;
	font-weight: 400;
}
#naviCareerSupport .slideContents dd {
	line-height: 1.6;
}
#naviSchoolLife {
	padding-top: 48px;
	padding-bottom: 48px;
}
#naviSchoolLife h3 {
	margin-bottom: 0;
	font-size: 22px;
	font-weight: 700;
}
#naviSchoolLife h3 span {
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #DEA700;
}
.naviLifeContents {
	margin-top: 30px;
}
#naviSchoolLife dl {
	margin-bottom: 0;
}
#naviSchoolLife dt {
	margin-bottom: 6px;
	font-size: 20px;
	font-weight: 700;
}
#naviSchoolLife dt img {
	display: block;
	margin-bottom: 6px;
}
#naviUniform {
	padding-top: 48px;
	padding-bottom: 48px;
	background: #F7F6F4;
}
#naviUniform h3 {
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 700;
}
#naviUniform h3 span {
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #187FA7;
}
#naviUniform img {
	display: block;
	margin-top: 30px;
	border-radius: 15px;
}
#naviFees {
	padding-top: 48px;
	padding-bottom: 48px;
}
#naviFees h3 {
	margin-bottom: 20px;
	font-size: 22px;
	font-weight: 700;
}
#naviFees h3 span {
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #E07A7A;
}
.navi #naviFees .btnWindow:last-of-type {
	margin-top: 10px;
}
#naviFees table {
	width: 1200px;
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: separate;
    border-radius: 10px;
    border-top: 1px solid #9F9E9E;
    border-left: 1px solid #9F9E9E;
}
#naviFees table th,
#naviFees table td {
    border-right: 1px solid #9F9E9E;
    border-bottom: 1px solid #9F9E9E;
	vertical-align: middle;
}
#naviFees table th {
	padding: 10px;
	background: #F7F6F4;
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
}
#naviFees table td {
	padding: 10px 0;
	font-size: 15px;
}
#naviFees table .borderTL {
	border-radius: 10px 0 0 0;
}
#naviFees table .borderTR {
	border-radius: 0 10px 0 0;
}
#naviFees table .borderBL {
	border-radius: 0 0 0 10px;
}
#naviFees table .borderBR {
	border-radius: 0 0 10px 0;
}
#naviFees .attention {
	margin-bottom: 1em;
	font-size: 13px;
}
#naviDomitory {
	padding-top: 48px;
	padding-bottom: 40px;
	background: #F7F6F4;
}
#naviDomitory h3 {
	margin-bottom: 0;
	font-size: 22px;
	font-weight: 700;
}
#naviDomitory h3 span {
	display: block;
	font-family: 'Poppins', sans-serif;
	font-size: 12px;
	font-weight: 600;
	color: #CD5504;
}
.naviDomitoryContents {
	margin-top: 32px;
}
#naviDomitory dt {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: 700;
}
#naviDomitory dd img {
	border-radius: 15px;
}
#naviBnrContents {
	padding-top: 20px;
	padding-bottom: 60px;
}
#naviBnrContents ul {
	margin-bottom: 0;
}
#naviBnrContents li {
    overflow: hidden;
    position: relative;
	margin-top: 20px;
    cursor: pointer;
	border-radius: 10px;
}
#naviBnrContents li a {
	display: block;
	height: 148px;
	border-radius: 10px;
	font-size: 18px;
	font-weight: 700;
	color: #FFF;
	text-align: center;
	line-height: 148px;
    transition: transform .6s ease;
}
#naviBnrContents li a:hover {
  	transform: scale(1.1);
}
#naviBnrContents li.menu01 a { background: url("../img/schoollife/navi/bg_menu_02.png") no-repeat center/cover; }
#naviBnrContents li.menu02 a { background: url("../img/schoollife/navi/bg_menu_01.png") no-repeat center/cover; }
@media (min-width: 768px) {
.navi .naviMenuSP {
	display: none;
}
#naviKeyPoint .slider, #naviDepartment .slider {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
#naviCareerSupport .slideContents {
	margin: 0 0 28px;
	padding-top: 40px;
	padding-bottom: 30px;
}
#naviUniform img {
	margin-top: 0;
}
.navi #naviFees .btnWindow:last-of-type {
	margin-top: 30px;
}
}
@media (min-width: 992px) {
.navi .naviMenuPC {
	display: block;
	opacity: 0;
	position: fixed;
	top: calc(50% + 40px);
	transform: translateY(-50%);
	left: -100%;
	width: 245px;
	background: #F7F6F4;
	padding: 50px 20px 30px 30px;
	border: #E8E6E1 6px solid;
	border-radius: 0 30px 30px 0;
	transition-duration: .5s;
}
.navi .naviMenuPC.fixed {
    position: fixed;
    left: -6px;
	top: calc(50% + 40px);
	transform: translateY(-50%);
    z-index: 2;
	opacity: 1;
}
.navi .naviMenuPC.fixed.none {
	top: calc(50% +40px);
	transform: translateY(-50%);
	left: -100%;
    opacity: 0;
    z-index: -1;
}
.navi .naviMenuPC ul {
	margin-bottom: 0;
}
.navi .naviMenuPC li a {
	display: block;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: 700;
}
.navi .naviMenuPC li a.current {
	color: #BABABA;
}
.navi .naviMenuPC li a span {
	display: inline-block;
	margin-left: 21px;
}
.navi .naviMenuPC li a input[type="radio"] {
    position: relative;
    width: 15px;
    height: 15px;
	margin-right: 6px;
	margin-bottom: 0;
    border: #707070 2px solid;
    border-radius: 50%;
    vertical-align: -2px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	pointer-events: none;
}
.navi .naviMenuPC li a input[type="radio"]:checked:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #707070;
}
.navi .naviMenuPC .btnBlank2 {
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.4;
}
.navi .naviMenuPC .btnBlank2:first-of-type {
	margin-bottom: 10px;
}
.navi .naviMenuPC .btnBlank2 a {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 1.5em;
	background: #FFF url("../img/schoollife/navi/icon_blank.svg") no-repeat center right 20px;
	border: #707070 2px solid;
	border-radius: 100px;
	font-size: 14px;
	font-weight: 700;
}
.navi .naviMenuPC .btnBlank2 a:hover {
	background: #493C37 url("../img/schoollife/navi/icon_blank_w.svg") no-repeat center right 20px;
	border: #493C37 2px solid;
	color: #FFF;
}
#naviKeyPoint.container, #naviDepartment .container, #naviNumbers.container,
#naviCareerSupport .container, #naviSchoolLife.container, #naviUniform .container,
#naviFees.container, #naviDomitory .container {
	margin-left: 245px;
    margin-right: auto;
    width: calc(100% - 245px);
}
#naviTopContents {
	margin-top: 100px;
}
#naviKeyPoint {
	padding-top: 110px;
}
#naviKeyPoint h3 {
	margin-bottom: 40px;
	padding-bottom: 0;
	border-bottom: none;
	font-size: 30px;
}
#naviKeyPoint h3 span {
	font-size: 16px;
}
.sliderKeyPoint .slideContents {
	margin-bottom: 60px;
}
.sliderKeyPoint .slideContents dl.row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.sliderKeyPoint .slideContents dt {
	margin-bottom: 10px;
	font-size: 24px;
}
.sliderKeyPoint .slideContents dt span {
	padding: 2px 6px;
	font-size: 14px;
}
.sliderKeyPoint .slideContents dd {
	font-size: 14px;
}
.sliderKeyPoint .slideContents dd h4 {
	font-size: 14px;
}
.sliderKeyPoint .slideContents .btnToLink {
    margin-top: 20px;
}
.modal-content h5 {
	margin-bottom: 40px;
	font-size: 32px;
}
.modal-dialog {
    max-width: 960px;
}
.modal-body {
	padding-left: 80px;
	padding-right: 80px;
}
#naviKeyPoint .momotaro {
	margin: 0;
	padding-top: 30px;
	padding-bottom: 30px;
}
#naviKeyPoint .momotaro dt {
	margin-bottom: 0;
	font-size: 18px;
}
#naviDepartment {
	padding-top: 96px;
	padding-bottom: 86px;
}
#naviDepartment h3 {
	margin-bottom: 20px;
	padding-bottom: 0;
	border-bottom: none;
	font-size: 30px;
}
#naviDepartment h3 span {
	font-size: 16px;
}
#naviDepartment .slideContents {
	margin-bottom: 25px;
}
#naviDepartment .slideContents a h4 {
	display: block;
	margin-top: 10px;
	background: url("../img/schoollife/navi/icon_arrow.svg") no-repeat top right;
}
#naviDepartment .slideContents a h4 span {
	margin-top: 4px;
	font-size: 10px;
}
#naviDepartment .slideContents img {
	display: block;
	margin-bottom: 5px;
	border-radius: 15px;
}
#naviDepartment .btnWindow {
	margin-top: 25px;
}
#naviNumbers {
	padding-top: 78px;
	padding-bottom: 60px;
}
#naviNumbers h3 {
	margin-bottom: 20px;
	padding-bottom: 0;
	border-bottom: none;
	font-size: 30px;
}
#naviNumbers h3 span {
	font-size: 16px;
}
.naviNumbersContents dl {
	padding-top: 25px;
	padding-bottom: 25px;
}
.naviNumbersContents dt {
	font-size: 20px;
}
.naviNumbersContents dd {
	font-size: 14px;
}
.naviNumbersContents dd span {
	font-size: 55px;
}
.naviNumbersContents dd p {
	font-size: 16px;
}
.naviNumbersContents:nth-of-type(1) {
	background: url("../img/schoollife/navi/number/bg_01.svg") no-repeat center center/60%;
}
.naviNumbersContents:nth-of-type(2) {
	background: url("../img/schoollife/navi/number/bg_02.svg") no-repeat center center/auto 60%;
}
.naviNumbersContents:nth-of-type(3) {
	background: url("../img/schoollife/navi/number/bg_03.svg") no-repeat center bottom 30px/70%;
}
.naviNumbersContents:nth-of-type(3) dd span {
	margin-top: -35px;
}
.naviNumbersContents:nth-of-type(4) {
	background: url("../img/schoollife/navi/number/bg_04.svg") no-repeat center center/50%;
}
.naviNumbersContents:nth-of-type(4) dd {
	font-size: 16px;
}
.naviNumbersContents:nth-of-type(4) dd span {
	font-size: 43px;
}
.naviNumbersContents:nth-of-type(5) {
	background: url("../img/schoollife/navi/number/bg_05.svg") no-repeat center center/45%;
}
.naviNumbersContents:nth-of-type(6) {
	background: url("../img/schoollife/navi/number/bg_06.svg") no-repeat center center/45%;
}
.naviNumbersContents:nth-of-type(7) {
	background: url("../img/schoollife/navi/number/bg_07.svg") no-repeat center center/50%;
}
.naviNumbersContents:nth-of-type(8) {
	background: url("../img/schoollife/navi/number/bg_08.svg") no-repeat center center/50%;
}
#naviCareerSupport {
	padding-top: 77px;
	padding-bottom: 80px;
}
#naviCareerSupport h3 {
	margin-bottom: 45px;
	padding-bottom: 8px;
	border-bottom: none;
	font-size: 30px;
}
#naviCareerSupport h3 span {
	font-size: 16px;
}
#naviCareerSupport .slideContents:last-of-type {
	margin-bottom: 0;
}
#naviCareerSupport .slideContents::before {
    width: 120px;
    height: 8px;
    top: -8px;
    left: 75px;
    transform: translateX(0);
}
#naviCareerSupport .slideContents dt {
	margin-top: -56px;
    margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: #43A76D 1px dotted;
	font-size: 24px;
}
#naviCareerSupport .slideContents dt span {
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: 400;
}
#naviCareerSupport .slideContents dd {
	line-height: 1.8;
}
#naviSchoolLife {
	padding-top: 77px;
	padding-bottom: 95px;
}
#naviSchoolLife h3 {
	font-size: 30px;
}
#naviSchoolLife h3 span {
	font-size: 16px;
}
#naviSchoolLife dt {
	margin-bottom: 14px;
	font-size: 24px;
}
#naviSchoolLife dt img {
	margin-bottom: 20px;
}
#naviSchoolLife dd {
	font-size: 15px;
}
#naviUniform {
	padding-top: 73px;
	padding-bottom: 67px;
}
#naviUniform h3 {
	margin-top: 50px;
	margin-bottom: 20px;
	font-size: 30px;
}
#naviUniform h3 span {
	font-size: 16px;
}
#naviFees {
	padding-top: 77px;
	padding-bottom: 80px;
}
#naviFees h3 {
	margin-bottom: 30px;
	font-size: 30px;
}
#naviFees h3 span {
	font-size: 16px;
}
#naviFees table {
	display: table;
	width: 100%;
}
#naviFees table th {
	font-size: 15px;
}
#naviFees table td {
	font-size: 14px;
}
#naviFees .attention {
	margin-bottom: 2em;
	font-size: 14px;
}
#naviDomitory {
	padding-top: 77px;
	padding-bottom: 80px;
}
#naviDomitory h3 {
	font-size: 30px;
}
#naviDomitory h3 span {
	font-size: 16px;
}
#naviBnrContents {
	padding-top: 80px;
	padding-bottom: 90px;
}
#naviBnrContents li {
	margin-top: 0;
	border-radius: 15px;
}
#naviBnrContents li a {
	height: 195px;
	border-radius: 15px;
	font-size: 25px;
	line-height: 195px;
}
}


/*	uniform
----------------------------------------------------*/
#topUniformContents {
	position: relative;
	padding-top: 70px;
	padding-bottom: 36px;
	background: #F7F6F4;
}
#topUniformContents .mainImg {
	position: relative;
}
#topUniformContents .mainImg h2 {
	position: absolute;
	top: 40px;
	left: auto;
	right: auto;
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #FFF;
}
#topUniformContents .mainImg h2 img {
	display: block;
	margin-top: 10px;
}
#topUniformContents h3 {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: 700;
}
#topUniformContents .pageNav ul {
	margin-top: 30px;
	margin-bottom: 0;
}
#topUniformContents .pageNav li {
	margin: 0 10px;
	background: #FFF;
	border: #493C37 1px solid;
	border-radius: 12px;
}
#topUniformContents .pageNav li a {
	display: block;
	position: relative;
	padding: 6px 30px 10px;
	font-size: 12px;
	font-weight: 700;
	line-height: 2em;
}
#topUniformContents .pageNav li a::before,#topUniformContents .pageNav li a::after{
    content: "";
    display: block;
    width: 8px;
    height: 1px;
    background: #493C37;
    position: absolute;
    bottom: 4px;
	left: calc(50% - 8px);
    transform: rotate(30deg);
    transform-origin: calc(100%) 50%;
}    
#topUniformContents .pageNav li a::after{
    transform: rotate(150deg);
}
#uniformNews {
	padding-top: 50px;
}
#uniformNews .contents {
    position: relative;
	margin: 0 10px;
	padding: 15px 30px;
    background: #FFF;
    border: #E8E6E1 6px solid;
	border-radius: 60px;
}
#uniformNews .contents::before {
    content: "";
    width: 100px;
    height: 8px;
    background: #FFF;
    display: inline-block;
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
}
#uniformNews .contents dt {
	margin-top: -54px;
    margin-bottom: 20px;
	font-size: 24px;
	font-weight: 700;
}
#uniformNews .contents dt span.title {
	display: block;
	margin-bottom: 10px;
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
}
#uniformNews .contents dt span.year {
	font-size: 18px;
	font-weight: 400;
}
#uniformNews .contents dd {
	line-height: 1.6;
}
#uniformNews .contents dd.announce {
	margin-top: 0.8em;
	padding-top: 8px;
	padding-bottom: 8px;
	background: #493C37;
	border-radius: 5px;
	font-size: 15px;
	font-weight: 700;
	color: #FFF;
}
#uniformNews p {
	margin-top: 20px;
	padding-bottom: 10px;
	font-size: 15px;
}
#girlsUniform {
	padding-top: 40px;
}
#boysUniform {
	padding-top: 80px;
	padding-bottom: 50px;
}
#girlsUniform h3, #boysUniform h3 {
	font-size: 22px;
	font-weight: 700;
}
#girlsUniform ul, #boysUniform ul {
	margin-top: 20px;
	margin-bottom: 0;
	padding-bottom: 70px;
	overflow: hidden;
}
#girlsUniform .slideContents, #boysUniform .slideContents {
	font-size: 16px;
	font-weight: 700;
}
#girlsUniform .slideContents img,
#boysUniform .slideContents img {
	display: block;
	margin-bottom: 10px;
	width: 100%;
}
#girlsUniform h4, #boysUniform h4 {
	margin-top: 40px;
	margin-bottom: 30px;
	padding-top: 3px;
	padding-bottom: 5px;
	background: #493C37;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 700;
	color: #FFF;
}
@media (min-width: 768px) {
#topUniformContents .pageNav li a {
	padding: 10px 100px 10px 75px;
	font-size: 14px;
	line-height: 1.4;
}
#topUniformContents .pageNav li a::before,#topUniformContents .pageNav li a::after{
    width: 8px;
    height: 1px;
    background: #493C37;
    position: absolute;
    bottom: calc(50% - 2px);
	left: auto;
	right: 35px;
}
#uniformNews {
	padding-top: 58px;
}
#uniformNews .contents {
	margin: 0 10px;
	padding: 40px 90px;
}
#uniformNews .contents::before {
    width: 100px;
    height: 8px;
    top: -8px;
    left: 75px;
    transform: translateX(0);
}
#uniformNews .contents dt {
	margin-top: -60px;
}
#uniformNews .contents dt span.title {
	text-align: left;
}
#uniformNews .contents dd {
	font-size: 15px;
	line-height: 1.8;
	font-weight: 400;
}
#uniformNews .contents dd.announce {
	padding-top: 4px;
	padding-bottom: 4px;
}
#uniformNews p {
	margin-top: 20px;
	padding-bottom: 10px;
	font-size: 15px;
}
#girlsUniform .slider, #boysUniform .slider {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
#girlsUniform h4, #boysUniform h4 {
    margin-top: 0;
}
#girlsUniform .slideContents, #boyssUniform .slideContents {
	margin-bottom: 40px;
}
}
@media (min-width: 992px) {
#topUniformContents {
	padding-bottom: 40px;
	background: #F7F6F4 url("../img/schoollife/uniform/bg_top.svg") no-repeat center bottom;
}
#topUniformContents .mainImg img {
	width: 100%;
	height: auto;
}
#topUniformContents .mainImg h2 {
	position: absolute;
	top: 90px;
	font-size: 25px;
}
#topUniformContents .mainImg h2 img {
	width: 199px;
	height: auto;
}
#topUniformContents h3 {
	margin-top: 80px;
	margin-bottom: 30px;
}
#girlsUniform {
	padding-top: 80px;
}
#boysUniform {
	padding-top: 110px;
	padding-bottom: 120px;
}
#girlsUniform h4, #boysUniform h4 {
	font-size: 18px;
}
}

/*	news
----------------------------------------------------*/
.newsArchiveContents dl {
	margin-top: 12px;
	margin-bottom: 0;
	border-bottom: #BABABA 1px solid;
}
.newsArchiveContents dt {
	padding-top: 15px;
	padding-bottom: 3px;
	border-top: #BABABA 1px solid;
	font-size: 12px;
	font-weight: 400;
}
.newsArchiveContents dd {
	padding-top: 3px;
	padding-bottom: 15px;
	font-size: 14px;
	font-weight: 700;
}
@media (min-width: 992px) {
.news h2 {
	margin-top: 90px;
}
.newsArchiveContents dl {
	margin-top: 40px;
	margin-bottom: 20px;
}
.newsArchiveContents dt {
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 15px;
}
.newsArchiveContents dd {
	margin-bottom: 0;
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: #BABABA 1px solid;
	font-size: 15px;
}
}


/*	message
----------------------------------------------------*/
.message .contents h2 {
	font-size: 22px;
}
.message ul.catNavi {
	position: relative;
	margin-top: 14px;
	margin-bottom: 40px;
}
.message ul.catNavi::after {
    content: '';
    display: inline-block;
	width: 100%;
	height: 1px;
    background-color: #BABABA;
    position: absolute;
    bottom: -34px;
    left: 0;
}
.message ul.catNavi li a {
	font-size: 16px;
	font-weight: 700;
	color: #493C37;
}
.message ul.catNavi li{
	padding-top: 26px;
	padding-bottom: 24px;
	border-top: #707070 1px solid;
	border-bottom: #707070 1px solid;
}
.message ul.catNavi li:first-child {
	padding-left: 2em;
	border-top: #707070 1px solid;
	border-bottom: #707070 1px solid;
	border-left: #707070 1px solid;
	border-radius: 100px 0 0 100px;
}
.message ul.catNavi li:last-child {
	padding-right: 2em;
	border-top: #707070 1px solid;
	border-bottom: #707070 1px solid;
	border-right: #707070 1px solid;
	border-radius: 0 100px 100px 0;
}
.message ul.catNavi li.active a {
	border-bottom: #493C37 4px solid;
	color: #BABABA;
}
.messageContents {
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: #BABABA 1px solid;
}
.messageContents h3 {
	margin-bottom: 10px;
	font-size: 22px;
	font-weight: 700;
}
.messageContents h3 span {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 3px;
	padding: 3px 8px;
	border: #707070 1px solid;
	border-radius: 5px;
	font-size: 14px;
	vertical-align: bottom;
}
.messageContents img {
	border-radius: 15px;
}
.messageContents h4 {
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.6;
}
.messageContents ul {
	margin-bottom: 20px;
}
.messageContents li {
	margin-right: 1em;
	padding-left: 5px;
	font-size: 14px;
	color: #43A76D;
	text-indent: -5px;
}
.messageContents li::before {
    content:  '#';
	text-indent: -5px;
}
.messageCharge {
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	background: #F7F6F4;
}
.messageComment {
	line-height: 1.8;
}
@media (min-width: 768px) {
.messageCharge {
	margin-top: 0;
}
}
@media (min-width: 992px) {
.message .contents h2 {
	font-size: 32px;
}
.message ul.catNavi {
	margin-top: 30px;
	margin-bottom: 60px;
}
.message ul.catNavi::after {
    bottom: -60px;
}
.messageContents {
	padding-top: 60px;
	padding-bottom: 60px;
}
.messageContents h3 {
	font-size: 25px;
}
.messageContents h3 span {
	margin-bottom: 1px;
}
.messageContents img {
	border-radius: 15px;
}
.messageContents h4 {
	margin-top: 20px;
	font-size: 18px;
}
.messageCharge {
	font-size: 15px;
}
.messageComment {
	line-height: 2;
}
}


/*	open_school
----------------------------------------------------*/
#openSchoolTopContents {
	position: relative;
	padding-top: 70px;
	padding-bottom: 0;
}
#openSchoolTopContents .mainImg {
	margin-top: 10px;
	margin-bottom: 20px;
}
#openSchoolTopContents .mainImg .slideTop li {
	position: relative;
}
#openSchoolTopContents .mainImg .slideTop li span {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
}
#openSchoolTopContents .mainImg .slideTop li span img {
	width: 100% !important;
	height: 100% !important;
}
#openSchoolTopContents h3 {
	margin-top: 40px;
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: 700;
}
.open_school .blogSlideContents {
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}
.open_school .blogSlideContents dt {
	padding-top: 5px;
	padding-bottom: 3px;
	border-radius: 10px 10px 0 0 ;
	font-size: 13px;
	font-weight: 700;
	color: #FFF;
}
.open_school .blogSlideContents dt.openschool { background: #187FA7; }
.open_school .blogSlideContents dt.challenge { background: #DEA700; }
.open_school .blogSlideContents dd {
	padding: 10px 5px 20px;
	border-left: #BABABA 1px solid;
	border-right: #BABABA 1px solid;
	border-bottom: #BABABA 1px solid;
	border-radius: 0 0 10px 10px;
}
.open_school #openSchoolTopContents .blogSlideContents dl {
	position: relative;
}
.open_school #openSchoolTopContents .blogSlideContents dd {
	height: 180px !important;
}
.open_school .blogSlideContents dd.scheduleClose,
.open_school #openSchoolTopContents .blogSlideContents dd.scheduleClose {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100% !important;
    margin-bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    border: none;
    border-radius: 10px;
	color: #FFF;
    text-align: center;
}
.open_school .blogSlideContents dd.scheduleClose {
	padding-top: calc(100% + 0.5em) !important;
}
.open_school #openSchoolTopContents .blogSlideContents dd.scheduleClose {
	padding-top: calc(50% + 0.5em) !important;
}
.open_school .blogSlideContents dd h4 {
	height: 2.4em;
	margin-top: 0;
	font-size: 13px;
	font-weight: 700;
}
.open_school .blogSlideContents dd .schedule {
	font-size: 30px;
	font-weight: 700;
	line-height: 1.3;
}
.open_school .blogSlideContents dd .schedule span {
	display:  inline-block;
	margin-left: 0.3em;
	font-size: 13px;
}
.open_school .blogSlideContents dd .entry {
	margin-top: 10px;
	margin-left: 10px;
    margin-right: 10px;
}
.open_school .blogSlideContents dd .entry a {
	display: block;
	position: relative;
	padding-top: 3px;
	background: #A71F29;
	border-radius: 100px;
	font-weight: 700;
	transition: 0.5s;
	color: #FFF;
}
.open_school .blogSlideContents dd .entry a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    width: 0.5em;
    height: 0.5em;
	padding-bottom: 6px;
    transform: translateY(-50%) rotate(45deg);
    border-right: #FFF 1.5px solid;
    border-top: #FFF 1.5px solid;
}
.open_school .blogSlideContents dd .entry a:hover {
	background: #C1535B;
}
#openSchoolTopContents .pageNav {
	margin-top: 60px;
	transition-duration: .5s;
}
#openSchoolTopContents .pageNav li {
	margin-bottom: 10px;
}
#openSchoolTopContents .pageNav li a {
	display: block;
	position: relative;
	padding: 6px 10px 10px;
	background: #FFF;
	border: #493C37 1px solid;
	border-radius: 12px;
	font-size: 12px;
	font-weight: 700;
}
#openSchoolTopContents .pageNav li a::before,#openSchoolTopContents .pageNav li a::after{
    content: "";
    display: block;
    width: 8px;
    height: 1px;
    background: #493C37;
    position: absolute;
    bottom: 4px;
	left: calc(50% - 8px);
    transform: rotate(30deg);
    transform-origin: calc(100%) 50%;
}    
#openSchoolTopContents .pageNav li a::after{
    transform: rotate(150deg);
}
#openSchoolPoint {
	padding-top: 35px;
	background: #F7F6F4;
}
#openSchoolPoint h3,
#openSchoolExperience h3,
#openSchoolEventReport h3,
#openSchoolEventList h3 {
	margin-bottom: 35px;
	font-size: 24px;
	font-weight: 700;
}
#openSchoolPoint h3 span,
#openSchoolExperience h3 span,
#openSchoolEventReport h3 span,
#openSchoolEventList h3 span {
	display: block;
	margin-bottom: 5px;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #DEA700;
}
#openSchoolPoint h3 {
	margin-bottom: 35px;
}
#openSchoolPoint .openSchoolPointContents {
	margin-bottom: 35px;
}
#openSchoolPoint .openSchoolPointContents dl {
	margin-bottom: 0;
}
#openSchoolPoint .openSchoolPointContents dt {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: #BABABA 1px dotted;
	font-size: 20px;
	font-weight: 700;
}
#openSchoolPoint .openSchoolPointContents dt img {
	display: block;
	margin-bottom: 20px;
}
#openSchoolPoint .openSchoolPointContents dd {
}
#openSchoolExperience {
	padding-top: 67px;
	padding-bottom: 50px;
}
#openSchoolExperience h3 {
	margin-bottom: 20px;
}
#openSchoolExperience .openSchoolExperienceContents {
	margin-top: 20px;
}
#openSchoolExperience .openSchoolExperienceContents dl {
	background: #FFF;
	border-radius: 30px;
	box-shadow: 0px 0px 10px -5px #a8a8a8;
}
#openSchoolExperience .openSchoolExperienceContents dt {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 700;
}
#openSchoolExperience .openSchoolExperienceContents dt img {
	display: block;
	margin-bottom: 6px;
}
#openSchoolExperience .openSchoolExperienceContents dt span {
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0 -15px 10px;
	border-radius: 30px 30px 0 0;
	font-size: 12px;
	color: #FFF;
}
#openSchoolExperience .openSchoolExperienceContents dt.cook span { background: #DEA700; }
#openSchoolExperience .openSchoolExperienceContents dt.seika span { background: #CD5504; }
#openSchoolExperience .openSchoolExperienceContents dt.kikai span { background: #43A76D; }
#openSchoolExperience .openSchoolExperienceContents dt.car span { background: #187FA7; }
#openSchoolExperience .openSchoolExperienceContents dt.general span { background: #E07A7A; }
#openSchoolExperience .openSchoolExperienceContents dd {
	font-size: 13px;
}
#openSchoolEventReport {
	padding-top: 55px;
	background: #F7F6F4;	
}
#openSchoolEventReport .blog .date span {
	margin-top: 10px;
	margin-left: 0.5em;
    padding: 2px 10px 0 10px;
    font-size: 10px;
	line-height: 1.8;
}
#openSchoolEventReport .blog .contents h4 {
	margin-top: 15px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 700;
}
#openSchoolEventReport .videoShootingTeam {
	margin-top: 50px;
	margin-bottom: 70px;
	padding-top: 37px;
	padding-bottom: 20px;
	background: #FFF;
	border-radius: 30px;
	box-shadow: 0px 0px 10px -5px #a8a8a8;
}
#openSchoolEventReport .videoShootingTeam h4 {
	margin-bottom: 20px;
	font-size: 24px;
	font-weight: 700;
}
#openSchoolEventReport .videoShootingTeam h4 span {
	display: block;
	margin-bottom: 5px;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #DEA700;
}
#openSchoolEventReport .videoShootingTeam dt img {
	margin-bottom: 20px;
	border-radius: 30px;
}
#openSchoolEventList .container {
	padding-bottom: 30px;
}
#openSchoolEventList {
	padding-top: 47px;
}
#openSchoolEventList h3 {
	margin-bottom: 5px;
}
#openSchoolEventList .eventListContents {
	margin-top: 30px;
}
#openSchoolEventList .blogSlideContents dt {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 16px;
}
#openSchoolEventList .blogSlideContents dd h4 {
	font-size: 17px;
}
#openSchoolEventList .blogSlideContents dd .schedule {
	display: inline;
}
#openSchoolEventList .blogSlideContents dd .mainText {
	margin-top: 1em;
	margin-bottom: 14px;
}
#openSchoolEventList .blogSlideContents dd .btnPDF {
	margin-top: 10px;
	margin-bottom: 0;
}
#openSchoolEventList .blogSlideContents dd .btnPDF a {
	border: #493C37 1px solid;
}
#openSchoolEventList .blogSlideContents dd .image {
	margin-top: 1.5em;
}
#openSchoolEventList .blogSlideContents dd .image img {
	border-radius: 0;
	aspect-ratio: auto;
}
#openSchoolEventList .blogSlideContents dd .entryBlank {
	margin-top: 20px;
}
#openSchoolEventList .blogSlideContents dd .entryBlank a {
	display: block;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #A71F29 url("../img/common/icon_blank_w.svg") no-repeat center right 20px;
	border-radius: 100px;
	font-weight: 700;
	transition: 0.5s;
	color: #FFF;
}
#openSchoolEventList .blogSlideContents dd .entryBlank a:hover {

	background: #C1535B url("../img/common/icon_blank_w.svg") no-repeat center right 20px;
}
.open_school .slick-animation {
    animation: fadezoom 5s 0s forwards;
}
@keyframes fadezoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.03);
  }
}
@media (min-width: 768px) {
#openSchoolTopContents h2 {
	margin-top: -130px;
}
#openSchoolPoint .openSchoolPointContents dt img {
	width: auto;
	height: 95px;
}
#openSchoolEventList .container {
	padding-bottom: 60px;
}
.open_school .blogSlideContents dd.scheduleClose {
	padding-top: calc(30% + 0.5em) !important;
}
}
@media (min-width: 992px) {
#openSchoolTopContents {
	padding-top: 83px;
}
#openSchoolTopContents .mainImg {
	margin-top: 20px;
	margin-bottom: 0;
}
#openSchoolTopContents h2 {
	margin-top: -170px;
}
#openSchoolTopContents h3 {
	margin-top: 80px;
	margin-bottom: 32px;
	font-size: 35px;
	letter-spacing: 0.1em;
}
#openSchoolTopContents .blogSlideContents dt {
	padding-top: 5px;
	padding-bottom: 3px;
	font-size: 16px;
}
#openSchoolTopContents .blogSlideContents dd {
	padding: 10px 20px 20px;
}
#openSchoolTopContents .blogSlideContents dd h4 {
	font-size: 14px;
}
#openSchoolTopContents .blogSlideContents dd .schedule {
	font-size: 40px;
}
#openSchoolTopContents .blogSlideContents dd .schedule span {
	margin-left: 0.5em;
	font-size: 16px;
}
.open_school .blogSlideContents dd .entry {
    margin-left: 0;
    margin-right: 0;
}
#openSchoolTopContents .blogSlideContents dd .entry a {
	display: block;
	position: relative;
	background: #A71F29;
	border-radius: 100px;
	font-weight: 700;
	transition: 0.5s;
	color: #FFF;
}
.open_school #openSchoolTopContents .blogSlideContents dd {
	height: 220px !important;
}
#openSchoolTopContents .pageNav {
	margin-bottom: 60px;
}
#openSchoolTopContents .pageNav li {
	border-radius: 100px;
}
#openSchoolTopContents .pageNav li a {
	padding: 10px 40px 10px 15px;
	border-radius: 100px;
	font-size: 15px;
	line-height: 1.4;
}
#openSchoolTopContents .pageNav li a::before,#openSchoolTopContents .pageNav li a::after{
    width: 8px;
    height: 1px;
    background: #493C37;
    position: absolute;
    bottom: calc(50% - 2px);
	left: auto;
	right: 20px;
} 
#openSchoolPoint {
	padding-top: 78px;
}
#openSchoolPoint h3,
#openSchoolExperience h3,
#openSchoolEventReport h3,
#openSchoolEventList h3 {
	font-size: 32px;
	letter-spacing: 0.1em;
}
#openSchoolPoint h3 span,
#openSchoolExperience h3 span,
#openSchoolEventReport h3 span,
#openSchoolEventList h3 span {
	margin-bottom: 10px;
	font-size: 16px;
	letter-spacing: 0;
}
#openSchoolPoint h3 {
	margin-bottom: 45px;
}
#openSchoolPoint .openSchoolPointContents {
	margin-bottom: 70px;
}
#openSchoolPoint .openSchoolPointContents dl {
	margin-bottom: 0;
}
#openSchoolPoint .openSchoolPointContents dt {
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-size: 26px;
}
#openSchoolPoint .openSchoolPointContents dt img {
	margin-bottom: 30px;
}
#openSchoolExperience {
	padding-top: 120px;
	padding-bottom: 100px;
}
#openSchoolExperience h3 {
	margin-bottom: 20px;
}
#openSchoolExperience .openSchoolExperienceContents dt {
	position: relative;
	margin-bottom: 10px;
	padding-top: 40px;
	font-size: 18px;
	line-height: 1.3;
}
#openSchoolExperience .openSchoolExperienceContents dt img {
	margin-bottom: 10px;
}
#openSchoolExperience .openSchoolExperienceContents dt span {
	position: absolute;
	top: 0;
	left: 35px;
	padding: 5px 10px 3px;
	margin: 0 -15px 10px;
	border-radius: 0 0 5px 5px;
	font-size: 14px;
}
#openSchoolExperience .openSchoolExperienceContents dd {
    padding-left: 25px;
    padding-right: 25px;
    padding-bottom: 10px;
}
#openSchoolEventReport {
	padding-top: 55px;
}
#openSchoolEventReport .blogArchiveContents {
    margin-top: 30px;
}
#openSchoolEventReport .blog .contents h4 {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.5;
}
#openSchoolEventReport .videoShootingTeam {
	margin-top: 80px;
	margin-bottom: 90px;
	padding-top: 60px;
	padding-bottom: 40px;
}
#openSchoolEventReport .videoShootingTeam h4 {
	margin-bottom: 15px;
	font-size: 24px;
}
#openSchoolEventReport .videoShootingTeam h4 span {
	margin-bottom: 5px;
	font-size: 16px;
}
#openSchoolEventReport .videoShootingTeam dt img {
	margin-bottom: 0;
}
#openSchoolEventReport .videoShootingTeam dd .mainText {
	font-size: 13px;
}
#openSchoolEventReport .videoShootingTeam dd .btnBlank {
    margin-top: 20px;
}
#openSchoolEventReport .videoShootingTeam dd .btnBlank a {
    font-size: 14px;
}

#openSchoolEventList {
	padding-top: 90px;
}
#openSchoolEventList h3 {
	margin-bottom: 30px;
}
#openSchoolEventList .blogSlideContents dt {
	padding-top: 14px;
	padding-bottom: 10px;
	font-size: 16px;
}
#openSchoolEventList .blogSlideContents dd {
	padding-bottom: 50px;
}
#openSchoolEventList .blogSlideContents dd h4 {
	margin-top: 35px;
	font-size: 24px;
}
#openSchoolEventList .blogSlideContents dd .schedule {
	font-size: 46px;
}
#openSchoolEventList .blogSlideContents dd .schedule span {
	font-size: 18px;
}
#openSchoolEventList .blogSlideContents dd .mainText {
	margin-top: 20px;
	margin-bottom: 20px;
}
#openSchoolEventList .blogSlideContents dd .btnPDF a {
	border: #493C37 1px solid;
}
#openSchoolEventList .blogSlideContents dd .image {
	margin-top: 35px;
}
#openSchoolEventList .blogSlideContents dd .entryBlank {
	margin-top: 40px;
}
#openSchoolEventList .container {
	padding-bottom: 125px;
}
}


/*	club
----------------------------------------------------*/
#mainClubContents {
	position: relative;
	padding-top: 70px;
	padding-bottom: 0;
}
#mainClubContents .mainImg {
	position: relative;
}
#mainClubContents .mainImg h2 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding-top: 15px;
	background: url("../img/common/bg_title_sp.png") no-repeat left top/100% 100%;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0.05em;
}
#mainClubContents .breadCrumbList {
	margin-top: 5px;
}
#mainClubContents {
	padding-bottom: 48px;
}
#mainClubContents h3 {
	margin-top: 40px;
	margin-bottom: 30px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 0.3em;
}
#mainClubContents dl {
	margin-bottom: 35px;
}
#mainClubContents dt {
	margin-bottom: 5px;
}
#mainClubContents dt span {
	display: inline-block;
	width: 8em;
	padding: 3px 10px;
	border: #493C37 1px solid;
	border-radius: 5px;
	text-align: center;
}
#mainClubContents dd {
	margin-bottom: 15px;
}
#clubArchive h4 {
	margin-top: 35px;
	padding-top: 9px;
	padding-bottom: 6px;
	border-radius: 10px;
	font-size: 18px;
	font-weight: 700;
	color: #FFF;
	letter-spacing: 0.1em;
}
#clubArchive h4.sports { background: #187FA7; }
#clubArchive h4.culture { background: #DEA700; }
.clubArchiveContents {
	margin-top: 30px;
}
.clubArchiveContents img {
    width: 100%;
    height: auto;
    border-radius: 15px;
    aspect-ratio: 1.17 / 1;
    object-fit: cover;
}
.clubArchiveContents h5 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.4;
}
.clubArchiveContents li {
	padding: 2px 0 !important;
	border: #493C37 1px solid;
	border-radius: 5px;
	font-size: 8px;
	font-weight: 700;
	text-align: center;
}
@media (min-width: 768px) {
#mainClubContents .mainImg h2 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding-top: 40px;
	padding-bottom: 20px;
	background: url("../img/common/bg_title_pc.png") no-repeat left top/auto 100%;
}
}
@media (min-width: 992px) {
#mainClubContents {
	padding-top: 83px;
}
#mainClubContents .breadCrumbList {
	margin-top: 10px;
}
#mainClubContents .mainImg h2 {
	width: 1160px;
	height: 149px;
	padding-top: 60px;
	font-size: 40px;
}
#mainClubContents {
	padding-bottom: 138px;
}
#mainClubContents h3 {
	margin-top: 30px;
	margin-bottom: 43px;
	font-size: 34px;
}
#mainClubContents dl {
	margin-bottom: 35px;
}
#mainClubContents dt {
	margin-bottom: 5px;
}
#mainClubContents dt span {
	display: inline-block;
	width: 8em;
	padding: 3px 10px;
	border: #493C37 1px solid;
	border-radius: 5px;
	text-align: center;
}
#mainClubContents dd {
	margin-bottom: 15px;
}
#clubArchive h4 {
	margin-top: 35px;
	padding-top: 10px;
	padding-bottom: 8px;
	line-height: 1.6;
}
#clubArchive h4.culture {
	margin-top: 150px;
}
.clubArchiveContents {
	margin-top: 57px;
}
.clubArchiveContents img {
}
.clubArchiveContents h5 {
	font-size: 18px;
}
.clubArchiveContents li {
	font-size: 10px;
}
}


/*	clubTemplate
----------------------------------------------------*/
#clubTopContents h2 {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: 700;
}
#clubTopContents img {
	margin-bottom: 20px;
	border-radius: 30px;
}
#clubTopContents .clubMember {
	margin-bottom: 10px;
	font-weight: 700;
}
#clubTopContents .clubPlace {
	margin-bottom: 20px;
	font-weight: 700;
}
#clubTempBlogContents {
	margin-top: 40px;
	padding-top: 40px;
	padding-bottom: 34px;
	background: #F7F6F4;
}
#clubTempBlogContents img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    aspect-ratio: 1.4 / 1;
    object-fit: cover;
}
#clubTempBlogContents h3 {
	margin-bottom: 15px;
    padding-bottom: 20px;
	border-bottom: #BABABA 1px solid;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0.1em;
}
#clubTempBlogContents h4 {
    margin-top: 0;
    margin-bottom: 0;
	padding: 0 15px;
	background: none;
    font-size: 14px;
    font-weight: 700;
}
#clubTempBlogContents .date {
	margin-top: 5px;
}
#clubTempBlogContents .blogContents {
    padding-bottom: 0;
}
#clubTempBlogContents .btnToLink {
    margin-top: 15px;
}
#clubAdd {
	padding-top: 5px;
	padding-bottom: 86px;
}
#clubAdd h3 {
	margin-top: 55px;
	margin-bottom: 20px;
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 0.05em;
}
#clubAdd h4.leader {
	margin-top: 50px;
	padding-top: 6px;
	padding-bottom: 6px;
	background: #493C37;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.05em;
	color: #FFF;
}
#clubAdd .clubAddLeader .leaderProfile {
	margin-top: 40px;
	padding-bottom: 40px;
	border-bottom: #BABABA 1px solid;
}
#clubAdd .clubAddLeader .leaderProfile:last-of-type {
	border-bottom: none;
}
#clubAdd .clubAddLeader h5 {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 25px;
	font-weight: 700;
}
#clubAdd .clubAddLeader .leaderText {
	font-size: 14px;
	line-height: 1.8;
}
#clubAdd .clubAddContents {
	overflow-y: scroll;
	max-height: 564px;
	padding-top: 10px;
	padding-bottom: 30px;
	border: #BABABA 1px solid;
	border-radius: 20px;
}
#clubAdd .clubAddContents h4 {
	margin-top: 20px;
	margin-bottom: 15px;
	padding: 10px 14px;
	background: #493C37;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 700;
	color: #FFF;
}
#clubAdd .clubAddContents img {
    display: block;
    margin-bottom: 1em;
    border-radius: 30px;
}
#clubAdd .clubAddContents::-webkit-scrollbar {
    width: 8px;
}
#clubAdd .clubAddContents::-webkit-scrollbar-thumb {
    background-color: #493C37;
    border-radius: 8px;
} 
@media (min-width: 768px) {
#clubTempBlogContents h3 {
	border-bottom: none;
}
}
@media (min-width: 992px) {
#clubTopContents h2 {
    margin-top: 70px;
    margin-bottom: 40px;
    font-size: 35px;
}
#clubTopContents img {
    margin-bottom: 35px;
}
#clubTempBlogContents {
	margin-top: 110px;
	padding-top: 70px;
	padding-bottom: 70px;
}
#clubTempBlogContents h3 {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 24px;
}
#clubTempBlogContents .blogContents img {
    margin-bottom: 5px;
}
#clubTempBlogContents .btnToLink {
    margin-top: 30px;
}
#clubAdd {
	padding-bottom: 160px;
}
#clubAdd h3 {
    margin-top: 135px;
    font-size: 30px;
}
#clubAdd h4.leader {
	margin-top: 90px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#clubAdd .clubAddLeader .leaderProfile {
	margin-top: 30px;
	padding-bottom: 30px;
}
#clubAdd .clubAddLeader h5 {
	margin-top: 4px;
	margin-bottom: 20px;
	font-size: 20px;
}
#clubAdd .clubAddContents {
	max-height: 582px;
    padding: 10px 140px 60px !important;
}
#clubAdd .clubAddContents h4 {
    margin-top: 50px;
    margin-bottom: 25px;
    padding: 14px;
}
}

/*	blog
----------------------------------------------------*/
#mainBlogContents {
	position: relative;
	padding-top: 70px;
	padding-bottom: 0;
}
#mainBlogContents h2 {
	margin-top: 17px;
	margin-bottom: 30px;
	font-size: 35px;
	font-weight: 700;
	letter-spacing: 0.1em;
}
#mainBlogContents h2 span {
	display: block;
	margin-bottom: 10px;
	font-size: 18px;
}
#blogTopContents {
	padding-bottom: 30px;
}
#blogTopContents #pickUp h3 {
	font-family: 'Poppins', sans-serif;
	font-size: 20px;
	font-weight: 600;
}
#blogTopContents #pickUp .btnToLink a {
    padding-top: 6px;
    padding-bottom: 6px;
    border: #493C37 2px solid;
	font-size: 13px;
}
#blogTopContents .pageNav {
	position: relative;
	top: 40px;
	transition-duration: .5s;
}
#blogTopContents .pageNav li {
	background: #FFF;
	border: #493C37 1px solid;
	border-radius: 12px;
}
#blogTopContents .pageNav li a {
	display: block;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
	padding: 6px 10px 10px;
	font-size: 12px;
	font-weight: 700;
	line-height: 2em;
}
#blogTopContents .pageNav li:first-child a {
	line-height: 1.4;
}
#blogTopContents .pageNav li a::before,#blogTopContents .pageNav li a::after{
    content: "";
    display: block;
    width: 8px;
    height: 1px;
    background: #493C37;
    position: absolute;
    bottom: 4px;
	left: calc(50% - 8px);
    transform: rotate(30deg);
    transform-origin: calc(100%) 50%;
}    
#blogTopContents .pageNav li a::after{
    transform: rotate(150deg);
}
#courseBlog {
	overflow: hidden;
	margin-top: 30px;
	padding-top: 40px;
	padding-bottom: 70px;
	background: #F7F6F4;
}
#clubBlog {
	overflow: hidden;
	padding-top: 40px;
	padding-bottom: 70px;
	background: #FFF;
}
#activityBlog {
	overflow: hidden;
	padding-top: 40px;
	padding-bottom: 70px;
	background: #F7F6F4;
}
#courseBlog h3,
#clubBlog h3,
#activityBlog h3 {
	margin-bottom: 30px;
	font-size: 25px;
	font-weight: 700;
	letter-spacing: 0.1em;
}
#courseBlog h3 span,
#clubBlog h3 span,
#activityBlog h3 span {
	display: block;
	margin-bottom: 6px;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0;
}
#courseBlog h3 span { color: #43A76D; }
#clubBlog h3 span { color: #187FA7; }
#activityBlog h3 span { color: #E07A7A; }
.blogSlideContents {
	margin-left: 5px;
	margin-right: 5px;
}
#pickUp .blogSlideContents {
	margin-left: 10px;
	margin-right: 10px;
}
#courseBlog .blogSlideContents,
#clubBlog .blogSlideContents,
#activityBlog .blogSlideContents {
	margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
}
.blogSlideContents .date {
	margin-top: 10px;	
}
.blogSlideContents h4 {
	margin-top: 10px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
}
.blogSlideContents img {
	width: 100%;
	height: auto;
	border-radius: 20px;
	aspect-ratio: 1.4 / 1;
    object-fit: cover;
}
#courseBlog .btnToLink,
#clubBlog .btnToLink,
#activityBlog .btnToLink {
	margin-top: 40px;
}
@media (min-width: 768px) {
#blogTopContents .pageNav li {
	border-radius: 100px;
}
#blogTopContents .pageNav li a {
	padding: 10px 40px 10px 15px;
	font-size: 15px;
	line-height: 1.4;
}
#blogTopContents .pageNav li a::before,#blogTopContents .pageNav li a::after{
    width: 8px;
    height: 1px;
    background: #493C37;
    position: absolute;
    bottom: calc(50% - 2px);
	left: auto;
	right: 15px;
} 
#pickUp .blogSlideContents {
	display: flex;
}
#pickUp .blogSlideContents .leftContents {
	display: inline-block;
	width: 50%;
}
#pickUp .blogSlideContents .rightContents {
	display: inline-block;
	width: 50%;
	padding-left: 30px 
}
.blogSlideContents {
	margin-left: 20px;
	margin-right: 20px;
}
}
@media (min-width: 992px) {
#mainBlogContents h2 span {
	font-size: 26px;
}
#blogTopContents {
	padding-bottom: 140px;
}
#pickUp .blogSlideContents h4 {
    font-size: 34px;
}
#blogTopContents #pickUp .btnToLink {
    margin-top: 30px;
}
#blogTopContents .pageNav {
	top: 110px;
}
#courseBlog {
	margin-top: 30px;
	padding-bottom: 100px;
}
#clubBlog {
	padding-bottom: 100px;
}
#activityBlog {
	padding-bottom: 130px;
}
#courseBlog h3,
#clubBlog h3,
#activityBlog h3 {
	margin-bottom: 40px;
	font-size: 30px;
}
#courseBlog h3 span,
#clubBlog h3 span,
#activityBlog h3 span {
	margin-bottom: 10px;
}
}

/*	store
----------------------------------------------------*/
#mainStoreContents {
	position: relative;
	padding-top: 70px;
	padding-bottom: 0;
}
#mainStoreContents .mainImg {
	position: relative;
}
#mainStoreContents .mainImg h2 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding-top: 15px;
	background: url("../img/common/bg_title_sp.png") no-repeat left top/100% 100%;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 0.05em;
}
#mainStoreContents .breadCrumbList {
	margin-top: 5px;
}
#mainStoreContents h3 {
	margin-top: 40px;
	margin-bottom: 15px;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.6;
}
#mainStoreContents h3 span {
	display: block;
	margin-bottom: 15px;
	font-size: 13px;
}
#storeContents {
	margin-top: 40px;
	padding-top: 40px;
	background: #F7F6F4;
}
#storeContents .blogArchiveContents {
	margin-bottom: 50px;
	padding-bottom: 0;
    border-bottom: none;
}
#storeContents .blogArchiveContents h4 {
	font-size: 16px;
	font-weight: 700;
}
#storeContents .blog .date span {
	margin-left: 0.5em;
    padding: 2px 10px 0 10px;
    font-size: 10px;
	line-height: 1.5;
}
@media (min-width: 768px) {
#mainStoreContents .mainImg h2 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	padding-top: 40px;
	padding-bottom: 20px;
	background: url("../img/common/bg_title_pc.png") no-repeat left top/auto 100%;
}
}
@media (min-width: 992px) {
#mainStoreContents {
	padding-top: 83px;
}
#mainStoreContents .breadCrumbList {
	margin-top: 10px;
}
#mainStoreContents .mainImg h2 {
	width: 1160px;
	height: 149px;
	padding-top: 40px;
	font-size: 40px;
}
#mainStoreContents h3 {
	margin-top: 100px;
	margin-bottom: 20px;
	font-size: 34px;
}
#mainStoreContents h3 span {
	font-size: 15px;
}
#storeContents {
	margin-top: 80px;
	padding-top: 80px;
	padding-bottom: 50px;
}
#storeContents .blogArchiveContents {
	margin-bottom: 60px;
}
}


/*	blog contents
----------------------------------------------------*/
.blog .contents select {
	margin-top: 20px;
	margin-bottom: 40px;
	padding: 10px 20px;
	border: #BABABA 1px solid;
	border-radius: 5px;
}
.blog .sideNavWrap {
	display: none;
}
@media (min-width: 992px) {
.blog .sideNavWrap {
	position: sticky;
	top: 0;
	left: 0;
	width: 250px;
	height: 100vh;
	padding: 45px 35px 50px;
	background: #F7F6F4;
	overflow-y: auto;
	-ms-overflow-style: none;/* IE, Edge 対応 */
	scrollbar-width: none;/* Firefox 対応 */
}
/* Chrome, Safari 対応 */
.blog .sideNavWrap::-webkit-scrollbar {
	display:none;
}
.blog .sideNavWrap {
	display: block;
}
.blog .sideNav {
	margin-top: 70px;
}
.blog .sideNav h3 {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: #BABABA 1px solid;
	font-family: 'Poppins', sans-serif;
	font-size: 23px;
	font-weight: 600;
}
.blog .sideNav dl {
	display: table;
	width: 100%;
	margin-bottom: 28px;
}
.blog .sideNav dt {
	position: relative;
	width: 100%;
	margin-bottom: 16px;
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom: #BABABA 1px solid;
	font-size: 14px;
	font-weight: 700;
}
.blog .sideNav dt::before,
.blog .sideNav dt::after{
    position: absolute;
    content: '';
    width: 15px;
    height: 2px;
    background-color: #493C37;
	transition: transform .4s;
}
.blog .sideNav dt::before{
    top: calc(50%);
    right: 0;
    transform: rotate(0deg);
}
.blog .sideNav dt::after{    
    top: calc(50%);
    right: 0;
    transform: rotate(90deg);
}
.blog .sideNav dt.close::before{
	display: none;
}
.blog .sideNav dt.close::after{
	transform: rotate(0deg);
}
.blog .sideNav ul {
	margin-bottom: 0;
}
.blog .sideNav ul.course {
	margin-bottom: 0.5em;
	border-bottom: #BABABA thin dashed;
}
.blog .sideNav li a {
	display: block;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 700;
}
.blog .sideNav input[type="radio"] {
    position: relative;
    width: 15px;
    height: 15px;
	margin-right: 6px;
	margin-bottom: 0;
    border: #BABABA 1px solid;
    border-radius: 50%;
    vertical-align: -2px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
	pointer-events: none;
}
.blog .sideNav input[type="radio"]:checked:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '';
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #BABABA;
}
}
.blog .date {
	position: relative;
	font-size: 13px;
}
.blog.archive .date {
	margin-top: 5px;
}
.blog.single .date {
	margin-top: 36px;
}
.blog .date span {
	display: inline-block;
	margin-left: 1em;
	padding: 0 10px;
	border-radius: 100px;
	font-size: 10px;
	font-weight: 700;
	color: #FFF;
	line-height: 1.8;
}
.blog .date span.shingaku, .blog .date span.synthesis, .blog .date span.koumuin, .blog .date span.beauty, .blog .date span.it,
.blog .date span.music, .blog .date span.sports, .blog .date span.kikai, .blog .date span.car, .blog .date span.cook, .blog .date span.seika {
	background: #43A76D;
}
.blog .date span.school, .blog .date span.meister, .blog .date span.inter-act, .blog .date span.open-school, .blog .date span.school-trip, .blog .date span.other , .blog .date span.store {
	background: #CD5504;
}
.blog .date span.cat24 {
	background: #187FA7;
}
.blog .date span.cat25 {
	background: #DEA700;
}
.blog .date span.future {
	background: #E07A7A;
}
.blog.archive .contents h2 {
	font-size: 25px;
}
.blog.archive .contents h2 span {
	display: block;
	margin-bottom: 4px;
	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 600;
}
.blog.archive.school_blog .contents h2 span {
	color: #43A76D;
}
.blog.archive.club_blog .contents h2 span {
	color: #187FA7;
}
.blog.archive.activity_blog .contents h2 span {
	color: #E07A7A;
}
.blog.single .contents h2 {
	margin-top: 15px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: #BABABA 1px solid;
	font-size: 18px;
}
.blog .contents h3 {
	margin-top: 15px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 700;
}
.blogArchiveContents {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: #BABABA 1px solid;
}
.blogArchiveContents img {
	width: 100%;
    height: auto;
	border-radius: 10px;
	aspect-ratio: 1.4 / 1;
    object-fit: cover;
}
.store .blogArchiveContents img {
	margin-bottom: 15px;
}
.blogContents {
	padding-bottom: 30px;
}
.blogContents h4 {
	margin-top: 2em;
	margin-bottom: 1.5em;
	padding: 0.4em 1em 0.3em;
	background: #F7F6F4;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 700;
}
.blogContents hr {
	margin-top: 2em;
	margin-bottom: 2em;
	border-top: #BABABA 1px solid;
}
.blogContents img {
	display: block;
	max-width: 100% !important;
	height: auto;
	margin-bottom: 1em;
	border-radius: 30px;
}
.blogContents p {
	margin-bottom: 1em;
}
.blogContents p a {
	border-bottom: 1px solid;
}
.blogContents p.wp-caption-text {
	margin-top: -1em;
	margin-bottom: 2em;
}
.blogContents .wp-caption {
	max-width: 100% !important;
    margin-left: auto;
    margin-right: auto;
}
.blogContents p img {
	max-width: 100% !important;
	height: auto;
    margin-left: auto;
    margin-right: auto;
}
.blogSingleNavi {
	margin-bottom: 0;
	padding-top: 20px;
	padding-bottom: 70px;
	border-top: #BABABA 1px solid;
}
.blogSingleNavi li {
	margin-top: 30px;
}
.blogSingleNavi .btnToLink a::after {
    display: none;
}
@media (min-width: 992px) {
.blog.single .date {
	margin-top: 60px;
	font-size: 15px;
}
.blog .date span {
	margin-left: 0.7em;
	padding: 0 15px;
	font-size: 12px;
}
.blog .date span.catBlog.store {
	padding: 0 10px;
}
.blog.archive .date span {
	margin-left: 0.5em;
	padding: 0 10px;
	font-size: 10px;
	vertical-align: text-bottom;
}
.single.blog .contents h2 {
	margin-bottom: 40px;
	padding-bottom: 30px;
	font-size: 23px;
	line-height: 1.5;
}
.blog.archive .contents h2 {
	font-size: 25px;
}
.blog.archive .contents h2 span {
	display: block;
	margin-bottom: 4px;
	font-size: 14px;
	color: #43A76D;
}
.blog .contents h3 {
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 1.5;
}
.blogArchiveContents {
	margin-top: 50px;
	margin-bottom: 20px;
	padding-bottom: 0;
	border-bottom: none;
}
.blogArchiveContents img {
	margin-bottom: 5px;
	border-radius: 20px;
}
.blogContents {
	padding-bottom: 60px;
}
.blogContents h4 {
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0.5em 1em;
	font-size: 18px;
}
.blogContents img {
	margin-bottom: 2em;
}
.blogContents img.size-medium {
	display: inline-block;
	margin-right: 2em !important;
	margin-left: 2em !important;
}
.blogContents p.wp-caption-text {
	margin-top: -1.8em;
}
.blogSingleNavi {
	padding-bottom: 195px;
}
.blogSingleNavi li {
	margin-top: 60px;
}
}


/*	acitivity_blog
----------------------------------------------------*/
.blog.single.activity_blog .date span,
.blog.archive.activity_blog .date span {
    margin-left: 0;
}
.blog.archive.activity_blog .activityTag ul {
	margin-top: 8px;
	margin-bottom: 0;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.4;
}
.blog.archive.activity_blog .blogArchiveContents picture {
	margin-top: 30px;
}
.blog.archive.activity_blog .contents h3 {
	margin-top: 6px;
}
.blog.single.activity_blog .contents h2 {
	font-size: 24px;
}
.blog.single.activity_blog .activityTag ul {
	font-weight: 400;
}
.blog.single.activity_blog .name {
	font-size: 20px;
	font-weight: 700;
}
.blog.single.activity_blog .name span {
	margin-left: 5px;
	font-size: 16px;
}
.blog.single.activity_blog .activityMainImg {
	margin-top: 37px;
}
.blog.single.activity_blog .activityMainImg img {
	border-radius: 20px;
}
.blog.single.activity_blog .activityProfile {
	margin-top: 32px;
	padding-top: 32px;
	padding-bottom: 32px;
	background: #E5E2DC;
}
.blog.single.activity_blog .activityProfile h3 {
	margin-bottom: 0;
	padding: 10px 40px 0 23px;
	background: url("../img/activity/bg_profile.png") no-repeat;
	background-size: 100% 100%;
	/*border-radius: 30px 80px 0 0;
	clip-path: polygon(0 0, 80% 0%, 100% 100%, 0% 100%);*/
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	font-weight: 700;
	color: #A71F29;
}
.blog.single.activity_blog .activityProfileContentns {
	padding-top: 32px;
	padding-bottom: 32px;
	background: #FFF;
	border-radius: 0 30px 30px 30px;
}
.blog.single.activity_blog .activityProfileContentns img {
	border-radius: 20px;
}
.blog.single.activity_blog .activityProfileContentns dl {
	margin-top: 25px;
	margin-bottom: 0;
}
.blog.single.activity_blog .activityProfileContentns dt p {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
}
.blog.single.activity_blog .activityProfileContentns dt h4 {
	font-size: 24px;
	font-weight: 700;
}
.blog.single.activity_blog .activityProfileContentns dt h4 span {
	display: block;
	margin-bottom: 6px;
	font-size: 15px;
	font-weight: 400;
}
.blog.single.activity_blog .activityProfileContentns dd h4 {
	margin-top: 32px;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 700;
}
.blog.single.activity_blog .activityProfileContentns dd h4::before {
	content: "-";
	margin-right: 6px;
}
.blog.single.activity_blog .activityProfileContentns dd p {
	padding-left: 12px;
	font-size: 16px;
	font-weight: 500;
}
.blog.single.activity_blog .activityProfileContentns dd p.note {
	font-size: 15px;
	font-weight: 400;
}
.blog.single.activity_blog .activityInterview {
	padding-top: 16px;
	padding-bottom: 64px;
}
.blog.single.activity_blog .activityInterview h3 {
	margin-top: 64px;
	margin-bottom: 0;
	padding-bottom: 16px;
	border-bottom: #BABABA 1px solid;
	font-size: 24px;
	font-weight: 700;
}
.blog.single.activity_blog .activityInterview h4 {
	margin-top: 24px;
	margin-bottom: 0;
	font-family: "Zen Old Mincho", serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.8;
}
.blog.single.activity_blog .activityInterview .text {
	margin-top: 24px;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8;
}
.blog.single.activity_blog .activityInterview .activityInterviewBox .note {
	margin-top: 32px;
	padding-top: 24px;
	padding-bottom: 24px;
	background: #F7F6F4;
	border-radius: 10px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.8;
}
.blog.single.activity_blog .activityInterview .activityInterviewBox a {
	text-decoration: underline;
}
.blog.single.activity_blog .activityInterview img {
	margin-top: 32px;
	border-radius: 20px;
}
.blog.single.activity_blog .activityInterview .caption {
	margin-top: 6px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6;
}
.blog.single.activity_blog .activityCaption {
	padding-top: 40px;
	padding-bottom: 40px;
	border-top: #BABABA 1px solid;
	border-bottom: #BABABA 1px solid;
}
.blog.single.activity_blog .activityCaption p {
	font-size: 15px;
	font-weight: 400;
}
.blog.single.activity_blog .activityCaption p strong {
	font-size: 15px;
	font-weight: 700;
}
.blog.single.activity_blog .blogSingleNavi {
    border-top: none;
}
@media (min-width: 768px) {
.blog.single.activity_blog .activityProfileContentns dl {
	margin-top: 0;
}
.sliderActivity .slick-track {
	margin-left: 0 !important;
}
}
@media (min-width: 992px) {
.blog.archive.activity_blog .blogArchiveContents picture {
	margin-top: 0;
}
.blog.single.activity_blog .contents h2 {
	margin-bottom: 16px;
	padding-bottom: 16px;
	font-size: 34px;
}
.blog.single.activity_blog .activityTag ul {
	font-size: 15px;
}
.blog.single.activity_blog .activityMainImg {
	margin-top: 53px;
}
.blog.single.activity_blog .activityMainImg img {
	border-radius: 30px;
}
.blog.single.activity_blog .activityProfile {
	margin-top: 48px;
}
.blog.single.activity_blog .activityProfileBox,
.blog.single.activity_blog .activityInterviewBox,
.blog.single.activity_blog .activityCaptionBox {
	max-width: 800px !important;
}
.blog.single.activity_blog .activityProfileContentns {
    padding-top: 40px;
    padding-bottom: 40px;
}
.blog.single.activity_blog .activityProfileContentns img {
	border-radius: 30px;
}
.blog.single.activity_blog .activityProfile h3 {
    padding: 17px 40px 10px 45px;
	background-size: auto;
}
.blog.single.activity_blog .activityInterview h3 {
	padding-bottom: 32px;
	font-size: 30px;
}
.blog.single.activity_blog .activityInterview h4 {
	margin-top: 32px;
	font-size: 18px;
	line-height: 2;
}
.blog.single.activity_blog .activityInterview .text {
	margin-top: 32px;
	font-size: 18px;
	line-height: 2;
}
.blog.single.activity_blog .activityInterview img {
	margin-top: 48px;
	border-radius: 30px;
}
}


/*	privacy-policy
----------------------------------------------------*/
.privacy-policy #mainContents {
	padding-bottom: 80px;
}
.privacy-policy #mainContents ul {
	margin-top: 10px;
}
.privacy-policy #mainContents dt {
	margin-top: 24px;
	padding-top: 15px;
	padding-bottom: 15px;
	background: #F7F6F4;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 700;
}
.privacy-policy #mainContents dd {
	margin-top: 20px;
	font-size: 15px;
	font-weight: 400;
}
@media (min-width: 992px) {
.privacy-policy #mainContents {
	padding-bottom: 170px;
}
.privacy-policy #mainContents ul {
	margin-top: 0;
}
.privacy-policy #mainContents dt {
	margin-top: 80px;
	font-size: 20px;
}
.privacy-policy #mainContents dd {
	font-size: 16px;
}
}


/*	notFound
----------------------------------------------------*/
.notFound #mainContents {
	padding-bottom: 60px;
}
.notFound .btnToLink {
	margin-top: 60px;
}
@media (min-width: 992px) {
.notFound #mainContents {
	padding-bottom: 160px;
}
}


/*	wp-pagenavi
----------------------------------------------------*/
.wp-pagenavi {
    margin: 50px 0 80px;
    font-size: 20px;
	font-weight: 700;
	text-align: center;
}
.archive.blog .wp-pagenavi {
    margin: 50px 0 50px;
}
.wp-pagenavi a {
    color: #493C37;
}
.pages {
    margin-right: 20px;
}
.wp-pagenavi a.previouspostslink {
    margin-right: 1em;
}
.wp-pagenavi a.nextpostslink {
    margin-left: 1em;
}
.wp-pagenavi a .current,
.wp-pagenavi .current,
.wp-pagenavi a.page {
    margin: 0 0.4em 6px 0.4em;
    display: inline-block;
    border: #493C37 1px solid;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
}
.wp-pagenavi a .current,
.wp-pagenavi .current {
    background: #493C37;
    color: #FFF;
}
.wp-pagenavi a.page:hover {
    background: #493C37;
    color: #FFF;
}
.wp-pagenavi .first,
.wp-pagenavi .extend {
    margin-right: 10px;
}
@media (min-width: 992px) {
.archive.blog .wp-pagenavi {
    margin: 90px 0 50px;
}
}

/* slider */
.slider .slick-list {
	margin-left: -40px;
	margin-right: -15px;
}
#meisterFeature .slider .slick-list,
.home .sliderPickUp .slider .slick-list {
    margin-left: -60px;
    margin-right: -15px;
}
.slider, .slider-bottom {
	margin-bottom: 0;
}
.slider img, .slider-bottom img, .sliderGakkaLearn img {
	width: 100%;
	height: auto;
}
.slider-bottom .slick-slide {
	margin: 0 3px !important;
}

/* anime */
.eachTextAnime {
	opacity: 0;
}
.eachTextAnime.appeartext {
	opacity: 1;
}
.eachTextAnime span {
	display: inline-block;
	opacity: 0;
	transform: translate3d(0, 0.4em, 0);
}
.eachTextAnime.appeartext span {
	animation: text_anime_on 1s ease-out forwards;
}
@keyframes text_anime_on {
  0% {
    opacity: 0;
	transform: translate3d(0, 0.4em, 0);
  }
  100% {
    opacity: 1;
	transform: translate3d(0, 0, 0);
  }
}

/* fadeUp */
@media (min-width: 768px) {
.slider .slick-list {
	margin-left: auto;
	margin-right: auto;
}
.delaytime02 {
	animation-delay: 0.2s;
}
.delaytime04 {
	animation-delay: 0.4s;
}
.delaytime06 {
	animation-delay: 0.6s;
}
.delaytime08 {
	animation-delay: 0.8s;
}
}
.fadeUp {
    animation-name: fadeUpAnime;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    opacity: 0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  	transform: translateY(100px);
  }

  to {
    opacity: 1;
  	transform: translateY(0);
  }
}
.fadeUpTrigger {
    opacity: 0;
}