@charset "UTF-8";
/* Scss Document */
/*====================================
 お問い合わせ　
=====================================*/
@media screen and (max-width: 760px) {
  .contactus #content,
  .application_form #content,
  .mitsumori_form #content {
    padding: 0; } }
.contactus #content .contactArea,
.application_form #content .contactArea,
.mitsumori_form #content .contactArea {
  margin: 0 0 50px; }
  .contactus #content .contactArea .firstTx,
  .application_form #content .contactArea .firstTx,
  .mitsumori_form #content .contactArea .firstTx {
    padding: 30px;
    margin: 0 0 20px;
    border: 3px solid #E8E8E8; }
    @media screen and (max-width: 760px) {
      .contactus #content .contactArea .firstTx,
      .application_form #content .contactArea .firstTx,
      .mitsumori_form #content .contactArea .firstTx {
        padding: 10px;
        margin: 0 2% 30px;
        line-height: 150%; } }
    .contactus #content .contactArea .firstTx ul,
    .application_form #content .contactArea .firstTx ul,
    .mitsumori_form #content .contactArea .firstTx ul {
      border-radius: 10px;
      margin: 20px 0 0 0;
      padding: 20px;
      background-color: #EDEDED; }
      .contactus #content .contactArea .firstTx ul li:first-child,
      .application_form #content .contactArea .firstTx ul li:first-child,
      .mitsumori_form #content .contactArea .firstTx ul li:first-child {
        font-weight: bold;
        border-bottom: 2px solid #AAAAAA;
        padding: 10px;
        margin: 0 0 20px; }
        .contactus #content .contactArea .firstTx ul li:first-child:before,
        .application_form #content .contactArea .firstTx ul li:first-child:before,
        .mitsumori_form #content .contactArea .firstTx ul li:first-child:before {
          display: none; }
  .contactus #content .contactArea .min,
  .application_form #content .contactArea .min,
  .mitsumori_form #content .contactArea .min {
    font-size: 12px;
    line-height: 130%;
    color: #EB0B0F; }
  .contactus #content .contactArea input, .contactus #content .contactArea select, .contactus #content .contactArea textarea,
  .application_form #content .contactArea input,
  .application_form #content .contactArea select,
  .application_form #content .contactArea textarea,
  .mitsumori_form #content .contactArea input,
  .mitsumori_form #content .contactArea select,
  .mitsumori_form #content .contactArea textarea {
    padding: 3px; }
  .contactus #content .contactArea label,
  .application_form #content .contactArea label,
  .mitsumori_form #content .contactArea label {
    margin: 0 20px 0 0; }
    @media screen and (max-width: 760px) {
      .contactus #content .contactArea label,
      .application_form #content .contactArea label,
      .mitsumori_form #content .contactArea label {
        display: block;
        margin: 0; } }
  .contactus #content .contactArea table,
  .application_form #content .contactArea table,
  .mitsumori_form #content .contactArea table {
    border-collapse: separate;
    border-spacing: 10px; }
    @media screen and (max-width: 760px) {
      .contactus #content .contactArea table,
      .application_form #content .contactArea table,
      .mitsumori_form #content .contactArea table {
        border-spacing: 0px; } }
    .contactus #content .contactArea table th,
    .application_form #content .contactArea table th,
    .mitsumori_form #content .contactArea table th {
      position: relative;
      padding: 15px;
      text-align: left;
      border: none; }
      @media screen and (max-width: 760px) {
        .contactus #content .contactArea table th,
        .application_form #content .contactArea table th,
        .mitsumori_form #content .contactArea table th {
          padding: 15px; } }
    .contactus #content .contactArea table td,
    .application_form #content .contactArea table td,
    .mitsumori_form #content .contactArea table td {
      padding: 10px 15px 15px;
      border-top: none; }
      @media screen and (max-width: 760px) {
        .contactus #content .contactArea table td,
        .application_form #content .contactArea table td,
        .mitsumori_form #content .contactArea table td {
          padding: 15px;
          border-bottom: none; } }
      .contactus #content .contactArea table td .w10,
      .application_form #content .contactArea table td .w10,
      .mitsumori_form #content .contactArea table td .w10 {
        width: 13% !important; }
        @media screen and (max-width: 760px) {
          .contactus #content .contactArea table td .w10,
          .application_form #content .contactArea table td .w10,
          .mitsumori_form #content .contactArea table td .w10 {
            width: 29% !important; } }
      @media screen and (max-width: 760px) {
        .contactus #content .contactArea table td .w15,
        .application_form #content .contactArea table td .w15,
        .mitsumori_form #content .contactArea table td .w15 {
          width: 30% !important; } }
      .contactus #content .contactArea table td .add,
      .application_form #content .contactArea table td .add,
      .mitsumori_form #content .contactArea table td .add {
        padding: 0 0 10px; }
        @media screen and (max-width: 760px) {
          .contactus #content .contactArea table td .add,
          .application_form #content .contactArea table td .add,
          .mitsumori_form #content .contactArea table td .add {
            padding: 0 0 10px; } }
      .contactus #content .contactArea table td .sub_s,
      .application_form #content .contactArea table td .sub_s,
      .mitsumori_form #content .contactArea table td .sub_s {
        padding: 2px 0; }
        .contactus #content .contactArea table td .sub_s span,
        .application_form #content .contactArea table td .sub_s span,
        .mitsumori_form #content .contactArea table td .sub_s span {
          display: inline-block; }
  .contactus #content .contactArea .taizaikeishiki,
  .application_form #content .contactArea .taizaikeishiki,
  .mitsumori_form #content .contactArea .taizaikeishiki {
    display: none; }
  .contactus #content .contactArea table.kakunin tr td span,
  .application_form #content .contactArea table.kakunin tr td span,
  .mitsumori_form #content .contactArea table.kakunin tr td span {
    color: #E30509; }
  .contactus #content .contactArea .privacyCh,
  .application_form #content .contactArea .privacyCh,
  .mitsumori_form #content .contactArea .privacyCh {
    text-align: center;
    font-size: 20px;
    background-color: #EBEBEB;
    padding: 20px; }
    .contactus #content .contactArea .privacyCh label,
    .application_form #content .contactArea .privacyCh label,
    .mitsumori_form #content .contactArea .privacyCh label {
      position: relative;
      padding: 10px 0 0 0; }
    .contactus #content .contactArea .privacyCh input[type="checkbox"],
    .application_form #content .contactArea .privacyCh input[type="checkbox"],
    .mitsumori_form #content .contactArea .privacyCh input[type="checkbox"] {
      width: 20px;
      height: 20px;
      top: 3px;
      margin: 0 5px 0 0;
      position: relative; }
.contactus #content .contactBox2 .title,
.application_form #content .contactBox2 .title,
.mitsumori_form #content .contactBox2 .title {
  font-size: 20px;
  margin: 0 0 20px;
  background-color: #DCDCDC;
  text-align: center;
  padding: 10px; }
.contactus #content .contactBox2 table,
.application_form #content .contactBox2 table,
.mitsumori_form #content .contactBox2 table {
  border-spacing: 0; }
  .contactus #content .contactBox2 table th,
  .application_form #content .contactBox2 table th,
  .mitsumori_form #content .contactBox2 table th {
    padding: 3px 10px;
    border-bottom: 1px solid #D0D0D0; }
  .contactus #content .contactBox2 table td,
  .application_form #content .contactBox2 table td,
  .mitsumori_form #content .contactBox2 table td {
    padding: 3px 10px; }
.contactus #content .contactBox2 .sendTx,
.application_form #content .contactBox2 .sendTx,
.mitsumori_form #content .contactBox2 .sendTx {
  text-align: center;
  border-top: 2px solid #BCBCBC;
  border-bottom: 2px solid #BCBCBC;
  margin: 0 0 40px 0;
  padding: 10px; }
.contactus #content .hissu,
.application_form #content .hissu,
.mitsumori_form #content .hissu {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: auto;
  right: 0px;
  padding: 0px 10px;
  line-height: 150%;
  color: #FFF;
  font-size: 10px;
  background-color: #ED838B; }
.contactus #content .btn,
.application_form #content .btn,
.mitsumori_form #content .btn {
  margin: 0 auto;
  background: #635a56;
  color: #FFF;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  width: 300px; }
  @media screen and (max-width: 760px) {
    .contactus #content .btn,
    .application_form #content .btn,
    .mitsumori_form #content .btn {
      width: auto; } }
  .contactus #content .btn input,
  .application_form #content .btn input,
  .mitsumori_form #content .btn input {
    background-image: none;
    background-color: transparent;
    border: none;
    color: #FFF;
    width: 100%;
    padding: 10px; }
.contactus #content .nobtn,
.application_form #content .nobtn,
.mitsumori_form #content .nobtn {
  background: #7e736e; }
.contactus #content .btn2,
.application_form #content .btn2,
.mitsumori_form #content .btn2 {
  text-align: center; }
  .contactus #content .btn2 input,
  .application_form #content .btn2 input,
  .mitsumori_form #content .btn2 input {
    background-image: none;
    background-color: #635a56;
    border: none;
    color: #FFF;
    letter-spacing: 1px;
    width: 300px;
    padding: 10px;
    font-size: 20px; }
    @media screen and (max-width: 760px) {
      .contactus #content .btn2 input,
      .application_form #content .btn2 input,
      .mitsumori_form #content .btn2 input {
        width: 40%; } }
.contactus #content .ng,
.application_form #content .ng,
.mitsumori_form #content .ng {
  opacity: 0.5; }
.contactus #content .ok,
.application_form #content .ok,
.mitsumori_form #content .ok {
  opacity: 1.0; }

.ui-datepicker-calendar th, .ui-datepicker-calendar td {
  width: auto; }

/*--------------------------------------
　見積り
--------------------------------------*/
.mitsumori_form #content {
  /*
  .mitumoriBox{
  	float: left;
  	width: 28%;
  	padding: 20px;
  	border: 1px solid #DFDFDF;
  	
  	.title{
  		color: #FFF;
  		text-align: center;
  		background-color: #ef8583;
  	}
  }
  */ }
  .mitsumori_form #content .infoBox {
    display: none;
    margin: 30px 0 0 0; }
  .mitsumori_form #content .selectBox {
    padding: 0 20px 20px;
    border: 4px solid #E5E5E5; }
    @media screen and (max-width: 760px) {
      .mitsumori_form #content .selectBox {
        border: none; } }
    .mitsumori_form #content .selectBox .section {
      padding: 25px 0; }
    .mitsumori_form #content .selectBox h3 {
      background-color: #FFF !important;
      padding: 0.5em 0 !important;
      border-top: none !important;
      border-bottom: 3px solid #ef8583 !important;
      color: #ef8583; }
    .mitsumori_form #content .selectBox .syurui, .mitsumori_form #content .selectBox .school_other, .mitsumori_form #content .selectBox .school_other2, .mitsumori_form #content .selectBox .taizaiArea, .mitsumori_form #content .selectBox .otherArea, .mitsumori_form #content .selectBox .total {
      display: none; }
    .mitsumori_form #content .selectBox .syuruiTitle, .mitsumori_form #content .selectBox .schoolTitle, .mitsumori_form #content .selectBox .courseTitle, .mitsumori_form #content .selectBox .weekTitle, .mitsumori_form #content .selectBox .taizaiTitle, .mitsumori_form #content .selectBox .roomTitle {
      display: none; }
    .mitsumori_form #content .selectBox .inBox {
      margin: 0 0 5px;
      width: 100%; }
      @media screen and (max-width: 760px) {
        .mitsumori_form #content .selectBox .inBox {
          margin: 0 0 20px; } }
      .mitsumori_form #content .selectBox .inBox .title {
        float: left;
        width: 25%;
        border-bottom: 1px dotted #B0B0B0;
        padding: 10px;
        vertical-align: middle; }
        @media screen and (max-width: 760px) {
          .mitsumori_form #content .selectBox .inBox .title {
            float: none;
            width: 100%;
            border-bottom: none;
            margin: 0 0 10px;
            padding: 5px 5px 5px 10px;
            border-left: 5px solid #4E4E4E; } }
      .mitsumori_form #content .selectBox .inBox .subBox {
        float: right;
        width: 30%;
        text-align: right;
        padding: 10px;
        border-bottom: 1px dotted #B0B0B0; }
        @media screen and (max-width: 760px) {
          .mitsumori_form #content .selectBox .inBox .subBox {
            float: none;
            width: 100%;
            text-align: left;
            border-bottom: none;
            padding: 5px 5px 20px 5px; } }
    .mitsumori_form #content .selectBox .otherBox .title,
    .mitsumori_form #content .selectBox .otherBox_other .title {
      width: 70%; }
      @media screen and (max-width: 760px) {
        .mitsumori_form #content .selectBox .otherBox .title,
        .mitsumori_form #content .selectBox .otherBox_other .title {
          width: 100%; } }
    .mitsumori_form #content .selectBox .otherBox_other {
      background-color: #F0F0F0;
      padding: 15px;
      margin: 15px 0 0 0; }
      .mitsumori_form #content .selectBox .otherBox_other .subtitle {
        font-size: 20px;
        font-weight: bold;
        padding: 0.5em 0 !important;
        margin: 0 0 10px;
        border-top: none !important;
        border-bottom: 3px solid #848484 !important; }
      .mitsumori_form #content .selectBox .otherBox_other .title, .mitsumori_form #content .selectBox .otherBox_other .subBox {
        border-bottom: none;
        padding: 5px 0 0 0; }
    .mitsumori_form #content .selectBox .nodata {
      margin: 15px 0 0 0;
      padding: 10px;
      background-color: #F8E5E6;
      text-align: center;
      color: #D40003; }
    .mitsumori_form #content .selectBox select {
      float: right;
      width: 70%;
      background-color: #F1F1F1;
      border-radius: 10px;
      padding: 10px;
      font-size: 16px; }
      @media screen and (max-width: 760px) {
        .mitsumori_form #content .selectBox select {
          float: none;
          width: 100%; } }
      .mitsumori_form #content .selectBox select:focus {
        outline: none; }
    .mitsumori_form #content .selectBox .syokugyou {
      float: none;
      width: auto; }
    .mitsumori_form #content .selectBox .money,
    .mitsumori_form #content .selectBox .taizai_money,
    .mitsumori_form #content .selectBox .othermoney {
      display: none;
      font-size: 24px;
      font-weight: bold;
      padding: 20px;
      margin: 10px 0 0 0;
      background-color: #FFFBEF;
      text-align: center; }
      @media screen and (max-width: 760px) {
        .mitsumori_form #content .selectBox .money,
        .mitsumori_form #content .selectBox .taizai_money,
        .mitsumori_form #content .selectBox .othermoney {
          font-size: 16px; } }
    .mitsumori_form #content .selectBox .taizaiTotal span {
      font-size: 18px;
      display: block; }
      @media screen and (max-width: 760px) {
        .mitsumori_form #content .selectBox .taizaiTotal span {
          font-size: 14px; } }
    .mitsumori_form #content .selectBox .bikou {
      padding: 10px 15px;
      font-size: 14px;
      font-weight: normal;
      background-color: #FFF;
      margin: 10px 0 0 0;
      text-align: left; }
      @media screen and (max-width: 760px) {
        .mitsumori_form #content .selectBox .bikou {
          line-height: 150%; } }
    .mitsumori_form #content .selectBox .total {
      background-color: #ef8583;
      padding: 30px;
      margin: 20px 0 0 0;
      border-top: 5px solid #AA413F;
      font-size: 30px;
      font-weight: bold;
      color: #FFF; }
      @media screen and (max-width: 760px) {
        .mitsumori_form #content .selectBox .total {
          font-size: 16px; } }
      .mitsumori_form #content .selectBox .total span {
        float: right; }
  .mitsumori_form #content .sendBox {
    display: none;
    margin: 20px 0 0 0;
    background-color: #F3F3F3;
    padding: 30px;
    text-align: center; }
    .mitsumori_form #content .sendBox .tx {
      padding: 0 0 20px; }
  .mitsumori_form #content .kakunin th {
    text-align: center !important;
    font-size: 20px; }
  .mitsumori_form #content .kakunin .inBox .title {
    float: left;
    width: 20%;
    font-size: 14px;
    margin: 2px 0;
    padding: 5px;
    border-radius: 10px;
    background-color: #FCF3E9; }
  .mitsumori_form #content .kakunin .inBox .tx {
    float: right;
    width: 78%;
    margin: 2px 0;
    padding: 5px; }
    .mitsumori_form #content .kakunin .inBox .tx span {
      color: #FFF; }
  .mitsumori_form #content .kakunin .inBox .tx1 {
    float: none;
    width: 100%;
    font-size: 13px;
    line-height: 150%; }
  .mitsumori_form #content .kakunin .inBox2 .title {
    width: 80%;
    text-align: left;
    padding: 5px 5px 5px 20px; }
  .mitsumori_form #content .kakunin .inBox2 .tx {
    width: 18%;
    text-align: center; }
    .mitsumori_form #content .kakunin .inBox2 .tx span {
      color: #333; }
  .mitsumori_form #content .kakunin .inBox_total .title {
    border-radius: 0;
    background-color: #F08C2A;
    color: #FFF;
    margin: 5px 0; }
  .mitsumori_form #content .kakunin .inBox_total .tx {
    color: #FFF;
    background-color: #F08C2A;
    width: 80%;
    text-align: right;
    padding: 5px 20px 5px 5px;
    margin: 5px 0; }
  .mitsumori_form #content .contactBox2 .total {
    background-color: #ef8583;
    padding: 30px;
    margin: 0 0 20px 0;
    font-size: 30px;
    font-weight: bold;
    color: #FFF; }
    .mitsumori_form #content .contactBox2 .total span {
      float: right; }
    .mitsumori_form #content .contactBox2 .total .unit {
      float: none;
      font-size: 20px;
      padding: 0 0 0 10px; }