@charset "utf-8";

#bg_main_image{
background-image: url(../img/img_main.jpg);
}
.txt{
	font-family: 'Noto Serif JP', serif;
}

@media screen and (min-width:1025px) {
}

@media screen and (max-width: 1024px) and (min-width: 751px) {
}

@media print, screen and (min-width: 751px) {
.intro_ttl{
text-align: center;
margin-top: 65px;
}
.intro_ttl img{
height: auto;
width: 380px;
}


.img_set{
display: flex;
margin: 100px auto 0;
align-items: center;
max-width: 1400px;
}
.img_set.img_left{
flex-direction: row-reverse;
}
.img_set > .detail{
width: 45.7%;
}
.img_set > .detail > .inner{
background-color: #FFF;
padding: 50px 60px;
position: relative;
left: 17.1%;
z-index: 2;
}
.img_set.img_left > .detail > .inner{
right: 17.1%;
left: auto;
}

.img_set > .detail > .inner > p{
margin-top: 30px;
}
.img_set > .image{
width: 54.3%;
}
.img_set > .image > div{
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 82.9%;
position: relative;
z-index: 1;
}
.vision{
border-bottom: 1px dashed #D8D8D8;
border-top: 1px dashed #D8D8D8;
padding: 30px 0;
}
#philosophy1 .image_list{
display: flex;
margin: 60px -60px 0;
}
#philosophy1 .image_list img{
height: auto;
width: 100%;
}
#philosophy3> .image > div{
background-image: url(../img/img_vision_photo.jpg);
}
#philosophy4{
margin-bottom: 100px;
}
#philosophy4 .detail > .inner .image{
margin-top: 30px;
text-align: center;
}
#philosophy4 .detail > .inner .image img{
height: auto;
width: 400px;
} 
#philosophy4 > .image > div{
background-image:url(../img/img_bussiness_photo.jpg);
}

#philosophy1 > *:first-child,
.img_set > .detail > .inner > *:first-child{
margin-top: 0;
}
}

@media screen and (max-width: 750px) {
.intro_ttl{
text-align: center;
margin-top: 30px;
}
.intro_ttl img{
height: auto;
width: 280px;
}


.img_set{
background-color: #FFF;
padding: 35px 20px 40px;
margin: 30px auto 0;
}
.img_set > .detail{
}
.img_set > .detail > .inner{
}
.img_set > .detail > .inner > p{
margin-top: 30px;
}
.img_set > .image{
margin-top: 20px;
}
.img_set > .image > div{
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
padding-bottom: 82.9%;
position: relative;
z-index: 1;
}
.vision{
border-bottom: 1px dashed #D8D8D8;
border-top: 1px dashed #D8D8D8;
padding: 30px 0;
}
#philosophy1{
margin-top: 0;
}
#philosophy1 .image_list{
display: flex;
margin: 60px -20px 0;
}
#philosophy1 .image_list img{
height: auto;
width: 100%;
}
#philosophy3> .image > div{
background-image: url(../img/img_vision_photo.jpg);
}
#philosophy4{
margin-bottom: 100px;
}
#philosophy4 .detail > .inner .image{
margin-top: 30px;
text-align: center;
}
#philosophy4 .detail > .inner .image img{
height: auto;
width: 400px;
} 
#philosophy4 > .image > div{
background-image:url(../img/img_bussiness_photo.jpg);
}

#philosophy1 > *:first-child,
.img_set > .detail > .inner > *:first-child{
margin-top: 0;
}
}