@charset "UTF-8";

/* ****************************************************
Title: base.css
***************************************************** */
a:link    {color: #000;text-decoration: none;}
a:visited {color: #000;text-decoration: none;}
a:hover   {color: #000;text-decoration: none;}
a:active  {color: #000;text-decoration: none;}

/* common
---------------------------------------------------------------------------- */
/* -- color --*/
.red {color:red;}

/* -- text font  --*/
.bold{font-weight:500;}.tc { text-align: center; }.tl { text-align: left; }.tr { text-align: right; }.tdu { text-decoration: underline; }
.lh10 { line-height: 1em; }.lh15 { line-height: 1.5em; }.lh2 { line-height: 2em; }.lh3 { line-height: 3em; }
.vm { vertical-align: middle; }.vt { vertical-align: top; }
.fs08 { font-size: 0.8em; }.fs09 { font-size: 0.9em; }.fs1 { font-size: 1em; }.fs11 { font-size: 1.1em; }.fs12 { font-size: 1.2em; }.fs13 { font-size: 1.3em; }
.ltxt{font-size: 150%;}.mtxt{font-size: 125%;}.mstxt{font-size: 110%;}.stxt{font-size: 90%;}.sstxt{font-size: 80%;}
.bn { border:none; }.bbn { border-bottom: none; }
.marker{background: linear-gradient(transparent 60%, #FCE800 60%);}

/* -- width  --*/
.w620 {width:620px; margin: 0 auto;}.w650 {width:650px; margin: 0 auto;}.w800 {width:800px; margin: 0 auto;}.w960 {width:960px; margin: 0 auto;}.w980 {width:980px; margin: 0 auto;}.w1000 {width:1000px; margin: 0 auto;}
.w1100 {width:1100px; margin: 0 auto;}.w1200 {width:1200px; margin: 0 auto;}
.w100{width:100%;}.w95{width:95%;}.w90{width:90%;}.w85{width:85%;}.w80{width:80%;}.w75{width:75%;}.w70{width:70%;}.w65{width:65%;}.w64{width:64%;}.w63{width:63%;}.w62{width:62%;}.w61{width:61%;}
.w60{width:60%;}.w55{width:55%;}.w54{width:54%;}.w53{width:53%;}.w52{width:52%;}.w50{width:50%;}.w48{width:48%;}.w47{width:47%;}
.w46{width:46%;}.w45{width:45%;}.w40{width:40%;}.w35{width:35%;}.w33{width:33%;}.w32{width:32%;}.w30{width:30%;}.w25{width:25%;}
.w20{width:20%;}.w15{width:15%;}.w14{width:14%;}.w13{width:13%;}.w12{width:12%;}.w11{width:11%;}.w10{width:10%;}.w5{width:5%;}

/* -- layout  --*/
.fl {float:left;}.fr {float:right;}
.dc {display:block; text-align:center;}.ma {margin-left: auto; margin-right: auto;}
.flex {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;}
.jc_sb {-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-flex-pack:justify;-moz-flex-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;}
.jc_sa {-webkit-flex-pack:distribute;-moz-flex-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;-moz-justify-content:space-around;justify-content:space-around;}
.jc_ce {-webkit-box-pack:center;-moz-box-pack:center;-webkit-flex-pack:center;-moz-flex-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;}
.fl_wp {-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.ai_ce{-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;}
.fd_cl{flex-direction: column;}.fd_cr{flex-direction: column-reverse;}.grid{display: grid;}
.grid3f-40{grid-template-columns: repeat(3, 1fr);column-gap: 40px;row-gap: 40px;}.grid3f-30{grid-template-columns: repeat(3, 1fr);column-gap: 30px;row-gap: 30px;}
.grid4f-20{grid-template-columns: repeat(4, 1fr);column-gap: 20px;row-gap: 20px;}.grid4f-30{grid-template-columns: repeat(4, 1fr);column-gap: 30px;row-gap: 30px;}

/* -- none --*/
body .sp {display: none;}.pc_none {display:none;}

/* -- margin  --*/
.mb0{margin-bottom:0px !important;}.mb5{margin-bottom:5px !important;}.mb10{margin-bottom:10px !important;}.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}.mb25{margin-bottom:25px !important;}.mb30{margin-bottom:30px !important;}.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}.mb45{margin-bottom:45px !important;}.mb50{margin-bottom:50px !important;}.mb55{margin-bottom:55px !important;}
.mb60{margin-bottom:60px !important;}.mb65{margin-bottom:65px !important;}.mb70{margin-bottom:70px !important;}.mb75{margin-bottom:75px !important;}
.mb80{margin-bottom:80px !important;}.mb85{margin-bottom:85px !important;}.mb90{margin-bottom:90px !important;}.mb95{margin-bottom:95px !important;}.mb100{margin-bottom:100px !important;}

/* -- clearfix  --*/
.cf:before, .cf:after {content:' '; display:table;}.cf:after {clear:both;}


/* # body
---------------------------------------------------------------------------- */
body {
    font-size: 1.6rem;
    color: #333;
}




/* # header
---------------------------------------------------------------------------- */
#header{
	background: #fff;
	position: relative;
}



#header .logo a .comname {color: #000;}

#header .logo .comname {
	font-size: 14px;
    font-weight: 700;
    margin-left: 30px;
}

#header .logo a:hover  {
	text-decoration: none;
}

.hamburger .logo a img {
	width: 180px;
}

.hamburger {
    width: 60%;
    max-width: 60%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: #fff;
    padding: 28px 50px 28px 20px;
    box-sizing: border-box;

}


.hamburger .btn-gNav {
    position: fixed;
    top: 20px;
    right: 3%;
    width: 30px;
    height: 24px;
    z-index: 12;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}


#header .logonav {
	width: 50%;
}

#header .logonav .gNav {
	width: 100%;
}

#header .logonav .gNav li a {
	color: #000;
  position: relative;
  display: inline-block;
}
#header .logonav .gNav li a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  height: 1px;
  background-color: #666;
  transition: .3s;
}
#header .logonav .gNav li a:hover::after {
  width: 100%;
}


.hamburger .btn-gNav span {
    position: absolute;
    width: 100%;
    height: 4px;
    background: #ffffff;
    border-radius: 10px;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}

.hamburger .btn-gNav span:nth-child(1) {
    top: 0;
}

.hamburger .btn-gNav span:nth-child(2) {
    top: 10px;
}

.hamburger .btn-gNav span:nth-child(3) {
    top: 20px;
}

.hamburger .btn-gNav.open span:nth-child(1) {
    background: #ffffff;
    top: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.hamburger .btn-gNav.open span:nth-child(2),
.hamburger .btn-gNav.open span:nth-child(3) {
    top: 6px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}


.btn-gNav {
    display: none;
}

.gNav .gNav-menu {
    display: flex;
    justify-content: space-between;
}

.gNav .gNav-menu li {
    margin: 0 auto;
    padding: 0 5px;
    font-size: 1.6rem;
}

.gNav .gNav-menu li a {
	color: #000;
}


/* # gNavi
---------------------------------------------------------------------------- */
#nav {
}


/* # pageBody
---------------------------------------------------------------------------- */
#pagebody {
}
#pagebody p,
#pagebody dd {font-size: 1.6rem;}


/* # content
---------------------------------------------------------------------------- */
#contents .bar {
    font-size: 3.6rem;
    margin-bottom: 45px;
    font-weight: 700;
}



/* # footer
---------------------------------------------------------------------------- */
#footer #logo img {
    width: 200px;
}

#footer .logoarea {
    width: max-content;
}

#footer .logoarea .logo_img {
    margin-right: 20px;
}


/* # lNavi
---------------------------------------------------------------------------- */
#f_nav {
}




@media screen and (max-width: 639px) {
body .pc {display: none;}
body .sp {display: block;}

.w800 {width:100%;}.w960 {width:100%;}.w1000 {width:100%;}.w1100 {width:100%;}.w1200 {width:100%;}
.w100s{width:100%;}.w95s{width:95%;}.w90s{width:90%;}.w85s{width:85%;}.w80s{width:80%;}.w75s{width:75%;}.w70s{width:70%;}.w65s{width:65%;}.w64s{width:64%;}.w63s{width:63%;}.w62s{width:62%;}.w61s{width:61%;}
.w60s{width:60%;}.w55s{width:55%;}.w54s{width:54%;}.w53s{width:53%;}.w52s{width:52%;}.w50s{width:50%;}.w48s{width:48%;}.w47s{width:47%;}
.w46s{width:46%;}.w45s{width:45%;}.w40s{width:40%;}.w35s{width:35%;}.w33s{width:33%;}.w32s{width:32%;}.w30s{width:30%;}.w25s{width:25%;}
.w20s{width:20%;}.w15s{width:15%;}.w14s{width:14%;}.w13s{width:13%;}.w12s{width:12%;}.w11s{width:11%;}.w10s{width:10%;}.w5s{width:5%;}

.tls{text-align: left;}
.flexsp {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;}
.jc_sbsp {-webkit-box-pack:justify;-moz-box-pack:justify;-webkit-flex-pack:justify;-moz-flex-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;-moz-justify-content:space-between;justify-content:space-between;}
.jc_sasp {-webkit-flex-pack:distribute;-moz-flex-pack:distribute;-ms-flex-pack:distribute;-webkit-justify-content:space-around;-moz-justify-content:space-around;justify-content:space-around;}
.jc_cesp {-webkit-box-pack:center;-moz-box-pack:center;-webkit-flex-pack:center;-moz-flex-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;-moz-justify-content:center;justify-content:center;}
.fl_wpsp {-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.ai_cesp {-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center;}
.fd_clsp{flex-direction: column;}.fd_crsp{flex-direction: column-reverse;}.grid{display: grid;}
.prl5p {padding: 0 5%;box-sizing: border-box;}
.fs20p{font-size: 18px;}.fs25p{font-size: 20px;}.fs28p{font-size: 22px;}.fs30p{font-size: 24px;}.fs35p{font-size: 28px;}.fs40p{font-size: 32px;}.fs50p{font-size: 38px;}.fs60p{font-size: 58px;}

/* -- margin  --*/
.mb0s{margin-bottom:0px !important;}.mb5s{margin-bottom:5px !important;}.mb10s{margin-bottom:10px !important;}.mb15s{margin-bottom:15px !important;}
.mb20s{margin-bottom:20px !important;}.mb25s{margin-bottom:25px !important;}.mb30s{margin-bottom:30px !important;}.mb35s{margin-bottom:35px !important;}
.mb40s{margin-bottom:40px !important;}.mb45s{margin-bottom:45px !important;}.mb50s{margin-bottom:50px !important;}.mb55s{margin-bottom:55px !important;}
.mb60s{margin-bottom:60px !important;}.mb65s{margin-bottom:65px !important;}.mb70s{margin-bottom:70px !important;}.mb75s{margin-bottom:75px !important;}
.mb80s{margin-bottom:80px !important;}.mb85s{margin-bottom:85px !important;}.mb90s{margin-bottom:90px !important;}.mb95s{margin-bottom:95px !important;}.mb100s{margin-bottom:100px !important;}



.grid3f-40{grid-template-columns: repeat(2, 1fr);column-gap: 40px;row-gap: 40px;}.grid3f-30{grid-template-columns: repeat(2, 1fr);column-gap: 30px;row-gap: 30px;}
.grid4f-20{grid-template-columns: repeat(2, 1fr);column-gap: 20px;row-gap: 20px;}.grid4f-30{grid-template-columns: repeat(2, 1fr);column-gap: 30px;row-gap: 30px;}
.grid1f-0{grid-template-columns: repeat(2, 1fr);column-gap: 0;row-gap: 0;}.grid1f-0{grid-template-columns: repeat(1, 1fr);column-gap: 0;row-gap: 0;}


/* # body
---------------------------------------------------------------------------- */
body {position: relative;
}


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


.hamburger{
        width: 100%;
    max-width: 100%;
    padding: 20px;
}
	
	#header .logo {
		width:70%;
}

.hamburger .btn-gNav span{
    background: #999;
}

.hamburger .logo a img {
    width: 150px;
}

#header .logonav .gNav li a {
    color: #fff;
}
	#header .logo .comname{
		margin-left:20px;
	}
	
   .btn-gNav {
        display: block;
    }

    .gNav {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.8);
        font-size: 16px;
        box-sizing: border-box;
        z-index: 1;
        padding-top: 50px;
        transition: .3s;
    }

    .gNav.open {
        right: 0;
    }

    .gNav .gNav-menu {
        padding: 0;
        width: 100%;
        height: 100%;
        display: block;
        flex-direction: column;
        text-align: center;
        /*justify-content: center;*/
    }

    .gNav .gNav-menu li {
        width: 86%;
        padding: 15px;
        border-bottom: #ccc 1px solid;
    }

/* # gNavi
---------------------------------------------------------------------------- */
#nav {
}


/* # pageBody
---------------------------------------------------------------------------- */
#va {
    padding-top: 65px;
}

/* # content
---------------------------------------------------------------------------- */
#contents {
}
#contents .bar {
    font-size: 2.5rem;
    margin-bottom: 30px;
}


/* # footer
---------------------------------------------------------------------------- */
#footer {
}
#footer #logo img {
    width: 150px;
}
#footer #logo .comname{
	font-size:14px;
}
	
#footer .logoarea .logo_img {
    margin-right: 0;
	margin-bottom:10px;
}
	
#footer .logoarea a{
    display: flex;
    flex-direction: column;
}

/* # lNavi
---------------------------------------------------------------------------- */
#f_nav {
}

}