body {
  padding-top: 4.5rem;
  font-family: 'Muli', 'Century Gothic', "Helvetica Neue", Helvetica, "Arial", 'Kosugi Maru', "メイリオ", Meiryo, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #737273;
  background-color: #F2F2F2;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

a.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}

a.goarchive{
  text-decoration: none;/*下線消す*/
  background: #BFA19F;
  color:#F2F2F2;
  padding:5px 15px;/*内側の余白*/
  border-radius: 20px;/*角を丸くする*/
}

a.goarchive:hover{
  background: #F7CFC6;
  text-decoration: none;/*下線を消す*/
}

@-ms-viewport {
  width: device-width;
}

@media (max-width: 576px){
	footer { font-size: 3.5vw}
}

img.gakuinlogo {
	height: 150px;
	filter: drop-shadow(1px 2px 2px #737273);
}


.gakuin_tiltle h6 {
	font-family: kan415typos-std,sans-serif;
    font-weight: 400;
    font-style: normal;
	color: #BFA19F;
}

.gakuin_tiltle h2 {
	margin-bottom: 2rem;
}

.gakuin_tiltle h2 span{
	display: block;
	font-size: 1rem;
	padding-top: 1rem;
	padding-bottom: .5rem;
}

.gakuin_tiltle a, .pj_btn {
	color: #737273;
	transition: 0.3s;
	border: 1px solid #737273;
	border-radius: 5px;
	padding: 8px;
	margin: 5px 5px 5px 2px;
}

.gakuin_tiltle a:hover {
	text-decoration: none;
	color: #BFA19F;
	border-color: #BFA19F;
}

.gakuin_body h6 {
	vertical-align: middle;
	display: inline;
}

.gakuin_body h6 span {
	vertical-align: middle;
	font-size: 3rem;
	padding: 5px 10px 5px 5px;
}

.bible {
	padding-top: 1rem;
	opacity: .8;
	font-size: .8rem;
}

@media (min-width: 1200px){
	.bible { height: 250px;}
}

.bible span {
	color: #BFA19F;
	opacity: 1;
	padding-right: 1rem;
}

.gakuin_body ol{
    padding: 1rem;
    margin:0;
}
 
.gakuin_body ol li{
	color: #BFA19F;
    list-style-type:none;
    list-style-position:inside;
    counter-increment: cnt;
}

.gakuin_body ol li span{
	color: #737273;
	padding-left: 0.5rem;
	vertical-align: text-top;
	font-size: 0.8rem;
}

.gakuin_body ol li:before{
    display: marker;
    content: counter(cnt) ". ";
}

.gakuin_body ol ol {
	padding-top: 0.5rem;
    list-style-type:none;
    list-style-position:inside;
    counter-reset: cont2;
}

.gakuin_body ol li li{
	color: #737273;
    list-style-type:none;
    list-style-position:inside;
    counter-increment: cont2;
}

.gakuin_body ol li li span{
	color: #BFA19F;
	padding-left: 0.5rem;
	vertical-align: text-top;
	font-size: 0.7rem;
}

.gakuin_body ol li li:before{
    display: marker;
    content: counter(cont2) "） ";
}

.gakuin_body ol ol ol {
	padding-top: 0.5rem;
    list-style-type:none;
    list-style-position:inside;
    counter-reset: cont3;
}

.gakuin_body ol li li li{
	color: #737273;
    list-style-type:none;
    list-style-position:inside;
    counter-increment: cont3;
}

.gakuin_body ol li li li span{
	color: #BFA19F;
	padding-left: 0.5rem;
	vertical-align: text-top;
	font-size: 0.7rem;
}

.gakuin_body ol li li li:before{
    display: marker;
    content: "（" counter(cont3) "）";
}

.pj_title{
	position: relative;
	height: 340px;
	width: auto;
	margin-left: 0;
	margin-right: 0;
}

.pj_title img {
	position: absolute;
	height: 250px;
	filter: drop-shadow(1px 2px 2px #737273);
}

.pj_title p {
	position: absolute;
	top: 200px;
}

.pj_title h1 {
	position: absolute;
	bottom: 0;
	font-size: 5rem;
}

.pj_title h1 span {
	font-size: .9rem;
	margin-left: .5rem;
}

@media (max-width: 576px){
	.pj_title img{
	height: auto;
	width: 90%;
	}
	
	.pj_title {
		padding-left: 10px;
		height: 290px;
	}
	
	.pj_title p {
		top: 150px;
	}
}


.gakuin_enter {
	border: 1px solid #C4A9A8;
	border-radius: 5px;
	height: 350px;
	width: 350px;
	margin: auto;
	position: relative;
}

.gakuin_enter h6{
	font-family: kan415typos-std,sans-serif;
    font-weight: 400;
    font-style: normal;
	color: #F2F2F2;
	background: #C4A9A8;
	display: block;
	padding: 10px 10px 14px;
}

.gakuin_enter a{
	display: block;
	color: #737273;
	transition: 0.3s;
}

.gakuin_enter a:hover{
	text-decoration: none;
	opacity: .6;
}

.gakuin_enter h2 {
	padding-top: 1rem;
	padding-left: 15px;
}

.gakuin_enter p{
	padding-top: 1.8rem;
	padding-left: 15px;
	font-size: 0.8rem;
}

.gakuin_enter h2 span {
	display: block;
	font-size: 1rem;
	padding-top: 1rem;
	padding-bottom: .5rem;
}

.gakuin_enter ol{
    padding: 1rem;
    margin:0;
}
 
.gakuin_enter ol li{
    list-style-type:none;
    list-style-position:inside;
    counter-increment: cnt;
}

.gakuin_enter ol li span{
	color: #BFA19F;
	padding-left: 0.5rem;
	vertical-align: text-top;
	font-size: 0.8rem;
}

.gakuin_enter ol li:before{
    display: marker;
    content: counter(cnt) " 課 ";
	color: #BFA19F;
	padding-right: 10px;
}

.pj_date p{
	font-family: coquette, sans-serif;
    font-style: normal;
	text-align: center;
	color: #BFA19F;
	border: 1px solid #BFA19F;
	border-radius: 5px;
}

@media (max-width: 350px){	
.gakuin_enter p{
	font-size: 4.8vw;
}
}

@media (max-width: 400px){
	.pj_date p{
		font-size: 0.8em;
	}
	.pj_date .col, .colsms .col {
		padidng-left: 2px;
		padding-right: 2px;
	}
}

@media (max-width: 768px){
	.enter_sm {
		width: 40vw;
	}
}

@media (max-width: 575px){
.gakuin_enter h2 {
	padding-top: 0.3rem;
	font-size: 9vw;
}

.gakuin_enter h2 span {
	font-size: 0.8rem;
	padding-top: 0.5rem;
	}
.gakuin_enter, .enter_sm {
	width: 90vw;
	}
	.enter_height {
		height: 23vh;
	}
}

.pj_body {
	margin-bottom: 20px;
	height: 180px;
	color: #BFA19F;
	border: 1px solid #BFA19F;
	border-radius: 5px;
	position: relative;
}

.pj_body h6 {
	font-family: coquette, sans-serif;
    font-style: normal;
	text-align: center;
	font-size: 36px;
	padding-top: 10px;
}

.pj_body p {
	color: #737273;
	text-align: center;
	font-size: 0.95rem;
	word-break: keep-all;
	margin: 15px 5px;
}

.pj_body p.caption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: -10px;
	color: #BFA19F;
	font-size: .8rem;
}

.pj_body p sup{
	color: #BFA19F;
}

@media (max-width: 992px){
	.pj_body{
		height: 90px;
	}
	.pj_body h6{
		padding-top: 18px;
	}
	.pj_body p, .pj_body p.caption {
		display: none;
	}
}

@media (max-width: 567px){
	.pj_body{
		height: 11vw;
	}
	.pj_body h6{
		padding-top: 0;
		font-size: 8vw;
	}
}

.pj_body a {
	color: inherit;
    transition: all 0.3s ease 0s;
	display: block;
}

.pj_body a:hover {
	text-decoration: none;
	opacity: 0.6;
}

/*mokuso*/
.mokuso_date h1 {
	color: #BFA19F;
	font-weight: bolder;
	position: relative
}

.mokuso_date h1 span {
	position: absolute;
	color: #737273;
	font-weight: normal;
	letter-spacing: 8px;
	font-size: .8rem;
	display: block;
	right: 0;
}

.mokuso_title h1 sup{
	color: #BFA19F;
}

.mokuso_title p {
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	margin-top: 1rem;
	border-top: 1px solid #BFA19F;
	border-bottom: 1px solid #BFA19F;
	opacity: 0.8;
	font-size: .8rem;
}

.mokuso_title p span{
	opacity: 1.00;
	color: #BFA19F;
}

.mokuso_title p span::after{
	content: " ｜ "
}

@media (max-width: 576px){
	.mokuso_date h1 {
		text-shadow: 3px 3px 5px #F2F2F2;
	}
	
	.mokuso_date h1 span{
		font-size: 2vw;
		top: 0;
	}
	
	.mokuso_title h1{
		margin-top: 36px;
		font-size: 36px;
	}
}

.mokuso_icon {
	font-size: .8rem;
	display: block;
	margin-top: .5rem;
	text-indent: 0;
}

.mokuso_icon i {
	color: #737273;
	padding: 8px;
	border: 1px solid #737273;
	border-radius: 50%;
	margin-right: .5rem;
}

.mokuso_body p {
	line-height: 2rem;
	text-indent: 1rem;
	padding-bottom: 2.5rem;
}

.mokuso_body h2 {
	color: #BFA19F;	
	font-size: 1.2rem;
}

.mokuso_body h2 sup {
	color: #737273;	
}

.mokuso_body p sup {
	color: #BFA19F;
	padding-right: 3px;
}

p.mokuso_pray {
	padding-top: 1rem;
	padding-bottom: 0;
	border-top: 1px solid #BFA19F;
}

p.mokuso_info {
	padding-bottom: 0;
	color: #BFA19F;
	font-size: 0.8rem;
	text-indent: 0;
}

.mokuso_qa {
	position: relative;
	padding-top: 45px;
}

.mokuso_qa::before {
	position: absolute;
	content: "Q.";
	font-weight: bolder;
	font-size: 36px;
	color: #BFA19F;
	top: -10px;
}

.mokuso_qa h2 {
	font-size: 1.5rem;
	padding-bottom: 2rem;
}

.mokuso_qa p {
	font-size: .8rem;
	line-height: 1.5rem;
}

.mokuso_qa sup{
	color: #BFA19F;
}

.m_name {
	border-bottom: 1px solid #BFA19F;
	padding-left: 1rem;
	padding-bottom: 5px;
	margin-bottom: 1rem;
}

.m_name span{
	color: #BFA19F;
	font-size: 1.2rem;
	padding-left: 5px;
}