body{
	font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: 300;
	font-size:18px;
	/*
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	*/
}
.bt-1{border-top:1px solid white;}
.bl-1{border-left:1px solid white;}
.br-1{border-right:1px solid white;}
.bb-1{border-bottom:1px solid white;}
.max-width200{max-width:200px}
.max-width300{max-width:300px}
.max-width500{max-width:500px}
.max-width800{max-width:800px}
.top-dashed2px{border: 2px dashed#000000;}

/*
common
*/
.w-1{width:1%;}.w-2{width:2%;}.w-3{width:3%;}.w-4{width:4%;}.w-5{width:5%;}.w-6{width:6%;}.w-7{width:7%;}.w-8{width:8%;}.w-9{width:9%;}.w-10{width:10%;}.w-11{width:11%;}.w-12{width:12%;}.w-13{width:13%;}.w-14{width:14%;}.w-15{width:15%;}.w-16{width:16%;}.w-17{width:17%;}.w-18{width:18%;}.w-19{width:19%;}.w-20{width:20%;}.w-21{width:21%;}.w-22{width:22%;}.w-23{width:23%;}.w-24{width:24%;}.w-25{width:25%;}.w-26{width:26%;}.w-27{width:27%;}.w-28{width:28%;}.w-29{width:29%;}.w-30{width:30%;}.w-31{width:31%;}.w-32{width:32%;}.w-33{width:33%;}.w-34{width:34%;}.w-35{width:35%;}.w-36{width:36%;}.w-37{width:37%;}.w-38{width:38%;}.w-39{width:39%;}.w-40{width:40%;}.w-41{width:41%;}.w-42{width:42%;}.w-43{width:43%;}.w-44{width:44%;}.w-45{width:45%;}.w-46{width:46%;}.w-47{width:47%;}.w-48{width:48%;}.w-49{width:49%;}.w-50{width:50%;}.w-51{width:51%;}.w-52{width:52%;}.w-53{width:53%;}.w-54{width:54%;}.w-55{width:55%;}.w-56{width:56%;}.w-57{width:57%;}.w-58{width:58%;}.w-59{width:59%;}.w-60{width:60%;}.w-61{width:61%;}.w-62{width:62%;}.w-63{width:63%;}.w-64{width:64%;}.w-65{width:65%;}.w-66{width:66%;}.w-67{width:67%;}.w-68{width:68%;}.w-69{width:69%;}.w-70{width:70%;}.w-71{width:71%;}.w-72{width:72%;}.w-73{width:73%;}.w-74{width:74%;}.w-75{width:75%;}.w-76{width:76%;}.w-77{width:77%;}.w-78{width:78%;}.w-79{width:79%;}.w-80{width:80%;}.w-81{width:81%;}.w-82{width:82%;}.w-83{width:83%;}.w-84{width:84%;}.w-85{width:85%;}.w-86{width:86%;}.w-87{width:87%;}.w-88{width:88%;}.w-89{width:89%;}.w-90{width:90%;}.w-91{width:91%;}.w-92{width:92%;}.w-93{width:93%;}.w-94{width:94%;}.w-95{width:95%;}.w-96{width:96%;}.w-97{width:97%;}.w-98{width:98%;}.w-99{width:99%;}.w-100{width:100%;}
.mb-6{margin-bottom:6rem !important;}.mb-7{margin-bottom:7rem !important;}.mb-8{margin-bottom:8rem !important;}.mb-9{margin-bottom:9rem !important;}.mb-10{margin-bottom:10rem !important;}
.mt-6{margin-top: 4rem!important;}.mt-7{margin-top: 5rem!important;}.mt-8{margin-top: 6rem!important;}.mt-9{margin-top: 7rem!important;}

.mt-news{margin-top:100px;}
.mt-create{margin-top:120px;}
.mt--5px{margin-top:-5px;}
.mt--15px{margin-top:-15px;}
.mt--25px{margin-top:-25px;}
.mt--150px{margin-top:-150px;}
.max-hight30{max-height: 30px;}
.max-hight300{max-height: 300px;}
.ml--40px{margin-left:-40px;}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #4d4d4d;
	color: white;
    border-bottom: 1px solid rgba(0,0,0,1);
}

.center-block{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.center-margin{
	margin-left: auto;
	margin-right: auto;
}

a{color: #212121!important;text-decoration: none;}
a:hover{color: #787878!important;text-decoration: none;}
.navi-a{color: #212121!important;text-decoration: none;}
.navi-a:hover{color: #212121!important; border-bottom: 5px solid deepskyblue!important;}
.nav-shadow{text-shadow: 1px 2px 3px #292626;}
.topmax-width500{max-width: 500px;}
.bg-info{background-color: #3de3fd!important;}
/*
index
*/
.top-min_height{min-height: 900px;}
.news-under{border-bottom: 2px dashed #000000;}
.price-box{min-height: 400px;max-height: 400px;box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);}
.box-shadow{box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);}

.cover {
  object-fit: cover;
  width: 100%;
  height: 300px;
  background-color: #ccc;
}
.blogcover {
  object-fit: cover;
  width: 150px;
  height: 150px;
  background-color: #ccc;
}
.coverslide{
	object-fit: cover;
	height: 280px!important;
}


.fs14{font-size:14px}
.fs16{font-size:16px}
.fs18{font-size:18px}
.fs20{font-size:20px}
.fs24{font-size:24px}
.fs30{font-size:30px}
.fs36{font-size:36px}
.fs40{font-size:40px}
.fs45{font-size:45px}
.fs70{font-size:70px}
.p-5-mq{padding:2rem !important;}




.table2{border-top:0px solid #000000 !important;}



.top-imgwidth{max-width:100%;}
@media only screen and (max-width : 992px) {
	.top-imgwidth{max-width:20%;}
	.p-5-mq{padding:1rem !important;}
	.mt-news{margin-top:80px;}
}
@media only screen and (max-width : 768px) {
	.top-imgwidth{max-width:40%;}
	.p-5-mq{padding:1rem !important;}
}
@media only screen and (max-width : 576px) {
	.top-imgwidth{max-width:50%;}
	.fs20{font-size:16px}
	.fs30{font-size:20px}
	.fs36{font-size:30px}
	.fs40{font-size:20px}
	.p-5-mq{padding:0rem !important;}
	.fs18{font-size:14px}
	.mt-9{margin-top:0 !important;}
	.mt-6{margin-top:2rem !important;}
	.price-box{min-height: 0px!important}
	
	.cover {
	  object-fit: cover;
	  width: 100%;
	  height: 200px;
	  background-color: #ccc;
	}
	.table2{border-top:0px solid #000000 !important;}
	
}
@media only screen and (max-width : 480px) {
	.top-imgwidth{max-width:40%;}
	.fs20{font-size:14px}
	.fs30{font-size:18px}
	.fs36{font-size:24px}
	.price-box{min-height: 0px!important}
}
@media only screen and (max-width : 320px) {
	.top-imgwidth{max-width:40%;}
	.fs30{font-size:16px}
	.fs36{font-size:24px}
	.price-box{min-height: 0px!important}
}

.table3 td, .table3 th {
    padding: .25rem!important;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}


.bgc-gray{
	background-color:#e6e6e6;
}
.bgc-blue{
	background-color:dodgerblue;
}
.bgc-white{
	background-color: white;
}
.bgc-shadow{
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}
.bgc-orenge{
	background-color: orange;
}
.bgc-alfawhite{
	text-align:center;
	padding:15px 0;
	background: rgb(255,255,255);
	filter:alpha(opacity=50); 
    background:rgba(255,255,255,0.5);
}
.bgc-alfablack{
	background: rgb(0,0,0);
	filter:alpha(opacity=50); 
    background:rgba(0,0,0,0.5);
	text-align:center;
	padding:15px 0;
}

.border-0{border:0!important}
.bb-radius3{border-radius:3px}
.bb-radius5{border-radius:5px}
.bb-radius8{border-radius:8px}
.bg-cover{background-size:cover;}

.fc-white{color:white !important;}
.fc-black{color:black !important;}
.fc-gray{color:gray !important;}
.fc-aka{color:red !important;}
.fc-red{color:red !important;}
.fc-red:hover{color:darkred!important;}

/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
/*左右の矢印の位置を変える*/
.slick-next {
    right: 20px;
    z-index: 99;
}
.slick-prev {
     left: 15px;
    z-index: 100;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #fff;
}
/*スライド画像の横幅可変*/
img {
    max-width: 100%;
     height: auto;
}


/*ジャンプボタン start*/
.jump-kamomeIMG1{
	position:absolute;
	right:20px;
	top:50px;
	z-index:1000;
}
.jump-kamomeIMG2{
	position:fixed;
	right:20px;
	bottom:150px;
	z-index:1000;
}

.point-cursor{
	cursor:pointer;
}

.qa-box{border-radius: 10px;min-height: 300px;}
.menu-box{border-radius: 5px;min-height: 250px;}
.top-runbox{border-radius: 5px;min-height: 200px;}

/*
footer
*/
.footer-font{
	font-family: -webkit-body;
}

.table-cell {
	display: table;
	margin: auto;
}
.table-cell li {
	display: table-cell;
	padding-left: 10px;
	padding-right: 10px;
}


/*
googlemap linkbtn
*/
.googlemap-linkbtn{
    display: inline-flex;
    align-content: center;
    justify-content: center;
    width:100%;
    background-color: #9EB0A7;
    border-color: #9EB0A7;
}
    .googlemap-linkbtn i{
        font-size:1.2rem;
        line-height: 100%;
    }

/*
ahover
*/
.ahover a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/*
top content
common
*/
.top-bg{
		width:100%;
    height:100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.top-container{
    
}
    .top-container .top-col{
        height:100vh;
        background-color:rgba(255,255,255,0.6);
        text-align:center;
        padding-top:100px;
        padding-bottom: 20px;
    }
.top-textbox{
    margin-top:40px;
    font-size:18px;
}


/*
opening
*/
.top-opening{
    background-image:url("../images/top-back.png");
	background-size: cover;
	background-position:left bottom;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

/*
top erabu
*/
.top-erabu{
   background-color: deepskyblue;
}
    

    .top-erabu-container{
        width:100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .top-erabu-inbox{
        padding:30px;
        background-color: rgba(255,255,255,0.8);
    }
    
.top-tukau{
	background: linear-gradient(90deg,deepskyblue 40%,white 100px,white 100px,white 100%);
/*    background-image:url("../images/top/bg_tukau.jpg");*/
}
.top-hagukumu{
	background: linear-gradient(90deg,white 50%,deepskyblue 100px);
}    
.top-qa{
	background-color: orange;
}    
.top-asobu{
     background-image:url("../images/top-back.jpg");
	background-size: cover;
}    

.top-tooi{
    background-color: white;
}
 
.top-contact{
	background-color: #29aae1;
}

.top-logo{
    width:100%;
    text-align: right;
    padding-bottom:20%;
		padding-left:10px;
		padding-right:10%;
}
.top-ctext{
    padding-top:50px;
    text-align:center;
}
.top-text_container{
    padding:25px;
    margin-top:2rem;
    border:1px solid #CCC;
    border-radius: 10px;
    background-color: rgba(255,255,255,0.3);
}


/*
production
*/
.works-nav{
	width:100%;	
}
.works-nav a{
	background-color:#51BDD5 !important;
	color:#fff;
}
.works-box{
	margin-bottom:2em;
}
.works-box_img{
	margin-bottom: 1.5em;
}
	.works-box_img img{
		width:100%;
		max-height:170px;
	}
.works-box_title{
	color:#53CCE7;
	border-left: solid #53CCE7 10px;
	line-height: 1.5em;
	padding-left: 0.5em;
	margin-bottom: 1em;
}



/*
footer
*/
footer.footer{
    width: 100%;
    padding:10px 0;
    background-color:#000;
    color: #FFF;
		margin-top:80px;
}














/*
navigation
*/
.nav-container{
    position: relative;
    width: 100%;
    z-index: 9999;
    padding:10px 0;
	background-color: rgba(41,41,41,0.72);
}
.nav-sns{
    margin-left:20px;
}
.nav-logo{
    text-align:right;
    margin-right: 20px;
}
#nav-toggle {
    margin-left:0px;
    cursor: pointer;
}
#nav-toggle>div {
    position: relative;
    width: 48px;
}
    #nav-toggle .nav-sns{
        display: block;
        position: relative;
    }
#nav-toggle span {
  width: 100%;
  height: 3px;
  left: 0;
  display: block;
  background-color: white;
  position: absolute;
  -webkit-transition: top .5s ease, -webkit-transform .6s ease-in-out;
  transition: top .5s ease, -webkit-transform .6s ease-in-out;
  transition: transform .6s ease-in-out, top .5s ease;
  transition: transform .6s ease-in-out, top .5s ease, -webkit-transform .6s ease-in-out;
}
#nav-toggle span:nth-child(1) {
  top: 0;
}
#nav-toggle span:nth-child(2) {
  top: 14px;
}
#nav-toggle span:nth-child(3) {
  top: 28px;
}
#nav-toggle:hover span:nth-child(1) {
  top: 4px;
}
#nav-toggle:hover span:nth-child(3) {
  top: 23px;
}

.open #nav-toggle span {
    background: #FFF;
}
.open #nav-toggle span:nth-child(1) {
  top: 15px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.open #nav-toggle span:nth-child(2) {
  top: 15px;
  width: 0;
  left: 50%;
}
.open #nav-toggle span:nth-child(3) {
  top: 15px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#gloval-nav {
	background-color: rgba(41,41,41,0.72);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9998;
    text-align: center;
    display: flex;
    visibility: hidden;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity .6s ease, visibility .6s ease;
}
    #gloval-nav a{
        display: block;
        text-align:left;
        margin-bottom: 1rem;
        color:#FFF;
        font-size:20px;
    }
.open #gloval-nav {
    visibility: visible;
    opacity: 1;
}
    #gloval-nav a:hover{
        color: #CCC;
    }