@charset ‘UTF-8′;
@font-face {font-family: 'Noto Sans Japanese';
 src: url('../font/NotoSansCJKjp-Thin.woff') format('woff'),
	  url('../font/NotoSansCJKjp-Thin.ttf') format('ttf'); 
}
@import url('https://fonts.googleapis.com/css?family=Sawarabi+Mincho&display=swap');
/*--------------- Common Data ------------------*/
h1 {
    color:black;
    font-weight:100;
    font-family:"Noto Sans Japanese";
	font-weight:100;
    font-size:250%;
    margin:0;
    padding-top:0.5em;
    line-height:90%;
}



#contents{
    width:100%;
    margin:0 auto;
    position:relative;
}

#header{
    width: 100%;
	margin:0 auto;
}

#headarea {
	width:100%;
	margin:0 auto;
	padding:0;
}


.indexbox{
    display:none;
}


.catch{
    margin:1em auto;
    padding:1em;
    height:100% auto;
    font-size:110%;
    color:black;
    text-align:center;
    font-family: 'Sawarabi Mincho', sans-serif;

    
}
.catch02{
    margin:1em auto;
    padding:1em;
    height:100% auto;
    font-size:140%;
    color:black;
    text-align:center;

    
}
.catch03{
    margin:0 auto;
    padding:0.5em 1em;
    font-size:110%;
    color:black;
    font-family: 'Sawarabi Mincho', sans-serif;

    
}

.headline_m{
    padding-top:0.8em;
    font-size:140%;
    color:black;
    font-family: 'Sawarabi Mincho', sans-serif;


}

.headline{
    display:none;
}

.englishline {
    color:black;
    font-weight:100;
    font-family:"Noto Sans Japanese";
    font-size:130%;
    padding-top:0.3em;
    margin-bottom:1em;
}

.copyrecruit{
    margin:1em auto;
    padding:1em;
}
.copywork{
    width:90%;
	margin:0 auto;
    padding:0.5em 0;
}

}
/*--------------- MENU FORMAT ------------------*/

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



/*--------------- CONTENTS ------------------*/


.bg_company,.bg_business,.bg_work,.bg_recruit{
    padding:1em;
	margin:0.5em 0;
    box-sizing:border-box;
}

.bg_company{
    background-color:#cfd9cf;
}

.bg_business{
    background-color:#bac1ce;
}

.bg_work{
    background-color:#c5c1cf;
}
.bg_recruit{
    background-color:#c0d6e6;
}


.prof1,.prof2,.prof3,.prof4{
    background-color:white;
    background-repeat:no-repeat;
    padding:48% 5% 5% 5%;
    background-size:contain;
    margin:0.5em 0;
}
.prof1{
    background-image:url(../images/bg_0101.jpg);
}
.prof2{
    background-image:url(../images/bg_0102.jpg);
}
.prof3{
    background-image:url(../images/bg_0201.jpg);
}
.prof4{
    background-image:url(../images/bg_0202.jpg);
}


.work1,.work2,.work3{
	width:95%;
    
    padding:0;
    color:white;
    text-align:center;
    font-size:120%;
    font-weight:bold;
    margin:0.5em auto;
    height:auto;
}
/* 
.work1{
    background-image:url(../images/work01.jpg);
    background-repeat:no-repeat;
}
.work2{
    background-image:url(../images/work02.jpg);
     background-repeat:no-repeat;
}
.work3{
    background-image:url(../images/work03.jpg);
     background-repeat:no-repeat;
}
*/
.recruit1,.recruit2,.recruit3{
    background-color:white;
    background-repeat:no-repeat;
    padding:48% 5% 5% 5%;
    background-size:contain;
}
.recruit1{
    background-image:url(../images/recruit01.jpg);
}
.recruit2{
    background-image:url(../images/recruit02.jpg);
}
.recruit3{
    background-image:url(../images/recruit03.jpg);
}
.mobspace{
	padding:1em;

}

.btmore a{
	width:50%;
    display:block;
    border-radius: 20px;
    /*CSS3草案*/
-webkit-border-radius: 20px;
    /*Safari,GoogleChrome用*/
-moz-border-radius: 20px;
    /* Firefox用 */
    background-color:#2ea7e0;
    color:#fff;
    text-align:center;
    vertical-align:center;
    margin:1em auto;
    padding:3px;
    text-decoration:none;
}
}