@charset "UTF-8";
.main-visual {
  background-image: url(../img/contact/contact-1.jpg); }

.content-1 {
  width: 1120px;
  margin: 0 auto 90px; }
  .content-1 .adj-01 {
    display: none; }
  .content-1 .box {
    margin: 0 0 15px 0;
    padding: 40px 0;
    background-color: #f2f2f2; }
    .content-1 .box h3 {
      margin: 0 0 30px 0;
      text-align: center; }
    .content-1 .box div {
      font-family: 'Roboto', sans-serif;
      font-size: 36px;
      text-align: center; }
      .content-1 .box div .br-414 {
        display: none; }
      .content-1 .box div a {
        font-size: 36px; }
        .content-1 .box div a span {
          color: #20b378;
          font-size: 36px; }
        .content-1 .box div a .adj-02 {
          color: black;
          font-size: 18px;
          font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
          font-weight: bold; }
      .content-1 .box div span {
        color: #20b378;
        font-size: 36px; }

@media screen and (max-width: 767px) {
  .content-1 {
    width: 90%;
    margin: 0 auto 60px; }
    .content-1 .box {
      padding: 30px 0; }
      .content-1 .box h3 {
        margin: 0 0 25px; }
      .content-1 .box div {
        font-size: 26px; }
        .content-1 .box div a {
          font-size: 26px; }
          .content-1 .box div a span {
            font-size: 26px; }
          .content-1 .box div a .adj-02 {
            font-size: 16px; }
        .content-1 .box div span {
          color: #20b378;
          font-size: 26px; } }
@media screen and (max-width: 499px) {
  .content-1 h2 {
    line-height: 1.2; }
    .content-1 h2 .adj-01 {
      display: block; }
    .content-1 h2:after {
      top: 70px; } }
@media screen and (max-width: 414px) {
  .content-1 {
    margin: 0 auto 30px; }
    .content-1 h2:after {
      top: 60px; }
    .content-1 .box {
      padding: 20px 0; }
      .content-1 .box h3 {
        margin: 0 0 20px; }
      .content-1 .box div {
        font-size: 16px; }
        .content-1 .box div .br-414 {
          display: block; }
        .content-1 .box div a {
          font-size: 16px; }
          .content-1 .box div a span {
            font-size: 16px; }
          .content-1 .box div a .adj-02 {
            font-size: 14px; }
        .content-1 .box div span {
          color: #20b378;
          font-size: 16px; } }
.content-2 {
  width: 1120px;
  margin: 0 auto 90px; }
  .content-2 p {
    margin: 0 0 40px 0;
    text-align: center; }
    .content-2 p a {
      font-size: 15px;
      color: #0066c0;
      text-decoration: underline; }
  .content-2 table {
    margin: 0 0 50px 0;
    border-collapse: collapse; }
    .content-2 table th, .content-2 table td {
      border: 1px solid #d0d0d0; }
    .content-2 table th {
      position: relative;
      width: 300px;
      padding: 30px 0 30px 30px;
      background-color: #f9f9f9;
      text-align: left; }
      .content-2 table th span {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 30px;
        margin: 0 0 0 200px;
        padding: 5px 10px;
        font-size: 14px;
        color: white;
        background-color: #fb3434; }
    .content-2 table td .text {
      width: 749px;
      height: 45px;
      margin: 0 30px;
      padding: 0 15px;
      border: 1px solid #d0d0d0;
      background-color: #f9f9f9; }
    .content-2 table td .area {
      width: 749px;
      height: 245px;
      margin: 15px 30px;
      border: 1px solid #d0d0d0;
      background-color: #f9f9f9; }
    .content-2 table td .wpcf7-list-item {
      display: block; }
    .content-2 table .check {
      padding: 15px; }
  .content-2 .btn {
    width: 360px;
    height: 60px;
    margin: 0 auto;
    text-align: center;
    background-color: #0ba16d;
    border-radius: 0;
    color: white;
    font-size: 18px; }
    .content-2 .btn a {
      display: block; }

@media all and (-ms-high-contrast: none) {
  .content-2 table {
    border-collapse: separate;
    border-spacing: .1px; }
    .content-2 table th span {
      top: auto;
      transform: translateY(-20%); } }
@media screen and (max-width: 767px) {
  .content-2 {
    width: 90%;
    margin: 0 auto 60px; }
    .content-2 p {
      margin: 0 0 30px; }
      .content-2 p a {
        font-size: 14px; }
    .content-2 table {
      width: 100%;
      margin: 0 0 40px; }
      .content-2 table th, .content-2 table td {
        display: block;
        font-size: 15px; }
      .content-2 table th {
        width: 100%;
        padding: 15px 20px;
        white-space: nowrap; }
        .content-2 table th span {
          right: 30px;
          margin: 0;
          font-size: 12px; }
      .content-2 table td {
        padding: 15px; }
        .content-2 table td .text {
          width: 100%;
          height: 45px;
          margin: 0;
          padding: 0 15px; }
        .content-2 table td .area {
          width: 100%;
          height: 245px;
          margin: 0; }
      .content-2 table .check {
        padding: 10px 0; }
    .content-2 .btn {
      width: 50vw;
      height: 50px;
      font-size: 17px; } }
@media screen and (max-width: 414px) {
  .content-2 {
    margin: 0 auto 30px; }
    .content-2 p {
      margin: 0 0 20px; }
      .content-2 p a {
        font-size: 13px; }
    .content-2 table {
      margin: 0 0 30px; }
      .content-2 table th, .content-2 table td {
        font-size: 14px; }
      .content-2 table th {
        padding: 20px; }
        .content-2 table th span {
          right: 30px;
          font-size: 11px; }
    .content-2 .btn {
      height: 40px;
      font-size: 16px; } }


/*22.3.8　追加*/
#cotact_fs h2 span{
	font-size: 33px!important;
}
#cotact_fs h3 span{
	font-size: 28px!important;
	padding-left:10px;
	font-size: 100%;
	display:inline-block;
}
#cotact_fs h3 span.auto_webtn{
	display:block;
	margin-top: 10px;
}
#cotact_fs h3 span.auto_webtn a{
	color:#20b378;
	text-decoration:underline;
	font-size:20px;
}
#cotact_fs h3 span.auto_webtn a:hover{
	opacity:0.7;
}

#cotact_fs .box .boxitem_auto p{
	display:inline-block;
	font-size: 36px;
}
#cotact_fs .box .boxitem_auto.box-pb{
	padding-bottom:10px;
}

@media screen and (max-width: 767px) {
	#cotact_fs h2 span{
		font-size: 26px!important;
	}
	#cotact_fs h3 span{
		font-size: 24px!important;
	}
	#cotact_fs .box .boxitem_auto p{
		display:block;
		font-size: 26px;
		text-align: center;
		line-height: 1.3;
	}
	#cotact_fs .box .boxitem_auto.box-pb{
		padding-bottom:15px;
	}
}
@media screen and (max-width: 414px) {
	#cotact_fs h2 span{
		font-size: 25px!important;
	}
	#cotact_fs h3 span{
		font-size: 22px!important;
		padding-right:10px;
		display:block;
	}
}
/*22.3.8　追加ここまで*/