@charset "utf-8";

.omo-con01{
    padding:0 15px;
    margin-bottom: 20px;

}

@media screen and (min-width: 992px),
print {
   .omo-con01{
       margin:0 auto 40px;
       max-width:70%;
}
}

.omo-con01-t01{
    font-size:20px;
    margin-bottom: 10px;
    font-weight:400;
} 

.omo-con01-photo{
    margin:0 auto 15px;
    width:100%;
}

@media screen and (min-width: 992px),
print {
   .omo-con01-photo{
    margin:0 auto 20px;
    width:80%;
}

}

@media screen and (min-width: 992px),
print {
   .omo-con01-t01{
    font-size:1.8vw;
       margin-bottom: 30px;
       
       
} 
}

.omo-con01-t02{
    line-height:2;
       text-align: justify;
    margin-bottom: 15px;
} 

@media screen and (min-width: 992px),
print {
   .omo-con01-t02{
       line-height:2.5;
    font-size:1.1vw;
       text-align: justify;
       margin-bottom:20px;
} 
}

.omo-con01-t03{
    font-size:17px;
    margin-bottom:5px;
    font-weight: 500;
} 

@media screen and (min-width: 992px),
print {
   .omo-con01-t03{
    font-size:1.5vw;
       margin-bottom:10px;
       
} 
}

.omo-con01-t04{
    font-size:17px;
    margin-bottom:5px;
    font-weight: 500;
} 

@media screen and (min-width: 992px),
print {
   .omo-con01-t04{
    font-size:1.5vw;
       margin-bottom:10px;
       
} 
}

.omo-con01-logo{
    width:160px;
}

@media screen and (min-width: 992px),
print {
   .omo-con01-logo{
    width:250px;
}
}



.omo-con02{
    padding:0 15px;
    margin-bottom: 20px;

}

@media screen and (min-width: 992px),
print {
   .omo-con02{
       margin:0 auto 40px;
       max-width:70%;
}
}


.omo-con03{
    padding:0 15px;
    margin-bottom: 20px;

}

@media screen and (min-width: 992px),
print {
   .omo-con03{
       margin:0 auto 40px;
       max-width:70%;
}
}

.omo-con04{
    padding-right:30px;
    margin-bottom: 40px;

}

.omo-con04 img{
        border-top-right-radius:17px;
    border-bottom-right-radius:30px;
}

@media screen and (min-width: 992px),
print {
   .omo-con04{
       margin:-300px auto 40px;
       width:90%;
       display: flex;
       justify-content: flex-end;
}
    
    .omo-con04 img{
       width:32%;
        border-top-left-radius:17px;
    border-bottom-right-radius:30px;
}
}

.omo-con05{
    margin-bottom: 40px;
    display: flex;

}

@media screen and (min-width: 992px),
print {
   .omo-con05{
       margin:0 auto 100px;
       padding:0 2%;
}
}

.omo-con05-center{
    padding-top:20px;
    margin-left:-10px;
}

@media screen and (min-width: 992px),
print {
    .omo-con05-center{
    padding-top:40px;
    margin-left:-17px;
}
}

.omo-con05-right{
    padding-top:5px;
    margin-left:-10px;
}

@media screen and (min-width: 992px),
print {
    .omo-con05-right{
    padding-top:65px;
    margin-left:-15px;
}
}


.omo-con06{
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;

}

@media screen and (min-width: 992px),
print {
   .omo-con06{
       margin-bottom:100px;
       flex-direction:row;
       justify-content: space-between;
       width:100%;
       padding-left:8%;
}
}

.omo-con06-left{
    order:2;
    padding:0 20px;
}

@media screen and (min-width: 992px),
print {
   .omo-con06-left{
    order:1;
       width:60%;
       padding-top:50px;
} 
}

.omo-con06-right{
    order:1;
    margin-bottom: 20px;
}

@media screen and (min-width: 992px),
print {
   .omo-con06-right{
    order:2;
       margin-bottom:0;
       width:35%;
}
    
    .omo-con06-right img{
    border-top-left-radius:13px;
    border-bottom-left-radius:35px;
}
}


/*
++++++++++++++++++

text-align: justify;

@media screen and (min-width: 992px),
print {
    
}

@media screen and (min-width: 768px) and (max-width:991px)
{
}


/*
+++++++++++++++++++++++++++++++

メインタイトル

.xxx img{
    border-top-left-radius: 10px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 30px;
  border-bottom-left-radius: 40px;
}

grid-template-columns: 1fr 1fr;

grid-column-gap:50px;

grid-column-gap:50px;
    grid-template-columns: 1fr 1fr;


+++++++++++++++++++++++++++++++
*/