@charset "UTF-8";
 body {
   font-family: "メイリオ", Meiryo, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ＭＳ Ｐゴシック", sans-serif;
   color: #fff;
   position:relative;
   margin: 0;
   /* background: #231815; */
   text-align: center;
   position:relative;
   }

a {
    outline: none;
    color: #fff;
    word-wrap:break-word;
    font-family: source-han-sans-japanese, sans-serif;
    font-style: normal;
    /* font-weight: 200; */

}

p {
    margin: 0;
    padding: 0;
}

h1 {
  font-family: source-han-sans-japanese, sans-serif;
  font-style: normal;
  font-weight: bold;
}

.center{
    text-align:center;
}
/*radiko*/
.radiko {
    font-size: 12px;
    height: 24px;
    width: 230px;
    margin: 0;
    padding: 0;
    font-weight: bold;
    background-image: url(/images/radiko_icon.gif);
    background-repeat: no-repeat;
    padding-left: 100px;
    background-position: left;
    line-height: 2;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    margin-top: 5px;
    /* background-color: #f4f4ff; */
    /* padding-top:5px; */
}
.radiko a:link {
    color: #00a7e9;
    text-decoration: none;
    /* color: #ffba00000; */
}
.radiko a:visited {
    color: #00a7e9;
    text-decoration: none;
}
.radiko a:hover {
    text-decoration: underline;
}
.radiko a:active {
    text-decoration: none;
}
.radiko_narrow {
    display: none;
}
.radiko_sp {display: none;}
/*clearfix*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-table;
}
/* Hides from IE-mac \*/

* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}

#global_header {
  display: block;
}

#nav_sp {
  display: none;
}

#global_footer {
  display: block;
}

.foot_c {
  position: relative;
  width: 100%;
}

.footer_sp {
  display: none;
}

* {zoom:1;}
.radikolink::after{ content: ""; display: block; clear: both;}
.bigbox::after{ content: ""; display: block; clear: both;}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.back {
margin: 0 ;
padding: 0 ;
font-size: 15px ;
/* line-height: 1.618 ; */
background-repeat: no-repeat;
width: 100%;
text-align: left;
}

.back::before {
content:"";
display:block;
position:fixed;
top:0;
left:0;
z-index:-1;
width:100%;
height:100vh;
font-feature-settings: "palt";
}

.wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  align-items: start;
  background-color: #fbdc4b;
}

.wrapper_right {
  background-color: #f5d133;
  border-left: solid 3px #302414;
}

.wrapper_left {
  background-color: #fdb431;
  position: sticky; 
  top: 0;
  /* background-image: url(../images/left_img.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat; */
  /* background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  background-attachment: fixed; */
}

.wrapper_left img {
max-width: 100%;
    width: 100%;
}


.wrapper_right img {
max-width: 100%;
    width: 100%;
}

.left_img {
  /* height: 100vw; */
  height: 100%;
  /* max-width: 100vw; */
}

/* .left_img img {
  display: block;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
    position: sticky;
  top: 0;
} */

.wrapper p {
font-family: "fot-seurat-pron", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #231815;
  font-size: 16px;
  letter-spacing: 0.1em;
  /* line-height: 1.6em; */
}

.wrapper h1 {
  font-family: ta-marugo-gf-01, sans-serif;
  font-style: normal;
  font-weight: bold;
  color: #231815;
  font-size: 26px;
  margin: 0rem;
}

.media h2 {
font-family: "elza-round-variable", sans-serif;
font-variation-settings: "wght" 700;
position: relative;
  color: #61c2f2;
  font-size: clamp( 40px, calc( 22.11764705882353px + 2.823529411764706vw ), 64px );
  margin-bottom: 1rem;
  text-align: left;
  padding: 0rem 0rem 1rem 0rem;
  text-shadow:
       3px 3px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
       /* line-height: 0.7em; */
}

.media h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #61c2f2, #61c2f2 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #61c2f2, #61c2f2 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}



.h2_icon {
    /* vertical-align: middle;
    margin: 0rem 0.3rem 0.1rem 0rem;
    width: 34px; */
}

.h2_icon img {
    vertical-align: middle;
    margin: 0rem 0.3rem 0.6rem 0rem;
    width: clamp( 50px, calc( 40px + 2.5vw ), 65px );
}

span.marker {
  display: inline-block;
  background: linear-gradient(transparent 70%, #21ff00 70%);
  padding-bottom: 0.3em;
}

.wrapper h2:before {


}



.lowercase {
  font-family: "fot-seurat-pron", sans-serif;
  font-weight: 600;
  font-style: normal;
  font-size: clamp( 12px, calc( 8.989247311827956px + 0.8602150537634409vw ), 20px );
  margin-left: 0.5rem;
  color: #1a1a1a;
}

.wrapper h3 {
  font-family: "fot-seurat-pron", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #231815;
  font-size: 26px;
  /* margin-bottom: 1rem; */
  letter-spacing: 0.2em;
  border-right: solid #000 2px;
  
}

.wrapper a {
  
}

.main {
/* width: 900px; */
  }

.top {
  position: relative;
  text-align: center;
  max-width: 1980px;
  margin: 0 auto;
}

.top img {
  max-width: 1980px;
  width: 100%;
}

.margin {
  margin: 0rem auto;
}

/* <!-- ---------------------------メール--------------------------- --> */

/* solid011 */

/* .button_solid011 {
  margin: 2rem 1rem 0rem 1rem;
}


.button_solid011 a {
    background: #f56437;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 500px;
    padding: 1.5rem 1rem;
    color: #FFF;
    transition: 0.3s 
ease-in-out;
    font-weight: 600;
    flex-direction: column;
    border-radius: 8px;
    border-bottom: solid 5px #f12100;
        font-size: 22px;
    text-decoration: none;
}
.button_solid011 a span {

    background: #FFFF00;
    width: 80%;
    text-align: center;
    position: absolute;
    top: -22px;
    filter: drop-shadow(0px 1px 2px #aaa);
    padding: 0.5rem;
    font-size: 0.8rem;
    color: #271c0c;
    border-radius: 5px;

}
.button_solid011 a span:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top: 5px solid #ffffff;
}
.button_solid011 a:hover {
    border-bottom: solid 2px #f12100;
    transform: translateY(3px);
} */

/* ///////////////////////////////////////////メール部分/////////////////////////////////////////// */

.mail_block {
    margin: 0rem 1rem 4rem 1rem;
    text-align: center;
    /* margin: 0 auto; */
}

.mail_block img {
    max-width: 700px;
    width: 100%;
        /* margin: 0rem 1rem; */
}

.mail_block a {
display: inline-block;
transition: all .3s ease-in-out;
transform: translateY(0);
/* box-shadow: 0 5px 5px rgba(0,0,0,.1); */
}

.mail_block a:hover{
transform: translateY(5px);
/* box-shadow: 0 10px 10px rgba(0,0,0,.2); */
}

/* .mail_block_decoration {
  position: relative;
}

.mail_block_decoration img {
    position: absolute;
    right: 0;
    max-width: clamp( 100px, calc( 31.818181818181827px + 17.045454545454543vw ), 250px );
    width: 100%;
}

.button05 img {
      vertical-align: middle;
      margin: 0rem 0.3rem 0.3rem 0rem;
      width: 30px;
 }

.mail_block p {
  font-size: 16px;
  text-align: center;
  color: #f7f6f1;
  font-weight: bold;
}

.mail_block .mail_icon {
font-size: 24px;
font-weight: bold;
letter-spacing: 2;
}

.button05 {
    width: 100%;
    max-width: 500px;
    margin: 0rem auto;
}

.button05 a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  border-radius: 10px;
  color: #f7f7f7;
  font-size: 18px;
  font-weight: 700;
  background-color: #231e0f;
  box-shadow: 0 5px 0 #000000;
  transition: 0.3s;
  text-decoration: none;
}

.button05 a:hover {
  transform: translateY(3px);
  text-decoration: none;
  box-shadow: 0 2px 0 #aaaaaa;
} */


.text {
  position: relative;
  margin: 2rem 1rem 4rem 1rem;
  padding: 4rem 1rem;
    background-color: #efe8bb;
  text-align: center;
  line-height: 3em;
  border-radius: 10px;

      /* background-image: url(../images/wording_back.png);
    background-position: center;
    background-repeat: no-repeat; */
}

.text_decoration {
margin-top: 2rem;
text-align: center;
}

.text img {
    position: absolute;
    /* top: 0; */
    /* bottom: -110px; */
    left: -10px;
    max-width: clamp( 150px, calc( 31.818181818181827px + 17.045454545454543vw ), 250px );
    width: 100%;
}

.wording_block {
  position: relative;
}

.yubusasi {
      position: relative;
}

.yubusasi img {
      position: absolute;
      right: 0;
      bottom: 0;
      /* left: -10px; */
    max-width: clamp( 150px, calc( 31.818181818181827px + 17.045454545454543vw ), 350px );
    width: 100%;
}


.oa_schedule {
  margin: 0 1rem;

}

.oa_schedule_block {
  background-color: #fdb52f;
}

.oa_schedule_flex {
display: flex
;
    gap: 1rem;
    border: solid #f6b841 4px;
    border-radius: 10px 10px 0px 0px;
    background-color: #f66c41;
    align-items: center;
}

.oa_schedule_img {
    border-right: solid 4px #f6b841;
    width: 20%;
}

.oa_schedule_title {
    width: 80%;
}

.oa_schedule_day {
    display: flex;
    gap: 1rem;
    border: solid #000 2px;
}

/* .grid-container {
  display: grid;
  grid-template-columns: repeat(2, 2fr) 1fr;
  grid-template-rows: repeat(2, 100px);
} */





.oa_schedule,.x {
padding: 2rem 1rem;
    background-color: #fdb52f;
}



.oa_schedule {

}

/* .oa_schedule_block {
background-color: #efe8bb;
    padding: 2rem;
} */

.oa_schedule p {
  font-size: clamp( 16px, calc( 12.705882352941178px + 0.9411764705882352vw ), 24px );
}

.oa_schedule_text {
background-color: #efe8bb;
    padding: 2rem;
    margin-bottom: 1rem;
    border-radius: 10px;
    border: solid #ff8100 2px;
}

.number_big {
  font-family: "elza-round-variable", sans-serif;
font-variation-settings: "wght" 600;
font-size: clamp( 32px, calc( 25.411764705882355px + 1.8823529411764703vw ), 48px )
}

.oa_schedule :last-child {
  margin-bottom: 0rem;
}

.x_text {
  text-align: center;
  margin: 0 auto;
}



.x img {
  max-width: 560px;
  width: 100%;
    vertical-align: middle;
}

.x_title img {
max-width: clamp( 100px, calc( -22.222222222222214px + 22.22222222222222vw ), 200px );
width: 100%;
margin-bottom: 1rem;
}

.x a {
display: inline-block;
    transition: all .3s ease-in-out;
    transform: translateY(0);
    /* box-shadow: 0 5px 5px rgba(0,0,0,.1); */
}

.x a:hover{
    transform: translateY(5px);
    /* box-shadow: 0 10px 10px rgba(0,0,0,.2); */
}



.media_block {
background-color: #fdb52f;
padding: 2rem 1rem;

}

.media {

  background-color: #fcdd36;
  border-radius: 10px;
  border: solid #000 3px;
  padding: 2rem 1rem;

  background-image: radial-gradient(#fff3b5 20%, transparent 20%), radial-gradient(#fff3b5 20%, transparent 20%);
  background-size: 10px 10px;
  background-position: 0 0, 5px 5px;

}

.coming_soon {
  font-size: clamp( 18px, calc( 16.363636363636363px + 0.36363636363636365vw ), 20px );
  margin-left: 1em;
  line-height: 1.5em;
}

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
  margin-bottom: 2rem;
}

.youtube img {
  border: solid #fbb843 3px;
}

.youtube iframe {
    width: 100%;
    height: 100%;
}

.pod {
  margin-bottom: 2rem;
}

.podservice {
    display: flex;
}

.pod img {
  display: block;
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
      border: solid #fbb843 3px;
}

.line_pod {
  content: "";
  border: solid 1px #64c0ed;
  margin: 1rem 0rem;
}

.radiko_block {
    margin: 0 auto;
    text-align: center;
}

.radiko_block img {
max-width: 500px;
width: 100%;
}

.team {
    padding: 2rem 1rem;
    /* background-color: #fe953d;
    background-image: linear-gradient(0deg, transparent calc(100% - 2px), #fbb84387 calc(100% - 2px)), linear-gradient(90deg, transparent calc(100% - 2px), #fbb84387 calc(100% - 2px)); */
    background-color: #c7c7c7;
    background-image: linear-gradient(0deg, transparent calc(100% - 2px), #7b7b7b87 calc(100% - 2px)), linear-gradient(90deg, transparent calc(100% - 2px), #7b7b7b87 calc(100% - 2px));
    background-size: 40px 40px;
    background-repeat: repeat;
    background-position: center center;
    border-top: solid 3px #302414;
}

.team_h2 {
width: 100%;
max-width: clamp( 200px, calc( 166.66666666666669px + 8.333333333333332vw ), 250px );
}

.team_banner {
    text-align: center;
}

.team_banner img {
width: 100%;
max-width: 400px;
vertical-align: middle;
border: solid 2px #a7a7a7;
}

.team_banner a,.pod a,.radiko_block a,.youtube a {
display: inline-block;
transition: all .3s ease-in-out;
transform: translateY(0);
/* box-shadow: 0 5px 5px rgba(0,0,0,.1); */

}

.team_banner a:hover,.pod a:hover,.radiko_block a:hover,.youtube a:hover {
transform: translateY(5px);
/* box-shadow: 0 10px 10px rgba(0,0,0,.2); */

}


.pc_br {
  display: block;
}


.sp_br {
  display: none;
}

.sp_br_soon {
  display: none;
}

/* ヘッダー・フッター */
@media screen and (max-width: 1000px) {
  #global_footer {
    display: none;
  }
  .footer_sp {
    display: block;
  }

  #nav_sp {
    display: block;
  }

  #headerouter1179{
  -moz-box-shadow:none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow:none;
  }

  #sns_part{
    width:100%;
    position:relative;
  }

  #global_header {
    display: none;
  }

  * {zoom:1;}
  .radikolink::after{ content: ""; display: block; clear: both;}
  .bigbox::after{ content: ""; display: block; clear: both;}

.radiko { display: none!important; }

.radiko_sp {
display: block;
width: 100%;
position: relative;
}

.radiko_sp a img {
position: relative;
width: 100%;
height: auto;
}

.radiko_narrow {
  display: block;
  width: 100%;
  position: relative;
}

.radiko_narrow a img {
position: relative;
width: 100%;
height: auto;
}

}


/* タブレットサイズ */
@media screen and (max-width: 834px) {

  .wrapper {
    grid-template-columns: repeat(1, 1fr);
}

.wrapper_left {
    display: none;
}

.wrapper_right {
  background-color: #f5d133;
  border-left: solid 0px #302414;
}

}

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

.mail_block .mail_icon {
    font-size: 22px;
}


.text {
    /* margin: 0rem 1rem 4rem 1rem; */
    padding: 2rem 1rem;
    text-align: left;
    line-height: 2.5em;

}

.lowercase {
    margin-left: 0rem;
}

.pc_br {
  display: none;
}

.sp_br {
  display: block;
}

}

/* スマホサイズ */
@media screen and (max-width: 430px) {



}

@media screen and (max-width: 395px) {
.sp_br_soon {
  display: block;
}

}