@charset "UTF-8";
/* CSS Document */
/*
font-family: "IBM Plex Sans JP", sans-serif;4567
font-family: "Zen Old Mincho", serif;45679
font-family: "Zen Kaku Gothic New", sans-serif;3457
font-family: "Lilita One", sans-serif;4
*/

#head-img{
background-image: url("/img/g-head.jpg");
}
#title-cloud{
padding-bottom: 0!important;
}
#title-cloud .contents{
padding: 0 1.5rem;
color: #3a3a3a;
}
#title-cloud .box{
width: 100%;
max-width: 860px;
margin: 3rem auto 7rem;
padding: 0;
line-break:strict;
}
@media screen and (max-width: 768px) {
#title-cloud .box{margin: 3rem auto 5rem;}
}

/*グループ図*/
#g-icon {
text-align: center;
}
#g-icon img{
width: 100%;
}
#g-icon img:nth-of-type(1){
display: block;
max-width: 2000px;
margin: 0 auto;
}
#g-icon img:nth-of-type(2){
display: none;
}
#g-icon .box{
max-width: 860px;
margin: 3rem auto;
display: flex; /* flexbox */
gap: 2rem;
}
#g-icon .box p{
border: 3px solid #dcdcdc;
}
#g-icon .box p img{
width: 100%;
}
@media screen and (max-width: 1000px) {
#g-icon img:nth-of-type(1){display: none;}
#g-icon img:nth-of-type(2){display: block;max-width: 2000px;margin: 0 auto;}
}

/*-----各会社-----*/
.compa{
background: #e7e7e7 url("/img/dod-gray.png")  repeat center;
padding: 10rem 0;
}
.compa section{
max-width: 2000px;
margin: 10rem auto 0;
}
.compa section:first-of-type{
margin-top: 0;
}
.compa section .contens{
max-width: 860px;
margin: 0 auto;
position: relative;
}
.compa section .contens > img{
position: absolute;
top: -7rem;
left: calc((100% - 860px)/2 - 5rem);
}
.compa section .box {
padding-top: 5rem;
}
.compa section .box div{
max-width: 580px;
padding: 0.7rem;
margin-left: auto;
}
.compa section .box h2{
text-align: right;
}
.compa section .box h2 img{
display: inline-block;
margin-right: auto;
}
.compa section .box div p{
border: 1px solid #fff;
padding: 1.7rem 2rem;
color: #fff;
font-weight: 600;
font-size: 2.2rem;
text-align: left;
letter-spacing: 0.1rem;
}
.compa section .text-box{
background: rgba(242, 250, 253, 0.85);
padding: 6rem 1.5rem 4rem;
text-align: center;
margin-top: -2rem;
}
.compa section .text-box p{
max-width: 860px;
margin: 0 auto;
text-align: left;
font-weight: 500;
}
.compa section button{
margin-top: 3rem;
}
@media screen and (max-width: 1300px) {
.compa section .contens > img{left: -1rem;}
}
@media screen and (max-width: 768px) {
.compa{padding-top: 5rem;}
.compa section{margin: 5rem auto 0;}
.compa section .contens > img{width: 110px;top: -4rem;left: 1rem;}
.compa section .box {padding-top: 1.5rem;}
.compa section .box div{padding: 0.5rem;width: calc(100% - 2rem);}
.compa section .box h2 img{width: 80%;}
.compa section .box div p{padding: 0.7rem 1.2rem;font-size: 1.6rem;}
.compa section .text-box{padding: 4rem 1.5rem 3rem;}
.compa section .text-box p{font-weight: 500;}
}
/*とませい*/
#g-tomas{
background: url("/img/g-tomas_main.jpg") no-repeat center center / cover;
}
#g-tomas .box div{
background: rgba(0, 86, 139, 0.8);
}
/*トマウェーブ*/
#g-tomaw{
background: url("/img/g-tomaw_main.jpg") no-repeat center center / cover;
}
#g-tomaw .box div{
background: rgba(0, 128, 60, 0.8);
}
/*Smile-loop*/
#g-smile{
background: url("/img/g-smile_main.jpg") no-repeat center center / cover;
}
#g-smile .box div{
background: rgba(169, 188, 35, 0.8);
position: relative;
}
#g-smile .box div p{
padding-right: 15rem;
}
#g-smile .box div img{
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 1rem;
}
/*アース・クラフト*/
#g-earth{
background: url("/img/g-earth_main.jpg") no-repeat center center / cover;
}
#g-earth .box div{
background: rgba(128, 168, 198, 0.8);
}
/*大坪建設*/
#g-ootsubo{
background: url("/img/g-ootsubo_main.jpg") no-repeat center center / cover;
}
#g-ootsubo .box div{
background: rgba(0, 160, 124, 0.8);
}
@media screen and (max-width: 768px) {
#g-smile .box h2 img{width: 70%;}
#g-smile .box div img{width: 100px;}
}
















.sp-show{display: none;}
@media (max-width: 768px) {
.sp-show{display: inline;}
.pc-show{display: none;}
}