@charset "utf-8";
/* CSS Document */
#flash02.other{
 background-image: url(../../img/other/main_sp.jpg);
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
}
#flash02.shape{
 background-image: url(../../img/shape/main_sp.jpg);
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
}
#flash02.cut{
 background-image: url(../../img/cut/main_sp.jpg);
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
}
#flash02.polish{
 background-image: url(../../img/polish/main_sp.jpg);
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
}
#flash02.polish2{
 background-image: url(../../img/polish/main2_sp.jpg);
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
}
#flash02.company{
 background-image: url(../../img/company/main_sp.jpg);
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
}
#flash02.service{
 background-image: url(../../img/service/main_sp.jpg);
 background-position: center center;
 background-size: cover;
 background-repeat: no-repeat;
}
#flash02.history{
 background-image: url(../../img/history/main_sp.jpg);
 background-position: left center;
 background-size: cover;
 background-repeat: no-repeat;
}

.sub {
 width: auto;
 float: none;
 padding-bottom: 30px;
}
.sub li{
 padding-bottom: 15px;
 display: inline-block;
}
.sub li a{
 display: block;
 border: 1px solid #1b1464;
 color: #1b1464;
 padding: 10px 20px;
 border-radius: 50px;
 font-size: 14px;
 line-height: 1.2em;
 text-align: center;
 text-decoration: none;
}
.sub li a:hover,.sub li.current a{ 
 border: 1px solid #1b1464;
 background-color: #1b1464;
 color: #fff;
}
.main{
 width: auto;
 float: none;
}
.newsbox {
 margin-bottom: 50px;
 padding-bottom: 30px;
 border-bottom: 1px solid #6f6f6f;
}
.newsbox .link {
 text-align: right;
}
.newsbox .cate {
 display: inline-block;
 font-size: 14px;
 padding: 4px 10px;
 line-height: 1.8em;
 color: #fff;
 background-color: #1B1464;
 vertical-align: middle;
 margin-bottom: 20px;
}
.newsbox .cate.news{
 background-color: #ff0000;
}
.newsbox .cate.item{
 background-color: #198065;
}
.newsbox .cate.recruit{
 background-color: #0075da;
}

.newsbox .date {
 display: inline-block;
 font-size: 16px;
 padding: 0 10px;
 line-height: 1.8em;
 vertical-align: middle;
 margin-bottom: 20px;
}.newsbox .sum {
 display: inline-block;
 padding-bottom: 20px;
 padding-right: 10px;
}
.newsbox .sum img {
 height: 250px;
 width: auto;
 max-width: 100%;
}
.photoright01 {
 padding-bottom: 50px;
}
.photoright01 .box {
 width: auto;
 float: none;
}
.photoright01 .photo {
 width: auto;
 float: none;
}
.busbox {
 padding-bottom: 40px;
 margin-bottom: 50px;
}
.busbox .box {
 width: auto;
 float: none;
 padding-bottom: 20px;
}
.busbox .photo {
 width: auto;
 float: none;
 padding-bottom: 30px;
}
.busbox .link{
 position: relative;
 left: auto;
 bottom: auto;
}
.busbox .link a{
 display: block;
}
.itemlink {
 display: block;
}
.itemlink .box{
 position: relative;
 width: auto;
 margin-right: 0;
 letter-spacing: -1em;
 margin-bottom: 10px;
}
.itemlink .box img{
	width: 100%;
	height: auto;
}
.itemlink .box:nth-of-type(3n){
 margin-right: 0;
}

.itemlink .box .photo{
 display: inline-block;
 vertical-align: middle;
 padding-left: 20px;
 padding-top: 7px;
 padding-bottom: 7px;
 width: 35%;
}
.itemlink .box .photo img{
 width: 100%;
 height: auto;
}
.itemlink .box .come{
 display: inline-block;
 vertical-align: middle;
 padding-left: 10px;
 letter-spacing: 0;
 padding-bottom: 0;
}
.itemlink .box a{
 display: block;
 color: #1b1464;
 text-decoration: none;
}
.itemlink .box a:hover{
 opacity: 0.8;
}

.itemdetail {
 clear: both;
 background-color: #FFFFFF;
 border-width: 1px;
 border-style: solid;
 margin-top: -30px;
 padding: 20px 20px 10px;
 margin-bottom: 80px;
}
.itemdetail .komidashi {
 padding-bottom: 0px!important;
 margin-bottom: 0px;
}
.itemdetail .box {
 width: 48%;
 float: left;
 padding-right: 4%;
 font-size: 13px;
 line-height: 1.6em;
}
.itemdetail .box:nth-of-type(5n) {
 padding-right: 4%;
}
.itemdetail .box:nth-of-type(2n) {
 padding-right: 0;
}
.itemdetail .photo {
 padding-bottom: 4px;
}


.itemdetail .photo img {
 width: 100%;
 height: auto;
}

.companylink {
 padding-bottom: 50px;
}
.companylink ul {
 display: flex;
 flex-wrap: wrap;
}
.companylink li{
 margin-right: 3%;
 width: calc((100% - 6%) / 3);
}
.companylink li:nth-of-type(3n){
 margin-right: 0;
}
.companylink li a{
 border: 1px solid;
 background-color: #FFF;
 padding: 4px;
 display: block;
 text-align: center;
 color: #1b1464;
 text-decoration: none;
}
.companylink li a:after{
 content: " ";
 visibility: visible;
 display: block;
 background-image: url(../img/arrow02.png);
 width: 10px;
 height: 6px;
 margin: 0 auto;
 vertical-align: middle;
}
.companylink li a:hover{
 opacity: 0.8;
}
.rinen .box {
 letter-spacing: -1em;
 padding-bottom:20px;
 margin-bottom: 20px;
 border-bottom: 1px solid #d8d8d8;
}
.rinen .box:last-of-type{
 margin-bottom: 0px;
 border-bottom: none}
.rinen .box h4 {
 width: auto;
 letter-spacing: 0;
 font-size: 20px;
 line-height: 1.6em;
 display: block;
 padding-right: 0;
}
.rinen .box .come {
 width: auto;
 letter-spacing: 0;
 display: block;
 padding-right: 0%;
}

.rinen .box .come02 {
 width: auto;
 letter-spacing: 0;
 display: block;
}
.rinen .box .img {
 width: auto;
 letter-spacing: 0;
 display: block;
 text-align: center;
}
.rinen .box .img img{
 width: 90%;
 height: auto;
}

.greet {

}
.greet .box {
 width: auto;
 float: none;
 padding-bottom: 20px;
}
.greet .photo {
 width: auto;
 float: none;
}
.greet .photo img {
 width: 100%;
 height: auto;
}
.companydata {
 margin-bottom: 40px;
}
.companyarea{
 display: block;
}
.companyarea .box {
 width: 100%;
 padding-right: 0%;
 padding-bottom: 20px;
 font-size: 15px;
 line-height: 1.6em;
}
.servicetop {
padding-bottom: 50px;
}
.servicetop .box {
 width: auto;
 float: none;
 padding-bottom: 20px;
}
.servicetop .photo {
 width: 180px;
 float: none;
 padding-top: 0;
 margin: 0 auto;
}
.servicetop .photo img {
 width: 100%;
 height: auto;
}
.lineup {
 margin-top: 40px;
padding-bottom: 100px;
}
.lineup .box {
 border-bottom: 1px solid #d8d8d8;
 letter-spacing: -1em;
}
.lineup a {
 color: #1b1464;
 text-decoration: none;
 padding-top: 30px;
 padding-bottom: 20px;
 display: block;
 position: relative;
}
.lineup a:after{
 display: none;
}
.lineup .photo {
 display: block;
 width: auto;
 padding-right: 0;
}
.lineup .photo img{
 width: 100%;
 height: auto;
}
.lineup .come {
 display: block;
 width: auto;
 padding-right: 0;
 letter-spacing: 0;
 font-size: 15px;
 line-height: 2em;
}
.lineup .come h4{
 font-size: 45px;
 line-height: 1.6em;
 font-weight: 300;
 padding-bottom: 0;
 background-image: url(../img/link.png);
 background-repeat: no-repeat;
 background-position: right center;
}
.lineup .come h4 .josefin{
 font-size: 20px;
 line-height: 1.6em;
 padding-left: 10px;
}
.support ul ,.support ul li {
 list-style-type: none!important;
}
.historycont{
 letter-spacing: -1em;
 border-bottom: 1px solid #b5b5b5;
 padding-bottom: 10px;
 margin-bottom: 10px;
}
.historycont .year{
 color: #000;
 font-size: 15px;
 font-weight: bold;
 width: 100%;
 letter-spacing: 0;
 padding-bottom: 4px;
}
.historycont .date{
 width: 15%;
 letter-spacing: 0;
 display: inline-block;
 vertical-align: top;
 padding-bottom: 0;
}
.historycont .come{
 width: 85%;
 letter-spacing: 0;
 display: inline-block;
 vertical-align: top;
 padding-bottom: 0;
}