@charset "utf-8";

.shukuen-con1{
    margin:40px 0;
    padding:0 10px;
}

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

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

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

.shukuen-con1-photo{
    margin-bottom:7px;
}

.shukuen-con1-photo img{
    border-radius:15px; 
}

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

コンテンツ222

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

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

@media screen and (min-width: 768px),
print {
    .shukuen-con2{
    padding:0 10px;
    margin:0 auto 90px;
        max-width: 1200px;
        flex-direction:row;
        justify-content: space-between;
}
}

.shukuen-con2-left{
    order:2;
}

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

@media screen and (min-width: 992px),
print {
    .shukuen-con2-left{
        width:52%;
}
}

.shukuen-con2-right{
    margin-bottom: 40px;
    order:1;
}

@media screen and (min-width: 768px)
{
    .shukuen-con2-right{
    margin-bottom:0;
    order:2;
        width:50%;
}
}

@media screen and (min-width: 992px),
print {
    .shukuen-con2-right{
    margin-bottom:0;
    order:2;
        width:43%;
}
}

.shukuen-nomihoudai{
    background: #BE2651;
    color:#fff;
    padding:30px;
    border-radius:15px; 
}


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

コンテンツ333

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

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

@media screen and (min-width: 768px),
print {
    .shukuen-con3{
    padding:0 10px;
    margin:0 auto 90px;
        max-width: 1200px;
        display: flex;
        justify-content: space-between;
}
}

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

@media screen and (min-width: 992px),
print {
    .shukuen-con3-right{
        width:52%;
}
}

@media screen and (min-width: 768px)
{
    .shukuen-con3-left{
    margin-bottom:0;
        width:50%;
}
}

@media screen and (min-width: 992px),
print {
    .shukuen-con3-left{
    margin-bottom:0;
        width:43%;
}
}

.shukuen-komi{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}




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

テキスト

++++++++++++++++++++++++++++++++
*/
.shukuen-t1{
    padding:0 10px;
    margin-bottom: 40px;
}

@media screen and (min-width: 768px),
print {
   .shukuen-t1{
    padding:0 30px;
    margin:0 auto 70px;
       max-width: 900px
} 
}

.shukuen-t2{
    font-size:12px;
}

.shukuen-t3{
    font-size:22px;
    margin-bottom: 30px;
}

.shukuen-t4{
    font-size:17px;
}

.shukuen-t5{
    font-size:12px;
    text-align: center;
    margin-bottom: 40px;
}
@media screen and (min-width: 992px),
print {
    .shukuen-t5{
    font-size:14px;
}
}

.shukuen-t6{
    font-size:12px;
    margin-right: 10px;
}

.shukuen-t7{
    font-size:25px;
    margin-right: 10px;
    color:#BF133F;
}

@media screen and (min-width: 992px),
print {
    .shukuen-t7{
    font-size:40px;
    margin-right: 10px;
}
}

.shukuen-t8{
    padding-top:5px;
    font-size:13px;
    margin-bottom: 20px;
}

@media screen and (min-width: 992px),
print {
   .shukuen-t8{
       padding-top:30px;
    font-size:16px;
       margin-bottom: 20px;
} 
}

.shukuen-t9{
    margin-top:5px;
    font-size:12px;
    text-align: right;
}


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

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

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

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