@font-face {
  font-family: "rounded";
  src: url("rounded-x-mplus-2p-heavy.eot?") format('eot'),
       url("rounded-x-mplus-2p-heavy.woff") format('woff');
}
@font-face {
  font-family: "light";
  src: url("light.eot?") format('eot'),
       url("light.woff") format('woff');
}
html,body{margin:0px; padding:0px; height:100%; width:100%; background: url("../images/bg.jpg") repeat center 0;}
body{ backgrond-color:#45BDCE; }
a{ text-decoration:none;}

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;    
    clear: both; 
    visibility:hidden;
}
.clearfix{
    display: inline-block;
} 

* html .clearfix{
    height: 1%;
}
.clearfix{
    display:block;
}







/* トップ画像 */
.top_header, .explain_header{
	
	width:100%;
	max-width:1100px;
	height:590px;
	background: url("../images/head.jpg") no-repeat center 0;
	background-size:cover;
	margin:0 auto;
	padding:0px;
	position:relative;
	background-position:0px -40px;
	z-index:10;
	padding-top:10px;
	}
.explain_header{
		background: url("../images/head1.jpg") no-repeat center 0;

	}
	
.top_header #cloudbg, .wrapper #cloudbg{
	color:#5db9c8;
	backgound-size:cover;
	width:100%;
	text-shadow:none;
	font-family:"rounded";
	text-align:center;
	height:230px;
	}
.top_dowload img{position:absolute; left:70px;width:290px; bottom:40px; z-index:10000;}
.topbutton{position:fixed; right:0px; bottom:0px; z-index:999; display:none;}
.topbutton img{width:100px; display:block; margin:0 auto;}
.top_header .about_ad{position:absolute; right:20px; bottom:10px; width:100px; height:40px; line-height:40px;}
.top_header .about_ad a{ text-decoration:none; color: lightblue;}
#cloudbg img{width:60%; display:block; margin:0 auto;padding-top:40px;}

.wrapper, .wrapper1{
	margin:0 auto;  padding:0px;overflow:hidden; min-height:3000px;padding-bottom:40px;background:white;max-width:1100px;}
.wrapper1{min-height:800px; background:#fff;}

/* メインコンテンツ */
.cont{
	width:100%;
	max-width:1100px; 
	margin:0 auto;
	text-align:left; 
	position:relative;
	
	}



/* コンテンツ中の文章 */



h4{margin:0 auto; text-align:center; margin-top:20px; max-width:1100px;}
h4 img{width:80%;}


/* トップコンテンツ１ */
.topbg{
	background: url("../images/cloud.png") repeat center 0;
	background-size:contain;
	 width:100%; 
	height:100px;
	overflow:hidden;
	
	 }
#content1{
	background: url("../images/thanks.png") no-repeat;
	background-size:cover;
	width:100%;
	max-width:1100px;
	margin:0 auto;
	position:relative;
	height:1520px;
	font-family:"light";
	 }
#content1 .text{font-family:"light";color:#573900; font-weight:normal;}
#content1 .text p{color:#573900;}
#content1 .text span{font-size:30px;color:darkorange;font-weight:bold;font-family:"rounded";　}
#content1 .text, #content1 .bottom, #content1 .phone, #content1 .blackboard, #content1 .calender{position:absolute;}
#content1 .text{
	right:25px;  
	top:370px; 
	width:502px;
	height:539px;
	font-size:20px; 
	text-align:center; 
	line-height:40px; 
	font-weight:bold;
	background: url("../images/thankstext.png") no-repeat;
	z-index:9;
	background-size:cover;
	color:darkorange; font-family:"light";

	}
#content1 .text p{margin-top:180px;}
#content1 .calender{right:60px; top:0px; z-index:99; width:30%;}
#content1 .calender img{width:100%; height:auto;}

#content1 .phone{
	top:280px; 
	width:624px;
	height:627px;
	text-align:center; 
	background: url("../images/phone.png") no-repeat;
	z-index:10;
	left:-1000px;
	}

#content1 .bottom{
	left:140px; 
	bottom:200px; 
	font-size:15px;
	text-align:center;
	line-height:40px;
	font-weight:bold;
	color:white;}
#content1 .blackboard{
	left:40px; 
	bottom:0px; 
	width:1035px;
	height:575px; 
	text-align:center;
	line-height:40px;
	background: url("../images/blackboard.png") no-repeat 0px;
	}


/* トップコンテンツ2 */
#content2{
	background:#fff;
	background: url("../images/letterbg.png") no-repeat;
	background-size:cover;
	position:relative;
	width:100%;
	max-width:1100px;
	height:829px;
	z-index:0;
	margin-top:30px;
	}
#content2 #letter{
	position:absolute;
	background: url("../images/letter1.png") no-repeat;
	z-index:999;
	top:-30px;
	left:-4000px;
	width:503px;
	height:407px;

	}
#content2 .text2{
	position:absolute;
	left:20px;
	text-align:center; 
	font-weight:bold;
	text-align:left;
	background: url("../images/lettertext.png") no-repeat;
	top:280px;
	height:527px;
	width:547px;
	color:#573900; 

	}
#content2 .text2 p{
  font-family: "light";
	font-size:20px;
	line-height:30px;
	margin-top:20px;
	position:absolute;
	top:150px;
	left:70px;
	}
#content2 .text2 p span{
	font-size:30px;
		   font-family: 'rounded';
		   color:darkorange;

	
}
#content1 .text p span{}
	
/* トップコンテンツ３ */
#content3{
	background: url("../images/story.png") no-repeat;
	background-size:contain;
	width:100%;
	max-width:1100px;
	height:810px;
	margin-top:30px;
	}
#content3 .text3{
	background: url("../images/storytext.png") no-repeat;
	background-size:contain;
	position:absolute;
	height:511px;
	width:541px;
	right:0px;
	line-height:40px;
	font-size:20px;
	text-align:center; 
	top:0px;
	color:#573900;
	font-family:"light"; 
	}
#content3 #video{
	position:absolute;
	height:300px;
	width:450px;
	font-size:20px;
	text-align:center; 
	font-weight:bold;
	top:500px;
	right:60px;
	}
#content3 #video iflame{width:100%; height:200px;}
#content3 .text3 p{
	margin:0 auto; 
	margin-top:140px; 
	text-align:center;
	margin-right:40px;
	font-family:"light";
	font-weight:bold;
	letter-spacing:normal;
}
#content3 .text3 p span{
	font-size:30px;
	color:darkorange;
	font-family:"rounded";
	letter-spacing:-2px;
}
/* スマホのみの表示用の画像をけす */

.smartphone, .smartphone2{display:none;}

/* ↑↑↑↑↑↑↑↑ */

.bottom_dowload img{display:block; margin:0 auto; width:400px; margin-top:40px; z-index:10000;}


/* フッター */

.footer{
	width:100%;
	max-width:1100px;
	background:black;  
	margin:0 auto; 
	padding:0px; 
	text-align:center;
	min-height:350px;
	background: url("../images/downpage1.png") no-repeat;
	background-size:cover;}
.footer .inside{
	max-width:100%; 
	color:#fff;
	margin:0 auto; 
	text-align:center; 
	padding:0px;
	
	}
.footer .inside .top {display:inline-block;}
.footer .inside .top .logo{width:300px;margin-right:60px;float:left;}
.footer .inside .top .logo img{width:90%;padding-top:0px;}
.footer .inside .top ul{ list-style:none;float:left; width:500px; margin:0px; padding:0px;}
.footer .inside .top ul li{list-style:none; width:220px; float:left; margin-left:20px; height:100px;}
.footer .inside ul.bottom{
	letter-spacing: -0.4em;
	overflow:hidden;
	padding:0px;
	margin:0 auto;
	overflow:hidden;  
	font-size:18px;
	text-align:center;
	width:100%;
	
	}
.footer .inside ul.bottom li{
	 display: inline-table;
  display: inline-table;
  *display:inline-table;
  *zoom: 1;
  text-align:center;
  vertical-align:top;
  height:55px;
  line-height:55px;
  letter-spacing: normal;
  width:100px;
  
  }



 
 .footer .inside ul.bottom li a{color:white; text-decoration:none;
	 }
.footer .inside ul li a img{width:100%; display:block;}
.footer .inside ul li a img.logobottom{padding-top:30px;}
.footer .inside p.copyright{
	text-align:center; 
	margin-bottom:40px;
	color:#fff; 
	margin-top:30px; 
	font-size:0.8em;
	}
	
/* 会員登録のページ */

#apploval{text-align:center;}
#apploval img{display:block; margin:0 auto; margin:40px 0px; width:100%;}
#apploval p{ display:inline-block;}



#apploval p a.button:hover {
  background: #ee3e52;
  cursor:pointer;
}

#apploval p a.button{
	background-color:#f16272; 
	color:#fff; 
	padding:1em 2em;
	height:50px;
	}
	
/*about*/
.wrapper1{text-align:center;}


/*同意ボタン*/
.wrapper1 #button{
	border:none;
	background-color:#f16272; 
	color:#fff; 
	padding:1em 2em;
	height:50px;
	font-size:15px;
	
	}
.wrapper1 #button:hover{background: #ee3e52;}	

/*同意ボタンを押すまで非表示*/
#sinki{}
/*↑↑*/

.wrapper1 h1{color:#fff; text-align:center;}
.wrapper1  iframe{
  max-width: 500px;
  width:500px;
   display:block;
   height:600px; 
   margin:0 auto; 
   margin: 3em auto;
   padding:20px;
   background-color:#fff;
   }
table.recruit {
	width: 700px;
	margin:0 auto;
	margin-top:50px;
	 border-collapse:collapse;
	 
}
table.recruit tr th,table.recruit tr td {
	text-align: left;
	font-weight: normal;
	font-size: 1.2em;
	border:#fff solid;
	border-width:0 0 3px;	
	padding: 20px 5px 20px 5px;
	
}
table.recruit tr{margin-left:10px;}
table.recruit tr th {
	vertical-align:top;}
table.recruit tr th {
	width: 100px;
	font-weight:bold;
}

/*広告概要のページ*/



#explain{text-align:center;}
#explain img{display:block; margin:0 auto;}
#explain h1{margin:0 auto;margin-top:40px;width:100% }
#explain h1 img{display:block; margin:0 auto;width:60%;}
#explain .graph img{display:block; margin:0 auto; margin-top:10px; width:100%;}
#explain h1, #explain h2{text-align:center; color:#fff;font-family:"rounded";}
#explain h2{margin-top:40px;margin-bottom:0px;}
#explain h2 img{height:80px; width:auto;margin-bottom:0px;}
#explain p{ padding:20px 10px; margin:0 auto; margin-top:30px;width:90%; border-radius:20px;background-color:white;}
#explain h2.big{color:black;font-weight:bold; font-size:20px;margin:0px;margin-top:-40px; padding:0px;}
#explain .button{
	width:200px;
    font-size:24px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:20px 10px 20px;
	box-shadow:2px 2px 2px #555;
    color:#fff;
    background-color:#49a9d4;
    border-radius:5px;
	margin:0 auto;
	border:solid 1px white;
  font-family: "rounded";
  cursor:pointer;
}
  
  #explain .button:hover {
    
    color: black;
	box-shadow:0px 0px 0px #555;
	cursor:pointer;
    
  }
    #explain .button:before {
      transform: skewX(-45deg) translateX(13.5em);
     transition: all 0.5s ease-in-out;
    }
.explain_header .form-wrapper{margin:0px; margin-left:100px; padding-top:10px;margin-top:80px;width:380px; }
.explain_header h1 img{
	position:absolute; top:10px; left:20px;-moz-transform:    rotate( -10deg );  /* Firefox用 */
	-webkit-transform: rotate( -10deg );  /* Chrome,Safari,新しいOpera用 */
	-o-transform:      rotate( -10deg );  /* 古いOpera用 */
	-ms-transform:     rotate( -10deg );  /* IE用 */
	transform:         rotate( -10deg );  /* CSS3の書き方 */
	width:30%;
}
#advertise{width:50%; display:block; margin:0 auto;padding-top:80px;}
#explainprice{width:80%;}

.thankslogo_bottom{display:none;}

.english h1{position:relative; line-height:20px; font-size:40px;}
#explain.cont.english h1 img{width:450px; display:block; margin:0 auto; margin-top:30px;}
#explain.cont.english h1 span{font-size:14px;}
#explain.cont.english p.ad_main{font-size:40px; color:red; font-family:rounded;}
#explain.cont.english .contents{width:100%; }
#explain.cont.english .contents h2 img{width:300px; display:block; margin:0 auto;padding-top:30px;}
#explain.cont.english .contents.gray{background-color:gray;}
#explain.cont.english .contents .inside{width:900px;margin:0 auto; overflow:hidden; clear:both;}
#explain.cont.english .contents .inside .left, #explain.cont.english .contents .inside .right{ vertical-align:top;width:40%;  display: inline-block;}
#explain.cont.english .contents .inside .right p{background:none; text-align:left;}
#explain.cont.english .contents .inside .left img{width:auto; height:300px; display:block;margin:0 auto; }


/* 広告の規約書ぺーじ */
#kiyakusho{width:500px; display:block; margin:0 auto; margin-bottom:30px; 
overflow:auto; 
  -webkit-overflow-scrolling:touch;
  border:1px solid #c9c9c9; 
  height:500px;}
input#button{ border-radius:none; background-color:red;}
#kiyakusho iframe{
	padding:0px;
	margin:0px;
	width:100%;
  height:100%;
  border:none;
  display:block; 
  }
  
  
.mailform{width:100%; margin:0 auto; text-align:left;}
.mailform tr{border-bottom:solid 1px black;}
.mailform th{ font-size:12px; width:100%;}
@media screen and (max-width: 1024px){
	#content1{width:95%; background-size:cover;}
#content2{width:100%; height:860px; overflow:hidden; background-size:contain;}
#content1 .blackboard{width:95%; margin:0 auto;  background-size:contain;}
#content2 .text2{top:220px;}
}
@media screen and (max-width: 960px){
	table.recruit {width: 80%;}
table.recruit tr th {
	width: 70px;
	font-weight:bold;
}	

}

/*画面サイズに合わせたcss  1100pxと800pxと505px   
480px
600px
768px
1,024px
*/

	
@media only screen and (max-width:800px){
.wrapper{min-height:1000px;width:100%; overflow:hidden;}
#cloudbg img{width:90%;margin:0 auto;}
.top_header, .explain_header{
		background: url("../images/head.jpg") no-repeat;
		background-size:cover;
		height:400px;
		background-position:0px;
		width:100%;
		}
/*広告ページ↓↓↓↓↓↓↓*/
.explain_header{background: url("../images/head1.jpg") no-repeat; height:600px;background-size:cover;}
	.top_button{ bottom:0px; }
	.cont h2 img{width:100%;}
	.topbg{height:40px;}
	.topbutton img{width:60px; display:block; margin:0 auto;}
	.top_dowload img{position:absolute; left:70px;width:200px; bottom:10px; z-index:10000;}

	#explain{min-height:2300px;}
	#advertise{width:60%; display:block; margin:0 auto;padding-top:40px;}
	.explain_header h1 img{
	position:absolute; top:10px; left:20px;-moz-transform:    rotate( -10deg );  /* Firefox用 */
	-webkit-transform: rotate( -10deg );  /* Chrome,Safari,新しいOpera用 */
	-o-transform:      rotate( -10deg );  /* 古いOpera用 */
	-ms-transform:     rotate( -10deg );  /* IE用 */
	transform:         rotate( -10deg );  /* CSS3の書き方 */
	width:60%;
}
/*広告ページ↑↑*/
	#content1{
	background-size:cover;
	width:100%;
	height:800px;
	
	 }
	 #content1 .text{
	right:25px;  
	top:170px; 
	width:350px;
	height:380px;
	z-index:2;
	background-size:cover;
	padding:0px;
	font-size:10px;

	}
	#content1 .text p{margin-top:100px;}
	
	#content1 .phone{
	top:200px; 
	width:300px;
	height:300px;
	left:0px;
	background-size:contain;
	font-size:1em;

	}

#content1 .text{font-size:1em; margin:0px;width:330px; height:auto; top:150px; }
#content1 .text span{font-size:18px;}
#content1 .text span.english{font-size:20px;}
#content1 .calender{width:20%;}
#content1 .blackboard{
	left:0px; 
	bottom:0px; 
	width:650px;
	height:350px; 
	text-align:center;
	line-height:40px;
	background-size:contain;
	background-position:center;
	font-size:15px !important;
	}
#content2{
	padding-top:10px;
	position:relative;
	background-size:cover;
	width:100%;
	height:500px;
	z-index:0;
	}
#content2 #letter{
	position:absolute;
	
	z-index:999;
	top:0px;
	left:10px;
	width:180px;
	height:140px;
	background-size:cover;
	}
#content2 .text2{
	position:absolute;
	left:10px;
	text-align:center; 
	font-weight:bold;
	text-align:left;
	background: url("../images/lettertext.png") no-repeat;
	background-size:cover;
	top:150px;
	height:350px;
	width:350px;

	}
#content2 .text2 p{
  
	font-size:12px;
	line-height:normal;
	margin-top:20px;
	top:100px;
	left:50px;
	}
	#content2 .text2 p span{
	font-size:22px;}

#content3{
	background: url("../images/story.png") no-repeat;
	height:500px;
	background-size:cover;
	width:100%;
	position:relative;
	
	}
#content3 .text3{
	background: url("../images/storytext.png") no-repeat;
	background-size:contain;
	position:absolute;
	height:320px;
	width:40%;
	font-size:20px;
	text-align:center; 
	font-weight:bold;
	top:0px;
	right:20px;}
#content3 .text3 p span{font-size:22px;}
#content3 .text3 p{font-size:12px;}
#content3 .text3 p{margin:0 auto; margin-top:40px; text-align:center;font-family: 'light';}
#content3 #video{
	position:absolute;
	height:200px;
	width:300px;
	font-size:20px;
	text-align:center; 
	font-weight:bold;
	top:280px;
	right:30px;
	}

.footer{width:100%;overflow:hidden;}
/* 広告の規約書ぺーじ */
#kiyakusho{ }
input#button{ border-radius:none; background-color:red;}
#kiyakusho iframe{
	
  }


	.footer .inside .top .logo{margin-right:0px;width:300px;}
	.footer .inside .top ul{ list-style:none;float:left; width:400px; margin:0px; padding:0px;}
	.footer .inside .top ul li{list-style:none; width:180px; float:left; margin-left:20px; height:100px;}



}
@media only screen and (max-width:650px){
	#content2{height:460px}
	#content2 .text2{
	left:10px;
	
	top:120px;
	height:350px;
	width:350px;

	}
	#content3{height:450px}
	
	
	
}
@media only screen and (max-width:505px){
	.wrapper{width:100%; height:auto; overflow:hidden;}
	.cont h2 img{width:90%;}
	.top_header{
		width:100%;
		background: url("../images/toppage-small_en.png") no-repeat;
		background-size:cover;
		height:460px;
		background-position:10% 100% ;
	}
	.topbutton{position:fixed; right:0px; bottom:0px; z-index:999; display:block;}
	.top_header .top_dowload {display:none;}
	.wrapper #cloudbg{display:none;}
	.explain_header{width:100%;　height:300px}
	#explainprice{width:95%;padding-top:20px;}
	.top_dowload img{position:absolute; left:10px;width:200px; bottom:5px; z-index:10000;}
	.smartphone, .smartphone2{display:block; margin:0px; padding:0px;width:100%; }
	.smartphone img, .smartphone2 img{width:100%; position:relative;display:block; margin:0 auto; z-index:3;}
	.smartphone img.download{width:80%;margin-top:30px; margin-bottom:30px;}
	.smart-calender{position:relative;height:300px;}
	.smart-calender img{height:300px;width:auto;}
	#content1,#content2,#content3{background:none;overflow:hidden;}
	#content1{margin:0px; padding:0px;}
	
	#content1 .phone{
	
	}
	#content1{
	 width:100%;
	background: url("../images/cont1smat.png") no-repeat;
	background-size:cover;
	overflow: visible;
	height:1000px;
	}
	#content1 .text, #content1 .phone, #content1 .blackboard{
	position:relative;
	margin:0px;
	padding:0px;
	width:100%;
	height:360px;
	top:0px;
	right:0px; 
	background-size:contain;
	background-position:center;
	font-size:14px;

	}
	#content1 .phone{
		poition:absolute;
		top:150px;
		z-index:100;
		width:100px;
		left:0px;
		background: url("../images/phone-smll.png") no-repeat;
		background-size:contain;
		}
	#content1 .calender{right:0px; top:275px;z-index:0;}
	#content1 .calender img{ height:180px; border:solid 1px black;}
	#content1 .text{background:none; overflow:hidden;}
	#content1 .text{position:relative;  z-index:1; height:180px;}
	#content1 .text p{ line-height:25px;margin:0px;padding:0px; padding-top:10px;}
	#content1 .blackboard{
		position:relative;
	height:auto;
	width:100%;
	height:360px;
	background: url("../images/blackboardsmart.png") no-repeat 0px;
	background-size:cover;
	background-position:center;
	margin:0px;
	padding:0px;
	
	}
#content2{height:400px; width:100%; overflow:hidden;}
#content2 .text2, #content2 #letter, #content3 .text3, #content3 #video{
		position:relative;
		top:0px; 
		left:0px; 
		right:0px; 
		margin:0px; 
		padding:0px;
		background-position:center;
		}
#content2 #letter{
	position:absolute;
	top:280px;
	width:35%;
	background-size:contain;
	}
#content2 .text2 div.smartphone{width:120px;position:absolute; right:0px; bottom:0px;}
#content2 .text2{
	background-size:cover;
	width:100%;
	height:400px;
	margin-top:-120px;
	background: url("../images/lettertext-smll.png") no-repeat;

	}
#content2 .text2 p{
	position:relative;
  	text-align:center;
	font-size:14px;
	top:0px;
	left:0px;
	line-height:normal;
	margin:0px;
	padding:0px;
	padding-top:120px;
	line-height:25px; 
	
	}
#content2 .text2 p span{font-size:18px;font-family:"rounded";}
#content3 .text3, #content3 #video{position:relative;}
#content3{
	height:780px;
	width:100%;
	background: url("../images/story_smart.jpg") no-repeat;
	background-size:cover;
	padding-bottom:40px;
	}
#content3 .text3{
	background:none;
	width:100%;
	text-align:center; 
	font-weight:bold;
	margin-top:-145px;
	height:330px;
	
	}
#content3 .text3 div.smartphone{position:absolute; width:100px; top:260px;}
#content3 .text3 p{margin:0px; padding:0px; line-height:25px;padding-top:160px;font-size:15px; height:160px;}
#content3 .text3 p span{font-size:18px;font-family:"rounded";}
#content3 .text3 p{font-size:14px;}
#content3 #video{
	
	width:80%;
	height:280px;
	overflow:hidden;
	margin:0 auto;
	text-align:center; 
	font-weight:bold;
	margin-top:0px;
	margin-top:0px;
	
	}
h4{margin:0px;}
h4 img{width:100%;}
#content3 .smartphone2 {height:200px; width:300px; text-align:left;margin:0 auto;}
#content3 .smartphone2 img{height:200px; width:auto;}

.bottom_dowload img{width:80%;}
.top_header #cloudbg, .wrapper #cloudbg{font-size:13px;line-height:90px; width:100%;background-size:contain;}
	
	
	/* 広告規約書ページ */
#sinki1{width:90%; margin:0 auto;text-align:center;}
#kiyakusho{width:80%; overflow: auto;display:block; margin:0 auto; margin-bottom:30px; border:none; overflow:auto;-webkit-overflow-scrolling:touch;}
#kiyakusho iframe{width:100%; height:100%; border:none;display:block;}
.pc{display:none;}

	}


@media only screen and (max-width:505px){
	
	.footer{min-height:500px; width:100%; overflow:hidden;}
	.footer .inside .top ul{margin:0px; padding:0px; text-align:center; width:100%; float:none; margin:0 auto;}
	.footer .inside .top ul li{text-align:center;width:100%; margin:0px;  height:auto; }
	.footer .inside .top ul li a img{float:none;text-align:center; width:60%; display:block; margin:0 auto;padding-left:0px; padding-right:0px;}
	.footer .inside .top ul li.footer_dowload{display:none;}
	.footer .inside .top ul li a img.downloadbottom{width:90%;}
	.footer .inside .top .logo{margin:0 auto; width:50%;float:none;}

	.footer .inside .top .logo img{display:none;}
	.footer .inside .top .thankslogo_bottom{display:block;}
	.footer .inside .top .thankslogo_bottom img{display:block;width:60%;display:block; margin:0 auto;padding-top:40px;}
	.top_header #cloudbg, .wrapper #cloudbg{height:auto;}
	.top_header #cloudbg, .wrapper #cloudbg img{width:70%; margin-left:80px;}
	#explain{min-height:2200px;}
	.explain_header{height:400px;}
	#explain h2 img{width:auto; display:block; margin:0 auto; height:60px;}
	.explain_header .form-wrapper{margin:0 auto;width:80%; margin-top:80px;}
	.explain_header h1 img{
	position:absolute; top:10px; left:20px;-moz-transform:    rotate( -10deg );  /* Firefox用 */
	-webkit-transform: rotate( -10deg );  /* Chrome,Safari,新しいOpera用 */
	-o-transform:      rotate( -10deg );  /* 古いOpera用 */
	-ms-transform:     rotate( -10deg );  /* IE用 */
	transform:         rotate( -10deg );  /* CSS3の書き方 */
	width:60%;
}
#advertise{width:80%; display:block; margin:0 auto;padding-top:40px;}
#explain h1 img{width:100%;}
h4 img.pc{display:none;}

}