@charset "UTF-8";
/* CSS Document */
/*スマホ用スタイル*/
@media screen and (max-width: 767px) {
  
/*
Chrome 2回クリック対策
----------------------------------------------------------- */
  a img {
    transition: none;
  }
  a:hover img {
    opacity: none;
  }
  * {
    font-size: 13.5px;
  }
  body{
    line-height: 1.5;
  }
  /*
セクション間余白
----------------------------------------------------------- */
  section {
    padding: 40px 0;
  }
  footer {
    padding: 15px 0;
  }

  
/*
テキスト関連
----------------------------------------------------------- */
  /*h2, h3 {
    letter-spacing: 0.03em;
  }
  
  h2 {
    font-size: 1.4em;
    line-height: 1.5;
  }

  h3 {
    font-size: 1.2em;
    line-height: 1.5;
  }

  .txt {
    line-height: 1.75;
    text-align: justify;
  }*/
  
  h3 {
    font-size: 1.8rem;
    line-height: 1.5;
  }
  
  .container {
    width: 100vw;
  }

/*
はみ出し画像中央
----------------------------------------------------------- */
  .wic1 img {
    width: 100%;
  }
  .wic1 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .wic2 img {
    width: 100%;
  }
  .wic2 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .wic3 img {
    width: 100%;
  }
  .wic3 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .sp_txt_left{
    text-align: left;
  }

  /*
Header
----------------------------------------------------------- */
  header .container {
    width: 100%;
    height: 16vw;
  }
  
  /*グローバルナビ*/
	/*header nav {
    position: relative;
		display: none;
		width: 100%;
		height: auto;
		top: -1vw;
		left: 0;
    background-color: rgba(255,255,255,0.96);
	}
	nav ul {
		display: block;
		margin: 0 auto;
	}
	nav ul li {
		margin: 0 auto;
		text-align: center;
		width: 100%;
    height: auto;
    margin-left: -2rem;
    vertical-align: middle;
    border-bottom: 1px solid #4cc0c7;
    flex-grow: 1;
	}
	
	nav ul li .nav_border {
    display: none;
	}
	
  nav ul li:last-child {
    content: "";
    border-bottom: none;
  }
	nav ul li a {
		display: block;
		padding: 2.4rem 0;
    color: #4cc0c7;
	}
	nav ul li a:hover {
		text-decoration: none;
	}
  nav ul li a:hover::after {
    width: 0;
  }*/

	/*開閉ボタン*/
	/*#nav_toggle {
		display: block;
		width: 16vw;
		height: 16vw;
		position: absolute;
		top: 0;
		right: 0;
		background: rgba(255,255,255,1);
		z-index: 100;
	}
	#nav_toggle p {
		position: relative;
		color: #4cc0c7;
		font-size: 0.1rem;
		text-align: center;
		top: 9.2vw;
	}
	#nav_toggle div {
		position: relative;
	}
	#nav_toggle span {
		display: block;
		height: 0.8vw;
		background: #4cc0c7;
    border-radius: 9999px;
		position: absolute;
		width: 8vw;
		left: 4vw;
		right: 4vw;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
	}
	#nav_toggle span:nth-child(1) {
		top: 5.3vw;
	}
	#nav_toggle span:nth-child(2) {
		top: 7.7vw;
	}
	#nav_toggle span:nth-child(3) {
		top: 10vw;
	}*/

	/*開閉ボタンopen時*/
	/*.open #nav_toggle span:nth-child(1) {
		top: 7.7vw;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.open #nav_toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav_toggle span:nth-child(3) {
		top: 7.7vw;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}*/

  /*
MV
----------------------------------------------------------- */
  .fv {
    position: relative;
    background-color: #333;
    background-image: url("../img/fv_sp.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    width: 100%;
    height: 191.2vw;
  }
  
  .fv .header {
    width: 100%;
    height: 12vw;
    border: 1px solid #FFf;
    box-sizing: border-box;
    padding-left: 4vw;
  }

  .fv .header h1 {
    width: 66.8vw;
    height: 6.4vw;
    text-indent: 200%;
    align-content: center;
  }
  
  .fv h1 {
    background-image: url("../img/fv_copy_sp.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    width: 96.67vw;
    height: 131.47vw;
    margin: 2vw auto 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }
  
  .fv .container {
    width: 92%;
    border-radius: 20px;
    box-shadow: 10px 0 40px rgba(59,27,10,0.2);
    padding: 4vw 5.3vw 6.67vw;
    margin: -5vw auto 0;
  }

  .online {
    min-height: 230vw;
    padding-bottom: 8vw;
  }

.sec_00{
  background-color: #fef4e5;
  padding-top: 0px;
  padding-bottom: 20px!important;
}
.sec_00 .container{
	width: 100%;
	background-color: inherit;
  box-shadow:  inherit;
}
  
/*
CTA
----------------------------------------------------------- */
  .cta {
    padding: 0;
  }
  
  .cta .soudan {
    position: relative;
    background-image: url("../img/cta_sp.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    width: 100vw;
    height: 100vw;
  }

  .cta .soudan .head {
    position: absolute;
    background-image: url("../img/cta_h_sp.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    width: 68vw;
    height: 13.47vw;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    top: 5.3vw;
    right: 4vw;
  }

  .cta .soudan .tel {
    position: absolute;
    width: 67vw;
    height: 13.7vw;
    top: 24vw;
    right: 4vw;
  }

  .cta .soudan .mail {
    position: absolute;
    width: 92vw;
    height: auto;
    top: 43vw;
    right: 4vw;
  }

/*
共通
----------------------------------------------------------- */
  .sec_1, .sec_2, .sec_4, .sec_5, .sec_6, .sec_8, .sec_9, .sec_10, .sec_11 {
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  /*
sec 1 <感謝のお手紙>
----------------------------------------------------------- */
  .sec_1 h2 {
    width: 80.67vw;
    height: 14vw;
    margin: 0 auto 8vw;
  }

  /*
sec 2 <受給事例>
----------------------------------------------------------- */
  .sec_2 h2 {
    background-image: url("../img/sec2_h_sp.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    width: 84vw;
    height: 32vw;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 auto 6.67vw;
  }
  
  /*
sec 3 <申請のお悩み>
----------------------------------------------------------- */
  .sec_3 {
    padding: 0;
  }

  .sec_3 .list {
    padding: 10vw 4vw;
  }
  
  .sec_3 .nenkin {
    background-size: 30vw 11.47vw;
    padding: 19.6vw 8vw 0;
  }

  .sec_3 .caution {
    padding: 10vw 4vw;
  }


  /*
sec 4 <結果が変わります>
----------------------------------------------------------- */
  .sec_4 {
    padding-top: 4vw;
  }
  .sec_4 h2 {
    background-image: url("../img/sec4_h_sp.png");
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
    width: 91vw;
    height: 20vw;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 auto 8vw;
  }
  
  .sec_4 .arrow {
    width: 80vw;
    height: auto;
    margin: 0 auto;
  }


  /*
sec 5 <6つの理由>
----------------------------------------------------------- */
  .sec_5 h2 {
    width: 80vw;
    height: 21.2vw;
    margin: 0 auto 8vw;
  }

  .sec_5 .content {
    max-width: 96vw;
    width: calc(100% - 4vw - 4vw);
    margin-left: auto;
    margin-right: auto;
    padding: 4vw;
    background: rgba(255, 255, 255, 1);
  }

  .sec_5 .asymmetry_l {
    max-width: calc(100% - (50% - (96vw / 2)));
    width: calc(100% - 4vw);
    margin-left: 0;
    margin-right: auto;
    padding: 0 0 8vw;
    padding-left: calc(50% - (96vw / 2) - 4vw);
    border-left: solid transparent;
    border-left-width: calc(4vw);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
  }

  .sec_5 .asymmetry_r {
    max-width: calc(100% - (50% - (96vw / 2)));
    width: calc(100% - 4vw);
    margin-left: auto;
    margin-right: 0;
    padding: 0 0 8vw;
    padding-right: calc(50% - (96vw / 2) - 4vw);
    border-right: solid transparent;
    border-right-width: calc(4vw);
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
  }

  
  /*
sec 6 <ご相談の流れ>
----------------------------------------------------------- */
  .sec_6 {
    padding: 0;
  }

  .sec_6 .head {
    padding-top: 6.67vw;
    padding-bottom: 6.67vw;
    margin-bottom: 10vw;
  }

  .sec_6 .head h2 {
    width: 38vw;
    height: 6vw;
  }

  .sec_6 .container {
    width: 92vw;
    padding: 0;
  }

  .sec_6 .step_1 {
    position: relative;
    background-image: url("../img/sec6_step_1_sp.png");
    background-position: center top;
    background-size: contain;
    width: 92vw;
    height: 218.13vw;
  }

  .sec_6 .step_1 .tel {
    position: absolute;
    top: 44vw;
    right: 5.33vw;
  }
  .sec_6 .step_1 .tel img {
    width: 81vw;
    height: 26.67vw;
  }

  .sec_6 .step_1 .mail {
    position: absolute;
    top: 75vw;
    right: 5.33vw;
  }
  .sec_6 .step_1 .mail img {
    width: 81.33vw;
    height: 10.67vw;
  }
  
   /*
sec 7 <代表からご挨拶>
----------------------------------------------------------- */
  .sec_7 {
    background-image: url("../img/sec7_bg_sp.jpg");
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 10vw;
    padding-bottom: 10vw;
  }

  .sec_7 h2 {
    background-image: url("../img/sec7_h_sp.png");
    width: 92vw;
    height: 38.4vw;
    margin: 0 auto 20vw;
  }

  .sec_7 .txt {
    width: 92vw;
    margin: 0 auto 10vw;
  }
  
  /*
sec 8 <ご相談から受給までの流れ>
----------------------------------------------------------- */
  .sec_8 h2 {
    background-image: url("../img/sec8_h_sp.png");
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
    width: 68vw;
    height: 33.87vw;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 auto 8vw;
  }
  
  /*
sec 9 <3つのポイント>
----------------------------------------------------------- */
  .sec_9 h2 {
    background-image: url("../img/sec9_h_sp.png");
    background-size: contain;
    background-position: center top;
    background-repeat: no-repeat;
    width: 52vw;
    height: 27vw;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 auto 8vw;
  }
  
  /*
sec 10 <愛知県内全域をサポート>
----------------------------------------------------------- */
  .sec_10 h2 {
    width: 69vw;
    height: 7vw;
    margin: 0 auto 30px;
  }

  .sec_10 .address {
    width: 100%;
    height: auto;
    padding: 5vw;
    display: block;
  }  .sec_10 .address .cont_l,.sec_10 .address .cont_r {
    width: 81.33vw;
  height: inherit;
  }
  .sec_10 .address .cont_r {
    margin-top: 5vw;
  }/*
  sec 11 <Q&A>
  ----------------------------------------------------------- */
  .sec_11 h2 {
    width: 86.27vw;
    height: 21.33vw;
    margin: 0 auto 8vw;
  }
  
  /*
Footer
----------------------------------------------------------- */
  footer{
    height: auto;
    min-height: 13vw;
    align-content: center;
  }
  footer .copyright {
    font-size: .8rem;
  }
  
  /*Floating CTA-------------------------------------------------- */
  .float_cta {
    height: 20vw;
    padding: 2.67vw 0;
  }
  
  .float_cta .container {
    width: 100%;
  }
  
  .float_cta .float_tel {
    background-image: url("../img/float_cta_tel_sp.png");
    width: 14.67vw;
  }
  .float_cta .float_line {
    background-image: url("../img/float_cta_btn_sp.png");
    width: 73vw;
  }
  .float_cta .float_tel, .float_cta .float_line {
    height: 14.67vw;
  }


  .container_v {
      margin-right: auto;
      margin-left: auto;
      padding-left: 15px;
      padding-right: 15px;
      box-sizing: border-box;
  }
  .floating-banner {
      position: fixed;
      bottom: 0;
      width: 100%;
      z-index: 999;
      padding: 0px 0px;
      background: rgba(255, 255, 255, 0.8);
  }	
  .floating-banner .container_v {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
  }
  .fx-row {
    margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
  }
  .fx-col-60-s {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width:100%;
  }
  [class*="fx-col"] {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .imgr {
    display: block;
    max-width: 100%;
    height: auto;
  }	


/* ヘッダーフッター調整 */

.xeory-spnav-wrap .sp-nav-inner .spnav-widget{
  padding: 0;
}
footer {
  margin-bottom: 36vw;
}
.fv {
  margin-top: 21vw;
}
.fv h1 {
  height: 130.47vw;
}
.online {
  min-height: 188vw;
}
footer a:link, footer a:visited {
  font-size: 12px;
}
/*--
.cta.sp{
  padding-top: 45vw;
}
--*/
.cta.sp{
  padding-top: 87vw;
}
.font_m {
  font-size: 1.333em;
}
.font_l span{
  font-size: 1.3rem;
}

}