@charset "UTF-8";

/*コース*/
#course1+section .heading.block_header_2 .h,
#course2+section .heading.block_header_2 .h{
	font-size: 3.8rem!important;
	font-family: 'Abril Fatface','Noto Serif JP', "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
	padding-left: 0px;
	border-bottom: none;
	letter-spacing: 0.2rem;
	margin-bottom: 0px;
	padding-bottom: 0px;
	line-height: 1.2;
}
#course1+section .inner_item_txt .heading,
#course2+section .inner_item_txt .heading{
	margin-bottom: 30px;
}
#course1+section .heading.block_header_2 .h:first-letter,
#course2+section .heading.block_header_2 .h:first-letter{
	color: #cf9e41;
}
#course1+section .heading.block_header_2 .h::before,
#course2+section .heading.block_header_2 .h::before{
	display: none;
}
#course1+section .heading.block_header_2 p,
#course2+section .heading.block_header_2 p{
	font-size: 2.2rem;
	padding-bottom: 0px;
	letter-spacing: 0.2rem;
}
#course1 + section .heading.block_header_2 p:before,
#course2 + section .heading.block_header_2 p:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 50%;
    height: 15px;
    background:#eacc73;
    transition: all 1.5s;
    transform: scale(0, 1);/*X方向0、Y方向1*/
    transform-origin: left top;/*左上基点*/
	opacity: 0.5;
	z-index: -1;
}
#course1+section .heading.block_header_2 p.showActive:before,
#course2+section .heading.block_header_2 p.showActive:before{
    transform: scale(1, 1);/*X方向にスケール拡大*/
}
#course1+section .name,
#course2+section .name{
	font-size: 1.5rem;
}
#course1+section .block_table_1,
#course2+section .block_table_1{
	padding-right: 30%;
	margin-top: 20px;
	margin-bottom: 20px;
}
#course1+section .block_table_1 table td,
#course2+section .block_table_1 table td{
	text-align: center;
}
#course1+section .block_table_1 table th,
#course2+section .block_table_1 table th{
	width: 30%;
}
@media screen and (max-width: 900px){
	#course1+section .heading.block_header_2,
	#course2+section .heading.block_header_2{
		text-align: center;
	}
	#course1+section .block_table_1,
	#course2+section .block_table_1{
		padding-right: 0%;
	}
	#course1+section .block_table_1 table th,
	#course2+section .block_table_1 table th{
		width: 25%;
	}
	#course1 + section .heading.block_header_2 p:before,
	#course2 + section .heading.block_header_2 p:before{
    	width: 80%;
		margin-left: 10%;
	}
}
@media screen and (max-width: 800px){
	#course1+section .heading.block_header_2 .h,
	#course2+section .heading.block_header_2 .h{
		font-size:3rem!important;
	}
	#course1+section .heading.block_header_2 p,
	#course2+section .heading.block_header_2 p{
    	font-size: 1.75rem;
	}
	#course1+section .heading.block_header_2,
	#course2+section .heading.block_header_2{
    	margin-bottom: 25px;
	}
}

/*感染対策*/
.text_all,
.text_all2{
	display: flex;
	width: 100%;
}
.text_left,
.text_right{
	width: 48%;
}
.text_left{
	margin-right: 4%;
}
.text_all p,
.text_all2 p{
	font-family: 'Noto Serif JP', "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 1.75rem;
	letter-spacing: 0.1rem;
	border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
	margin-top: 20px;
	line-height: 1.75;
	padding-bottom: 15px;
	position: relative;
	padding-left: 45px;
}
.text_all p::before,
.text_all2 p::before{
	display: block;
	color: #fff;
	font-size: 2.1rem;
	font-weight: 500;
	text-align: center;
	position: absolute;
	top: calc(50% - 24px);
	left: 0px;
	pointer-events: none;
	line-height: 1.5;
	border-radius: 0;
	font-family: 'Abril Fatface', serif !important;
	counter-increment: number 1;
	content: counter(number) " ";
	background: #a67d34;
	width: 32px;
	height: 32px;
}

.text_all,
.text_all2{
counter-reset: number 0; 
}
.text_all2 p::before{
	background: #622330;
}
@media screen and (max-width: 600px){
	.text_all,
	.text_all2{
		display: block;
	}
	.text_left,
	.text_right{
		width: 100%;
	}
	.text_left{
		margin-right: 0%;
	}
}
@media screen and (max-width: 500px){
	.text_all p,
	.text_all2 p {
		font-size: 1.65rem;
		margin-top: 15px;
		padding-bottom: 10px;
		padding-left: 40px;
	}
	.text_all p::before,
	.text_all2 p::before{
		font-size: 1.9rem;
		top: calc(50% - 20px);
		width: 28px;
   		height: 28px;
	}
}
/*フロー*/
#flow_sp+section{
	display: none;
}
@media screen and (max-width: 700px){
	#flow_sp+section{
		display: block;
	}
	#flow_pc+section{
		display: none;
	}
}

