@charset "utf-8";

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

コンテンツ1

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

.zemi-con1{
    padding:0 10px;
    margin-bottom: 40px;
    display: flex;
        flex-direction: column;
}

@media screen and (min-width: 768px)
{
    .zemi-con1{
    padding:0 30px;
    margin:0 auto 80px;
        flex-direction: row;
        justify-content: space-between;
        max-width: 1150px;
}
}

@media screen and (min-width: 992px),
print {
    .zemi-con1{
    margin-bottom:120px;
}
}

.zemi-con1-left{
    order: 2;
}

@media screen and (min-width: 768px)
{
.zemi-con1-left{
    width:40%;
    order: 1;
}
    }

@media screen and (min-width: 992px),
print {
.zemi-con1-left{
    width:55%;
    order: 1;
}
    }

.zemi-con1-right{
    order: 1;
}

@media screen and (min-width: 768px)
{
.zemi-con1-right{
    width:55%;
    order: 2;
}
    }

@media screen and (min-width:992px),
print {
.zemi-con1-right{
    padding-top:30px;
    width:40%;
}
    }

.zemi-hiyo{
    margin-bottom: 30px;
}

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

コンテンツ2

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

.zemi-con2{
    padding:0 10px;
    margin-bottom: 40px;
}

@media screen and (min-width: 768px)
{
    .zemi-con2{
    padding:0 30px;
    margin:0 auto 80px;
        display: flex;
        justify-content: space-between;
        max-width: 1150px;
}
}

@media screen and (min-width: 992px),
print {
    .zemi-con2{
    margin-bottom:120px;
}
}

.zemi-con2-right{
    order: 2;
}

@media screen and (min-width: 768px)
{
.zemi-con2-right{
    width:40%;
}
    }

@media screen and (min-width: 992px),
print {
.zemi-con2-right{
    width:55%;
    
}
    }

@media screen and (min-width: 768px)
{
.zemi-con2-left{
    width:55%;
    
}
    }

@media screen and (min-width:992px),
print {
.zemi-con2-left{
    padding-top:30px;
    width:40%;
}
    }

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

コンテンツ333

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

.zemi-con3{
    margin:40px 0;
    padding:0 10px;
}

@media screen and (min-width: 768px),
print {
    .zemi-con3{
    padding:0 30px;
        margin:80px auto;
        max-width:1200px;
}
}

.zemi-con3 ul{
        display: grid;
        gap:15px;
        grid-template-columns: 1fr 1fr;
}

@media screen and (min-width: 768px),
print {
    .zemi-con3 ul{
        gap:60px;
        grid-template-columns: 1fr 1fr 1fr;
}
}

.zemi-con3-photo{
    margin-bottom:7px;
}

.zemi-con3-photo img{
    border-radius:15px; 
}

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

コンテンツ444

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

.zemi-con4{
    margin-bottom: 40px;
    padding:0 10px;
}
@media screen and (min-width: 768px),
print {
   .zemi-con4{
    padding:0 30px;
       max-width: 900px;
       margin:0 auto 70px;
} 
}

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

テキスト

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

.zemi-t1{
    font-size:13px;
    text-align: center;
    margin-bottom:35px;
}

@media screen and (min-width: 992px),
print {
    .zemi-t1{
    margin-bottom:60px;
}
}

.zemi-t4{
    font-size:18px;
    margin-bottom:20px;
    color:#C15277;
}

@media screen and (min-width: 992px),
print {
    .zemi-t4{
        font-size:22px;
    margin-bottom:40px;
}
}

.zemi-t5{
    margin-bottom:30px;
}

.zemi-t6{
    font-size:11px;
}

@media screen and (min-width: 992px),
print {
    .zemi-t6{
    font-size:12px;
}
}



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

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

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

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