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

/*------------------------------------------------------------------------------
ブラウザスタイル初期化設定
------------------------------------------------------------------------------*/
html {overflow-y: scroll;}
body {background-color: #FFFFFF;
	color: #333333;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;list-style-type: none;
}
caption,
th {
	text-align: left;
}
sup,
sub {
	line-height: -1px;
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
/*------------------------------------------------------------------------------
テキストリンク設定
------------------------------------------------------------------------------*/
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a:active {
	color: #FFFFFF;
	text-decoration: none;
}

  /*SP*/
@media screen and (max-width:650px){
	#header{width: 100%; background:linear-gradient(to bottom,#ffba58,#ff9600); color: #fff; text-align: center;padding: 15px 0;font-size: 20px;font-weight: bold; }
	#tytle{width: 100%;margin: 10px auto;}
	#contents{width: 95%; margin:20px auto;}
	.text{font-size: 16px; color: #555; line-height: 1.8; margin: 10px 0 20px 0;}
	.text span{font-size: 20px;font-weight: bold;}
	#contents img{width: 95%; display: block; margin: 40px auto;}
	#contents .text img{width: 95%; display: block; margin:0 auto;}
	.midasi{font-size: 20px; color:#fff; margin: 20px 0 10px; background:linear-gradient(to bottom,#ffca3a 50%,#ff9600); padding: 10px;font-weight: bold;}
	.inner{width:90%;margin: 20px auto;}
	.inner li{font-size: 15px; margin: 20px 0; overflow: hidden;color:#ff9600;}
	.inner img{width: 45% !important;float: left;margin: 20px 5px 0 !important;}
	.midasi2{font-size: 23px; color:#888; margin: 10px auto 0; text-align: center;}
	.come{font-size: 17px; color:#ff9600; margin: 20px auto 0; text-align: center;font-weight: bold;}
	.come2{font-size: 20px; color:#ff9600; margin: 0 auto; text-align: center;font-weight: bold;}
	#send {text-align: center;}
	#send p {color: #fff;font-size: 23px;font-weight: bold;width: 70%;padding: 10px 0;background-color: #ee7509;border: none;border-radius:5px;cursor: pointer;	margin:0 auto 40px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;}
	#send p:hover {background-color: #ff9600;}
	
	#footer{width: 100%; padding: 10px 0; background-color:#ff9600; }
	.foot{padding:0 10px;}
	.foot img{float: left; width: 100px;}
	.menu{font-size: 12px;color: #fff;float: left;margin: 11px 0 0 15px;}
	.copy {text-align:right; font-size: 12px;color: #fff; clear: both;}
}

  /*PC*/
@media screen and (min-width:650px){
	#header{width: 100%; background:linear-gradient(to bottom,#ffca3a 50%,#ff9600); color: #fff; text-align: center; padding: 20px 0; font-size: 35px;font-weight: bold;}
	#tytle{width: 750px; margin: 25px auto;display: block;}
	
	#contents{width: 750px; margin:50px auto 100px;}
	.text{font-size: 17px; color: #555; line-height: 2.2; margin: 20px 5px 50px;}
	.text span{font-size: 22px;font-weight: bold;}
	#contents img{width: 90%; display: block; margin: 50px auto;}
	#contents .text img{width: 90%; display: block; margin:0 auto;}
	.midasi{font-size: 25px; color:#fff; margin: 50px 0 20px 0; background:linear-gradient(to bottom,#ffca3a 50%,#ff9600); padding: 10px;font-weight: bold;}
	.inner{width:80%;margin: 0 auto;}
	.inner li{font-size: 16px; margin: 20px 0; overflow: hidden;color:#ff9600;}
	.inner img{width: 45% !important;float: left;margin: 50px 10px 0 !important;}
	.midasi2{font-size: 28px; color:#888; margin:  10px auto;text-align: center;}
	.come{font-size: 18px; color:#ff9600; margin: 50px auto 0; text-align: center;font-weight: bold;}
	.come2{font-size: 25px; color:#ff9600; margin: 0 auto; text-align: center;font-weight: bold;}
	.btn{width: 50% !important; margin: 0 auto 70px !important;}
	
	#send {text-align: center;}
	#send p {color: #fff;font-size: 30px;font-weight: bold;width: 55%;padding: 15px 0;background-color: #ee7509;border: none;border-radius:10px;cursor: pointer;margin:0 auto 40px;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;	}
	#send p:hover {background-color: #ff9600;}
	
	#footer{width: 100%; padding: 10px 0; background-color:#ff9600; }
	.foot{width: 800px;margin: 0 auto;}
	.foot img{float: left; width: 100px;}
	.menu{font-size: 12px;color: #fff;float: left;margin: 11px 0 0 15px;}
	.copy {text-align: right; font-size: 12px;color: #fff; clear: both;}
}