@charset "UTF-8";

/* CSS Document */
/*スマホ用スタイル*/
@media screen and (max-width: 768px) {
  .br_sp {
    display: none;
  }

  .br_pc {
    display: none;
  }

  /*セクション間余白----------------------------------------------------------- */
  section {
    padding: 45px 0;
  }

  footer {
    padding: 30px 0;
  }

  .flex {
    display: block;
  }

  header .container {
    padding: 0;
  }

  /*Page Top----------------------------------------------------------- */
  header {
    padding: 0;
  }

  /*Header----------------------------------------------------------- */
  header .contact {
    padding-right: 40px;
  }

  header .logo {
    height: 40px;
  }

  header .logo img {
    max-height: 40px;
  }

  /*CTA----------------------------------------------------------- */
  .cta {
    padding: 50px 0;
  }

  .cta .cta_contents {
    padding: 15px 10px 10px;
  }

  .cta .cta_contents h2 img {
    width: 278px;
  }


  /*MV----------------------------------------------------------- */
  .fv {
    padding: 0;
    background: none;
    position: relative;
  }

  .fv .container {
    padding-left: 0px;
    padding-right: 0px;
  }

  .fv .btn {
    margin-top: -24%;
    padding: 0 15px 30px;
  }

  /*sec01----------------------------------------------------------- */
  .sec01 {
    padding: 50px 0;
  }
  .sec01 h2 {
    padding: 0 0 50px;
  }
  .sec01 .item:not(:last-child) {
    padding-bottom: 50px;
  }
  .sec01 .item .label {
    width: 84px;
  }
  .sec01 .item:nth-child(2) h3 {
    width: 236px;
  }

  /*sec02----------------------------------------------------------- */
  .sec02 {
    background: url(../img/sp_sec02_bg.png) no-repeat center;
    background-size: cover;
  }
  .sec02 h2 {
    padding: 0 0 40px;
  }
  .sec02 .item {
    padding: 40px 30px;
  }
  .sec02 .item:not(:last-child) {
    margin-bottom: 20px;
  }
  
  /*sec03----------------------------------------------------------- */
  .sec03 h2 {
    padding: 0 0 40px;
  }
  .sec03 .item:not(:last-child) {
    margin-bottom: 20px;
  }
  .sec03 .item-header {
    padding-left: 160px;
    padding-top: 30px;
    height: 220px;
  }
  .sec03 .item-header h3 {
    width: 161px;
  }
  .sec03 .item-header .text {
    font-size: 20px;
  }
  .sec03 .item-body-before h4 {
    width: 76px;
  }
  .sec03 .item-body-after h4 {
    width: 68px;
  }

  /*sec04----------------------------------------------------------- */
  .sec04_contents {
    display: block;

  }

  .sec04_txtimg {
    margin-bottom: 40px;
  }

  .sec04_img {
    width: 60%;
    margin: 0 auto;
  }

  /*sec05----------------------------------------------------------- */
  .sec05 {
    padding: 60px 0;
  }

  .accordion-001 {
    width: 100%;
    margin: 10px;
  }

  .accordion-001 summary {
    width: 100%;
  }

  /*sec06----------------------------------------------------------- */
  .sec06 {
    padding: 60px 0;
  }

  .sec06_contents {
    display: block;
    padding: 20px;

  }

  .sec06_contents_left {
    width: 100%;
  }

  .sec06_contents_left .txt {
    text-align: left;
    margin: 10px 0 0;
  }

  .sec06_contens_photo {
    margin-bottom: 30px;
  }

  /*sec07----------------------------------------------------------- */

  /*sec08----------------------------------------------------------- */
  .sec08 {
    padding: 60px 0;
  }

  .sec08_contents {
    display: block;
  }

  .sec08_contents_box .photo {
    width: 100%;
  }


  /*sec09----------------------------------------------------------- */
  .sec09 {
    padding: 60px 0 0;
  }

  .sec09_contents {
    display: block;

  }

  .sec09_txtimg {
    margin-bottom: 40px;
  }

  .sec09_img {
    width: 60%;
    margin: 0 auto;
  }

  /*sec10----------------------------------------------------------- */

  /*sec11----------------------------------------------------------- */
  .sec11 {
    padding: 60px 0;
  }

  .sec11 h2 {
    width: 70%;
    margin: 0 auto;
  }

  .sec11_contents_step {
    align-items: flex-start
  }

  .sec11_contents {
    padding: 40px 20px;
  }

  .sec11_contents_txt {
    padding-left: 20px;
    width: 80%;
  }

  .sec11_contents_left {
    width: 20%;
  }

  .sec11 .step_title img {
    max-width: 90%;
    flex-grow: 1;
  }





  /*sec12----------------------------------------------------------- */
  .sec12 {
    padding: 60px 0;
  }

  .sec12_box {
    width: 100%;
  }

  .sec12 h2 {
    width: 70%;
    margin: 0 auto;
  }

  /*sec13----------------------------------------------------------- */
  .sec13 {
    background-image: url(../img/sp_sec13_bg.png);
    padding: 50px 0;
  }
  .sec13 h2 img {
    width: 220px;
  }  


  /*Contact----------------------------------------------------------- */
  .contact h2 {
    width: 80%;
    margin: 0 auto;
  }

	.form{
	max-width: 100%;
	width: 100%;
	border: 0;
	height: 460px;
}


  /*Footer----------------------------------------------------------- */
  footer img {
    width: 60%
  }

  footer {
    text-align: center;
  }

  .footer_nav1 {
    margin-bottom: 15px;
  }

  .footer_nav1 ul {
    width: 100%;
  }

  .footer_nav1 ul li:first-child {
    border-top: 1px solid #eee;
  }

  .footer_nav1 ul li {
    width: 100%;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-bottom: 1px solid #eee;
    margin: 0;
  }

  /*form----------------------------------------------------------- */
  .form_wrap {
    padding: 0;
  }
  form > ul > li .fx-row > *:first-child {
    padding-top: 0;
  }
  form > ul > li {
    padding: 15px;
  }
  .form_head {
    text-align: left;
  }
  .input_adjust {
    padding: 8px 12px;
  }
  .input_2col {
    padding-right: 0px;
  }
  .input_1col {
    padding-right: 0px;
  }
  .input_pref {
    width: 80%;
  }
  .input_select select {
    padding: 8px 12px;
  }
  .radio_2col label:first-child {
    padding-right: 0px;
  }
  .date_2col {
    padding-right: 0px;
    /* flex-direction: column; */
    /* gap: 15px; */
  }
  .date_2col > * {
    width: calc(50% - 8px);
    /* width: 100%; */
  }
  .date_2col > input {
    -webkit-appearance: none;
  }
  .input_date:before {
    top: 50%;
    transform: translateY(-50%);
  }
  .select_1col {
    padding-right: 0px;
  }
  .textarea {
    padding-right: 0px;
  }
  .sbm_wrap {
    padding: 15px;
  }
  .sbm {
    width: 100%;
  }

}

/*スマホ用スタイルend*/