/*--------------------------------------
全般 / 装飾・スタイル
<pre>Array
(
    [main] => #D5B57F
    [sub1] => #8F7F6F
    [sub2] => #907f6e
    [sub3] => #ffffff
    [sub4] => #fdf9f0
    [sub5] => #000000
    [sub6] => #E8E1D9
    [sub7] => #FDF9F0
    [sub8] => #fde5f2
    [text1] => #8F7F6F
    [text2] => #ffffff
    [text3] => #000000
    [text4] => #D5B57F
)
</pre>--------------------------------------*/


  /*--------------------------------------
  Page base
  --------------------------------------*/
  
    /* 背景タイプが「背景を画像で指定」の時 */
  #wrapper>.wrapper_bg{
    background-image: url(https://lp.maromaro.co.jp/wp-content/uploads/bg_linen.png);
    background-position: center;
    background-size: cover;
  }
  
/*--------------------------------------
header
--------------------------------------*/
#page_header .layout_inner {
  background-color: rgba(232,225,217,0)}



  /*--------------------------------------
  global menu
  --------------------------------------*/
    #page_header .header_menu .menu_items li a{
    color: #8F7F6F;
  }

  #page_header .header_menu .menu_items li a svg line{
    stroke: #8F7F6F;
  }


  /*--------------------------------------
  hamburger menu
  --------------------------------------*/
    #page_header .hm_btn span[class^=btn_line] {
    background-color: #D5B57F;
  }

    #page_header .hm_btn.is_opened span[class^=btn_line]{
    background-color: #E8E1D9;
  }


/*--------------------------------------
main visual
--------------------------------------*/
#page_visual.page_layout.layout1 .layout_inner{
  background-color: rgba(253,249,240,0)}




    main>.page_layout:nth-child(odd) .layout_inner{
    background-color: #ffffff;
  }

    main>.page_layout:nth-child(even) .layout_inner{
    background-color: #fdf9f0;
  }
















  .main_section0 .page_ttl.ttl1{
    text-align: center;
  }

/*--------------------------------------
main_section0 catch copy
--------------------------------------*/
.main_section0 .catch_copy{
  color: #8F7F6F;
}

.main_section0 .catch_copy .copy_deco svg path{
  fill: #8F7F6F;
}



  /*--------------------------------------
  main_section1 page ttl ttl1
  --------------------------------------*/


  .main_section1 .page_ttl.ttl1 .ttl_ja{
    color: #8F7F6F;
  }



  .main_section1 .page_ttl.ttl1 .ttl_en{
    color: #D5B57F;
  }



  .main_section1 .page_ttl.ttl1 .ttl_deco svg path{
    fill: #907f6e;
  }



  .main_section1 .page_ttl.ttl1{
    text-align: center;
  }
  /*--------------------------------------
  main_section1 page txt
  --------------------------------------*/

    .main_section1 .page_txt.txt1.lead_text{
    color: #000000;
  }



        .main_section1 .page_txt.txt1.lead_text{
      text-align: left;
    }
  



/*--------------------------------------
main_section1 card type1
--------------------------------------*/
.main_section1 .page_card.card1 .card_items .card_item .item_content{
  background-color: #ffffff;
}

.main_section1 .page_card.card1 .card_items .card_item .item_content .item_ttl{
  color: #8F7F6F;
}

.main_section1 .page_card.card1 .card_items .card_item .item_content .item_txt{
  color: #8F7F6F;
}

.main_section1 .page_card.card1 .card_items .card_item .item_img{
  background-color: #E8E1D9;
}

@media screen and (min-width: 768px){
  .main_section1 .page_card.card1 .card_items .card_item,
  .main_section1 .page_card.card1 .card_items::before,
  .main_section1 .page_card.card1 .card_items::after{
        width: calc(100% / 2 - 60px / 2);
      }
}
@media screen and (max-width: 767px){
  .main_section1 .page_card.card1 .card_items .card_item
  .main_section1 .page_card.card1 .card_items::before,
  .main_section1 .page_card.card1 .card_items::after{
        width: calc(100% / 1);
      }
}


  
  
  
  




  /*--------------------------------------
  main_section2 page ttl ttl1
  --------------------------------------*/


  .main_section2 .page_ttl.ttl1 .ttl_ja{
    color: #8F7F6F;
  }



  .main_section2 .page_ttl.ttl1 .ttl_en{
    color: #D5B57F;
  }



  .main_section2 .page_ttl.ttl1 .ttl_deco svg path{
    fill: #907f6e;
  }



  .main_section2 .page_ttl.ttl1{
    text-align: center;
  }
  /*--------------------------------------
  main_section2 page txt
  --------------------------------------*/

    .main_section2 .page_txt.txt1.lead_text{
    color: #000000;
  }



        .main_section2 .page_txt.txt1.lead_text{
      text-align: left;
    }
  
/*--------------------------------------
main_section2 slideshow
--------------------------------------*/
.main_section2 .slick_items .slick_item .item_txt{
  color: #8F7F6F;
}


.main_section2 .slick_items .slick-arrow.prev_arrow span,
.main_section2 .slick_items .slick-arrow.next_arrow span{
  border-color: #D5B57F;
}



  /*--------------------------------------
  main_section3 page ttl ttl1
  --------------------------------------*/


  .main_section3 .page_ttl.ttl1 .ttl_ja{
    color: #8F7F6F;
  }



  .main_section3 .page_ttl.ttl1 .ttl_en{
    color: #D5B57F;
  }



  .main_section3 .page_ttl.ttl1 .ttl_deco svg path{
    fill: #907f6e;
  }



  .main_section3 .page_ttl.ttl1{
    text-align: center;
  }
  /*--------------------------------------
  main_section3 page txt
  --------------------------------------*/

    .main_section3 .page_txt.txt1.lead_text{
    color: #000000;
  }



        .main_section3 .page_txt.txt1.lead_text{
      text-align: left;
    }
  

/*--------------------------------------
main_section3 card type2
--------------------------------------*/
.main_section3 .page_card.card2 .card_items .card_item .item_content .item_ttl{
  color: #ffffff;
}

.main_section3 .page_card.card2 .card_items .card_item .item_content .item_txt{
  color: #ffffff;
}


.main_section3 .page_card.card2 .card_items .card_item .item_img{
  background-color: #E8E1D9;
}

@media screen and (min-width: 768px){
  .main_section3 .page_card.card2 .card_items .card_item,
  .main_section3 .page_card.card2 .card_items::before,
  .main_section3 .page_card.card2 .card_items::after{
        width: calc(100% / 2 - 60px / 2);
      }
}
@media screen and (max-width: 767px){
  .main_section3 .page_card.card2 .card_items .card_item,
  .main_section3 .page_card.card2 .card_items::before,
  .main_section3 .page_card.card2 .card_items::after{
        width: calc(100% / 1);
      }
}


    .main_section3 .page_card.card2 .card_items .card_item.item_0 .item_content{
    background-color: rgba(0,0,0,0.42);
  }

  
    .main_section3 .page_card.card2 .card_items .card_item.item_1 .item_content{
    background-color: rgba(0,0,0,0.42);
  }

  
    .main_section3 .page_card.card2 .card_items .card_item.item_2 .item_content{
    background-color: rgba(0,0,0,0.42);
  }

  
    .main_section3 .page_card.card2 .card_items .card_item.item_3 .item_content{
    background-color: rgba(0,0,0,0.42);
  }

  



  /*--------------------------------------
  main_section4 page ttl ttl1
  --------------------------------------*/


  .main_section4 .page_ttl.ttl1 .ttl_ja{
    color: #8F7F6F;
  }



  .main_section4 .page_ttl.ttl1 .ttl_en{
    color: #D5B57F;
  }



  .main_section4 .page_ttl.ttl1 .ttl_deco svg path{
    fill: #907f6e;
  }



  .main_section4 .page_ttl.ttl1{
    text-align: center;
  }
  /*--------------------------------------
  main_section4 page txt
  --------------------------------------*/

    .main_section4 .page_txt.txt1.lead_text{
    color: #000000;
  }



        .main_section4 .page_txt.txt1.lead_text{
      text-align: left;
    }
  

/*--------------------------------------
main_section4 voice
--------------------------------------*/
.main_section4 .page_voice .voice_items .voice_item .item_txt{
  color: #000000;
}

.main_section4 .page_voice .voice_items .voice_item .item_txt .txt_bracket svg path{
  stroke: #D5B57F;
}
.main_section4 .page_voice .voice_items .voice_item .item_txt .txt_bracket .bracket_line::before,
.main_section4 .page_voice .voice_items .voice_item .item_txt .txt_bracket .bracket_line::after{
  background-color: #D5B57F;
}



  /*--------------------------------------
  main_section5 page ttl ttl1
  --------------------------------------*/


  .main_section5 .page_ttl.ttl1 .ttl_ja{
    color: #8F7F6F;
  }



  .main_section5 .page_ttl.ttl1 .ttl_en{
    color: #D5B57F;
  }



  .main_section5 .page_ttl.ttl1 .ttl_deco svg path{
    fill: #907f6e;
  }



  .main_section5 .page_ttl.ttl1{
    text-align: center;
  }
  /*--------------------------------------
  main_section5 page txt
  --------------------------------------*/

    .main_section5 .page_txt.txt1.lead_text{
    color: #000000;
  }



        .main_section5 .page_txt.txt1.lead_text{
      text-align: left;
    }
  

/*--------------------------------------
main_section5 voice
--------------------------------------*/
.main_section5 .page_step .step_items .step_item .item_ttl{
  color: #8F7F6F;
}

.main_section5 .page_step .step_items .step_item .item_txt{
  color: #8F7F6F;
}

.main_section5 .page_step .step_items .step_item .item_num .num_label,
.main_section5 .page_step .step_items .step_item .item_num .num_self{
  color: #D5B57F;
}
.main_section5 .page_step .step_items .step_item .item_num svg path{
  fill: #D5B57F;
}

.main_section5 .page_step .step_items .step_item .item_line svg line{
  fill: #8F7F6F;
}


  /*--------------------------------------
  main_section6 page ttl ttl1
  --------------------------------------*/


  .main_section6 .page_ttl.ttl1 .ttl_ja{
    color: #8F7F6F;
  }



  .main_section6 .page_ttl.ttl1 .ttl_en{
    color: #D5B57F;
  }



  .main_section6 .page_ttl.ttl1 .ttl_deco svg path{
    fill: #907f6e;
  }



  .main_section6 .page_ttl.ttl1{
    text-align: center;
  }

.main_section6 .page_qa .qa_items .qa_item .item_inner{
  color: #8F7F6F;
}


.main_section6 .page_qa .qa_items .qa_item{
  background-color: #fdf9f0;
}


.main_section6 .page_qa .qa_items .qa_item .item_txt{
  color: #000000;
}



.main_section6 .page_qa .qa_items .qa_item .item_btn .btn_inner{
  background-color: #D5B57F;
}


.main_section6 .page_qa .qa_items .qa_item .item_btn .btn_inner::before,
.main_section6 .page_qa .qa_items .qa_item .item_btn .btn_inner::after{
  background-color: #ffffff;
}



  /*--------------------------------------
  main_section7 page ttl ttl1
  --------------------------------------*/


  .main_section7 .page_ttl.ttl1 .ttl_ja{
    color: #8F7F6F;
  }



  .main_section7 .page_ttl.ttl1 .ttl_en{
    color: #D5B57F;
  }



  .main_section7 .page_ttl.ttl1 .ttl_deco svg path{
    fill: #907f6e;
  }



  .main_section7 .page_ttl.ttl1{
    text-align: center;
  }
/*--------------------------------------
main_section7 base section
--------------------------------------*/
  

  
    .main_section7.page_layout .layout_inner{
      background-color: transparent !important;
      background-image: url(https://lp.maromaro.co.jp/wp-content/uploads/bg_linen.png);
      background-size: cover;
      background-position: center;
    }
  




/* フォーム/表 : 項目名 */
.main_section7 .form_wrp .form_table tbody tr th{
  color: #8F7F6F;
}


/* フォーム/表 : 内容 テキスト */
.main_section7 .form_wrp .form_table tbody tr td{
  color: #8F7F6F;
}


/* フォーム/入力欄 : フォーカス枠 */
.main_section7 .form_wrp input.form_control:hover,
.main_section7 .form_wrp input.form_control:focus,
.main_section7 .form_wrp textarea.form_control:hover,
.main_section7 .form_wrp textarea.form_control:focus,
.main_section7 .form_wrp .form_select select:hover,
.main_section7 .form_wrp .form_select select:focus,
.main_section7 .form_wrp .form_radio li label input[type=radio]+.form_list_item_label:hover::before,
.main_section7 .form_wrp .form_check li label input[type=checkbox]+.form_list_item_label:hover::before,
.main_section7 .form_wrp .ajaxzip3_btn .btn_inner:hover{
  border: 1px solid #D5B57F;
  -webkit-box-shadow: 0 0 0 4px rgba(213,181,127,0.5);
  box-shadow: 0 0 0 4px rgba(213,181,127,0.5);
}



/* フォーム/入力欄 : チェックボックス・ラジオボタン・セレクトボックス矢印 */
.main_section7 .form_wrp .form_radio li label input[type=radio]:checked+.form_list_item_label::after{
  background: #D5B57F;
}

.main_section7 .form_wrp .form_check li label input[type=checkbox]:checked+.form_list_item_label::after,
.main_section7 .form_wrp .form_select::before{
  border-color: #D5B57F;
}



/* フォーム/送信ボタン : 背景色 */
.main_section7 .form_wrp .btn_submit .btn_inner:not(:disabled){
  background: #D5B57F;
  border: 1px solid #D5B57F;
}
.main_section7 .form_wrp .btn_submit.is_privacy_checked .btn_wrp::before{
  background-image: -webkit-repeating-linear-gradient(135deg, transparent, transparent 1.5px, #D5B57F 1.5px, #D5B57F 3px);
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 1.5px, #D5B57F 1.5px, #D5B57F 3px);
}

/* フォーム/送信ボタン : テキスト */
.main_section7 .form_wrp .btn_submit .btn_inner:not(:disabled){
  color: #ffffff;
}

.form_wrp .btn_submit .btn_wrp .btn_inner:not(:disabled)+svg path{
  fill:  #ffffff;
}


  /*--------------------------------------
  main_section8 page ttl ttl1
  --------------------------------------*/


  .main_section8 .page_ttl.ttl1 .ttl_ja{
    color: #8F7F6F;
  }



  .main_section8 .page_ttl.ttl1 .ttl_en{
    color: #D5B57F;
  }



  .main_section8 .page_ttl.ttl1 .ttl_deco svg path{
    fill: #907f6e;
  }



  .main_section8 .page_ttl.ttl1{
    text-align: center;
  }

.main_section8 .page_company .company_table th{
  color: #8F7F6F;
}



.main_section8 .page_company .company_table td{
  color: #000000;
}



.main_section8 .page_company .company_table,
.main_section8 .page_company .company_table tr{
  border-color: #FDF9F0;
}

/*--------------------------------------
go top arrow
--------------------------------------*/
    #go_top_arrow .arrow_svg{
    background-color: #D5B57F;
  }

    #go_top_arrow .arrow_svg svg path{
    fill: #ffffff;
  }


/*--------------------------------------
Footer
--------------------------------------*/
#page_footer .layout_inner {
  background-color: #8F7F6F;
}


#page_footer .footer_copyrights {
  color: #ffffff;
}



/*--------------------------------------
footer social medias
--------------------------------------*/
.footer_social_medias .social_media li path{
  fill: #E8E1D9;
}

/*--------------------------------------
hamburger menu
--------------------------------------*/
#hm_canvas .canvas_body {
  background-color: #8F7F6F;
}


#hm_canvas .body_menu .menu_items li a {
  color: #ffffff;
}



/*--------------------------------------
social medias
--------------------------------------*/
#hm_canvas .social_media li path{
  fill: #E8E1D9;
}

/*--------------------------------------
cv btn
--------------------------------------*/


.cv_btn .btn_wrp .btn_inner {
  color: #ffffff;
}

.cv_btn .btn_wrp .btn_inner svg path{
  fill: #ffffff;
}


.cv_btn .btn_wrp .btn_inner {
  background-color: #D5B57F;
}


.cv_btn .btn_wrp .btn_inner:hover {
  background-color: rgba(213,181,127,0.7);
}



.cv_btn .btn_wrp::before {
  background-image: -webkit-repeating-linear-gradient(135deg, transparent, transparent 1.5px, #E8E1D9 1.5px, #E8E1D9 3px);
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 1.5px, #E8E1D9 1.5px, #E8E1D9 3px);
}

/*--------------------------------------
wysiwyg
--------------------------------------*/
.custom_html p {
  color: #8F7F6F;
}

.custom_html p a{
  color: #8F7F6F;
}

.custom_html h2{
  color: #8F7F6F;
}

.custom_html h3{
  color: #8F7F6F;
}
.custom_html h3{
  background-color: #fde5f2;
}

.custom_html h4{
  color: #8F7F6F;
}
.custom_html h4 span{
  border-color: #8F7F6F;
}

.custom_html h5{
  color: #8F7F6F;
}
