@charset "UTF-8";

/*----------------------------------------

	- common
	- pc（1366px〜）固定
	- tablet & pc（1025px〜1365px）動的可変
	- tablet & pc（769px〜1024px）動的可変
	- tablet & pc（541px〜768px）動的可変
	- smartphone（〜540px）動的可変

-----------------------------------------*/

/*----------------------------------------
	layout
-----------------------------------------*/

body {
	background: #000000;
	color: #ffffff;
}

#modal_box01 {
	width: 95%;
	padding: 2.5%;
}

#modal_box01_l {
	float: left;
	width: 42%;
}

#modal_box01_l h1 {
	width: 56%;
	padding-top: 11%;
}

#modal_box01_l #modal_box01_l_text01 {
	padding-top: 8%;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.9;
}

#modal_box01_r {
	float: left;
	width: 54%;
	padding-left: 4%;
}

#modal_box01_r p {
	line-height: 2.1;
}

#modal_box01_r h2 {
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	padding-bottom: 5%;
}

#modal_box01_r h3 {
	font-weight: bold;
	padding-top: 8%;
	line-height: 2.0;
}

/*----------------------------------------
	pc（1366px〜）固定
-----------------------------------------*/

@media only screen and (min-width: 1366px) {

/*----------------------------------------
	layout
-----------------------------------------*/

/*----------------------------------------
	content
-----------------------------------------*/

}


/*----------------------------------------
	tablet & pc（1025px〜1365px）動的可変
-----------------------------------------*/

@media only screen and (min-width: 1025px) and (max-width: 1365px) {

/*----------------------------------------
	layout
-----------------------------------------*/

/*----------------------------------------
	content
-----------------------------------------*/

}


/*----------------------------------------
	tablet & pc（769px〜1024px）動的可変
-----------------------------------------*/

@media only screen and (min-width: 769px) and (max-width: 1024px) {

/*----------------------------------------
	layout
-----------------------------------------*/

/*----------------------------------------
	content
-----------------------------------------*/

}


/*----------------------------------------
	tablet & pc（541px〜768px）動的可変
-----------------------------------------*/

@media only screen and (min-width: 541px) and (max-width: 768px) {

/*----------------------------------------
	layout
-----------------------------------------*/

/*----------------------------------------
	content
-----------------------------------------*/

}


/*----------------------------------------
	smartphone（〜540px）動的可変
-----------------------------------------*/

@media only screen and (max-width: 540px) {

/*----------------------------------------
	layout
-----------------------------------------*/

/*----------------------------------------
	content
-----------------------------------------*/

#modal_box01_l h1 {
	width: 100%;
}

#modal_box01_l #modal_box01_l_text01 {
	line-height: 1.6;
}

#modal_box01_r h2 {
	font-size: 16px;
	font-size: 1.6rem;
}

#modal_box01_r p {
	line-height: 1.5;
}

}