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

html{
    font-size: 62.5%; /*16px × 62.5%=10px*/
}

body{
    color: #000000;
    font-family: 'Lato', 'Noto Sans JP', sans-serif; /*nc用フォント*/
	font-feature-settings: "palt"; /*文字詰め*/
    letter-spacing: 0.05em; /*字間調整*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	background-color: #ffffff;
    font-size: 1.6rem;
}

.sp { 
    display: none !important; 
}

a {
    text-decoration: none; /*リンクボタンに下線なし*/
    color: #000000;
}

.inner{
    width: 1100px; 
    margin: auto;
	height: auto;
}

/*------------------------------------
* header
------------------------------------*/

.header{
    display: flex;
    padding: 0px 40px 28px;
    /*position: fixed;  menu固定*/
    justify-content: space-between; /*端均等揃え*/
}

.ncnano{
    float:  left; 
}

.site-logo img{
    margin-top: 28px;
    height: 50px;
    width: 250px;
}

.site-nano img{
    margin-top: 20px;
    height: 66px;
    width: 100px;
}

.gnav__menu{
    display: table;
    margin: 0 auto;
    padding: 35px 0 15px;
    width: 660px;
    text-align: center;
}

.gnav__menu li{
    display: table-cell;
}

.gnav__menu li a{
    display: block;
    width: 100%;
    padding: 10px 0;
    text-decoration: none;
    color: #000000;
    font-weight: 500;
}

.gnav__menu li.gnav__menu__item{
    border-bottom: 3px solid #166AAB;
}

.gnav__menu li:hover{
    color: #E7DA66;
    border-bottom: 3px solid #EB6877;
}

h3{
    font-weight: 500;
}


/*topへもどる*/
#page_top{
    width: 50px;
    height: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #EB6877;
    opacity: 0.6;
    border-radius: 50%;
    z-index: 1000;
}
#page_top a{
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    text-decoration: none;
}
#page_top a::before{
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f106';
    font-size: 25px;
    color: #fff;
    position: absolute;
    width: 25px;
    height: 25px;
    top: -10px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    line-height: 1.2;
}

/*///topへもどる*/
/*------------------------------------
* ///header///
------------------------------------*/

/*------------------------------------
* contact
------------------------------------*/
.contact{
    padding: 80px 0 ;
    text-align: center;
}

.cont_title{
    font-size: 3.6rem;
    font-weight: 700;
    color: #166AAB;
    border-bottom: solid 3px #EB6877;
    padding-bottom: 5px;
    margin: auto;
    text-align: center;
}

.cont_subtitle{
    font-size: 20px;
    padding: 20px 0 40px;
}

.cont_comment{
    font-weight: 400;
}

/*------------------------------------
* ///contact///
------------------------------------*/

/*------------------------------------
* to form
------------------------------------*/

.cont_box{
    text-align: center;
    width: 750px;
    height: 438px;
    color: #ffffff;
    background-color: #EB6877;
    margin: auto;
}

.cont_comment_1{
    padding: 50px 0 30px;
    font-size: 2.4rem;
    font-weight: 400;
}

/*form誘導アイコン*/
.btn-flat-contact {
    font-size: 2.4rem;
    position: relative;
    display: inline-block;
    font-weight: 400;
    padding: 30px 50px;
    background: #EB6877;
    color: #ffffff;
    border: solid 1px #ffffff;
    transition: .4s;
}

.btn-flat-contact:hover {
    background: #ffffff;
    color: #EB6877;
}

.cont_comment_2{
    padding: 50px 0 30px;
    font-size: 2.4rem;
    font-weight: 400;
}

.cont_comment_3{
    font-size: 2.4rem;
    font-weight: 400;
}

.telephonenumber{
    font-size: 4.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.telephonenumber a {
    color: #ffffff;
    text-decoration:none;
    }

.cont_comment_4{
    padding-top: 30px;
}

/*------------------------------------
* ///to form///
------------------------------------*/

/*------------------------------------
* privacypolicy
------------------------------------*/
.privacypolicy{
    padding-bottom: 120px;
}

.pp_box{
    width: 750px;
    height: auto;
    margin: auto;
}

.pp_title{
    padding: 120px 0 10px;
    font-size: 2.4rem;
    font-weight: 500;
}

.pp_border{
    height: auto;
    padding: 30px;
    border: solid 1px #000000;
    line-height: 150%;
}

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



/*------------------------------------
* ///privacypolicy///
------------------------------------*/

/*------------------------------------
* footer
------------------------------------*/
footer a{
    color: #ffffff;
}

.footer{
    background-color: #166AAB;
    color: #ffffff;
    padding: 80px 0 50px;
}

.allfooter_nc{
    float: left;
}

.allfooter_menu{
    float: right;
}

.footerlogo img{
    padding-bottom: 25px;
    height: 40px;
    width: auto;
}

.footer_campany{
    line-height: 180%;
    padding-bottom: 30px;
}

.footer_menu{
    font-weight: 500;
}

.footer_menunav{
    display: flex;
    border-bottom: solid 1px #ffffff;
    padding-bottom: 10px;
}

.footer_menunav li{
    margin-left: 30px;
}

.footer_menunav li:first-child{
    margin-left: 0; 
}

.footer_copy{
    float:right;
    font-size: 11px;
}

/*------------------------------------
* ///footer///
------------------------------------*/   





/* sp------------------------------------------------------------------------*/

@media screen and (max-width: 768px){

    body{
        font-size:1.6rem;
    }
    
    .inner{
        width: 90%;
    }
        
	.pc { display: none !important; }
	.sp { display: block !important; }
	
 /* header------------------------------------------------------------------------*/ 
    
    .header{
        padding: 0;
        height: 70px;
        position:fixed;
        background-color: #ffffff;
        width: 100%;
        z-index: 8888;
    
    }
    
    .topphoto_sp{
        padding-top: 70px;
    }
    
    .site-logo img{
        margin: 15px 0 0 20px;
        height: auto;
        width: 200px;
    }
    
    .site-nano img{
        margin: 15px 0 0 5px;
        height: auto;
        width: 70px;
    }
    
    /*ハンバーガーメニュー*/
    nav.menu{
        width:25px;
        height:30px;
        top: 25px;
        right:20px;
        position:fixed;
        cursor:pointer;
        overflow:hidden;
        z-index:9999;
    }

    nav .menu1{
        width:25px;
        height:2px;
        background-color: #000;
        top:0px;
        position:absolute;
    } 

    nav .menu2{
        width:25px;
        height:2px;
        background-color: #000;
        top:8px;
        position:absolute;
    } 

    nav .menu3{
        width:25px;
        height:2px;
        background-color: #000;
        top:16px;
        position:absolute;
    }
    
    nav .menu1,nav .menu2,nav .menu3{
        transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out; /* Opera */
        -moz-transition: all 0.5s ease-out; /* Firefox */
        -webkit-transition: all 0.5s ease-out; /* GoogleChrome, Safari */ 
        -ms-transition: all 0.5s ease-out; /* IE */ }
    
    nav .menuclick1{ 
        top:8px;
        -o-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg); }
    
    nav .menuclick2{
        background-color:rgba(255,255,255,0);
    }
 
    nav .menuclick3{
        top:8px;
        -o-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
    
    #menu{
        position: fixed;
        display: none;
        right: 0;
        top: 0;
        list-style-type: none;
        background-color: rgba(255, 255, 255, 0.8);
        z-index: 5000;
        width: 100%;
        height: 100%;
        text-align:center;
        padding-top: 80px;
    }
    
    #menu>li{
        font-size: 2rem;
        font-weight: 700;
        padding: 30px;
    }

 /*//header---------------------------------------------------------------------- */ 
    
 /* contact------------------------------------------------------------------------*/ 
    
    .contact{
        padding: 40px 0 ;
    }

    .cont_title{
        font-size: 2.0rem;
    }

    .cont_subtitle{
        font-size: 1.4rem;
    }

    .cont_comment{
        font-weight: 400;
        text-align: left;
        line-height: 150%;
    }
    
 /*//contact---------------------------------------------------------------------- */ 
    
 /*to form---------------------------------------------------------------------- */ 
    
 .cont_box{
    width: 100%;
    height: auto;
    margin: 0;
}

.cont_comment_1{
    padding: 25px 20px 15px;
    font-size: 1.6rem;
    line-height: 150%;
}

/*form誘導アイコン*/
.btn-flat-contact {
    font-size: 1.6rem;
    padding: 15px 13px;
}

.cont_comment_2{
    padding: 25px 0 15px;
    font-size: 1.6rem;
}

.cont_comment_3{
    font-size: 1.6rem;
}

.telephonenumber{
    font-size: 2.8rem;
}

.cont_comment_4{
    padding: 12px 20px 25px;
    line-height: 150%;
}   

/*//to form---------------------------------------------------------------------- */

/* privacypolicy------------------------------------------------------------------------*/
    
    .privacypolicy{
        padding-bottom: 60px;
    }

    .pp_box{
        width: 100%;
    }

    .pp_title{
        padding: 50px 0 15px;
        font-size: 1.6rem;
    }

    .pp_border{
        padding: 15px;
    }

/* //privacypolicy------------------------------------------------------------------------*/ 
    
/* footer------------------------------------------------------------------------*/ 
    
    .footer{
        padding: 0;
    }

    .allfooter_nc{
        float: none;
    }

    .allfooter_menu{
        float: none;
    }

    .footerlogo img{
        padding: 20px 0 15px 0;
    }

    .footer_campany{
        font-size: 1.4rem;
        line-height: 150%;
        padding-bottom: 25px;
    }

    .footer_menu{
        font-weight: 500;
    }

    .footer_menunav{
        font-size: 1.4rem;
        display: block;
        border-bottom: none;
        padding-bottom: 0;
    }

    .footer_menunav li{
        margin-left: 0;
    }

    .footer_copy{
        float: none;
        padding: 40px 0 20px;
        font-size: 11px;
        text-align: center;
    }
    
    .line_sp{
        float: left;
        background-color: #166AAB; width: 20px; height: 155px;
    }

    .line_sp_2{
        background-color: #ffffff; width: 1px; height: 155px;
    }
    
    .footermenu_sp{
        padding-bottom: 20px;
    }
  
  
/* //footer------------------------------------------------------------------------*/    
    
    }