@charset "utf-8";
/* CSS Document */

.lower__title{
margin-bottom: 1.25rem;
}


/*――――――――――――――――――――――――――
  aboutページ
――――――――――――――――――――――――――*/

.aboutpage{
    background: #fff;
    padding: 6rem 1rem 2rem;
}

.aboutpage__inner{
    max-width: 1100px;
    margin: 0 auto;
}

.slogan{
text-align: center;
margin-bottom: 70px;
}

.aboutpage__content{
display: flex;
justify-content: flex-start;
align-items: flex-end;
column-gap: 70px;
margin-bottom: 150px;
}

.aboutpage__bg{
flex-basis: 800px;
}

.aboutpage__text{
flex-basis: 200px;
}

.aboutpage__bg img,.aboutpage__text img{
width: 100%;
}

.greeting{
text-align: center;
}

.greeting img{
max-width: 100%;
}

.aboutpage__content2{
margin-bottom: 0;
position: relative;
display: block;
}

.aboutpage__bg2{
width: 800px;
margin-left: auto;
}

.aboutpage__bg3{
width: 800px;
margin-right: auto;
}

.aboutpage__overlay{
width: 450px;
position: absolute;
    top: 240px;
    left: 200px;
}

.aboutpage__overlay2{
width: 470px;
position: absolute;
top: 100px;
right: 251px;
}

.about__text{
display: none;
}

@media (max-width: 768px) {
.aboutpage{
    padding: 2rem 1rem 2rem;
}

.aboutpage__content{
display: block;
}

	.about__hl{
	display: none;
	}
	
	.about__text{
	display: block;
	}
	
.aboutpage__content{
margin-bottom: 30px;
}

.aboutpage__bg2{
width: 100%;
margin:auto;
}

.aboutpage__bg2 img, .aboutpage__bg3 img{
width: 100%;
}

.aboutpage__overlay{
width: 100%;
position:inherit;
top:auto;
left: auto;
}

.aboutpage__bg3{
width: 100%;
}

.aboutpage__overlay2{
width: 100%;
position:inherit;
top:auto;
right: auto;
}
	
}

/*――――――――――――――――――――――――――
  worksページ
――――――――――――――――――――――――――*/

.works__works{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
column-gap: 2%;
margin-top: 50px;
}

.works__works article{
flex-basis:32%;
margin-bottom: 50px;
}

.works__works article h3{
font-size: 1.1rem;
}

.works__works article img{
width:100%;
}

@media (max-width: 768px) {

.works__works article{
flex-basis:49%;
margin-bottom: 50px;
}

.works__works article h3{
font-size: 1rem;
line-height: 1.4;
}

}

/*――――――――――――――――――――――――――
  companyページ
――――――――――――――――――――――――――*/

.lower__title2{
font-size: 1.2rem;
margin-bottom: 3.25rem;
}

.company__sentence{
width: 800px;
margin: 0 auto 50px;
}

.company__sentence img{
width: 100%;
}

.outline{
width: 100%;
padding: 40px 0;
}

.syakun, .gaiyou, .jisseki, .shikaku{
background-color: #efefef;
}

.gaiyou__content{
display: flex;
justify-content:space-between;
column-gap: 2%;
max-width: 1100px;
margin: auto;
flex-wrap: wrap;
}

.gaiyou__left, .gaiyou__right{
flex-basis: 48%;
}

.gaiyou__left dl, .gaiyou__right dl{
display: flex;
flex-wrap: wrap;
}

.gaiyou__content dl dt, .gaiyou__content dl dd{
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #ddd;
}

.gaiyou__content dl dt{
 width: 30%;
 text-align: left;
}

.gaiyou__content dl dd{
 width: 70%;
}

.history{
display: flex;
flex-wrap: wrap;
width: 550px;
margin: auto;
column-gap: 40px;
}

.history dt{
flex-basis: 160px;
}

.history dd{
flex-basis: 350px;
}

.shikaku__content{
display: flex;
justify-content:space-between;
column-gap: 2%;
max-width: 700px;
margin: auto;
flex-wrap: wrap;
}

.shikaku__left, .gaiyou__right{
flex-basis: 48%;
}

.company__machine{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
column-gap: 2%;
margin: auto;
max-width: 1000px;
}

.company__machine article{
flex-basis:32%;
margin-bottom: 50px;
}

.company__machine article img{
width:100%;
}

.jissekilist{
text-align: left; max-width: 550px; margin: auto;
}

@media (max-width: 768px) {
.company__sentence{
width: 100%;
}

.outline{
padding: 40px 15px;
}

.gaiyou__content{
display: block;
margin: auto;
}

.jissekilist{
text-align: left; 
padding-left:20px;
}

.history{
display: block;
width: 100%;
margin: auto;
}

.history dd{
margin-bottom: 15px;
}

.shikaku__content{
display: block;
width: 100%;
margin: auto;
}

.company__machine article{
flex-basis:49%;
margin-bottom: 30px;
}

}

/*――――――――――――――――――――――――――
  singleページ
――――――――――――――――――――――――――*/

.postcontent{
    background: #efefef;
    padding: 6rem 1rem 2rem;
}

.postcontent__inner{
    max-width: 930px;
    margin: 0 auto 50px;
		background: #fff;
		padding: 40px;
}

.posttitle{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 30px;
border-bottom: 1px solid #ddd;
padding-bottom: 30px;
}

.posttitle h2{
font-size: 1.1rem;
}

.prevnext{
max-width: 930px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: auto;
margin-bottom: 30px;
border-bottom: 1px solid #ddd;
padding-bottom: 30px;
}

.prevnext p{
width: 250px;
}

.prevnext p img{
width: 100%;
}

.single-prevehover-switch {
  content: url("images/lower/prev.png");
}

.single-prevehover-switch:hover {
  content: url("images/lower/prev-h.png");
}

.single-nextvhover-switch {
  content: url("images/lower/next.png");
}

.single-nexthover-switch:hover {
  content: url("images/lower/next-h.png");
}

@media (max-width: 768px) {

.postcontent__inner img{
width: 100%;
}

.prevnext p{
width: 48%;
}

}