/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


.body{
  font-feature-settings: "palt";
}

*:focus {
  outline: none;
  }

  .equal-hight-content{
    height: 100%;
    display: flex;
  }

/* TOP PAGE */



/* Side Menu */

.side_info_tel{
  margin-bottom: 0px!important;
}

.side_info_tel li .elementor-icon-list-text{
  text-align-last: justify!important;
}

.elementor-nav-menu--dropdown {
  top:0!important;
  background-color: #E5E5E6;
  box-shadow: 13px 11px 15px -15px #777777;
  border-radius: 0px;
}

.elementor-nav-menu--dropdown
li{
  min-width: 14em;
}

.elementor-nav-menu--dropdown
li a{
font-size: 12px!important;
line-height: 18px;
}

.elementor-nav-menu--dropdown
li a:hover{
  line-height: 18px;
}

.side_nav nav ul li a{
  padding: 16px 0!important;
  border-bottom: 2px dotted #000!important;
}

.side_nav nav ul li a:hover{
  background-color: #CCCCCC;
  color: #000!important;
}

.fa-circle{
padding-left: 0.5em;
padding-right: 0.5em;
}

.sub-arrow{
display: none!important;
}

.fa-chevron-right{
  margin: 0 0 0 auto;
  padding-right: 0.5em;
}



/* パンくず */

.aioseo-breadcrumbs{
  font-size: 12px;
}

.aioseo-breadcrumbs a{
  color: #000;
}


/* Company Profile */

.company_table tr td{
  background-color: transparent!important;
  border-top: none;
  font-size: 12px;
}

.company_table tr .column-1{
  border-bottom: 1px solid #000;
  text-align:justify;
  text-align-last:justify;
  text-justify:inter-ideograph;
  width: 7em;
  padding: 1.5em 2em 1.5em 1em;
}

.company_table tr .column-2{
  border-bottom: 1px solid #000;
  padding: 1.5em 1em 1.5em 1em;
}

.address_txt{
  display: flex;
  padding-left:0;
}

.company_table tr td br{
display: block;
content: "";
margin: 1em 0;
}

.address_txt li{
  list-style:none;
}

.address_txt_1{
  display: inline-block;
  width: 7em;
  height: 22px;
  margin-right: 1em;
  background-color: #DCDDDD;
  border-radius: 20px;
  padding: 2px 1px;
  color: #000;
  text-align: center;
  font-size: 12px;
}

.address_txt_2{
  padding-top: 4px;
}

.address_txt_2 br{
  margin: 0.5em 0!important;
}

#map {
  width: 100%;
  height: 200px;
  overflow: hidden;
}

#map iframe {
  width: 100%;
  height: 860px;
  margin-top: -320px;
}

.gmap_btn{
  text-align: right;
}

.gmap_btn a{
  display: inline-block;
  width: 10em;
  height: 26px;
  background-color: #000;
  border-radius: 20px;
  padding: 2px 2px;
  color: #fff;
  text-align: center;
  font-size: 12px;
}


/* タイムライン */

.timeline {
  width: 96%;
  max-width: 940px;
  margin: 0 auto;
  padding: 0;
}

.timeline-list {
  padding: 0px 0;
}

.timeline-list-item {
  display: flex;
  line-height: 1.5;
  font-size: 12px;
}

.timeline-list-item .date {
  width: 8%;
  padding: 0;
  color: #000;
  font-weight: bold;
}

.timeline-list-item .date p , .timeline-list-item .content p{
  margin-top: -3px;
}

.timeline-list-item .content {
  position: relative;
  width: 92%;
  padding: 0 14px 30px 14px;
  border-left: 1px solid #000;
  letter-spacing: -0.02em;
}



.timeline-list-item .content::before {
  content: "";
  position: absolute;
  top: 0;
  left: -8px;
  width: 16px;
  height: 16px;
  background-color: #000;
  border-radius: 10px;
}


/* ABOUT PAPER */

.about_paper .elementor-tab-content{
  border-top: 3px solid #004593!important;
  background-color: #EEEEEE!important;
}



.about_paper .elementor-tab-title{
  width: 300px;
  text-align: center;
  padding: 20px 0!important;
  margin: 0 10px!important;
  border-radius: 10px 10px 0 0;
  background-color: #EEEEEE;
}


.seal_ttl_1 span{
  position: relative;
  display: inline-block;
  padding: 0 55px;
}

.seal_ttl_1 span:before, .seal_ttl_1 span:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 2px;
  background-color: black;
}

.seal_ttl_1 span:before {
  left:0;
}
.seal_ttl_1 span:after {
  right: 0;
}


/* 用紙コンテンツ */


.paper_box_txt_1 p{
  padding: 0;
  margin: 0;
}

.paper_icon svg, .card_txt_icon svg{
margin-right: 0!important;
}




/* シール・ラベル */

.ex_shiyou svg{
  height: 36px!important;
  margin-right: 0!important;
}


/* パッケージ */

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

.panf_box_img img{
  border-radius: 0 0 10px 10px;
}


/* 印刷 */

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

.temp_down_btn a{
/* padding: 16px 50px!important; */
background: linear-gradient(180deg, #616161 0%, #616161 50%, #000000 50%, #000000 100%);
}


/* 大型出力 */

.lfp_box_1 img{
  height: 100%;
  border-radius: 10px 0 0 10px;
}

.lfp_box_1_ttl h2{
  margin: 0!important;
  padding: 0!important;
}

.lfp_box_1_txt p{
  margin: 0rem!important;
}


/* SP_menu */

.sp_menu .elementor-nav-menu--dropdown{
box-shadow: none;
}


/* 問い合わせフォーム */

div.wpcf7 .wpcf7-spinner {
  display: none !important;
}

.required::after {
  color: #fff;
  font-size: 12px;
  content: "必須";
  margin-left: 0.5em;
  margin-bottom:0;
  padding: 0.2em 0.8em 0 0.8em;
  background-color: #D9544F;
  display: inline-block;
}

.required_2::after {
  color: #fff;
  font-size: 12px;
  content: "必須";
  margin-left: 0.5em;
  margin-bottom:0.1em;
  margin-top: 0;
  padding: 0.2em 0.8em 0.3em 0.8em;
  background-color: #D9544F;
  display: inline-block;
  vertical-align: middle;
}

.required-txt{
  font-size: 12px;
  margin-bottom:0;
  padding: 0 0.7em ;
  background-color: #D9544F;
  display: inline-block;
  color: #fff;
}

.contact_form dt {
  display: flex;
}

.contact_form dt p{
  margin: 0;
  font-weight: bold;
  color: #000;
}

.contact_form dd {
margin: 0;
padding: 0;
color: #000;
}

.contact_form dd p{
  margin: 0;
}

.form_label{
  margin-top: 2em;
  margin-bottom: 0.5em;
}

.annotation {
  font-size: 12px;
}


.text {
  background-color: #fff;
}

.checkbox {
  color: #000;
  display: flex;
  flex-wrap: wrap;
}

.wpcf7-list-item{
  margin: 0;
  padding: 0;
}

.checkbox-item{
  width: 60%;
}

.checkbox-item .wpcf7-form-control-wrap .wpcf7-list-item{
  width: 50%;
}

.require-mark {
  color: red;
}

.form_label{
  color: #000;
}

.form-control, .form-group .form-control, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
  background-color: #fff !important;
}

.wpcf7-list-item {
  display: block
}

textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.textarea.form-control {
  height: 100px;
}

.optional .wpcf7-list-item {
  margin: 0;
  padding: 0;
  font-size: 14px;
}

.br-sp {
  display: contents;
}

.pp-check{
  margin-top: 1em;
}

.pp-check a{
color: #000;
}

.confirm-btn{
  width: 34.7222%;
  margin:10% auto 0 auto;
  border: 1px solid #777777;
  background-color: #777777;
  color: #fff;
}

.confirm-btn:hover , .confirm-btn:active , .confirm-btn:focus ,
.previous-btn:hover , .previous-btn:active , .previous-btn:focus ,
.send-btn:hover , .send-btn:active , .send-btn:focus{
  border: 1px solid #777777;
  background-color: #fff;
  color: #000;
}

.confirm-btn-box{
  text-align: center;
}

.send-btn-box p{
  display: flex;
  justify-content: space-between;
  margin: 40px 10% 0 10%;
}

.send-btn-box p input{
  margin: 0;
}

.previous-btn , .send-btn{
  width: 40%;
  margin:20px auto 0 auto;
  border: 1px solid #777777;
  background-color: #777777;
  color: #fff;
}

.tel-eg{
  font-size: 27px;
}

.tel-number{
  font-size: 45px;
}

.tel-time{
  font-size: 18px;
}

.grecaptcha-badge { visibility: hidden; }

@media screen and (max-width: 768px){
  *:focus {
    outline: none;
    }

    .equal-hight-content{
      height: 100%!important;
      display: flex!important;
    }

    .fa-chevron-down{
      margin: 0 0 0 auto;
      padding-right: 0.5em;
    }

    .sp_menu_item{
      border-bottom: 1px solid #4074AE;
      border-bottom-width: 1px!important;
    }

    .sp_menu_item_first{
      background-color: #004593!important;
    }

    .sp_menu_item_down{
      background-color: #616161;
      color: #000;
      border-bottom: 1px dotted #000;
      border-bottom-width: 2px!important;
    }

    .sp_menu_item_down:last-child{
      border: none;
    }

    .sp_menu_item_b {
      background-color: #000;
      color: #fff;
      border-bottom: solid #fff;
      border-bottom-width: 0.5px!important;
    }

    .sp_menu_item_b:last-child{
      border: none;
    }

    .sp_menu .elementor-nav-menu--dropdown .elementor-item:focus{
      background-color: transparent!important;
    }


/* 用紙タブ */

#horizonal .elementor-tabs-wrapper{
  display: flex;
  flex-direction: row;
}

#horizonal .elementor-tab-mobile-title{
  display: none;
}

.about_paper .elementor-tab-title{
  width: 300px;
  text-align: center;
  padding: 10px 0!important;
  margin: 0 10px!important;
  border-radius: 10px 10px 0 0;
  background-color: #EEEEEE;
}

.column-1 , .column-2{
  display: block;

}

.company_table tr .column-1{
  text-align-last:unset;
  border-bottom: none;
  padding: 2em 0 0 0;
}

.company_table tr .column-2{
  padding: 1em 0 2em 0;
}

.timeline-list-item .date {
  width: 12%;
}

.timeline-list-item .content {
  width: 88%;
}

/* 問い合わせフォームSP */
.br-sp {
  display: block;
}

.checkbox-item{
  width: 100%;
}

.tel-eg{
  font-size: 14px;
}

.tel-number{
  font-size: 22px;
}

.tel-time{
  font-size: 12px;
}

}

@media screen and (min-width: 769px) and (max-width: 969px){

.about_paper .elementor-tab-title{
  width: 200px;
  padding: 14px 0!important;
  margin: 0 10px!important;
}

.timeline {
  width: 100%;
  padding: 0 0 0 10px;
}

.timeline-list-item .date {
  width: 10%;
  padding: 0 0 0 10px;
}

.timeline-list-item .content {
  position: relative;
  width: 90%;
  padding: 0 20px 30px 20px;
}

.sp_menu .elementor-nav-menu--dropdown{
  box-shadow: none;
  }


.tel-eg{
    font-size: 18px;
  }

.tel-number{
    font-size: 32px;
  }

.tel-time{
    font-size: 14px;
  }


}
