@charset "UTF-8";

/*@import url('https://fonts.googleapis.com/css2?family=Ubuntu&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Gwendolyn&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Libre+Barcode+128+Text&display=swap');*/

/* color 
bg  :
main:
*/

/* Tablet 
@media all and (min-width: 768px) and (max-width: 1024px) { 
	
		
}

* Desktop *
@media (min-width: 1025px) {

    
}*/

html{
	font-size: 62.5%; 
	scroll-behavior: smooth;
    -webkit-scroll-behavior: smooth;
    overflow-x: hidden;
}

body{
	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    line-height: 1.8;
	font-weight: 400;
    color: #333;
    background-color: #fff;
	/*letter-spacing: 1px;*/
    overflow-x: hidden;
	-webkit-font-smoothing: antialiased; /* フォントのアンチエイリアス　MDNではNon-standard */
	-webkit-text-size-adjust: 100%; /* スマホを横にしたときに文字が大きくなるのを防ぐ */
	text-size-adjust: 100%
}

/*
 common
******************************************************************************
*/
/*h1,h2,h3,h4,h5,h6{
	font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}*/

.serif-kana{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.txt-en{
    /*font-family: "Ubuntu", sans-serif;*/
    font-family: "Gwendolyn", cursive;
    /*font-family: "Libre Barcode 128 Text", system-ui;*/
    font-weight: 400;
    font-style: normal;
}

/** align **/
.align-l{text-align: left;}
.align-c{text-align: center;}
.align-r{text-align: right;}

.align-lc{text-align: left;}

.txt-white{color: #fff !important;}
.txt-red{color: #E50000 !important;}

/** image **/
/*img{width: 100%;}*/

/** tel **/
a[href^="tel:"]{cursor: pointer;}

/* Tablet landscape and bigger */
@media (min-width: 960px) {
	
	.align-lc{text-align: center;}
    
    a[href^="tel:"]{cursor: default;}
	
}

/* reset */
ul,ol{padding: 0;}

/* ::selection */

/* margin
----------------------*/
.mgnB0 {margin-bottom:0 !important;}
.mgnB5 {margin-bottom:5px !important;}
.mgnB10 {margin-bottom:10px !important;}
.mgnB15 {margin-bottom:15px !important;}
.mgnB20 {margin-bottom:20px !important;}
.mgnB30 {margin-bottom:30px !important;}
.mgnB40 {margin-bottom:40px !important;}
.mgnB50 {margin-bottom:50px !important;}
.mgnB60 {margin-bottom:60px !important;}
.mgnB70 {margin-bottom:70px !important;}
.mgnB80 {margin-bottom:80px !important;}

.mgnT0 {margin-top:0 !important;}
.mgnT5 {margin-top:5px !important;}
.mgnT10 {margin-top:10px !important;}
.mgnT20 {margin-top:20px !important;}
.mgnT30 {margin-top:30px !important;}
.mgnT40 {margin-top:40px !important;}
.mgnT50 {margin-top:50px !important;}
.mgnT60 {margin-top:60px !important;}
.mgnT70 {margin-top:70px !important;}
.mgnT80 {margin-top:80px !important;}


/** SP : visibility, tel **/
.visible-sp{display: none !important;}

@media all and (min-width: 768px) and (max-width: 1024px) { 
	
}

@media (max-width: 767px) {
	
  	.hidden-sp {display: none !important;}
	.visible-sp {display: block !important;}	
}


/*
 tmp
******************************************************************************
*/
.wrap{
    background: url("../img/bg_04.jpg") center center no-repeat;
    background-size: cover;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wrap h1{
    color: #fff;
    font-size: 3rem;
}


@media (min-width: 1025px) {

    .wrap h1{
        font-size: 6rem;
    }
    
}


/*
 common nav
******************************************************************************
*/

/*
 header
********************************/


/* Tablet */
@media all and (min-width: 768px) and (max-width: 1024px) { 
	
		
}

/* Desktop */
@media (min-width: 1025px) {

    
}


/*
 footer
********************************/


/* Tablet */
@media all and (min-width: 768px) and (max-width: 1024px) { 
	
		
}

/* Desktop */
@media (min-width: 1025px) {

    
}

/*
 TOP
******************************************************************************
*/


/* Tablet */
@media all and (min-width: 768px) and (max-width: 1024px) { 
	
		
}

/* Desktop */
@media (min-width: 1025px) {

    
}

/*
 2nd common
******************************************************************************
*/

/* Tablet */
@media all and (min-width: 768px) and (max-width: 1024px) { 
	
		
}

/* Desktop */
@media (min-width: 1025px) {

    
}

/*
 page name
******************************************************************************
*/

/* Tablet */
@media all and (min-width: 768px) and (max-width: 1024px) { 
	
		
}

/* Desktop */
@media (min-width: 1025px) {

    
}