@charset "utf-8";
.licenses{
	
}
.licenses h3{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	font-size : 30px;
	font-weight : 600;
	margin-bottom : 50px;
}
.licenses h3 span{
	position : relative;
	display : block;
	width : fit-content;
	height : auto;
	padding-left : 100px;
}
.licenses h3 span::before{
	content : "";
	position : absolute;
	display : block;
	width : 76px;
	height : 69.71px;
	top : 0;
	right : auto;
	bottom : 0;
	left : 0;
	margin : auto auto;
}
.licenses .page-content01 h3 span::before{
	background : url(../../images/licenses/P02_01.png)center / contain no-repeat;
}
.licenses .page-content02 h3 span::before{
	background : url(../../images/licenses/P02_02.png)center / contain no-repeat;
}
.licenses .page-content03 h3 span::before{
	background : url(../../images/licenses/P02_03.png)center / contain no-repeat;
}
.licenses .page-content04 h3 span::before{
	background : url(../../images/licenses/P02_04.png)center / contain no-repeat;
}

.licenses .flex{
	position : relative;
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
	margin-bottom : 50px;
}
.licenses .flex:last-child{
	margin-bottom : 0;
}
.licenses .flex .box{
	position : relative;
	display : block;
	width : 50%;
	height : auto;
}
.text-box{
	padding-right : 10px;
}
.image-box.box{
	margin-top : 57px;
}
.licenses .flex .text-box h4{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	color : #992200;
	font-size : 25px;
	font-weight : 600;
	border-bottom : 2px solid #992200;
	padding-bottom : 15px;
	margin-bottom : 15px;
}
.licenses .flex .text-box ul{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.licenses .flex .text-box ul > li{
	position : relative;
	display : list-item;
	width : 100%;
	height : auto;
	text-align : justify;
	color : #992200;
	font-size : 18px;
	margin-bottom : 20px;
	padding-left : 1.5em;
}
.licenses .flex .text-box ul > li:last-child{
	margin-bottom : 0;
}
.licenses .flex .text-box ul > li::before{
	content : "◼︎";
	position : absolute;
	display : block;
	line-height : 1;
	color : #992200;
	font-size : 30px;
	left : 0;
}
.licenses .flex .text-box ul > li > ul{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-top : 10px;
}
.licenses .flex .text-box  ul > li > ul >li{
	position : relative;
	display : list-item;
	width : 100%;
	height : auto;
	text-align : justify;
	color : var(--font-color);
	font-size : 18px;
	margin-bottom : 10px;
	padding-left : 1em;
}
.licenses .flex .text-box  ul > li > ul >li:last-child{
	margin-bottom : 0;
}
.licenses .flex .text-box  ul > li > ul >li::before{
	content : "・";
	position : absolute;
	display : block;
	color : var(--font-color);
	left : -10px;
}
.licenses .flex .text-box p{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	text-align : justify;
	color : var(--font-color);
	font-size : 18px;
}
.licenses .flex .text-box > ul,
.licenses .flex .text-box p{
	padding-right : 50px;
}
/** 03 **/
.page-content03 .text-box > ul{
	margin-bottom : 50px;
}
.page-content03 .text-box > ul:last-child{
	margin-bottom : 0;
}
/** 04 **/
.page-content04 .flex .text-box h4{
	color : #1D8A48;
	border-bottom : 2px solid #1D8A48;
}
.page-content04 .flex .text-box ul > li,
.page-content04 .flex .text-box ul > li::before{
	color : #1D8A48;
}
/***** image-box *****/
.image-box figure{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	aspect-ratio : 63 / 40;
}
.image-box figure img{
	position : relative;
	display : block;
	width : 100%;
	height : 100%;
	object-fit : cover;
	object-position : center center;
	border-radius : 50px 0 50px 0;
}



.link-button{
	position : relative;
	display : flex;
	flex-wrap : wrap;
	justify-content : flex-end;
	margin-top : 50px;
}
.link-button .fees-button{
	margin-right : 30px;
}

.image-box-sp{
	display : none;
}

/* # =================================================================
#### responsive
# ================================================================= */
/* # =================================================================
#### 1400px
# ================================================================= */
@media screen and (max-width: 1400px){
.licenses h3{
	font-size: 26px;
}
.licenses h3 span{
	padding-left : 70px;
}
.licenses h3 span::before{
	width : calc(76px * 0.7);
	height : calc(69.71px * 0.7);
}
.licenses .flex .text-box h4{
	font-size : 22px;
}




}/*** 1400px ***/
/* # =================================================================
#### 1240px
# ================================================================= */
@media screen and (max-width: 1240px){

}/*** 1240px ***/
/* # =================================================================
#### 1024px
# ================================================================= */
@media screen and (max-width: 1024px){

}/*** 1024px ***/
/* # =================================================================
#### 896px
# ================================================================= */
@media screen and (max-width: 896px){
.licenses .flex .box{
	width : 100%;
}
.licenses .flex .box.image-box{
	display : none;
}
.licenses .page-content04 .flex .box.image-box{
	display : block;
	margin-top : 0;
}

.image-box-sp{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.image-box-sp figure{
	position : relative;
	display : block;
	width : 250px;
	height : auto;
	margin : 0 auto 30px;
}
.image-box-sp figure img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.page-content02 .image-box-sp,
.page-content03 .image-box-sp{
	display : flex;
	flex-wrap : wrap;
	justify-content : center;
}
.page-content02 .image-box-sp figure:nth-child(1),
.page-content03 .image-box-sp figure:nth-child(1){
	margin : 0 15px 30px 0
}
.page-content02 .image-box-sp figure:nth-child(2),
.page-content03 .image-box-sp figure:nth-child(2){
	margin : 0 0 30px 15px;
}


.licenses h3 span{
	padding-left : 75px;
	margin : 0 auto;
}
.licenses h3 span::before{
	width : 65px;
	height : 55.71px;
}
.link-button{
	width : 300px;
	margin : 0 auto;
}
.link-button .fees-button{
	order : 2;
	margin : 0;
}
.link-button .reservation-button{
	margin-bottom : 20px;
	order : 1;
}
.licenses .flex .text-box h4{
	padding-left : 20px;
}
.licenses .flex .text-box > ul,
.licenses .flex .text-box p{
	padding : 0 0 0 16px;
}

}/*** 896px ***/
/* # =================================================================
#### 600px
# ================================================================= */
@media screen and (max-width: 600px){
.image-box-sp figure{
	width : 40%;
}
}/*** 600px ***/
/* # =================================================================
#### 480px
# ================================================================= */
@media screen and (max-width: 480px){
.licenses h3{
	font-size : 24px;
	margin-bottom : 20px;
}
.licenses h3 span{
	padding-left : 55px;
}
.licenses h3 span::before{
	width : 45px;
	height : 44.71px;
}
.licenses .flex{
	margin-bottom : 30px;
}
.licenses .flex .text-box h4{
	font-size : 20px;
	padding-bottom : 10px;
	margin-bottom : 10px;
}




.link-button{
	width : 250px;
}
.link-button .image-button{
	width : 100%;
}
}/*** 480px ***/
/* # =================================================================
#### 320px
# ================================================================= */
@media screen and (max-width: 320px){

}/*** 320px ***/