@charset "UTF-8";
/*   
Theme Name: XeoryBase
Author: Tada
*/
/* all display
-------------------------------------------------- */


/* ------------------------------------------------------------------

reset

------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

  margin: 0;

  padding: 0;

  border: 0;

  font-style: normal;

  font-weight: normal;

  font-size: 100%;

  vertical-align: baseline;

}

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

  display: block;

}

input, textarea,{

  margin: 0;

  padding: 0;

}

ol, ul{

    list-style: none;

}

caption, th{

    text-align: left;

}

/* clearfix */

.cf {

  zoom: 1;

}

.cf:before, .cf:after {

  content: "";

  display: table;

}

.cf:after {

  clear: both;

}

html,body {

  width: 100%;

  font-size: 16px;

  font-family: Verdana, Roboto, "ヒラギノ角ゴ ProN W3", "Droid Sans", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

}

input[type="submit"],

input[type="reset"],

input[type="button"],

button {

    cursor: pointer;

    -webkit-appearance: button;

    *overflow: visible;

}

input[type="text"], textarea, input[type="submit"]{

  -webkit-appearance: none;

}



/* ------------------------------------------------------------------

320px 〜 767px

------------------------------------------------------------------*/

@media screen and (min-width:320px) {



  body {

    color: #232323;

    background: #fff;

  }

  .inner {

    background: #fff;

    padding: 2%;

    overflow: hidden;

  }

  h2 {

    font-size: 138.5%;

    letter-spacing: 1.5px;

    font-family: "ヒラギノ明朝 Pro W3", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

    margin-bottom: 3%;

  }

  .green {

    color: #8e774d;

    font-weight:bold;

  }

  .red {

    color: #b03434;

  }

  .em {

    font-size: 146.5%;

    letter-spacing: 1.5px;

    font-weight: bold;

  }

  /* header */

  #header {

    border-top: solid 5px #232323;

    padding: 2%;

    background: #fff;

  }

  #header_tel {

    display: none;

  }

  #logo {

    max-width: 400px;

  }

  #logo img {

    width: 100%;

  }

  /* topimage */

  .topimage_sp {

    max-width: 100%;

    line-height: 0;

  }

  .topimage_sp img {

    width: 100%;

  }

  .topimage_pc {

    display: none;

  }

  /* section_contact */

  .section_contact_pc {

    display: none;

  }

  .section_contact {

    overflow: hidden;

    background: #fff;

    margin: 5% 0 0;

  }

  .section_contact_image {

    max-width: 80px;

    float: left;

    line-height: 0;

  }

  .section_contact_image img {

    width: 100%;

  }

  .section_text {

    width: 70%;

    float: right;

  }

  .section_contact_text p {

    font-size: 108%;

    font-weight: bold;

    letter-spacing: 1px;

  }

  .office_info {

    clear: both;

    border: solid 1px #ccc;

    padding: 2%;

  }

  .office_info p {

    letter-spacing: 1px;

  }

  .office_info .office_info_name {

    margin: 2% 0;

  }

  .contact_btn {

    border-top: solid 1px #ccc;

    margin-top: 3%;

    margin-bottom: 3%;

    padding-top: 3%;

  }

  .contact_btn a {

    display: block;

    font-size: 72%;

    text-align: center;

    line-height: 1.3;

    padding: 14px 0;

    border-radius: 5px;

  }

  .contact_btn .contact_btn_text {

    font-size: 20px;

  }

  .contact_btn a:link {

    color: #fff;

	background: #33863b;

    text-decoration: none;

  }

  .contact_btn a:visited {

    color: #fff;

    background: #33863b;

  }

  .contact_btn a:hover {

    color: #fff;

    opacity: 0.8;

  }

  .section_contact_sp .office_info_tel a {

    display: block;

    height: 50px;

    line-height: 50px;

    text-align: center;

    font-size: 138.5%;

  }

  .section_contact_sp .office_info_tel a:link {

    text-decoration: none;

    background: #570c0a;

    color: #fff;

  }

  .section_contact_sp .office_info_tel a:visited {

    background: #570c0a;

    color: #fff;

  }

  .section_contact_sp .office_info_tel a:hover {

    opacity: 0.8;

  }

  /* section1 */

  .section1 {

    margin: 3% 0;

  }

  .section1 .inner {

    background: #fafafa;

    padding: 3% 2%;

  }

  .asterisk {

    font-size: 64%;

    margin-left: 5px;

  }

  .section1 p {

    font-size: 123.1%;

  }

  /* section2 */

  .box {

    position: relative;

    border: solid 1px #8e774d;

    border-radius: 4px;

    margin-top: 5%;

  }

  .section2 .ribon {

    color: #fff;

    position: absolute;

    background: #8e774d;

    padding: 1% 2%;

    top: -13px;

    left: -8px;

  }

  .section2 .ribon:before {

    content: '';

    position: absolute;

    top: 100%;

    border-style: solid;

    border-color: transparent;

    left: 0;

    border-width: 0 .5rem .5rem 0;

    border-right-color: #8e774d;

  }

  .section2 .box_head {

    margin: 5% 0;

    text-align: center;

    font-size: 138.5%;

    color: #8e774d;

    font-family: "ヒラギノ明朝 Pro W3", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

    letter-spacing: 1px;

    font-weight: bold;

  }

  .section2 .box_body {

    font-size: 108%;

    padding: 2%;

    background: rgba(255,255,255,1);

    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(242,242,242,1)));

    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);

    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);

    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);

    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 );

  }

  /* section3 */

  .section3_sp {

    margin: 5% 0;

  }

  .section3_sp .inner {

    background: #fafafa;

    padding: 3% 2% 5%;

  }

  .section3_sp .flow {

    border: solid 1px #ccc;

    background: #fff;

    border-radius: 4px;

    padding: 2%;

    font-size: 108%;

    letter-spacing: 1px;

  }

  .section3_sp .caret_down {

    text-align: center;

    font-size: 182%;

  }

  .section3_sp .step {

    font-size: 83.5%;

    font-weight: bold;

    color: #777;

  }

  .section3_pc {

    display: none;

  }

  /* section4 */

  .section5 h2,.section4 h2 {

    position: relative;

    -webkit-background: linear-gradient(-155deg, rgba(0, 0, 0, 0) 1.5rem, #721311 0%);

    background: linear-gradient(-155deg, rgba(0, 0, 0, 0) 1.5rem, #721311 0%);

    color: white;

    padding: 1rem 2rem 1rem 1rem;

  }

  .section4 h2:after {

    position: absolute;

    top: 0;

    right: 0;

    bottom: auto;

    left: auto;

    content: '';

    width: 1.65507rem;

    height: 3.5493rem;

    background: -webkit-linear-gradient(to left bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .2));

    background: linear-gradient(to left bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .2));

    border-bottom-left-radius: 6px;

    box-shadow: -0.2rem 0.2rem 0.3rem -0.1rem rgba(0, 0, 0, .15);

    -webkit-transform: translateY(-1.89424rem) rotate(-40deg);

    transform: translateY(-1.89424rem) rotate(-40deg);

    -webkit-transform-origin: bottom right;

    transform-origin: bottom right;

  }

  .section5 h2:after {

    position: absolute;

    top: 0;

    right: 0;

    bottom: auto;

    left: auto;

    content: '';

    width: 1.65507rem;

    height: 3.5493rem;

    background: -webkit-linear-gradient(to left bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .2));

    background: linear-gradient(to left bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .1) 0%, rgba(0, 0, 0, .2));

    border-bottom-left-radius: 6px;

    box-shadow: -0.2rem 0.2rem 0.3rem -0.1rem rgba(0, 0, 0, .15);

    -webkit-transform: translateY(-1.89424rem) rotate(-40deg);

    transform: translateY(-1.89424rem) rotate(-40deg);

    -webkit-transform-origin: bottom right;

    transform-origin: bottom right;

  }

  .section4 p {

    font-size: 108%;

    letter-spacing: 1px;

  }

  .section4 dl {

    border: solid 1px #ccc;

    margin: 2% 0;

    border-radius: 4px;

  }

  .section4 dt {

    padding: 2%;

    background: #fafafa;

    border-bottom: solid 1px #ccc;

    text-align: center;

    letter-spacing: 1px;

    font-size: 108%;

  }

  .section4 dd {

    padding: 2%;

    text-align: center;

  }

  .section4 .min {

    font-size: 93%;

  }

  /* section5 */

  .case {

    margin-top: 5%;

  }

  .case dt {

    line-height: 2;

    border-bottom: dotted 1px #232323;

    padding-bottom: 3px;

    margin-bottom: 10px;

    font-weight: bold;

    letter-spacing: 1px;

  }

  .case_title {

    background: #444;

    color: #fff;

    padding: 6px;

    letter-spacing: 1px;

    border-radius: 5px;

    margin-bottom: 2%;

  }

  .case_text {

    letter-spacing: 1px;

  }

  /* section6 */

  .section6 h2 {

    font-size: 108%;

    font-weight: bold;

    border-bottom: dotted 1px #232323;

    margin-bottom: 0;

  }

  .section6 dt {

    font-size: 108%;

    font-weight: bold;

    letter-spacing: 1px;

    margin: 3% 0;

  }

  .section6 dd {

    font-size: 108%;

    letter-spacing: 1px;

  }

  /* section7 */

  .section7 h2 {

    font-size: 108%;

    font-weight: bold;

    border-bottom: dotted 1px #232323;

    margin-bottom: 0;

  }

  .section7 p {

    margin-top: 3%;

  }

  .section7 .lawyer {

    border: solid 1px #ccc;

    padding: 2%;

    margin-top: 3%;

  }

  .lawyer_image {

    padding: 2%;

    max-width: 225px;

    border: solid 1px #f2f2f2;

    margin: 0 auto;

  }

  .lawyer_image img {

    width: 100%;

  }

  .lawyer dt {

    font-size: 108%;

    letter-spacing: 1px;

    border-bottom: dotted 1px #232323;

    margin-top: 3%;

    padding-bottom: 3%;

  }

  span.sub_lawyer {

     font-size: 65% !important;

  }

  .lawyer dd {

    margin-top: 3%;

  }

  /* section8 */

  .section8 h2 {

    font-size: 108%;

    font-weight: bold;

    border-bottom: dotted 1px #232323;

    margin-bottom: 0;

  }

  .info_image {

    max-width: 100%;

    border: solid 1px #ccc;

    padding: 1%;

    margin-top: 5%;

  }

  .info_image img {

    width: 100%;

  }

  .info dt {

    font-size: 108%;

    font-weight: bold;

    margin-top: 4%;

  }

  .info dd {

    font-size: 108%;

    margin-top: 3%;

  }

  /* section9 */

  .section9 h2 {

    font-size: 108%;

    font-weight: bold;

    border-bottom: dotted 1px #232323;

    margin-bottom: 0;

  }

  .section9 table {

    box-sizing: border-box;

    border: solid 1px #f2f2f2;

    border-collapse: collapse;

    margin-top: 5%;

    width: 100%;

  }

  .section9 table thead th {

    background: #1c476d;

  }

  .section9 table th {

    background: #fafafa;

    color: #232323;

    width: 34%;

    border: solid 1px #f2f2f2;

    padding: 2%;

    font-size: 100%;

    vertical-align: middle;

    text-align: left;

    letter-spacing: 1.5px;

    font-weight: bold;

  }

  .section9 table td {

    border: solid 1px #f2f2f2;

    padding: 3%;

    vertical-align: middle;

    font-size: 100%;

    text-align: left;

    background: #fff;

    letter-spacing: 1.5px;

  }

  /* section10 */

  .section10 h2 {

    font-size: 108%;

    font-weight: bold;

    border-bottom: dotted 1px #232323;

    margin-bottom: 0;

  }

  .office {

    margin-top: 5%;

  }

  .section10 .title {

    margin: 3% 0 2%;

    font-weight: bold;

    font-size: 108%;

  }

  .section10 dd {

    font-size: 108%;

  }

  .map {

    position: relative;

    padding-bottom: 56.25%;

    padding-top: 30px;

    height: 0;

    overflow: hidden;

    margin: 3% 0;

  }

  .map iframe,

  .map object,

  .map embed {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

  }

  .section10 table {

    box-sizing: border-box;

    border: solid 1px #f2f2f2;

    border-collapse: collapse;

    margin-top: 3%;

    width: 100%;

  }

  .map_pc {

    display: none;

  }

  .section10 table thead th {

    background: #1c476d;

  }

  .section10 table th {

    background: #fafafa;

    color: #232323;

    width: 50%;

    border: solid 1px #f2f2f2;

    padding: 2%;

    font-size: 93%;

    vertical-align: middle;

    text-align: left;

    letter-spacing: 1.5px;

    font-weight: bold;

  }

  .section10 table td {

    border: solid 1px #f2f2f2;

    padding: 3%;

    vertical-align: middle;

    font-size: 93%;

    text-align: left;

    background: #fff;

    letter-spacing: 1.5px;

  }

  .ginza {

    color: #f39700;

    font-size: 153.9%;

  }

  .hanzoumon {

    color: #9b7cb6;

    font-size: 153.9%;

  }

  .oedo {

    color: #b6007a;

    font-size: 153.9%;

  }

  .sakaisuji {

    color: #814721;

    font-size: 153.9%;

  }

  .keihan {

    color: #008080;

    font-size: 153.9%;

  }

  .midousuji {

    color: #e5171f;

    font-size: 153.9%;

  }
	
  .yotsubashi {

    color: #0074bf;

    font-size: 153.9%;

  }
	
  /* footer */

  #footer {

    border-top: solid 1px #ccc;

    padding: 5%;

  }

  #footer ul {

    width: 100%;

    margin: 0 auto;

    overflow: hidden;

  }

  #footer li {

    float: left;

    text-align: center;

    font-size: 83%;

    border-left: solid #ccc 1px;

    padding: 0 3%;

    line-height: 2;

  }

  #footer li:first-child {

    margin-left: 0;

    border-left: none;

  }

  #footer li a:link {

    color: #757575;

    text-decoration: none;

  }

  #footer li a:visited {

    color: #757575;

  }

  #footer li a:hover {

    color: #757575;

  }



  /* pagetop */

  #page-top a {

    display: block;

    background: #444;

    position: fixed;

    right: 2%;

    bottom: 5%;

    width: 50px;

    height: 50px;

    text-align: center;

    line-height: 50px;

    color: #fff;

    font-size: 182%;

    opacity: 0.4;

  }

  /* copyright */

  #copy p {

    font-size: 83%;

    text-align: center;

    padding-bottom: 5%;

  }



  /* contact */

  #contact p {

    margin-bottom: 1em;

  }

  #contact form {

    text-align: center;

  }

  #contact table,

  #contact td {

    background: #fff;

    border: solid 1px #f2f2f2;

  }

  #contact table {

    box-sizing: border-box;

    width: 100%;

    margin: 5% auto;

  }

  #contact th,

  #contact td {

    box-sizing: border-box;

    display: block;

    padding: 2%;

    text-align: left;

    width:100%;

  }

  #contact th {

    background: #fafafa;

    color: #232323;

    vertical-align: top;

  }

  #contact th span {

    color: #f00;

    font-size: .8em;

  }

  #contact input {

    box-sizing: border-box;

    padding: 1%;

    width: 80%;

    border: none;

    font-size: 108%;

  }

  #contact input[type=checkbox] {

    width: auto;

  }

  #contact textarea {

    box-sizing: border-box;

    padding: 1%;

    width: 100%;

    border: solid 1px #ccc;

    font-size: 108%;

  }

  .submit input {

    background: #f9a327;

    color: #fff;

    font-size: 116%;

    letter-spacing: 10px;

    height: 40px;

  }

  .submit input:hover {

    opacity: 0.8;

  }

  /* policy */
  #policy {
    font-size: 93%;
    margin-bottom:2%;
  }
  #policy h2 {
    font-size:123.1%;
    margin: 0 0 2% 0;
    padding-bottom: 1%;
    border-bottom: solid 1px #232323;
  }
  #policy p {
    margin-bottom: 5%;
  }

}



/* ------------------------------------------------------------------

768px 〜 959px

------------------------------------------------------------------*/

@media screen and (min-width:768px) and ( max-width:959px) {



}



/* ------------------------------------------------------------------

960px〜

------------------------------------------------------------------*/

@media screen and (min-width:960px) {



  /* body */

  body {

    background: url(img/bg.png) repeat;

  }

  /* wrapper */

  #wrapper {

    width: 960px;

    margin: 0 auto;

    background: #fff;

  }

  h2 {

    font-size: 182%;

    font-weight: bold;

  }

  /* header */

  #header {

    width: 100%;

    padding: 0;

    position: fixed;

    z-index: 10;

  }

  header {

    width: 960px;

    margin: 0 auto;

    overflow: hidden;

  }

  #logo {

    float: left;

    margin-top: 27px;

  }

  #header_tel {

    display: block;

    float: right;

  }

  .header_tel_head {

    background: #232323;

    color: #fff;

    text-align: center;

    font-size: 108%;

    letter-spacing: 1px;

    padding-bottom: 5px;

  }

  .header_tel_body {

    background: #fdfdfd;

    padding: 0 5px;

  }

  .head_tel {

    color: #570c0a;

    text-align: center;

    font-size: 167%;

    font-weight: bold;

    padding: 3px 0;

  }

  .fa-phone-square {

    margin-right: 5px;

  }

  .head_info th {

    font-size: 93%;

    font-weight: bold;

    width: 27%;

    vertical-align: middle;

  }

  .head_info td {

    font-size: 83%;

  }

  /* topimage */

  .topimage_pc {

    display: block;

    max-width: 100%;

    background: #fff;

    padding-top: 110px;

  }

  .topimage {

    width: 960px;

    margin: 0 auto;

    line-height: 0;

  }

  .topimage_pc img {

    width: 100%;

  }

  .topimage_sp {

    display: none;

  }

  /* section_contact */

  .section_contact_sp {

    display: none;

  }

  .section_contact_pc {

    display: block;

  }

  .section_contact_pc .section_contact {

    overflow: hidden;

    margin-top: 3%;

  }

  .section_contact_pc .section_contact_image {

    max-width: 175px;

    float: left;

  }

  .section_contact_pc .section_contact_right {

    width: 730px;

    float: right;

    overflow: hidden;

  }

  .office_info {

    overflow: hidden;

  }

  .section_contact_pc .office_info_tel {

    font-size: 182%;

    font-weight: bold;

    color: #570c0a;

  }

  .fa-phone {

    margin-right: 5px;

  }

  .section_contact_pc .office_info .office_info_name {

    margin: 5px 0;

  }

  .section_contact_pc .office_info_time {

    font-size: 93%;

  }

  .section_contact_pc .office_info p {

    line-height: 1.4;

  }

  .section_contact_pc .contact_btn a {

    font-size: 70%;

  }

  .office_info_inner {

    float: left;

  }

  .section_contact_pc .section_contact_text p {

    font-size: 123.1%;

    margin-bottom: 5px;

  }

  .office_info_right {

    float: right;

  }

  .office_info_right .contact_btn {

    border: none;

    margin: 0 0 10px 0;

    padding: 0;

    width: 360px;

  }

  /* section1 */

  .section1 {

    margin: 0;

  }

  .section1 .inner {

    padding: 2%;

  }

  /* section2 */

  .boxarea {

    display: flex;

    justify-content: space-around;

    margin-top: 4%;

  }

  .box {

    margin-top: 0;

    width: 280px;

    height: 240px;

    background: rgba(255,255,255,1);

    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));

    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);

    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);

    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);

    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );

  }

  .section2 .box_head {

    margin-top: 16%;

    font-size: 167%;

  }

  .section2 .box_body {

    background: none;

  }

  /* section3 */

  .section3_sp {

    display: none;

  }

  .section3_pc {

    display: block;

  }

  .section3_pc ul {

    overflow: hidden;

  }

  .section3_pc li {

    float: left;

    margin-right: 20px;

    height: 50px;

    line-height: 50px;

    font-size: 116%;

  }

  .section3_pc li .step {

    background: #00680A;

    color: #fff;

    font-size: 77%;

    display: block;

    float:left;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    text-align: center;

    line-height: 50px;

    margin-right: 5px;

  }

  .section3_pc .inner {

    background: #fafafa;

    padding: 4% 2%;

  }

  /* section4 */

  .section5 h2, .section4 h2 {

    font-size: 146.5%;

  }

  .price {

    display: flex;

    justify-content: space-around;

  }

  .price dl {

    width: 290px;

  }

  .price dd {

    height: 80px;

    line-height: 80px;

  }

  /* section5 */

  .case {

    margin-top: 4%;

  }

  /* section6 */

  .section6 dt {

    margin: 3% 0 1%;

  }

  /* section7 */

  .section7 .lawyer_area {

    display: flex;

    flex-wrap: wrap;

    justify-content: space-around;

    align-items: stretch;

  }

  .section7 .lawyer {

    width: 260px;

    margin-top: 2%;

  }

  .section7 p {

    margin-top: 2%;

  }

  /* section8 */

  .info {

    overflow: hidden;

    margin-top: 3%;

  }

  .info_image {

    margin-top: 0;

    width: 48%;

    float: right;

  }

  .info dt {

    margin-top: 0;

  }

  .info dl {

    width: 48%;

    float: left;

  }

  .info .info_image_left {

    float: left;

  }

  .info .right {

    float: right;

  }

  /* section9 */

  .section9 table {

    margin-top: 2%;

  }

  .office {

    margin-top: 3%;

  }

  /* section10 */

  .section10 .inner {

    padding-top: 0;

  }

  .section10 .title {

    margin: 2% 0 1%;

  }

  .map {

    display: none;

  }

  .map_pc {

    display: block;

    width: 100%;

    margin: 2% 0;

  }

  .map_pc iframe {

    width: 100%;

    height: 300px;

  }

  .section10 table {

    margin-top: 2%;

  }

  .section10 table th {

    font-size: 108%;

  }

  .section10 table td {

    font-size: 108%;

  }

  #footer {

    background: #fff;

    padding: 2% 0;

    margin-top: 2%;

  }

  #footer footer {

    width: 960px;

    margin: 0 auto;

  }

  #footer ul {

    width: 800px;

    margin: 0 auto;

  }

  #footer li {

    padding: 0 15px;

  }

  #copy {

    background: #fff;

  }

  #copy p {

    padding-bottom: 2%;

  }

  /* contact */

  .contact_wrap {

    padding-top: 115px;

  }

  #contact p {

  font-size: 108%;

  letter-spacing: 1px;

  }

  span.text24red {

  font-size: 108%;

  }

  #contact table {

    width: 90%;

  margin-bottom: 20px;

  }

  #contact th,

  #contact td {

    display: table-cell;

    width: auto;

  }

  #contact th {

    border-top: solid 1px #f2f2f2;

  }

  #contact input {

    border: solid 1px #ccc;

  }

  .submit input {

  width: 30% !important;

  height:50px;

  }

  #policy .inner {
    width: 960px;
    margin: 0 auto;
    padding-top: 150px;
  }
  #policy p {
    margin-bottom: 15px;
  }

}