@charset "utf-8";
/* CSS Document */
.ck{text-align: left;}
.fluidlist{list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;}
@media only screen and (min-width : 481px ){
	*{
    box-sizing: border-box;
    margin: 0;
		padding: 0;}
	.content{
    margin: 0 auto;
    padding: 5px;
    width: 100%;
    border-width: 1px;
    border-style: dotted;
}
	.modal{display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100%;}
	.modal__bg{
    background-color: rgba(0,0,0,0.51);
    height: 100vh;
    position: absolute;
    width: 105%;
    margin-left: -55%;
}
	.modal__content{background: #fff;
	left: -3%;
	padding: 20px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 55%;
	color: rgba(34,34,34,1.00);
	font-family: "游ゴシック Medium", sans-serif;
	font-size: 14px;}
	.modal__content p{
    padding-bottom: 10px;
}
		#modal2,#modal3,#modal4,#modal5,#modal6,#modal7,#modal8{
    margin-left: 5%;
}
}
@media only screen and (min-width : 769px){
	*{
    box-sizing: border-box;
    margin: 0;
		padding: 0;}
	.content{
    margin: 0 auto;
    padding: 10px;
    width: 100%;
    border: 1px dotted rgba(0,43,16,0.53);
}
	.modal{display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100%;}
	.modal__bg{background: rgba(0,0,0,0.51);
	height: 100vh;
	position: absolute;
	width: 105%;
	margin-left: -55%;}
	.modal__content{background: #fff;
	left: -3%;
	padding: 20px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 55%;
	color: rgba(34,34,34,1.00);
	font-family: "游ゴシック Medium", sans-serif;
	font-size: 14px;}
	.modal__content p{
    padding-bottom: 10px;
}
	#modal2,#modal3,#modal4,#modal5,#modal6,#modal7,#modal8,#modal41{
    margin-left: 5%;
}
}
@media only screen and (min-width : 5px) and (max-width : 480px){
	*{
    box-sizing: border-box;
    margin: 0;
		padding: 0;}
	.content{
    margin: 0 auto;
    padding: 3px;
    border: 1px dotted rgba(0,43,16,0.53);
	}
	.modal{display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100%;}
	.modal__bg{background: rgba(0,0,0,0.51);
	height: 100vh;
	position: absolute;
	width: 115%;
	margin-left: -75%;}
	.modal__content{background: #fff;
	left: -23%;
	padding: 10px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 90%;
	color: rgba(34,34,34,1.00);
	font-family: "游ゴシック Medium", sans-serif;
	font-size: 14px;}
		#modal2,#modal3,#modal4,#modal5,#modal6,#modal7,#modal8{
    margin-left: 15%;
}
	.modal__bg2{background: rgba(0,0,0,0.51);
	height: 100vh;
	position: absolute;
	width: 115%;
	margin-left: -7%;}
	.modal__content2{
    background: #fff;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    color: rgba(34,34,34,1.00);
    font-family: "游ゴシック Medium", sans-serif;
    font-size: 14px;
    left: 48%;
    height: auto;
}
	.modal__bg3{background: rgba(0,0,0,0.51);
	height: 100vh;
	position: absolute;
	width: 115%;
	margin-left: -37%;}
	.modal__content3{
    background: #fff;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 17px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    color: rgba(34,34,34,1.00);
    font-family: "游ゴシック Medium", sans-serif;
    font-size: 14px;
    left: 14%;
    height: auto;
}
	.modal__bg4{background: rgba(0,0,0,0.51);
	height: 100vh;
	position: absolute;
	width: 115%;
	margin-left: -77%;}
	.modal__content4{
    background: #fff;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    color: rgba(34,34,34,1.00);
    font-family: "游ゴシック Medium", sans-serif;
    font-size: 14px;
    left: -19%;
    height: auto;
}
	#modal9,#modal10,#modal11,#modal37,#modal38,#modal39,#modal40{
		
	}
#modal12,#modal13,#modal14,#modal15,#modal16,#modal17,#modal18,#modal19,#modal20,#modal21,#modal22,#modal23,#modal24,#modal25,#modal26,#modal27,#modal28,#modal29,#modal30,#modal31,#modal32,#modal33,#modal34,#modal35,#modal36 {
    margin-left: 46%;
}
}