html,
body {
	background: #000;
	color:#fff;
}

html {
	scroll-behavior: smooth;
}

* {
    margin: 0px;
    padding: 0px;
}

body .g_font_monst{
	font-family: 'Lora', serif;
}


/*menu*/
.menu{
    height: 20px;
    position: absolute;
    right: 10px;
    top: 5px;
    width: 30px;
    z-index: 999;
}
.menu__line{
    background: #fff;
    display: block;
    height: 2px;
    position: absolute;
    transition:transform .3s;
    width: 100%;
}
.menu__line--center{
    top: 9px;
}
.menu__line--bottom{
    bottom: 0;
}
.menu__line--top.active{
    top: 8px;
    transform: rotate(45deg);
}
.menu__line--center.active{
    transform:scaleX(0);
}
.menu__line--bottom.active{
    bottom: 10px;
    transform: rotate(135deg);
}

/*gnav*/
.gnav{
    background: #000;
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 999;
    margin-top: 50px;
}
.gnav__wrap{
    align-items:top;
    display: flex;
    height: 100%;
    justify-content: left;
    position: absolute;
    width: 100%;
}

.gnav__menu{
	max-width:1200px;
	width: 100%;
	margin: 10vh auto 0;
}

.gnav__menu__item{
    margin: 0px 0;
    line-height: 1.2;
}
.gnav__menu__item a{
    color: #fff;
    font-size: 3em;
    font-weight: bold;
    padding: 0px;
    text-decoration: none;
    transition: .5s;
}
.gnav__menu__item a:hover{
    color: #666;
}


/* --common--------------------------------------------------------- */

/* common */
.bg_br{
background:#244A62;
}

.fw_b{
font-weight:bold;
}

.al_center {
    text-align: center;
}


/* --sp--------------------------------------------------------- */
.sw_full{
width:100%;
margin:0 auto;
}

.sw_wide{
width:100%;
margin:0 auto;
}

.sw_gen{
width:100%;
margin:0 auto;
}

.sw_common{
width:100%;
margin:0 auto;
}

.sw_min{
width:100%;
margin:0 auto;
}


.sec_innner {
    width: 89.5%;
    margin: 0 auto;
}



.footerCta__inner {
    width: 100%;
    display: table;
}

.footer_logo img {
    width:53.067vw;
}

.copyrights {
    background: #000;
    color: #fff;
    text-align: center;
    padding-bottom: 22.77vw;
}

.footer_link {
    margin: 10% auto;
}

.footer_link p {
    text-align:center;
}

.foot__inner {
    width: 89.5%;
    margin: 0 auto;
    padding-top: 2.5rem;

}

.footer-title_kana {
    font-size:5.333vw;
    font-weight:bold;
    margin-bottom:5%;
}

.footer-title_sub {
    display:block;
    font-size:4.267vw;
    font-weight:normal;
}

.foot__inner h4 {
    text-align: center;
    font-size: 2.6rem;
    font-weight: bold;
}

/* --sect_common */

div#sect_common {
    width:89.5%;
    max-width: 1200px;
    margin: 90px auto;
}

h1.sect_common_title {
    font-size: 4.5rem;
    text-align: center;
    margin-bottom:60px;
}

.sect_company .sect_comp {
    max-width: 800px;
    margin:0 auto;
}

.sect_company .sect_comp dl {
    display: block;
    flex-wrap: wrap; 
    width: 100%;
}

.sect_company .sect_comp dl dt {
    width:100%;
    padding: 10px 0 20px;
    font-size: 3vw;
}

.sect_company .sect_comp dl dd {
    width:100%;
    padding: 0px 0 20px;
    border-bottom: 1px solid #919191;
    font-size: 2.2vw;
}

.sect_company .sect_comp dl dd a{
	text-decoration: none;
	color: #fff;
}


.sect_map iframe {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  width:100%;
}


/* --pc--------------------------------------------------------- */
@media only screen and (min-width: 751px) {
.sw_full{
width:100%;
margin:0 auto;
}

.sw_wide{
margin:0 auto;
}

.sw_gen{
margin:0 auto;
}

.sw_min {
    width: 640px;
}

#sect_common {
    width:100%;
    max-width: 1200px;
    margin: 90px auto;
}

.sect_company .sect_comp {
    max-width: 800px;
    margin:0 auto;
}

.sect_company .sect_comp dl {
    display: flex;
    flex-wrap: wrap; 
    width: 100%;
}

.sect_company .sect_comp dl dt {
    width:45%;
    min-height:80px;
    padding: 20px 0;
    border-bottom: 1px solid #919191;
}

.sect_company .sect_comp dl dd {
    width:55%;
    padding: 20px 0;
}

.sect_company .sect_comp dl dd a{
	text-decoration: none;
	color: #fff;
}


.sect_map iframe {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  width:100%;
}

}