@charset "utf-8";


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

@media screen and (min-width: 768px)
{
    .hoyo-con1{
        padding:0 30px 0 0;
    margin-bottom:100px;
        max-width:1200px;
        display: flex;
        justify-content: space-between;
}
}

@media screen and (min-width: 992px)
{
    .hoyo-con1{
        padding:0 30px 0 0;
    margin-bottom:100px;
        max-width:1200px;
        display: flex;
        justify-content:flex-start;
}
}

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

.hoyo-con1-left{
    order:4;
    margin-bottom:20px;
}

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

@media screen and (min-width: 992px),
print {
.hoyo-con1-left{
    width:40%;
    
}
    }

.hoyo-con1-center{
    order:3;
    margin-bottom:20px;
}

@media screen and (min-width: 768px)
{
.hoyo-con1-center{
    order:2;
    width:40%;
    writing-mode: vertical-rl;
    height:300px;
    padding-top:70px;
}
    }

@media screen and (min-width: 992px),
print {
.hoyo-con1-center{
    height:500px;
    line-height:3.2;
    width:30%;
}
    }

.hoyo-con1-right1{
    order:2;
    font-size:20px;
    margin-bottom:15px;
}

@media screen and (min-width: 768px),
print {
.hoyo-con1-right1{
    order:3;
    width:15%;
    font-size:25px;
    writing-mode: vertical-rl;
    padding-top:40px;
}
    }

.hoyo-con1-right2{
    order:1;
    font-size:26px;
    margin-bottom:10px;
}

@media screen and (min-width: 768px),
print {
.hoyo-con1-right2{
    order:4;
    width:15%;
    font-size:30px;
    writing-mode: vertical-rl;
}
    }

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

コンテンツ222

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

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

@media screen and (min-width:768px),
print {
   .hoyo-con2{
    padding:0 30px;
    margin:0 auto 100px;
       max-width: 1200px;
       display: flex;
       justify-content: space-between;
} 
}

.hoyo-con2-left{
    margin-bottom: 40px;
}

@media screen and (min-width: 768px),
print {
    .hoyo-con2-left{
        padding-top:40px;
    margin-bottom:0;
        width: 45%;
}
}

 .hoyo-con2-right{
        display: flex;
        flex-direction: column;
}

@media screen and (min-width: 768px),
print {
    .hoyo-con2-right{
        width: 45%;
}
}

.hoyo-con2-photo{
    order:2;
    margin-bottom: 30px;
}
@media screen and (min-width: 768px),
print {
    .hoyo-con2-photo{
    order:1;
}
}

.hoyo-right-txt{
    order:1;
    
}
@media screen and (min-width: 768px),
print {
    .hoyo-right-txt{
    order:2;
    
}
}

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

コンテンツ333

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

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

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

@media screen and (min-width:768px),
print {
.hoyo-con3-right{
    width:45%;
    order:2;
}
    }

@media screen and (min-width:768px),
print {
.hoyo-con3-left{
    width:45%;
    order:1;
}
    }

.hoyo-ume{
    margin-bottom: 10px;
}

@media screen and (min-width: 992px),
print {
    .hoyo-ume{
    margin-bottom:40px;
}
}

.hoyo-ume img{
    width:30%;
}

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

テキスト

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

.hoyo-t1{
    font-size:22px;
    color: #C62954;
    margin-bottom: 20px;
}

@media screen and (min-width: 992px),
print {
    .hoyo-t1{
    font-size:26px;
    color: #C62954;
    margin-bottom: 30px;
}
}

.hoyo-t2{
    margin-bottom: 20px;
}

@media screen and (min-width: 992px),
print {
    .hoyo-t2{
    margin-bottom: 30px;
        line-height: 2.2;
}
}

.hoyo-t3{
    text-align: center;
    margin-bottom: 30px;
}

.hoyo-t4{
    margin-bottom: 30px;
    line-height: 2;
}

@media screen and (min-width: 992px),
print {
    .hoyo-t4{
    line-height:2.5;
}
}
.hoyo-t5{
    text-align: center;
    margin-bottom: 40px;
    padding:0 10px;
}

@media screen and (min-width: 992px),
print {
    .hoyo-t5{
    margin-bottom: 100px;
}
}

.hoyo-t6{
    margin-bottom: 40px;
}

@media screen and (min-width: 992px),
print {
    .hoyo-t6{
    margin-bottom:70px;
}
}

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

コンテンツ444

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

.hoyo-con4{
    padding:0 10px;
    margin-bottom: 40px;
}

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

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

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

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

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