@charset "UTF-8";
/* CSS Document */

/*////////////////////////////////////

SP用レイアウト

////////////////////////////////////*/

@media screen and (max-width: 768px) {
  /**********************************
	
	全体レイアウト、共通設定
	
	**********************************/

  /*----------------------
	記事エリアの設定
	----------------------*/
  .article {
    font-size: 4vw;
  }

  .article p {
    line-height: 6.1vw;
  }

  .pc_view {
    display: none !important;
  }

  .sp_view {
    display: block !important;
  }
  /**********************************
	
	上部固定ヘッダー設定
	
	**********************************/

  /*----------------------
	上部固定ヘッダー全体
	----------------------*/
  .header {
    height: 11vw;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 5000;
  }

  /*----------------------
	ヘッダー内部をカラム幅にする
	----------------------*/
  .header_inner {
    height: 11vw;
  }

  /*----------------------
	ロゴ
	----------------------*/
  .top_logo_flame {
    width: 28%;
    height: 11vw;
  }

  /*----------------------
	電話
	----------------------*/
  .top_tel_flame {
    height: 9vw;
    width: 48%;
    margin-top: 0.95vw;
    background-color: #ff8400;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5vw;
    /*
		green：#00B900
		orange：#ff8400
		black：#000
		right_red：#f37272
		pink：#ff77e7
		blue：#0066FF
		blue_green：#13b5b1
		*/
  }

  .tel_icon_flame {
    border: solid 0.2vw #fff;
    width: 6.5vw;
    height: 6.5vw;
    margin-right: 1vw;
    border-radius: 9000000px;
    background-color: #ff8400;
  }

  .fa-phone {
    font-size: 5vw !important;
    padding-top: 0.8vw;
    color: #fff;
  }

  .tel_number {
    font-size: 4vw;
    margin-bottom: 0.4vw !important;
    color: #fff;
  }

  .tel_uketuke {
    font-size: 2vw !important;
    color: #fff;
  }

  /*----------------------
	header_cv
	----------------------*/
  .top_cv_btn {
    display: none;
  }

  /**********************************
	
	ファーストビュー設定
	
	**********************************/
  .top_img_flame {
    background-image: none;
    height: auto;
  }

  .top_img_in {
    width: 100%;
  }

  .top_img_in img {
    height: auto;
  }

  /**********************************
	
	section設定
	
	**********************************/
  .section_under_flame {
    padding: 10vw 0;
  }

  .short_padding_top_under {
    padding-top: 5vw;
  }

  .h2_shita_margin_60 {
    margin-bottom: 8vw;
  }

  /*ラインの上にアイテムがある時はこっち*/
  .h2_shita_margin_45 {
    margin-bottom: 6.5vw;
  }

  /*----------------------------------
	sp用下部cv 2つボタン
	----------------------------------------*/
  .sp_bottom_cv {
    display: flex;
    width: 100%;
    height: 11.5vw;
    position: fixed;
    bottom: 0;
    z-index: 5000;
  }

  .fix_btn1,
  .fix_btn2 {
    width: 50%;
    height: 11.5vw;
  }

  .fix_btn1 {
    background-color: #00b900;
    width: 100%;
  }

  .fix_btn2 {
    background-color: #b69d3c;
  }

  .fix_btn1 a,
  .fix_btn2 a {
    width: 100%;
    height: 11.5vw;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }

  .sp_bottom_cv a img {
    width: 10%;
    margin-right: 0.5vw;
  }

  .sp_bottom_cv a p {
    font-size: 3.8vw;
    font-weight: bold;
    color: #fff;
    font-family: "Noto Serif JP", serif;
  }

  .sp_bottom_cv a p i {
    font-size: 4.4vw !important;
  }

  /**********************************
	
	cvエリア
	
	**********************************/
  .cv_under {
    display: block;
    padding-top: 8vw;
    padding-bottom: 8vw;
  }

  .cv_left_flame {
    width: 100%;
  }

  .cv_text {
    font-size: 4.3vw;
  }

  .cv_text2,
  .cv_text3 {
    font-size: 4vw;
  }

  .cv_text2 {
    margin-top: 4vw !important;
  }

  .cv_right_flame {
    width: 100%;
  }

  .cv_tel_flame {
    border: none !important;
  }

  .cv_btn_retu {
    display: block;
  }

  .cv_tel_flame,
  .cv_btn {
    width: 100%;
  }

  .cv_long_btn {
    margin-top: 4vw !important;
    height: auto !important;
    box-sizing: border-box;
    padding-top: 1vw;
    padding-bottom: 1vw;
    padding-left: 13vw;
    background-color: #00b900;
  }

  .cv_long_btn a {
    display: flex;
    align-items: center;
  }

  .cv_long_btn a p {
    justify-content: flex-start;
    line-height: 8vw !important;
    color: #fff;
    font-weight: bold;
    font-family: "Noto Serif JP", serif;
  }

  .cv_long_btn a p img {
    width: 18%;
    padding-left: 3vw;
  }

  .cv_long_btn a p i {
    padding-left: 0.7vw !important;
    font-size: 9.2vw !important;
  }

  .cv_tel_flame,
  .cv_btn,
  .cv_long_btn {
    height: 16vw;
    border-radius: 1vw;
    margin-top: 2vw;
  }

  .cv_tel_flame {
    background-color: #ff8400;
  }

  .cv_tel_flame a {
    align-items: center;
    height: 16vw;
  }

  .cv_tel_icon_flame {
    width: 10vw;
    height: 10vw;
    border: solid 2px #fff;
    margin-right: 1.5vw;
    margin-left: 13vw;
    background-color: #ff8400;
  }

  .cv_tel_icon_flame i {
    font-size: 8vw !important;
  }

  .cv_tel_number {
    font-size: 6.2vw;
    margin-bottom: 0 !important;
    margin-top: 1.7vw !important;
  }

  .cv_tel_uketuke {
    font-size: 3.4vw !important;
  }

  .cv_btn a p,
  .cv_long_btn a p {
    font-size: 5.8vw;
  }

  .sp_cv_text {
    display: flex !important;
    justify-content: flex-start !important;
  }

  .cv_btn a,
  .cv_long_btn a {
    justify-content: flex-start;
  }

  .sp_line_btn_text {
    display: flex !important;
    align-items: center !important;
  }

  .fa-angle-down {
    font-size: 5vw !important;
  }

  .sp_tel_shita_yajirushi {
    padding-left: 14.5vw !important;
    color: #fff;
  }

  .sp_tel_shita_yajirushi i {
    font-size: 9.4vw !important;
  }

  .cv_btn {
    padding-left: 12.5vw;
    box-sizing: border-box;
  }

  .cv_btn a p i {
    padding-left: 6.5vw !important;
  }

  .cv_btn a p i {
    font-size: 9.4vw !important;
  }

  /**********************************
	
	悩みエリア
	
	**********************************/
  .nayami_over {
    background-image: url("../img/sp_nayami_bg.jpeg");
  }

  .nayami_under {
    padding-top: 8vw;
    padding-bottom: 13.5vw;
  }

  /**********************************
	
	解決エリア
	
	**********************************/
  .kaiketu_under {
    padding-top: 5vw;
  }

  .h2_title p {
    text-align: center;
    font-size: 6.4vw;
    line-height: 1.1 !important;
  }

  .h2_title p span {
    font-size: 7.4vw;
  }

  .h2_title img {
    width: 13.35vw;
    height: 3vw;
  }

  .factoring_toha_akaen {
    width: 29.5vw;
    height: 29.5vw;
  }

  .factoring_toha_akaen div {
    width: 26.6vw;
    height: 26.6vw;
    border: solid 1px #fff;
  }

  .h3_factoring_toha {
    width: 62vw;
  }

  .h3_factoring_text {
    width: 62vw;
    white-space: pre-wrap;
    font-size: 4vw;
    line-height: 1.6 !important;
  }

  .factoring_toha_akaen div p {
    font-size: 3.6vw;
  }

  .h3_factoring_toha {
    font-size: 4.6vw;
    height: 7.6vw;
    padding-bottom: 0.5vw;
  }

  .h3_factoring_shikumi_flame h3 {
    font-size: 5.6vw;
  }

  .kuro_line {
    width: 3vw;
  }

  .factoring_shikumi_flame {
    margin-top: 6.5vw;
    padding: 7vw 4vw;
    box-shadow: 0 0 0.5vw #aaa;
  }

  .factoring_shikumi_inner {
    display: block;
  }

  .shikumi_img {
    width: 100%;
    height: auto;
    margin-bottom: 3vw;
  }

  .shikumi_tejun_flame {
    width: 100%;
    padding: 1.6vw;
    box-shadow: 0 0 0.6vw #bbb;
  }

  .shikumi_tejun_flame img {
    width: 10vw;
    height: 10vw;
    margin-right: 1vw;
  }

  .shikumi_tejun_flame p {
    font-size: 4.4vw;
  }

  .tejun_ue_text {
    font-size: 3vw !important;
    line-height: 1 !important;
  }

  .shita_sankaku {
    margin: -0.6vw 0 -0.3vw !important;
  }

  .sp_factoring_yajirushi {
    font-size: 6.4vw !important;
  }

  .under_triangle {
    border-top: 7vw solid #dd0000;
    border-left: 13vw solid transparent;
    border-right: 13vw solid transparent;
    left: 34.4vw;
    top: -3.6vw;
  }

  .h3_anshinno {
    padding-bottom: 1.4vw;
    margin-bottom: 3.5vw;
    margin-top: 6vw;
  }

  .h3_anshinno img {
    width: 9vw;
    height: 6.3vw;
  }

  .h3_anshinno p {
    font-size: 5.4vw;
  }

  .anshinno_inner {
    display: block;
  }

  .anshinno_inner img {
    width: 80%;
    height: auto;
    display: block;
    margin: 0 auto 2vw;
  }

  .anshinno_inner p {
    font-size: 4.2vw;
    white-space: pre-wrap;
  }

  /**********************************
	
	センターcvエリア
	
	**********************************/
  .cv2_under h2 p {
    font-size: 6.2vw;
  }

  .cv2_under h2 img {
    width: 37%;
  }

  .cv2_ue_text {
    font-size: 4.8vw;
    padding: 1.3vw !important;
  }

  .cv2_inner_flame {
    display: block;
    padding: 4.5vw 3vw;
  }

  .cv_long_btn2 {
    padding-left: 9vw !important;
  }

  .cv_tel_icon_flame2 {
    margin-left: 9vw !important;
  }
  .cv_btn2 {
    padding-left: 8.5vw !important;
  }

  /**********************************
	
	フローエリア
	
	**********************************/
  .section_under_flame {
    padding-top: 7vw;
  }

  .h2_title2 {
    margin-bottom: 6vw;
  }

  .h2_title2 p {
    line-height: 1.2 !important;
  }

  .suuji {
    font-size: 11vw !important;
  }

  .flow_retu {
    display: block;
  }

  .flow_flame {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }

  .flow_suuji {
    font-size: 3.8vw;
    margin-right: 2.4vw !important;
    margin-left: 3vw !important;
  }

  .flow_suuji span {
    font-size: 7vw;
  }

  .h4_flow_title h4 {
    font-size: 5.8vw;
  }

  .h4_flow_title {
    padding-bottom: 1.5vw;
    border-bottom: solid 2px #333;
  }

  .flow_yajirushi {
    padding-bottom: 0 !important;
    text-align: center;
    width: 100%;
    font-size: 13vw !important;
    margin: 2vw 0 -2vw !important;
    line-height: 1 !important;
  }

  /**********************************
	
	メリットエリア
	
	**********************************/
  .sp_h2_title2 p {
    line-height: 1.1 !important;
  }

  .merit_retu {
    display: block;
  }

  .h3_merit_title_flame {
    width: 100%;
    background-size: cover;
  }

  .merit_suuji_en {
    width: 14vw;
    height: 14vw;
  }

  .merit_suuji_en p {
    font-size: 3vw;
    line-height: 1.2 !important;
  }

  .merit_suuji_en p span {
    font-size: 5.5vw;
  }

  .h3_merit_title_flame h3 {
    font-size: 5.2vw;
  }

  .merit_text {
    width: 100%;
    font-size: 4.2vw;
    line-height: 1.6 !important;
    padding: 3vw !important;
    box-shadow: 0 0 0.5vw #bbb;
    margin-top: 2vw !important;
    margin-bottom: 7vw !important;
  }

  .merit_text_last {
    margin-bottom: 0 !important;
  }

  /**********************************
	
	比較エリア
	
	**********************************/
  .hyou_tate_title,
  .hyou_tate_inner {
    padding: 2vw !important;
  }

  .hyou_tate_title p {
    font-size: 3vw;
    white-space: pre-wrap;
    text-align: center;
  }

  .hyou_yoko_title p {
    font-size: 3vw;
    padding: 2vw;
  }

  .hyou_logo_flame {
    padding: 2vw;
  }

  .hyou_red_text {
    font-size: 3vw !important;
  }

  .hyou_tate_inner p {
    font-size: 2.7vw;
  }

  .hikaku_akawaku {
    border: 1.4vw solid #dd0000;
    width: 22.3vw;
    height: 73.6vw;
    top: 17.9vw;
    left: 22vw;
  }

  /**********************************

	フォームエリア

	**********************************/
  .form_nomal_text {
    font-size: 4vw;
  }

  .form_h2_shita_text {
    font-size: 4vw;
    margin-top: 4vw !important;
  }

  .form_mini_title {
    font-size: 4.2vw;
  }

  .form_mini_title span {
    font-size: 3vw;
  }

  .form_tel {
    width: 26.7%;
  }

  .form_long_flame {
    width: 100%;
  }

  .form_big_flame {
    height: 45vw;
  }

  .form_waku_kyoutuu {
    font-size: 4vw;
    padding: 0.8vw;
  }

  .form_btn {
    margin-top: 5vw;
    height: 18vw;
    font-size: 9.4vw;
  }

  /**********************************
	
	よくある質問エリア
	
	**********************************/

  .q_and_a_item {
    margin-bottom: 0 !important;
    margin-top: 2.2vw !important;
  }

  .q_and_a_item_top {
    margin-top: 0 !important;
  }

  .q_and_a_item h3 {
    font-size: 4.2vw;
    line-height: 6.8vw;
    width: 75vw;
    white-space: pre-wrap;
  }

  .q_and_a_item span {
    font-size: 6.7vw;
    padding-bottom: 1.5vw;
  }

  .answer {
    font-size: 4vw;
    line-height: 1.6 !important;
  }

  /**********************************
	
	会社概要エリア
	
	**********************************/
  tbody th,
  tbody td {
    font-size: 4vw;
    padding-top: 2.5vw;
    padding-bottom: 2.7vw;
    white-space: pre-wrap;
  }

  .gaiyou_bangou {
    color: #333 !important;
    text-decoration: none !important;
  }

  /**********************************
	
	footerエリア
	
	**********************************/
  .footer {
    height: auto;
  }

  .footer_under {
    height: auto;
    padding: 6vw 0;
  }

  .footer_logo_and_text {
    display: block;
  }

  .footer_logo {
    display: block;
    margin: 0 auto 3.5vw;
    width: 45%;
  }

  .footer_under p {
    font-size: 4vw;
    white-space: pre-wrap;
  }

  .small {
    height: auto;
    padding: 4vw 0 5vw;
    font-size: 3.3vw;
    margin-bottom: 11vw;
  }

  .footer_bangou {
    color: #fff !important;
    text-decoration: none !important;
  }
}