/*
Theme Name: 50
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

h1 {font-size: 4vw!important;}
h2 {font-size: 2vw!important;}
h3 {font-size: 1.5vw!important;}
h4 {font-size: 1.2vw!important;}
p {font-size: 1.2vw;}

.cont {display:flex; gap:10px;
font-size:1vw;
font-weight:bold;
}
.cont a {
color:#fff;
background: #E62A2E;
padding:30px;
border-radius: 30px;
float: :left;
}

.title {
font-size: 3vw;
font-weight: bold;

text-align: center;



}



.subtitle {
font-size: 2vw;
font-weight: bold;
border-top:2px solid #E62A2E;
border-bottom:2px solid #E62A2E;
text-align: center;
display:table;
margin:10px auto;
padding:10px 30px;
color:#E62A2E;
}

.box {border:2px solid #E62A2E;
background:#fff;
padding:30px;
height: 300px;
overflow-y: scroll;
border-radius: 10px;

}


.box2 {
height:100%;
background:#E6E4D5;
padding:30px;
border-radius: 20px;
}


.box3 {

background:#F5E6E8;
padding:30px;
border-radius: 20px;
}



.koushi {display:flex; justify-content: center; gap:10px; flex-flow: wrap;}
.kitem {width:24%;
background:#E6E4D5;
padding:30px;
border-radius: 20px;
text-align: center;
}
.kitem img {height:450px; object-fit: cover; object-position: 50% 0%; }

.remodal {
    max-width:80%; /* 幅を800pxに設定 */
    padding:10px;
}

.tantou {color:#E62A2E; font-weight: bold;}


iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
}


@media only screen and (max-width:599px){


h1 {font-size: 7vw!important;}
h2 {font-size: 5vw!important;}
h3 {font-size: 4vw!important;}
h4 {font-size: 3vw!important;}
p {font-size: 3vw;}


.title {
font-size: 5vw;
}

.subtitle {
font-size: 5vw;
}


.kitem {width:100%;

}

}