@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lora:400,700&display=swap);
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(//fonts.googleapis.com/css?family=Noto+Serif+JP:300,400,500,700&subset=japanese);
@font-face {
  font-family: 'tegaki';
  src: url("../webfont/apjapanesefont.eot");
  src: url("../webfont/apjapanesefont.eot?#iefix") format("embedded-opentype"), url("../webfont/apjapanesefont.woff") format("woff"), url("../webfont/apjapanesefont.ttf") format("truetype");
  font-display: swap;
}

/* =================================================
   unique layout
================================================= */
/* -------------------------------------
   article
------------------------------------- */
#article {
  /* -------------------------------------
       section
    ------------------------------------- */
}

#article .section {
  /* -------------------------------------
           section_1
        */
  /* -------------------------------------
           form_header
        */
  /*
        &.form_header{
        
            padding: 0;
            
            .inner{
                
                .content{
                    
                    padding: 1.8rem 0;
                    
                    &.underline{
                        border-bottom: 1px solid $monocolor5;
                    }
                    .h3{

                        // proportional font
                        font-feature-settings : "pkna";
                        
                        letter-spacing: 0.175em;
                        font-weight: bold;
                        
                        &.h3_1{

                            text-align: center;
                            margin: 0 0 1.0rem;

                            span{

                                display: block;

                                &.txt{
                                    
                                    font-size: 1.8rem;
                                        
                                    &:before{
                                        content: "●";
                                        display: inline;
                                        color: $maincolor;
                                        margin: 0 0.5rem 0 0;
                                    }
                                }
                            }
                        }
                    }
                    p{

                        &.lead{
                            display: flex;
                            justify-content: center;
                            font-size: 1.2rem;
                            margin: 1.0rem 0 0;
                        }
                    }
                    .item{

                        &.tel{

                            letter-spacing: 0.1em;
                            text-align: center;
                            padding: 0 0 0.5rem 0;
                            margin: 0rem auto;
                            box-sizing: border-box;
                            overflow: hidden;

                            span{

                                display: block;
                                line-height: 1;

                                &.txt_1{

                                    font-size: 0.9rem;
                                    padding: 0.5em 0;

                                    strong{

                                        font-family: $fontfamily_en;
                                        letter-spacing: 0.025em;
                                        font-size: 2.4rem;
                                        padding: 0;

                                        span{
                                            display: inline-block;
                                            color: $maincolor;
                                        }
                                        a,
                                        a:link{
                                            color: $maincolor;
                                            font-family: $fontfamily_en;
                                            text-decoration: none;
                                        }
                                    }
                                }
                                &.txt_2{
                                    // proportional font
                                    font-feature-settings : "pkna";

                                    letter-spacing: 0.175em;
                                    font-size: 0.9rem;
                                    padding: 0.5rem 0 0;
                                }
                                &.txt_3{
                                    display: flex;
                                    justify-content: center;
                                    
                                    // proportional font
                                    font-feature-settings : "pkna";

                                    text-align: left;
                                    letter-spacing: 0.175em;
                                    font-size: 0.9rem;
                                    line-height: 1.5;
                                    padding: 1.4rem 0 0;
                                }
                            }
                        }
                    }
                    

                }
            }
        }
        */
}

#article .section.section_1 .inner {
  /* -------------------------------------
                   content
                ------------------------------------- */
}

#article .section.section_1 .inner .content {
  /* -------------------------------------
                       content_1
                    */
}

@media screen and (min-device-width: 767px) {
  /* =================================================
   unique layout
================================================= */
  /* -------------------------------------
   article
------------------------------------- */
  #article {
    /* -------------------------------------
       section
    ------------------------------------- */
  }
  #article .section {
    /* -------------------------------------
           section_1
        */
    /* -------------------------------------
           form_header
        */
    /*
        &.form_header{
        
            padding: 0;
            margin: 0 0 50px;
            overflow: visible;
            
            .inner{
                
                position: relative;
                
                &.border{
                    border: 2px solid $monocolor5;
                    box-sizing: border-box;
                }
                .content{
                    
                    text-align: center;
                    padding: 60px 0 50px;
                    
                    .h3{

                        @include webfont_j1;
                        
                        justify-content: flex-start;
                        
                        &.h3_1{

                            padding: 0 50px;
                            margin: 0;
                            background: $monocolor2;
                            position: absolute;
                            z-index: 1;
                            top: -22px;
                            left: 50%;
                            transform: translateX(-50%);

                            span{

                                &.txt{
                                    
                                    font-size: 2.4rem;
                                    
                                    &:before{
                                        content: "●";
                                        display: block;
                                        margin: 0;
                                        position: absolute;
                                        left: -0.5em;
                                    }
                                }
                            }
                        }
                    }
                    p{

                        &.lead{
                            display: flex;
                            justify-content: center;
                            font-size: 2.1rem;
                            text-align: left;
                            margin: 20px 0 0;
                        }
                    }
                    .item{

                        &.tel{

                            display: inline;
                            text-align: left;
                            width: auto;
                            padding: 0 0 10px 0;

                            span{

                                display: inline-block;
                                
                                &.txt_1{

                                    font-size: 1.2rem;
                                    padding: 0;

                                    strong{

                                        font-size: 2.4rem;

                                        span{
                                            
                                        }
                                        a,
                                        a:link{
                                            
                                        }
                                    }

                                    strong{

                                        font-size: 4.4rem;

                                        span{
                                            display: inline !important;
                                        }
                                    }
                                }
                                &.txt_2{
                                    font-size: 2.0rem;
                                    color: $monocolor6;
                                    padding: 0px 0 0;
                                }
                                &.txt_3{
                                    display: block;
                                    text-align: center;
                                    font-size: 1.2rem;
                                    padding: 14px 0 0;
                                    width: 100%;
                                }
                            }
                        }
                    }
                    
                }
            }
        }
        */
  }
  #article .section.section_1 .inner {
    /* -------------------------------------
                   content
                ------------------------------------- */
  }
  #article .section.section_1 .inner .content {
    /* -------------------------------------
                       content_1
                    */
  }
}