body {
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#wrap {
    width: 100%;
	position: relative;
}
#main{
	float: none;
	width: 100%;
	padding: 0 10px;
    box-sizing: border-box;
	overflow: hidden;
	margin: 0;
}
.inner {
	padding: 0 10px;
	box-sizing: border-box;
	overflow: hidden;
	margin: 0;
}

/* サイドカラム */
#main + p {
	text-align: center;
	max-width: 440px;
	margin:30px auto 0;
	overflow: hidden;
}
#main + p + p {
	text-align: center;
	margin-bottom: 20px;
}
#main + p br {
	display: none;
}
#main + p a {
	display: block;
	float: left;
	width: 49%;
	margin-right: 2%;
}
#main + p a:nth-child(2n) {
    margin-right: 0;
}
#main + p a:first-child {
	float: none;
	width: 100%;
}
#main + p a:first-child + br + img {
	width: auto;
	display: block;
	margin:0 auto 15px!important;
}
#main + p + p + table {
	background: #FFFF99;
}
#main + p + p + table td {
	padding-bottom: 30px;
}
#main + p + p + table iframe {
	width: calc(100% - 20px);
}

/* ヘッダー */
#logo {
    background-image: none;
	height: auto;
}
#logo img.logo {
    max-width: calc(100% - 80px);
	padding: 20px 0 0;
}
#logo div.summary {
    position: absolute;
    top: 0;
    right: 0;
    text-align: left;
    width: 100%;
    float: none;
    padding: 0px 10px;
    box-sizing: border-box;
}
#logo div.summary br, #logo div.summary p {
    display: none;
}
#logo div.summary h1 {
    margin-bottom: 0px;
	display: inline-block;
}
#logo div.summary div {
    float: right;
}
@media screen and (max-width: 480px) {
#logo div.summary h1 {
		display: none;
	}
}

/* ハンバーガーメニュー */
.ac_menu {
  display: inline-block;
  background: #EA7526;
  cursor: pointer;
  position: absolute;
  top: 65px;
  bottom: auto;
  margin: auto;
  right: 10px;
  width: 46px;
  height: 46px;
}
.ac_menu span {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 70%;
  height: 4px;
  background: #fff;
  -webkit-transition: .4s;
  transition: .4s;
}
.ac_menu span:before, .ac_menu span:after {
  content: '';
  display: block;
  position: absolute;
  top: -10px;
  bottom: auto;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 4px;
  background: #fff;
  -webkit-transition: .3s;
  transition: .3s;
}
.ac_menu span:after {
  top: auto;
  bottom: -10px;
}
.ac_menu.active span {
  background: transparent;
  -webkit-transition: .3s;
  transition: .3s;
}
.ac_menu.active span:before, .ac_menu.active span:after {
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: .3s;
  transition: .3s;
}
.ac_menu.active span:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media screen and (max-width: 480px) {
.ac_menu {
  top: 55px;
  width: 36px;
  height: 36px;
}	
.ac_menu span {
  width: 60%;
  height: 2px;
}
.ac_menu span:before, .ac_menu span:after {
  height: 2px;
    top: -8px;
}
.ac_menu span:after {
    top: auto;
    bottom: -8px;
}	
}
@media screen and (max-width: 400px) {
.ac_menu {
  top: 40px;
}		
}

#header_navi {
    width: 100%;
	display: none;
}
#header_navi li, #header_navi li.hn4r {
    width: 100% !important;
    height: auto;
    background: none;
	border-bottom: 0;
	border-top: 1px solid #fff;
}
#header_navi li a {
    padding: 5px 10px;
	background: #fcc544;
	color: #333333;
}
#header_navi li a:hover {
	background: #EA7526!important;
	color: #fff;
}

/* フッター */
#footer {
    padding-top: 0;
}
#footermenu {
    padding: 0;
}
#footermenu li {
    float: none;
    height: auto;
}
#footermenu li a {
    padding:12px 10px;
	background: #fcc544;
	display:block;
	text-decoration: none;
	border-top: 1px solid #fff;
	color: #333333;
}
#footermenu li a:hover {
    background: #EA7526 !important;
    color: #fff;
}
.lawlist {
    text-align: center;
}

/* 汎用 */
img {
	width: auto;
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
	margin:0!important;
}
table {
	width: 100%;
	margin:0 auto;
}
table th, table td {
    width: auto;
}
.pc {
	display: none;
}
.sp {
	display: block;
}
.mb0 {
	margin-bottom: 0!important;
}
.mb5 {
	margin-bottom: 5px!important;
}
.mb10 {
	margin-bottom: 10px!important;
}
.mb20 {
	margin-bottom: 20px!important;
}
.mb30 {
	margin-bottom: 30px!important;
}


/* コンテンツ */
#main img.item_note, .inner img.item_note {
    width: 100%;
    height: auto;
	border:1px solid #fff;
}
#main p, .inner p {
    padding: 0;
	line-height: 1.0;
}
#main img.w-100, .inner img.w-100 {
	width: 100%;
	height: auto;
}
#main table.col2, .inner table.col2 {
	width: 100%!important;
}
#main table.col2 td, .inner table.col2 td {
	width: 50%!important;
}
#main table p, .inner table p {
    padding: 5px;
}
#main h3, .inner h3 {
	margin-left:0;
}
.gototop {
    width: 14em;
}

/* list */
#main ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#main ul li {
    padding: 0 0 0 16px;
    position: relative;
    word-wrap: break-word;
    list-style: none;
}
#main ul li:before {
    background: none repeat scroll 0 0 #333333;
    border-radius: 50%;
    content: "";
	width: 3px;
    height: 3px;
    left: 5px;
    position: absolute;
    top: 8px;
}

/* inforamtion */
form iframe {
    width: auto;
    max-width: 100% !important;
	height: 1320px!important;
}
.itemInput input[type="text"], 
.itemInput input[type="email"], 
.itemInput input[type="password"], 
.itemInput textarea, 
.itemInput select {
    max-width: 100% !important;
    box-sizing: border-box;
}
#save-load-layer {
    left: 28%;
}
table.formtable {
    width: 100%;
    font-size: 95%;
}
table.formtable td textarea, 
table.formtable td input {
    font-size: 12px;
    display: block;
    margin-bottom: 5px;
	width: 100%;
}
table.formtable input[type="submit"], 
table.formtable input[type="reset"]{
	width: 40%;
	margin: 5 auto;
}
/* company */
table.info {
    width: 100%;
    padding: 0;
    margin-left: 0;
}
.googlemap, .youtube {
  position: relative;
  width: 100%;
}
.googlemap {
  padding-top: 30%;
  min-height: 260px;
	margin:10px auto 15px;
}
.youtube {
  padding-top: 40%;
  min-height: 125px;
}
.googlemap iframe, .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.youtubeTable tbody, .youtubeTable tbody tr, .youtubeTable tbody td {
	display: block;
	width: 100%;
}

/* payament */
table.carriage {
    width: 100%;
	margin:0;
}

/* company */
.style29 {
    line-height: 1.0;
}

/* metronome */
table.spec {
    width: 100%;
    font-size: 90%;
	margin: 0 0 30px;
}
.note_y12 a {
    display: block;
}

/* woodbass */
table.item_note {
    margin-right: 0;
    margin-left: 0;
    box-sizing: border-box;
}
table.commission {
    margin: 0 0 15px;
    width: 100%;
}