@charset "UTF-8";

@media screen and (max-width:640px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
.all {
	max-width:100%;
	margin:auto;
}
#page{
width:100%;
margin:0 auto;
}
html{
	-webkit-text-size-abjust:100%;
}
/*～以下、画面の横幅が640pxまでの場合のスタイル記入～*/
body {
	font-family: 新ゴ EL;
	font-size: 95%;
	/*font: 0.9em/1.4em "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	margin: 0px;
	padding: 0px;
	color: #000;
	background-color: #FFEA00;
	line-height: 1.1em;
}
ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
img {
	border-width: 0px;
}
a {
	color: #000;
	text-decoration: none;
}

/*#page {
	width:max;
	margin:0 auto;
}*/
header{
	margin:30px auto 20px auto;
}
/*カレンダー*/
#ad01 {
	border: 1px solid #000;
	width:80%;
	margin: 0 auto 50px auto;
	padding: 20px;
	font-size: 1.4em;
	line-height: 1.7;
	font-weight: 500;
	text-align: center;
}
#ad01 a{
	text-decoration: underline;
	font-size: 1.1em;
}

/*タイトル*/
#title {
	font-size:1em;
	margin:0px auto 0px auto;
	text-align:center;
	overflow: hidden;
}
#title p{
	font-family: リュウミン B-KL;
	font-size:1.2em;
}
#title_logo {
	margin:25px auto 20px auto;
	width:200px;
}
#des {
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	font-size:1em;
	/*color:#fff;*/
	text-align:center;
	margin-bottom:140px;
	line-height:2;
}
nav{
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
}

/*スマホトグルナビ*/
 #top-editarea{
  height: initial;
  background: #000;/*MENU背景色*/
  text-align: right;/*MENUの文字の位置*/
  width: 100%;
 }
 .menu-toggle{
  color: #ffea00;/*MENUの文字色*/
  background-color:#444;
	-webkit-border-top-left-radius: 7px;  
    -webkit-border-top-right-radius: 7px;  
    -webkit-border-bottom-right-radius: 7px;  
    -webkit-border-bottom-left-radius: 7px;  
    -moz-border-radius-topleft: 7px;  
    -moz-border-radius-topright: 7px;  
    -moz-border-radius-bottomright: 7px;  
    -moz-border-radius-bottomleft: 7px;  
  display: inline-block;
  padding:8px 10px 7px 10px;
  margin: 10px 10px 0px 10px;
 }
.menu-toggle img {
	width:25px;
	height:25px;
}
 #gnav {
  width: 100%;
  display: none;
  height: initial;
  padding: 0;
  margin: 0;
  
 }
 .menu-inner{
  width: 100%;
  height: initial;
  position: static;
  margin: 0;
 }
 #gnav li{
  float: none;
  height: 35px;
  width: 100%;
  list-style-type: none;
  background: #ffea00;/*リスト文字の背景色*/
  margin: 0 auto;
  padding-left:10px;
  text-align: left;/*リストの文字の位置*/
 }
 #gnav li a {
  height: initial;
  color: #222;/*リスト文字色*/
  display: block;
 }
 #gnav li:hover a{
  color: initial;
  background: initial;
 }
/*スマホトグルナビ*/

/*上へボタン*/
.page_top {
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
    position:fixed;
    bottom:10px;
    right:10px;
    padding:17px 13px;
    color:#fff;
    font-size:100%;
    text-decoration:none;
    background:#444;
	-webkit-border-top-left-radius: 10px;  
    -webkit-border-top-right-radius: 10px;  
    -webkit-border-bottom-right-radius:10px;  
    -webkit-border-bottom-left-radius: 10px;  
    -moz-border-radius-topleft: 10px;  
    -moz-border-radius-topright: 10px;  
    -moz-border-radius-bottomright: 10px;  
    -moz-border-radius-bottomleft: 10px;  
}
/*上へここまで*/

/*コンテンツ*/

#SP {
	width:80%;
	margin:0 auto;
}
#hl {
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	font-size:2.8em;
	margin-bottom:30px;
	margin-left:20px;
}
 .PC {
	font-family: 新ゴ EL;
	font-size:0.4em;
	line-height:3;
	display:none;
}
.TB_SP {
	font-family: 新ゴ EL;
	font-size:0.9em;
	line-height:3;
	padding-left:9%;
}

#abo,#con,#wor,#ser {
	/*overflow:hidden;*/
}
/*コンテンツマージン*/
#ser,#wor,#abo,#con {
	margin:10px auto 40px auto;
}

/*見出し*/
#wor p.title,#ser p.title, #abo p.title,#con p.title{
	font-size:300%;
	border-top:1px solid #f0bf00;
    -webkit-box-shadow:inset 0 1px 0 #fff07e;
    -moz-box-shadow: inset 0 1px 0 #fff07e;
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	text-align:center;
	margin:0px;
	padding:60px 0px;
	color:#222;
}
/*イメージ画像*/
#abo .image {
	width:80%;
	/*margin:5px 20px 20px 30px;*/
	float:left;
}
#ser .image {
	width:85%;
	height:auto;
	margin:auto auto 20px auto;
}

/*コンテンツ説明*/
#abo p.com {
	margin-bottom:60px;
	margin-top:0px;
	width:80%;
	padding:0px 20px 0px 30px;
	line-height:1.8em;
	float:left;
}
#ser p.com {
	width:80%;
	margin-top:10px;
	padding:0 10% 7% 10%;
	line-height:1.8em;
}

/*WORKSコンテンツ*/
.wor01,.wor02 {
	width:90%;
	margin:0 3% 7% 4.5%;
	border:1px solid #444;
 }
#wor .image {
	width:86%;
	margin:4% 0% 12% 4%;
	text-align:center;
	line-height:1.4;
}
#wor p.com {
	margin-bottom:30px;
	margin-top:0px;
	width:80%;
	padding:8% 9% 0 9%;
	line-height:1.8em;
}
#wor a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	-moz-opacity:0.7;
	-webkit-opacity:0.7;
	zoom:1;
}

 .web, .dtp {
	 margin-bottom:2%;
 }


/*お問い合わせフォーム*/
table.formTable {
	width:93%;
	margin:0 auto;
	padding:2%;
	font-size:0.9em;
}
td input {
	width:75%;
}
textarea {
	width:95%;
	margin:0px;
	padding-right:3%;
}
/* .req {
	 display:none;
}*/
 .req {
	font-family: 新ゴ EL;
	font-size:0.4em;
	line-height:3;
	color:#FA1519;
}
#con p.com {
	text-align:center;
	margin:0 auto 30px auto;
	width:85%;
	padding:0%;
	line-height:1.8em;
}
	.seal {
		text-align: center;
	}
	.seal img {
	width: 60%;
	}

footer {
	font-family: 'Poppins', sans-serif;
	font-weight: 300;
	height: 8%;
	/*width: 900px;*/
	margin: auto;
	text-align: center;
	margin-bottom: 8%;
	color:#fff;
}
}