@charset "UTF-8";
/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/

html{
	height:100%;
	width:100%;
	}	
body {
	font-family: YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif;
	color: #000;
	margin: 0;
	letter-spacing: 1px;
	-webkit-text-size-adjust: 100%;
	position:relative;
	font-size:100%;
	font-weight:bold;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */

body {
	width:100%;
	box-sizing: border-box;
	padding:40px 80px;
	min-height:100%;
}
.cbox { 
}
* html .cbox {
	zoom: 100%;
}
*:first-child+html .cbox {
	display: inline-block;
}
.cbox:after {
	content: ""; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}


@media screen and (min-width: 801px), print {
	h2 {
		text-align: center;
		width: 168px;
		margin: 0 auto;
		margin-bottom: 50px;
	}
	h2 img {
		width: 100%;
		height: auto;
	}
	h3 {
		text-align: center;
		width: 250px;
		margin: 0 auto;
		margin-bottom: 50px;
            font-family: serif;
        font-size: 1.6rem;
    font-weight: 100;
	}
	dt {
		width: 150px;
		float: right;
	}
	#modal05 dt {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	dt img {
		width: 100%;
		height: auto;
	}
	dd {
		width: 555px;
		float: left;
		font-weight: normal;
		line-height: 2;
	}
	#modal05 dd {
		width: 100%;
		float: none;
	}
		dd span{
			font-size:0.5em;
			vertical-align:super;
		}
	
	

				
}






/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media only screen and (max-width: 800px) {
	
	.pc {display: none !important;}
	
body {
	padding:40px 20px;
}	


	h2 {
		text-align: center;
		width: 168px;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	h2 img {
		width: 100%;
		height: auto;
	}
	dl {
	}
	dt {
		width: 40%;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 20px;
	}
	#modal05 dt {
		width: 100%;
		float: none;
		margin-bottom: 20px;
	}
	dt img {
		width: 100%;
		height: auto;
	}
	dd {
		font-weight: normal;
		line-height: 2;
	}

								
}