@charset "utf-8";
/*
Theme Name:kadence_child
Template:kadence
*/
@media screen and (min-width: 600px) {.ps-br{display: block;}.sp-br{display: none;}}
@media screen and (max-width: 600px) {.ps-br{display: none;}.sp-br{display: block;}}
@media (min-width: 600px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}
body{margin: 0 !important;background-color: #000 !important;font-family: YuGothic,'Yu Gothic',sans-serif;color: #fff !important;font-weight: bold !important;line-height: 1.8;letter-spacing: 2px;}
a img:hover{transition:  0.5s ease;opacity: 0.7;}
a:hover{color: #fff !important;transition:  0.5s ease;}
h1,.f-c{font-family: 'Helvetica','Helvetica Neue',sans-serif;}
.t-c{text-align: center;}
.t-l{text-align: left;}
.fw-b{font-weight: bold;}
.fw-n{font-weight: normal;}
.f-80{font-size: 80px;}
.f-50{font-size: 50px;}
.f-30{font-size: 30px;}
p,.f-20,form table th{font-size: 20px;}
.f-12{font-size: 12px;font-weight: normal;}
.first-view{
    height: 100vh;
    background-image: url(img/f2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.img-wrap {
    animation: img-wrap 6s cubic-bezier(0.4, 0, 0.2, 1);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

  @keyframes img-wrap {
    0% {
      clip-path: circle(0 at 50% 50%);
      -webkit-clip-path: circle(0 at 50% 50%);
    }
  
    100% {
      clip-path: circle(100% at 50% 50%);
      -webkit-clip-path: circle(100% at 50% 50%);
    }
  }
  @keyframes fadeIn {
    from {
      opacity: 0;
      transform: translateY(3rem);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  
  .item {
    animation: fadeIn linear;
    animation-timeline: view(); /* スクロールと連動 */
    animation-range: entry 0% cover 30%;
  }

#about .inner-content{
    height: 100vh;
    background-image: url(img/top1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
position: relative;}
#about p {      
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) !important;
    }
    #about .inner-content p,.flex,#partnerst .c-C1C1C1,.title-3,.w-1080{width: 1080px;margin: 0 auto;}
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.flex div,.flex figure{flex-basis: 33%;}
.back-3B3B3B {background-color:#3B3B3B;padding: 100px 0;}

.c-C1C1C1{color: #C1C1C1;}
.m-50{margin:50px auto !important;}

.btn{
  color: #fff !important;
  font-weight: 600;
  letter-spacing: .1em;
  text-align: center;
  line-height: 50px;
  width: 280px;
  height: 50px;
  background: #000;
  margin: auto;
  position: relative;
  display: block;
  overflow: hidden;
  transition: 0.5s;
  text-decoration: none;
}

.btn:after {
  font-family: "FontAwesome";
  content: "\f0da";
  position: absolute;
 left: 20px;
  transition: all 0.2s;
}

.btn:hover:after {
 left: 25px;color: #fff !important;
}
.title{background: #000;}
.title h1,.title h2{;color: #fff !important ;}
.title h2{padding: 0 0 10px}
.title-2{width: 500px;background: #000;margin: 0 auto;padding: 0 0 10px;}
.title-3{background: #000;margin: 0 auto;padding:10px;}
.fb-4 div{flex-basis: 22%;}
.title-3{margin-bottom: 0px !important;}
.m-0{margin: 0 auto;}
.flex img{margin: 20px auto 0;}
iframe{height: 480px;width: 100%;}
figcaption{flex-basis: 60%;}
.back-fff{background-color: #fff;padding: 100px 0;}
.flex-3,.flex-4{display: flex;justify-content: space-between;flex-wrap: wrap;}
.flex-3 a{flex-basis: 33%;padding-bottom: 20px;place-items: center;}
.flex-4 a{flex-basis: 24%;padding-bottom: 20px;place-items: center;}
dd{width: 450px;}
dt{width: 250px;}
.fotter-inner .flex{justify-content: center;}
.c-red{color: #FF0000;}
form table th{font-weight: normal;width: 250px;text-align: left;}
form table td input,form table td textarea{width: 500px;}
table{margin: 0 auto !important;width: auto !important;}
input[type=submit] {
  border-radius: 0 !important;
  background: #000 !important;
  color: #fff !important;
  font-size: 20px !important;}
  .footer-widget-area-inner,.wpcf7-spinner{display: none;}
  article{padding: 100px 50px;background: #fff;width: 800px;margin: 100px auto;}
.fotter-inner{padding:100px 0}
@media screen and (max-width: 1080px) {
  #about .inner-content p,.flex,#partnerst .c-C1C1C1,.title-3,.w-1080{width: 95%;}
  .title-2{width: 60%;}
  .flex div,.fb-4 div{flex-basis: 48%;}
  .flex figure{flex-basis:100%;text-align: center;}
  .fb-4 img{width: 100%;}
  figcaption{flex-basis: 100%;}
  figcaption p{margin-top: 0;}
  figcaption .f-50,.flex2{text-align: center;}
  .j-c,.flex-3,.flex-4{justify-content: center;}
  .flex-3 a{flex-basis: 100%}
.flex-4 a{flex-basis: 48%;}
.back-3B3B3B,.back-fff{padding: 80px 0;}
article{margin: 80px auto;padding: 80px 25px;width: 80%;}
.flex-4 a:last-child{flex-basis: 24%;padding-bottom: 0}
dd,dt{width: 100%;text-align: center;}
form table th,form table td{display: block;}
form table td input,form table td textarea,form table th{width: 100%;}
table{width: 90% !important;}
.fotter-inner{padding:80px 0}}
@media screen and (max-width: 600px) {
.f-80{font-size: 35px;}
.f-50{font-size: 25px;}
.f-30{font-size: 19px;}
.f-20,p,form table th,input[type=submit]{font-size: 15px !important;}
.f-12{font-size: 12px;}
.flex img{margin: 10px auto 0;}
.m-50{margin:25px auto !important;}
.title-2{width: 80%;}
iframe{height: 280px;}
.back-3B3B3B,.back-fff{padding: 50px 0;}
.flex-3 a,.flex-4 a{padding-bottom: 15px}
article{margin: 50px auto;padding: 50px 10px;}
.img-wrap {width:100%}
}


.header-page{background-image: url(img/ds-header.jpg);padding: 100px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
.c-3B3B3B{color: #3B3B3B !important;}
.flex-2,.hp{display: flex;justify-content: space-between;}
.c-000{color: #000;}
.hp {border: 1px solid #000;}
.hp .t-c{border-right: 1px solid #000;}
.hp dd{margin: 0;width: 100%;}
.flex-2 img{width: 48%;}
article h1 img{margin: 0 auto;;}
header{background-color: #000 !important;}

@media screen and (max-width: 1080px) {
  article{padding: 80px 5%;}
	.header-page{padding: 80px 0;}
}
@media screen and (max-width: 600px) {
article{padding: 50px 5%;}
	.header-page{padding: 50px 0;}
}
.main-navigation .primary-menu-container > ul > li.menu-item > a {
  color:#fff !important
} 

#sponsor .flex-4 img{max-width:unset}
footer{display:none}