/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.device-pc { display: block !important; }
.device-sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 767px) {
.device-pc { display: none !important; }
.device-sp { display: block !important; }
}

/********** パンくず **********/
#present .breadcrumb ul li{
	display: inline;
}
/********** 内側 **********/
#present .present-box{
	padding:10px;
}
/********** h2 **********/
#present .title h2{
	color: #000;/*見出しの文字色*/
	font-size:160%;/*見出しの文字サイズ*/
	background-color: #84ff84;/*見出しの背景色*/
	font-weight: bold;/*テキストの装飾太字*/
}
/********** section1 **********/
#present .section1{
	padding:10px;/*セクション枠内の余白*/
}
#present .section1 .text{
	font-size:120%;/*見出しのテキスト文字サイズ*/
}
/********** section2 **********/
#present .section2{
	padding:10px;/*セクション枠内の余白*/
	border: solid 3px #008000;/*セクション枠線の色*/
}
#present .section2 h3{
	font-size:120%;/*テキストの文字サイズ*/
	color:#FFFFFF;/*見出しの文字色*/
	text-align:left;/*見出しの位置*/
	padding: 10px;/*見出し枠内の余白*/
	background: #008000;/*見出しの背景色*/
}
#present .section2 p{
	display: inline-block;
	font-size: 100%;/*テキストの文字サイズ*/
	padding-top: 5px;/*見出し枠内の余白上*/
}
#present .section2 p em{
	display: inline-block;
	font-size: 110%;/*テキストの文字サイズ*/
	font-weight: bold;/*テキストの装飾太字*/
	color: #1fcc00;/*テキストの文字色*/
	padding-top: 10px;/*見出し枠内の余白上*/
	padding-bottom: 5px;/*見出し枠内の余白下*/
}
#present .section2 h4{
	display: inline-block;
	font-size:120%;/*テキストの文字サイズ*/
	color: #1fcc00;/*テキストの文字色*/
	font-weight: bold;/*テキストの装飾太字*/
}
#present .section2 .section2-box .box4 .out{
	padding: 0 10px 15px 0;/*セクション枠内の余白*/
	font-size:110%/*テキストの文字サイズ*/
}
#present .section2 .exam{
	padding: 0 5px 5px 0;/*セクション枠内の余白*/
}
#present .section2 .section2-box .box1{
	padding-bottom:20px;/*セクション枠内の余白下*/
}
#present .section2 .section2-box .box2{
	padding-bottom:20px;/*セクション枠内の余白下*/
}
#present .section2 .section2-box .box3{
	padding-bottom:20px;/*セクション枠内の余白下*/
}
#present .section2 .section2-box .box4{
	padding-bottom:10px;/*セクション枠内の余白下*/
}
/********** section3-動画 **********/
#present .section3{
	padding:10px;/*セクション枠内の余白*/
	border: solid 3px #0505ff;/*セクション枠線の色*/
}
#present .section3 h4{
	font-size:120%;/*テキストの文字サイズ*/
	color: #FFF;/*テキストの文字色*/
	font-weight: bold;/*テキストの装飾太字*/
	background: #0505ff;/*見出しの背景色*/
}
#present .section3 p{
	font-size:100%;/*テキストの文字サイズ*/
}
#present .section3 h5{
	display: inline-block;
	font-size:110%;/*テキストの文字サイズ*/
	font-weight: bold;/*テキストの装飾太字*/
	color: #0505ff;/*テキストの文字色*/
	padding-top:15px;/*セクション枠内の余白*/
	padding-bottom:5px;/*セクション枠内の余白*/
}
#present .section3 .note{
	color: #ff4500;/*テキストの文字色*/
}
#present .section3 .movie{
	padding: 10px 10px 15px 10px;/*セクション枠内の余白*/
	font-size:90%;/*テキストの文字サイズ*/
}
#present .section3 .section3-box .box2 {
margin: 25px 0;/*セクション枠内の余白*/
overflow: hidden;/*画面のサイズからはみ出した時の処理*/
}
#present .section3 .section3-box .box2 dl {
position: relative;/*画像の表示位置*/
width: 45%;/*画像の表示サイズ*/
}
#present .section3 .section3-box .box2 dl img {
border: 1px solid #0505ff;/*画像の枠線*/
}
#present .section3 .section3-box .box2 dl:nth-of-type(1) {
float: left;/*1枚目の画像の表示位置*/
}
#present .section3 .section3-box .box2 dl:nth-of-type(2) {
float: right;/*2枚目の画像の表示位置*/
}
#present .section3 .section3-box .box2 dt {
margin: 0 0 10px;/*セクション枠内の余白*/
}
#present .section3 .section3-box .box2 dt span {
position: absolute;/*画像の表示位置*/
top: 0;
left: 0;
}
#present .section3 .section3-box ul{
	padding: 10px 10px 15px 10px;/*セクション枠内の余白*/
	font-size:90%;/*テキストの文字サイズ*/
}
#present .section3 .section3-box .box4 {
position: relative;
margin: 0px 0 0px;
}
#present .section3 .section3-box .box4 dl {
overflow: hidden;
margin: 0  0 0px;
}
#present .section3 .section3-box .box4 dl dt {
width: 30%;
float: left;
margin: 0 0 0 0;
position: relative;
padding: 0 0 0 0;
vertical-align: middle;
font-weight: bold;
}
#present .section3 .section3-box .box4 dl dd {
	font-size:90%;/*テキストの文字サイズ*/
}

#present .section3 .caution em{
	font-size:80%;/*テキストの文字サイズ*/
	color: #0505ff;/*テキストの文字色*/
}
#present .section3 .section3-box .box5 {
position: relative;
}
/********** section4-写真 **********/
#present .section4{
	padding:10px;/*セクション枠内の余白*/
	border: solid 3px #745536;/*セクション枠線の色*/
}
#present .section4 h4{
	font-size:120%;/*テキストの文字サイズ*/
	color: #FFF;/*テキストの文字色*/
	font-weight: bold;/*テキストの装飾太字*/
	background: #745536;/*見出しの背景色*/
}
#present .section4 p{
	font-size:100%;/*テキストの文字サイズ*/
}
#present .section4 h5{
	display: inline-block;
	font-size:110%;/*テキストの文字サイズ*/
	font-weight: bold;/*テキストの装飾太字*/
	color: #745536;/*テキストの文字色*/
	padding-top:15px;/*セクション枠内の余白*/
	padding-bottom:5px;/*セクション枠内の余白*/
}
#present .section4 .note{
	color: #ff4500;/*テキストの文字色*/
}
#present .section4 .movie{
	padding: 10px 10px 15px 10px;/*セクション枠内の余白*/
	font-size:90%;/*テキストの文字サイズ*/
}
#present .section4 .section4-box .box2 {
margin: 25px 0;/*セクション枠内の余白*/
overflow: hidden;/*画面のサイズからはみ出した時の処理*/
}
#present .section4 .section4-box .box2 dl {
position: relative;/*画像の表示位置*/
width: 45%;/*画像の表示サイズ*/
}
#present .section4 .section4-box .box2 dl img {
border: 1px solid #745536;/*画像の枠線*/
}
#present .section4 .section4-box .box2 dl:nth-of-type(1) {
float: left;/*1枚目の画像の表示位置*/
}
#present .section4 .section4-box .box2 dl:nth-of-type(2) {
float: right;/*2枚目の画像の表示位置*/
}
#present .section4 .section4-box .box2 dt {
margin: 0 0 10px;/*セクション枠内の余白*/
}
#present .section4 .section4-box .box2 dt span {
position: absolute;/*画像の表示位置*/
top: 0;
left: 0;
}
#present .section4 .section4-box ul{
	padding: 10px 10px 15px 10px;/*セクション枠内の余白*/
	font-size:90%;/*テキストの文字サイズ*/
}
#present .section4 .section4-box .box4 {
position: relative;
margin: 0px 0 0px;
}
#present .section4 .section4-box .box4 dl {
overflow: hidden;
margin: 0  0 0px;
}
#present .section4 .section4-box .box4 dl dt {
width: 30%;
float: left;
margin: 0 0 0 0;
position: relative;
padding: 0 0 0 0;
vertical-align: middle;
font-weight: bold;
}
#present .section4 .section4-box .box4 dl dd {
	font-size:90%;/*テキストの文字サイズ*/
}

#present .section4 .caution em{
	font-size:80%;/*テキストの文字サイズ*/
	color: #745536;/*テキストの文字色*/
}
#present .section4 .section4-box .box5 {
position: relative;
}