#content_wrapper .youtube-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
#content_wrapper .youtube-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/*===============================================
  画面の横幅が479px以下
===============================================*/
@media screen and (max-width: 479px){
body dl { line-height:140%; width:90%; margin:0 auto; display:block; }
#main_img_wrapper{ background:url(images/mainimg_bg.jpg) top center no-repeat; background-size:100% 100%; }
#main_img_wrapper #main_img{ width:100%; margin:0 auto; display:block; padding: 2% 0 12.5% 0;}
#main_img_wrapper #main_img .main_catch01{ width:80%; margin:0 auto; display:block;}
#main_img_wrapper #main_img .main_catch02{ width:60%; margin:0 auto; display:block; margin-top:2%;}
#main_img_wrapper #main_img h1 img { width:95%; margin:0 auto; display:block; margin-top:4%;}
#main_img_wrapper #main_img .main_line { display:none;}
#main_img_wrapper #main_img .main_item { width:98%; margin:0 auto; display:block; margin-bottom:-12%; z-index:40; position:rellative;}
#main_img_wrapper #main_img p { background: none repeat scroll 0 0 #fff; border-radius: 5px; color: #005aac; display: block; font-size: 100%; line-height: 130%; margin: 3% auto 0; opacity: 0.7; padding: 2%; width: 93%; }
#content_wrapper h2.top_h2 { background: url("images/h2_bg.png") repeat-x scroll center top rgba(0, 0, 0, 0);color: #FFFFFF; display: block;  font-size:130%;height: 92px; margin: 0 auto; padding-top: 2.5%; width: 100%; text-shadow: 0.3px 0.2px 3px #24578A; font-weight:normal; text-align:center; padding-bottom:2%;}
#content_wrapper h2 .bold { font-weight:bold; display:block; font-size:115%;}
#content_wrapper h2 { background: url("images/h2_bg.png") repeat-x scroll center top rgba(0, 0, 0, 0);color: #FFFFFF; display: block;  font-size:150%;height: 92px; margin: 0 auto; padding-top: 3%; width: 100%; text-shadow: 0.3px 0.2px 3px #24578A; font-weight:normal; text-align:center; margin-bottom:2%; line-height:135%;}

#content_wrapper .fl_w870 { margin-bottom:10%;}
#content_wrapper .fl_w870 dt { margin-bottom:3%;}

#content_wrapper .fl_listw870 dt,#content_wrapper .fl_listw870 dd { margin-bottom:3%;}
#content_wrapper .fl_listw870 img { width:80%; display:block; margin:0 auto; margin-bottom:5%;}


#content_wrapper .fl_dust li.right img{ width:70%; margin:0 auto; display:block; margin-bottom:5%;}
#content_wrapper .fl_dust .dust { width:95%; border:3px solid #65CAEB; border-radius:4px; overflow:hidden; padding:2%; margin-bottom:5%; }
#content_wrapper .fl_dust dd { width:64%; float:left; color:#666666;}
#content_wrapper .fl_dust .koukin_bo img { width:40%; float:left; display:block; overflow:hidden; margin-bottom:3%;}
#content_wrapper .fl_dust .dust dt img { width:30%; float:left; padding-right:3%; margin-right:2%;}
#content_wrapper .fl_dust .title { font-size:110%;  margin-bottom:8px; color:#009FE7; font-weight:bold;}
#content_wrapper .fl_dust dd span { color:#65CAEB; font-weight:bold; font-size:110%;}
#content_wrapper .fl_dust .betu { background: #5393D2; overflow:hidden; width:95%; border-radius:4px; color:#FFFFFF; padding:2%; margin-bottom:2%; }
#content_wrapper .fl_dust .betu dt span { border:1px solid #FFFFFF; padding:2px 3px 0 3px; border-radius:3px; margin-right:5px; color:#FFFFFF; }
#content_wrapper .fl_dust .betu dd { font-weight:bold; color:#FFFFFF; width:100%; margin-top:5px; font-size:120%; font-weight:normal;}
#content_wrapper .fl_dust .betu dd span {padding:2px 3px 0 3px; border-radius:3px; color:#FFFFFF; display:inline-block; float:left; }




}



/*===============================================
  画面の横幅が480px以上
===============================================*/
@media screen and (min-width: 480px){
body{ display:block;}
body dl{ line-height:150%;}
#main_img_wrapper{ background:url(images/mainimg_bg.jpg) top center no-repeat; height:400px;}
#main_img_wrapper #main_img{ width:890px; margin:0 auto; display:block; position:relative; margin-top:0px;}
#main_img_wrapper #main_img .main_catch01{ position:absolute; top:30px; left:0; width:440px;}
#main_img_wrapper #main_img .main_catch02{ position:absolute; top:90px; left:0; width:248px;}
#main_img_wrapper #main_img .main_line{ position:absolute; top:158px; left:0px; width:542px;}
#main_img_wrapper #main_img p { position:absolute; top:175px; left:5px; width:530px; line-height:150%; color:#005aac; font-size:16px;}
#main_img_wrapper #main_img .main_item{ position:absolute; top:-15px; right:-55px; width:439px; z-index:30;}
#content_wrapper { background: #D9EEF5; width:100%; margin-top:-70px; position: relative; z-index: 100;}
#content_wrapper #content { background: #FFFFFF; width:980px; margin:0 auto 0px; display:block; overflow: hidden; }
#content_wrapper h2.top_h2 { background: #5FD3E8background: url("images/h2_bg.png") repeat-x scroll center top rgba(0, 0, 0, 0);color: #FFFFFF; display: block; font-size: 33px; height: 92px; margin: 0 auto; padding-top: 26px; width: 100%; text-shadow: 0.3px 0.2px 3px #24578A; font-weight:normal; padding-left:50px;}
#content_wrapper h2 { background: url("images/h2_bg.png") repeat-x scroll center top rgba(0, 0, 0, 0); color: #FFFFFF; display: block; font-size: 38px; height: 92px; margin: 0 auto 10px; padding-top: 23px; width: 100%; text-shadow: 0.3px 0.2px 3px #24578A; font-weight:normal;  padding-left:50px;}
#content_wrapper h2 .bold { font-weight:bold;}
#content_wrapper .fl_w870 { width:870px; margin:0 auto; overflow:hidden; margin-bottom:40px; margin-top:30px;}
#content_wrapper .fl_w870 li { float:left; width:50%;}
#content_wrapper .fl_w870 dt { float:left; width:400px; padding-right:20px; color:#666666;}
#content_wrapper .fl_w870 dd { display:block; width:450px; overflow:hidden;}
#content_wrapper .fl_w870 dd img { float:left;  width:423px;}

#content_wrapper .fl_listw870 { width:870px; margin:0 auto; overflow:hidden; margin-bottom:30px; margin-top:30px;}
#content_wrapper .fl_listw870 li { float:left; width:50%;}
#content_wrapper .fl_listw870 dl { width:400px;  color:#666666; margin-bottom:20px;}
#content_wrapper .fl_listw870 dl dt { margin-bottom:20px;}
#content_wrapper .fl_listw870 li img { float:left;  width: 450px;}

#content_wrapper .dust_pickup { width:850px; margin:0 auto; display:block; margin-top:30px;}
#content_wrapper p.kome{ width:850px; margin:0 auto; display:block; font-size:12.5px;}
#content_wrapper .fl_ul { width:850px; margin:0 auto; display:block; overflow:hidden; margin-bottom:40px;}
#content_wrapper .fl_ul li{ width:310px; float:left; line-height:140%;}
#content_wrapper .fl_ul li.pic{ width:490px; margin-left:50px;}
#content_wrapper h3 { width:850px; color: #3073B8; text-align:left; display:block; margin:0 auto; margin-top:30px; padding:20px 0 0 0; font-size:25px; font-weight:bold; }
#content_wrapper h3.movie { background: url("images/h3_movie.png") no-repeat center top rgba(0, 0, 0, 0); width:742px; height:83px; color: #FFFFFF; text-align:center; font-size:30px; font-weight:normal;}
#content_wrapper .youtube { width:60%; margin:0 auto; margin-bottom:60px;}
#content_wrapper p.w850{ width:850px; margin:0 auto; display:block; line-height:140%;}
#content_wrapper .kireini { width:800px; margin:0 auto; display:block; margin-top:40px; overflow:hidden; margin-bottom:40px;}
#content_wrapper .kireini li { width:283px; float:left;}
#content_wrapper .kireini li dt img { width:283px;}
#content_wrapper .kireini li dd { font-weight:bold; color:#2084C5; font-weight:bold; text-align:center; margin-top:10px; }
#content_wrapper .kireini li.arrow { width:200px;}
#content_wrapper .kireini li.arrow img { width:107px; padding:35px 0 0 50px;}
#content_wrapper .w880,#content_wrapper .fl_dust { width:880px; margin:0 auto; display:block; margin-top:30px; margin-bottom:30px; overflow:hidden;}
#content_wrapper .w880 li{ width:50%; float:left; overflow:hidden; display:block;}
#content_wrapper .w880 li img{ width:386px; margin:0 auto; display:block;}
#content_wrapper h2.small { font-size:34px;}

#content_wrapper .fl_dust li.left{ width:60%; float:left; overflow:hidden; display:block;}
#content_wrapper .fl_dust li.right{ width:40%; float:left; overflow:hidden; display:block;}
#content_wrapper .fl_dust li.right img{ width:274px; margin:0 auto; display:block;}
#content_wrapper .fl_dust .dust { width:515px; border:4px solid #65CAEB; border-radius:10px; overflow:hidden; padding:8px; float:left; margin-bottom:15px; }
#content_wrapper .fl_dust dd { width:330px; float:left; color:#666666;}
#content_wrapper .fl_dust .koukin_bo img { width:124px; float:left; display:block; overflow:hidden; margin-bottom:13px;}
#content_wrapper .fl_dust .dust dt img { width:138px; float:left; padding-right:10px; margin-right:10px;}
#content_wrapper .fl_dust .title { font-size:25px;  margin-bottom:8px; color:#009FE7; font-weight:bold;}
#content_wrapper .fl_dust dd span { color:#65CAEB; font-weight:bold; font-size:20px;}
#content_wrapper .fl_dust .betu { background: #5393D2; overflow:hidden; width:515px; border-radius:5px; color:#FFFFFF; padding:10px; }
#content_wrapper .fl_dust .betu dt span { border:1px solid #FFFFFF; padding:2px 3px 0 3px; border-radius:3px; margin-right:5px; color:#FFFFFF; }
#content_wrapper .fl_dust .betu dd { font-weight:bold; color:#FFFFFF; width:500px; margin-top:5px; font-size:20px; font-weight:normal;}
#content_wrapper .fl_dust .betu dd span {padding:2px 3px 0 3px; border-radius:3px; color:#FFFFFF; }

}



/*===============================================
  iPad Portrait
===============================================*/
@media only screen and (min-device-width:768px)
    and (max-device-width:1024px){
#content_wrapper #content { background: #FFFFFF; width:100%; margin:0 auto; display:block;}
#main_img_wrapper #main_img{ width:100%;}
#main_img_wrapper #main_img .main_catch{ position:absolute; top:50px; left:10px; width:70%;}
#main_img_wrapper #main_img h1 img{ position:absolute; top:105px; left:0; width:58%;}
#main_img_wrapper #main_img .main_line{ position:absolute; top:173px; left:0px; width:60%;}
#main_img_wrapper #main_img p { position:absolute; top:195px; left:5px; width:60%; line-height:150%; color:#005AAC; font-size:16px;}
#main_img_wrapper #main_img .main_item{ position:absolute; top:0; right:-30px; width:50%;}
#content_wrapper h2.top_h2 { font-size:155%;}
#content_wrapper h2 { font-size:200%;}
#content_wrapper h2.small { font-size:160%;}
#content_wrapper p.w850{ width:95%; margin:0 auto; display:block; line-height:140%;}
#content_wrapper .fl_w870 dd img { float:left;  width:80%;}
#content_wrapper .fl_listw870 li img { float:left;  width: 70%;}
#content_wrapper .fl_dust li.right img{ width:65%; margin-left:10px;}

}

/*===============================================
 iPad Portrait(横)
===============================================*/
@media only screen
    and (min-device-width:768px)
    and (max-device-width:1024px)
    and (orientation:landscape) {
#main_img_wrapper #main_img .main_item{ position:absolute; top:-40px; right:-30px; width:45%;}
}