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

html, body {
}

.inner {
    width: 90%;
}
.service-vimet {
    width: 55%;
    margin: 0 auto;
    position: absolute;
    left: 0;
}


.service-thynk {
    width: 55%;
    margin: 50px auto 0;
    position: absolute;
    right: 0;
}

.gmap-btn {
    right: 5%;
}


}




@media only screen and (max-width: 768px) {
	
html, body {
color: #fff;
}



/* ============================================================

common

============================================================ */



.mw {

}

.article-pd{

}


.ri{

}


.fr{

}

.fl{

}

.mb {
 
}







   
/*---- box ----*/
 

.box-3col {

}

.box-3col:nth-child(3n){

}

.box-4col {

}


.box-4col:nth-child(4n){

}

.box-5col {
    position: relative;
    display: block;
    float: left;
    width: 22%;
    margin-right: 4%;
    margin-bottom: 2%;
    box-sizing: border-box;
}


.box-5col:nth-child(5n){
	margin-right: 4%;
}

.box-5col:nth-child(4n) {
    margin-right: 0;
}


#container {
}




/*---- underline ----*/

.underline-box {

}


.underline {

}



.p-r{

}
.p-l{
	
}








/* ============================================================

header

============================================================ */

header{


}

#fix-menu {
}

.logo {
}

/*---------------------------------
nav
---------------------------------*/

.pc-nav {
    display: none;
}


.pc-nav ul li {

}

.pc-nav ul li:last-child {

}

.pc-nav ul li a{
}




.pc-nav ul li a{

}

/*---------------------------------
SNS
---------------------------------*/
.social {
    display: none;
}

.social ul li {
}

/*---------------------------------
hamburger
---------------------------------*/

.hamburger-box {
	display: block;
}


.hamburger,
.hamburger span {
}


.hamburger {

}


.hamburger span {

}
.hamburger span:nth-of-type(1) {
}
.hamburger span:nth-of-type(2) {

}
.hamburger span:nth-of-type(3) {

}



.hamburger.active {

}



.hamburger.active span:nth-of-type(1) {

}

.hamburger.active span:nth-of-type(2) {

}

@-webkit-keyframes active-menu-bar02 {
	100% {
	}
}
@keyframes active-menu-bar02 {
	100% {

	}
}
.hamburger.active span:nth-of-type(3) {

}




/*---------------------------------
main-v
---------------------------------*/




#theme{
	
}

.main-visual-text {
 
}


.main-logo {

}

h1 {

}

h2 {
}

.scroll {

}


.scroll-line {

}



#scroll a {
}




/* ============================================================

contents

============================================================ */



.inner{

}


.inner-btn {

}


.section-box {

}


/*------------
headline
-------------*/
.section-headline {

}

.headline-service {
    width: 270px;
    top: -75px;
    right: 5%;
}

.headline-news {
    width: 270px;
    top: -25px;
    left: 5%;
}
.headline-member {
    width: 360px;
    top: -55px;
    right: 5%;
}
.headline-mission {
    width: 360px;
    top: -55px;
    right: calc(50% - 180px);
    top: -85px;
}

.headline-recruit {
    width: 380px;
    top: -55px;
    left: 5%;
    top: 70px;
}

.headline-company {
    width: 360px;
    top: -55px;
    right: 5%;
    top: -65px;
}

.headline-contact {
    width: 400px;
    top: -55px;
    left: 5%;
    top: 130px;
}



#planet1 {
}

#planet2 {
}

#planet3 {
}


/*---------------------------------
service
---------------------------------*/


#service{
	background: -moz-linear-gradient(top, rgba(7,7,51,0) 0%, rgba(7,7,51,0) 1%, rgba(7,7,51,0.85) 30%); 
	background: -webkit-linear-gradient(top, rgba(7,7,51,0) 0%,rgba(7,7,51,0) 1%,rgba(7,7,51,0.85) 30%); 
	background: linear-gradient(to bottom, rgba(7,7,51,0) 0%,rgba(7,7,51,0) 0%,rgba(7,7,51,0.85) 30%); 
	position: relative;
}



.service-box{
}

.service-box-l {
	width: 100%;
}

.service-box-r {
    width: 100%;	
}

.service-vimet {
    position: relative;
    width: 75%;
    margin: 30px auto;
}


.service-thynk {
    width: 100%;
    position: relative;
} 
    
.service-description {
    height: auto;
}


.service-description-in {
    position: relative;
    padding: 0;
    height: auto;
}

.service-icon {
}

.service-name {

}

.service-headline {

}

.service-desc {

}

.service-btn{
}
/*---------------------------------
news
---------------------------------*/

#news{	

}

.news-contents{
}

.news-contents:after {
    border: 20px solid;
}

.news-contents ul {
    width: 80%;
    padding: 90px 0 40px;
}

.news-contents ul li{
}

.news-contents ul li .data{
}

.news-contents ul li .data time{
}

.news-contents ul li .data .category {
}


.news-contents ul li .news-list {
}


.news-thumb {
}

.news-thumb .thumb-image {
}


.news-thumb .thumb-image img{
}

.news-thumb:hover .thumb-image img{     
}

.news-title {
}

.news-time {

}


/*---------------------------------
member
---------------------------------*/

#member{
}

.member-thumb{
}


.member-thumb .thumb-image {
}


.member-thumb .thumb-image img{
}

.member-thumb:hover .thumb-image img{
}

.model-name {
}


/*------
remodal
------*/

.remodal-contents {
}


.remodel-left {
}



.remodel-right {
}


.remodel-jp-name {
}


.remodel-headline {
}



/*---------------------------------
mission
---------------------------------*/

#mission {
}

.mission-image {
}

.mission-contents {
}

.mission-headline {
}

.mission-text {
}



/*---------------------------------
recruit
---------------------------------*/

#recruit{
}

.recruit-contents {
}

.recruit-headline {
}

.recruit-text {

}


/*---------------------------------
company
---------------------------------*/

#company {
}

.gmap-area {

}


.map {

}


.gmap-btn {
}

.company-info {
}

.company-info-left {
}

.company-info-right {
}

/*---------------------------------
company
---------------------------------*/

#contact {
}



}


@media only screen and (max-width: 480px) {
	
	
	
html, body {
color: #fff;
font-size: 11px;
}



/* ============================================================

common

============================================================ */



.mw {

}

.article-pd{

}


.ri{

}


.fr{

}

.fl{

}

.mb {
 
}



.sp-br{
	display: block;
}



   
/*---- box ----*/
 

.box-3col {

}

.box-3col:nth-child(3n){

}

.box-4col {

}


.box-4col:nth-child(4n){

}


.box-5col {
    width: 30%;
    margin-right: 5%;
    margin-bottom: 2%;
}


.box-5col:nth-child(3n){
	margin-right: 0%;
}

.box-5col:nth-child(4n) {
	margin-right: 5%;

}

#container {
    overflow: hidden;
	background: url("../images/background-sp.png");
	background-size: 100%;
}



/*---- underline ----*/

.underline-box {

}


.underline {

}



.p-r{

}
.p-l{
	
}








/* ============================================================

header

============================================================ */

header{


}

#fix-menu {
}

.logo {
    top: 20px;
    left: 20px;
    width: 33px;
}

/*---------------------------------
nav
---------------------------------*/

nav {
  
}


nav ul li {

}

nav ul li:last-child {

}

nav ul li a{
}




nav ul li a{

}

/*---------------------------------
SNS
---------------------------------*/
.social {
  
}

.social ul li {
}

/*---------------------------------
hamburger
---------------------------------*/

.hamburger-box {
	right: 10px;
    top: 5px;
}


.hamburger,
.hamburger span {
}


.hamburger {

}


.hamburger span {

}
.hamburger span:nth-of-type(1) {
}
.hamburger span:nth-of-type(2) {

}
.hamburger span:nth-of-type(3) {

}



.hamburger.active {

}



.hamburger.active span:nth-of-type(1) {

}

.hamburger.active span:nth-of-type(2) {

}

@-webkit-keyframes active-menu-bar02 {
	100% {
	}
}
@keyframes active-menu-bar02 {
	100% {

	}
}
.hamburger.active span:nth-of-type(3) {

}




/*---------------------------------
main-v
---------------------------------*/




#theme{
	
}

.main-visual-text {
	height: 120px; 
}


.main-logo {
	width: 24vw;
}

h1 {
    font-size: 5.2vw;
    letter-spacing: 0.4rem;
	margin: 20px 0 20px;

}

h2 {
}

.scroll {

}


.scroll-line {

}



#scroll a {
}




/* ============================================================

contents

============================================================ */



.inner{

}


.inner-btn {

}


.section-box {
	padding-top: 30px;
    padding-bottom: 30px;
}


/*------------
headline
-------------*/
.section-headline {

}

.headline-service {
    width: 140px;
    top: -15px;
    right: 3%;
}

.headline-news {
    width: 145px;
    top: 5px;
    left: 3%;
}
.headline-member {
	width: 210px;
    top: -30px;
    right: 3%;
    
}

.headline-mission {
	width: 210px;
    right: calc(50% - 105px);
    top: -50px;
}


.headline-recruit {
	width: 220px;
    top: -55px;
    left: 3%;
    top: 30px;
}

.headline-company {
	width: 220px;
    top: -55px;
    right: 3%;
    top: -45px;
}

.headline-contact {
	width: 250px;
    top: -55px;
    left: 3%;
    top: 40px;
}



#planet1 {
	top: 250px;
    width: 70%;
}

#planet2 {
	bottom: 230px;
    width: 70%;
}

#planet3 {
	top: -100px;
    width: 70%;
}


/*---------------------------------
service
---------------------------------*/


#service{

}



.service-box{

}

.service-box-l {

}

.service-box-r {

}

.service-vimet {
	width: 85%;
}


.service-thynk {
	margin: 20px auto 10px;

} 
    
.service-description {
}


.service-description-in {
}

.service-icon {
	width: 65px;
}

.service-name {
	font-size: 1rem;
	margin-bottom: 3px;
}

.service-headline {
    font-size: 0.8rem;
    line-height: 1.4rem;
}

.service-desc {
	margin: 15px 0;
}

.service-btn{
	width: 130px;
}
/*---------------------------------
news
---------------------------------*/

#news{	
	padding-bottom: 0;
}

.news-contents{
	margin-bottom: 60px;
}

.news-contents:after {
	border: 10px solid;
}

.news-contents ul {
	width: 80%;
    padding: 60px 0 10px;
}

.news-contents ul li{
}

.news-contents ul li .data {
    width: 100%;
}

.news-contents ul li .data time{
}

.news-contents ul li .data .category {
}


.news-contents ul li .news-list {
    width: 100%;
}


.news-thumb {
}

.news-thumb .thumb-image {
}


.news-thumb .thumb-image img{
}

.news-thumb:hover .thumb-image img{     
}

.news-title {
}

.news-time {

}


/*---------------------------------
member
---------------------------------*/

#member{
	padding-bottom: 70px;
}

.member-thumb{
}


.member-thumb .thumb-image {
	margin-bottom: 6px;
}


.member-thumb .thumb-image img{
}

.member-thumb:hover .thumb-image img{
}
.model-position {
	font-size: 0.6rem;
}
.model-name {
	font-size: 0.6rem;
    line-height: 0.8rem;
    margin-bottom: 10px;
}


/*------
remodal
------*/

.remodal-contents {
}


.remodel-left {
}



.remodel-right {
}


.remodel-jp-name {
}


.remodel-headline {
}



/*---------------------------------
mission
---------------------------------*/

#mission {
	background: url(../images/mission-back-sp.png);
    background-size: cover;
    background-position: center center;
    background-attachment:scroll;
}

.mission-image {
	width: 40px;
}

.mission-contents {
	padding: 60px 0 80px;
}

.mission-headline {
    margin: 15px 0 5px;
}

.mission-text {
	width: 90%;
    margin: 0 auto;
}



/*---------------------------------
recruit
---------------------------------*/

#recruit{
}

.recruit-contents {
	width: 100%;
    text-align: center;
    padding: 100px 0 30px;
}

.recruit-headline {
}

.recruit-text {
	width: 100%;
}


/*---------------------------------
company
---------------------------------*/

#company {
	padding-bottom: 0px;
}

.gmap-area {

}


.map {
    width: 90%;
    margin: 0 auto;
}


.gmap-btn {
	position: relative;

    bottom: 0;
    margin-top: 20px;
}

.company-info {
    width: 90%;
    position: relative;
    bottom: auto;
    margin:30px auto;
    right: auto;
    padding: inherit;
    line-height: 1.4rem;
}

.company-info-left {
	width: 100%;
    float: none;
}

.company-info-right {
    width: 100%;
    float: none;	
}

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

#contact {
}

.contact-contents {
    width: 100%;
    text-align: center;
    padding: 120px 0 0px;
}

}