@charset "utf-8";
body { background-image: url("sozai_1_2.png");
       background-size: cover;
       width: auto;
       height: 5000px;
       background-repeat:no-repeat;
       background-position: center;
    
      
     }





.title{
    
    color: rgb(90, 67, 49);
    text-align: left;
    margin-top: 100px;
    margin-left: 20px;
    
     font-family: "Rounded Mplus 1c", "Hiragino Maru Gothic Pro", sans-serif;
     font-size: 30px;
}

.sub title{
    color: rgb(90, 67, 49);
    text-align: left;
    margin-top: 10px;
    
     font-family: "Rounded Mplus 1c", "Hiragino Maru Gothic Pro", sans-serif;
     font-size: 30px;
}

.aisatsu{
    color: rgb(90, 67, 49);
    text-align: left;
    
     font-family: "Rounded Mplus 1c", "Hiragino Maru Gothic Pro", sans-serif;
     font-size: 20px;
     margin: 530px auto 0 auto;


     width:90%;
}

.img-tabs {
display:block;
text-align: center;
width: 100%;
position:relative;

}

.item{

    width: 40%;
}

.item.left{
    
    
    margin-right:auto;
    text-align: left;
    margin-top: 50px;
}

.item.left2{
    margin-right:auto;
    text-align: left;
    margin-left: 30px;
    margin-top:-75px;
}



.item.right{
    
   
    margin-left: auto;
    text-align: right;
    margin-top: -120px;
    margin-right:30px;
}
.text{
    margin-top:-10px;
    color:rgb(233, 37, 37);
    font-size:18px;
    font-family: "Hiragino Maru Gothic Pro", sans-serif;
}

.img-tabs input[type="radio"] 
{ display: none;

}
.tab-block{
    
        
    margin: 20px 0;
    cursor: pointer;
    position:relative;

    
}
.tab-block img{ 

    width:150px;
    height:auto;
    border-radius: 10px;
    border: none!important;
    transition: 0.3s;

}






.tab-block.first {
    margin-left: calc(25% + 20px);
    
}

#tab1:checked + label img,
#tab2:checked +label img,
#tab3:checked +label img {

    border-color: antiquewhite;
}

.content{

    display: none;
    padding:20px;
    width : 80%;
    margin: 0 auto;
    border-top:  1px solid #ddd;
    
}
#tab1:checked ~ #content1 {
display: block; 
}

#tab2:checked ~ #content2 {
display: block; 
}

#tab3:checked ~ #content3 {
display: block; 
}


.content {
    
    font-size: 20px;
    width:65%;
    color: saddlebrown;
    text-align: left;
    margin-top: 250px;
    padding-right: 35px;
}


 .shoukai {

    color:saddlebrown;
    font-size: 19px;
    font-family: "Rounded Mplus 1c", "Hiragino Maru Gothic Pro", sans-serif;
    margin:200px auto 0 auto;
   
    width:90%;
 }

.omote{

    width:80%;
    margin-bottom: 0cm;
    padding-left: 20px;
}


.coment{

    color:saddlebrown;
    font-size: 18px;
    font-family: "Rounded Mplus 1c", "Hiragino Maru Gothic Pro", sans-serif;
    margin-top:-50px;
    text-align: center;
}



.ura{

    width:70%;
    margin-top: 0;
    padding-left: 30px;
}

.osasoi{

    color:saddlebrown;
    font-size: 20px;
    font-family: "Rounded Mplus 1c", "Hiragino Maru Gothic Pro", sans-serif;
    margin-top:280px;
    width:90%;
    text-align: left;
    padding-left: 20px;

}

a {

    display:flex ;
    justify-content: center;
    pointer-events: none;
    opacity:0.5;
    margin-top: 60px;

   
}

.osirase{

    color:saddlebrown;
    font-size: 16px;
    font-family: "Rounded Mplus 1c", "Hiragino Maru Gothic Pro", sans-serif;
    margin-top:500px;
    width:80%;
    text-align: left;
    padding-left: 20px;
}

.osusume{

    color:saddlebrown;
    font-size: 16px;
    font-family: "Rounded Mplus 1c", "Hiragino Maru Gothic Pro", sans-serif;
    margin-top:1200px;
    display: flex;
    justify-content: center;
    padding-right: 35px;

}

.itioshi{

    width:80%;
    padding-left: 20px;
}