@charset "utf-8";


a{
  font-size:0.98rem !important;
}
a:hover{
  opacity:0.6!important;
  color:#333!important;
}
p{
  line-height:1.9!important;
  font-size:0.98rem!important;
}
@media screen and (min-width:960px){
  p{
    line-height:2.2!important;
  }
}
body{
  background:#fff;
  font-size:1.1rem!important;
  color:#333!important;
}
.pc{
  display:none;
}
.sp{
  display:block;
}
@media screen and (min-width:960px){
  .pc{
    display:block;
  }
  .sp{
    display:none;
  }
}
.grecaptcha-badge{
  opacity:0;
}
.s-navi-active #s-navi-overlay,
.s-navi-search-slide.s-navi-search-active #s-navi-overlay{
  background:rgba(0, 0, 0, .3)!important;
}
.wp-block-heading:before,
.st-svg-refresh:before,
.st-svg-clock-o:before{
  content:"";
  display:none;
}
.wp-block-heading a{
  text-decoration:none;
}
.entry-content,
.blogbox,
#st-page .entry-title{
  margin-top:0!important;
  margin-bottom:0!important;
}
.entry-title{
  padding-top:0!important;
}
rt{
  margin-bottom:4px;
  font-size:70%;
}
#content-w,
#content,
#contentInner{
  background:#f7f8f9;
}
.site--logo{
  width:80px;
}
#content-w{
  overflow:hidden;
}
.btn{
  display:block;
  text-decoration:none;
  border:1px solid #d7d8d9;
  width:75%;
  max-width:300px;
  min-width:280px;
  padding:13px 0;
  margin:0 auto;
  text-align:center;
}
.btn_mini{
  min-width:180px;
  padding:13px 0;
}
div#page-top{
  right:20px!important;
  bottom:20px!important;
}
div#page-top a.st-fa.st-svg-angle-up{
  border-radius:50%;
  width:50px!important;
  height:50px!important;
}
@media screen and (min-width:960px){
  .btn_mini{
    max-width:200px;
    min-width:180px;
    padding:13px 0;
  }
  .btn:hover{
    background-color:#252525;
    border:1px solid #252525;
    color:#fff!important;
  }
}
#breadcrumb ol li{
  white-space:nowrap;
}
/***** header *****/
#s-navi dt.trigger .op.active{
  color:#fff;
}
#s-navi dt.trigger .op.has-text .st-fa::after{
  margin-top:6px!important;
  content:"メニュー"!important;
}
.s-navi-active #s-navi dt.trigger .op.has-text .st-fa::after{
  margin-top:6px!important;
  content:"閉じる"!important;
}
@media screen and (min-width:960px){
  header{
    position:inherit;
    border-bottom:none;
  }
  header .smanone ul.menu{
    display:flex;
    justify-content:center;
  }
  header .smanone ul.menu li{
    height:70px!important;
  }
  .site--logo{
    padding:10px 0;
    width:150px;
  }
}
@media only screen and (max-width:959px){
  #headbox{
    position:relative;
    padding:0!important;
    height:80px;
  }
  #s-navi{
    margin:0!important;
  }
  .acordion{
    position:fixed;
    z-index:99999999;
    top:0;
    left:0;
    transition:.3s;
  }
  .acordion_bg{
    position:fixed;
    z-index:1;
    top:0;
    left:0;
    transition:.3s;
    background:#fff;
    border-bottom:1px solid #e7e8e9;
    width:100%;
    height:80px;
  }
  #st-mobile-logo{
    display:none!important;
  }
  #header-l{
    display:none;
  }
  .acordion_button{
    position:absolute;
  }
  .acordion_logo{
    margin:0 auto;
    transition:.3s;
  }
  .acordion_tree{
    background:#fff;
  }
}
  .s-navi-active.s-navi-right .acordion_bg{
    left:-250px;
  }
@media only screen and (min-width:600px){
  .s-navi-active.s-navi-right .acordion_bg{
    left:-320px;
  }
}
header .smanone ul.menu li a{
  display:flex!important;
  align-items:center;
  justify-content:center;
}
/*content*/
pre, .wp-block-details summary, p, .st-kaiwa-hukidashi, .st-kaiwa-hukidashi2, .yellowbox, .graybox, .redbox, #topnews .clearfix dd p, .post ul li, .post ol li, #comments #respond, .st-tab-content > label, .st-tabs__tab-list-item, #comments h4{
  font-size:0.98rem;
}
.v-none,
main .kanren:not(.st-cardbox) dt:not(.st-cardbox) img,
.kanren:not(.pop-box):not(.st-cardbox) .clearfix dd .st-excerpt p{
  display:none;
}
.kanren dl{
  margin-bottom:17px!important;
  padding-bottom:20px!important;
}
.kanren dl:last-child{
  margin-bottom:0!important;
}
.kanren dd{
  padding-left:0!important;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:5px 0;
}
.st-catgroup.itiran-category{
  order:2;
  margin-right:10px;
}
@media screen and (min-width:960px){
  .st-catgroup.itiran-category{
    margin-right:20px;
  }
}
.kanren{
  padding-top:0!important;
  margin-top:0!important;
}
.kanren .blog_info{
  order:3;
}
.kanren .blog_info p{
  font-size:0.875rem !important;
  margin-bottom:0!important;
}
.kanren h3{
  order:1;
  width:100%;
  margin-bottom:0!important;
}
.kanren h3 a{
  font-weight:normal!important;
}
.st-catgroup.itiran-category .catname{
  font-size:0.75rem !important;
  margin:0!important;
}
/*foot*/
h2.news-ca{
  font-size:1.65rem!important;
}
h2.news-ca i{
  display:none;
}
#topnews-box div ,
#topnews-box div dl dt ,
#topnews-box div dl dd{
  margin:0!important;
  padding:0!important;
  border:none!important;
}
#topnews-box div dl{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  border-bottom:1px solid #e7e8e9;
}
#topnews-box div dl:last-of-type{
  border-bottom:none;
}
#topnews-box div dl dt{
  text-align:left;
  width:100%;
}
#topnews-box div dl dt span{
  display:block;
  padding:20px 5% 0;
}
#topnews-box div dl dd{
  text-align:left;
  width:100%;
}
#topnews-box div dl dd a{
  display:block;
  padding:6px 5% 20px;
}
div#st-footer-under-widgets-box-wrap{
  padding:20px 0;
}
@media screen and (min-width:960px){
  div#st-footer-under-widgets-box-wrap{
    padding:10px 0;
  }
}
div#topnews-box div:nth-of-type(2){
  margin:20px 20px 0!important;
  background:#fff;
}
div#stnews_widget-3 ,
div#st_custom_html_widget-3{
  width:100;
}
div#st_custom_html_widget-3 .foot--links{
  margin:0 20px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:15px;
}
div#st_custom_html_widget-3 .foot--links li{
  list-style-type:none;
  width:100;
}
div#st_custom_html_widget-3 .foot--links li a{
  line-height:1.7;
  display:block;
  background:#fff;
  padding:15px 25px 15px 80px;
  text-decoration:none;
  font-weight:900;
  font-size:0.98rem;
  color:#333;
}
div#st_custom_html_widget-3 .foot--links li:nth-child(1) a{
  background:#fff url("https://kawamotokihachiro.jp/wp-content/uploads/2024/10/foot-links-01.webp") no-repeat;
  background-position:20px;
  background-size:45px 45px;
}
div#st_custom_html_widget-3 .foot--links li:nth-child(2) a{
  background:#fff url("https://kawamotokihachiro.jp/wp-content/uploads/2024/10/foot-links-02.webp") no-repeat;
  background-position:20px;
  background-size:45px 45px;
}
div#st_custom_html_widget-3 .foot--links li:nth-child(3) a{
  background:#fff url("https://kawamotokihachiro.jp/wp-content/uploads/2024/10/foot-links-x.webp") no-repeat;
  background-position:20px;
  background-size:45px 45px;
}
div#st_custom_html_widget-3 .foot--links li a:hover{
  opacity:0.6;
}
div#st_custom_html_widget-3 .foot--links li a span{
  display:block;
  font-size:0.72rem;
}
@media print, screen and (min-width:460px){
  div#st_custom_html_widget-3 .foot--links li a{
    padding:15px 25px 15px 110px;
  }
  div#st_custom_html_widget-3 .foot--links li:nth-child(1) a{
    background-position:35px;
    background-size:50px 50px;
  }
  div#st_custom_html_widget-3 .foot--links li:nth-child(2) a{
    background-position:35px;
    background-size:50px 50px;
  }
  div#st_custom_html_widget-3 .foot--links li:nth-child(3) a{
    background-position:35px;
    background-size:50px 50px;
  }
}
@media print, screen and (min-width:807px){
  h2.news-ca{
    display:block;
    font-size:1.9rem!important;
  }
  #topnews-box div dl{
    flex-direction:row;
    flex-wrap:wrap;
  }
  #topnews-box div dl dt{
  text-align:center;
    width:20%;
  }
  #topnews-box div dl dt span{
    display:block;
    padding:30px 0;
  }
  #topnews-box div dl dd{
    text-align:left;
    width:80%;
  }
  #topnews-box div dl dd a{
    display:block;
    padding:30px 25px 30px 0;
  }
  div#st_custom_html_widget-3 .foot--links{
    flex-direction:row;
    justify-content:space-between;
    flex-wrap:wrap;
  }
  div#st_custom_html_widget-3 .foot--links li{
    width:49%;
  }
}
@media print, screen and (min-width:960px){
  div#topnews-box div:nth-of-type(2){
    margin:0 20px 30px!important;
  }
  div#stnews_widget-3 ,
  div#st_custom_html_widget-3{
    margin:0 auto;
    max-width:1280px;
  }
  div#st_custom_html_widget-3{
    margin:20px auto;
    max-width:1280px;
  }
}
@media print, screen and (min-width:1050px){
  div#topnews-box div:nth-of-type(2){
    margin:10px 0 30px!important;
  }
  div#st_custom_html_widget-3 .foot--links{
    margin:0;
  }
  div#st_custom_html_widget-3 .foot--links li{
    width:32%;
  }
  div#st_custom_html_widget-3 .foot--links li a{
    font-size:0.98rem;
  }
  div#st_custom_html_widget-3 .foot--links li a span{
    font-size:0.72rem;
  }
}
@media print, screen and (min-width:1140px){
  div#st_custom_html_widget-3 .foot--links li a{
    font-size:1.1rem;
  }
  div#st_custom_html_widget-3 .foot--links li a span{
    font-size:0.82rem;
  }
}


/*-- カルーセル --*/

.carousel{
  height:calc(100svh - 80px);
  overflow:hidden;
  display:flex !important;
  align-items:flex-start;
  justify-content:center;
}
.carousel_wrap{
  width:100%;
  height:calc(100svh - 80px);
  background:#222;
  position:relative;
  overflow:hidden;
}
.carousel_wrap:before{
  content:"";
  background:linear-gradient(to bottom,rgba(0, 0, 0, 0) 70%,rgba(0, 0, 0, 0.8) 100%);
  position:absolute;
  z-index:1;
  width:100%;
  height:calc(100svh - 80px);
}
.carousel img{
  width:100%;
  height:calc(100svh - 80px)!important;
  object-fit:cover;
}
@media only screen and (min-width:960px){
  .carousel{
    max-width:1480px;
    margin:0 auto;
  }
.carousel_wrap{
  height:750px;
}
  .carousel_wrap:before{
    display:none;
  }
  .carousel img{
    height:750px!important;
    object-fit:cover;
    margin:0 auto;
  }
}
@media only screen and (max-width:959px){
  #scroll-down{
    display:block;
    position:absolute;
    bottom:4%;
    left:50%;
    z-index:2;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    -ms-transform:translateX(-50%);
    padding-top:50px;
    text-align:center;
  }
  .arrow-down{
    display:block;
    margin:0 auto;
    width:10px;
    height:18px;
  }
  .arrow-down:after{
    content:'';
    display:block;
    margin:0;
    padding:0;
    width:8px;
    height:8px;
    border-top:2px solid #fff;
    border-right:2px solid #fff;
    behavior:url(-ms-transform.htc);
    -moz-transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    transform:rotate(135deg);
  }
  #scroll-title{
    display:block;
    text-transform:uppercase;
    color:#fff;
  }
  #scroll-down::before{
    -webkit-animation:elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    -moz-animation:elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    -o-animation:elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    animation:elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;
    position:absolute;
    top:0px;
    left:50%;
    margin-left:-1px;
    width:2px;
    height:60px;
    background:#fff;
    content:' ';
  }
}
@-webkit-keyframes elasticus{
    0%{
        -webkit-transform-origin:0% 0%;
        -ms-transform-origin:0% 0%;
        -moz-transform-origin:0% 0%;
        -o-transform-origin:0% 0%;
        transform-origin:0% 0%;
        -webkit-transform:scale(1, 0);
        -ms-transform:scale(1, 0);
        -moz-transform:scale(1, 0);
        -o-transform:scale(1, 0);
        transform:scale(1, 0);
    }
    50%{
        -webkit-transform-origin:0% 0%;
        -ms-transform-origin:0% 0%;
        -moz-transform-origin:0% 0%;
        -o-transform-origin:0% 0%;
        transform-origin:0% 0%;
        -webkit-transform:scale(1, 1);
        -ms-transform:scale(1, 1);
        -moz-transform:scale(1, 1);
        -o-transform:scale(1, 1);
        transform:scale(1, 1);
    }
    50.1%{
        -webkit-transform-origin:0% 100%;
        -ms-transform-origin:0% 100%;
        -moz-transform-origin:0% 100%;
        -o-transform-origin:0% 100%;
        transform-origin:0% 100%;
        -webkit-transform:scale(1, 1);
        -ms-transform:scale(1, 1);
        -moz-transform:scale(1, 1);
        -o-transform:scale(1, 1);
        transform:scale(1, 1);
    }
    100%{
        -webkit-transform-origin:0% 100%;
        -ms-transform-origin:0% 100%;
        -moz-transform-origin:0% 100%;
        -o-transform-origin:0% 100%;
        transform-origin:0% 100%;
        -webkit-transform:scale(1, 0);
        -ms-transform:scale(1, 0);
        -moz-transform:scale(1, 0);
        -o-transform:scale(1, 0);
        transform:scale(1, 0);
    }
}
@-moz-keyframes elasticus{
    0%{
        -webkit-transform-origin:0% 0%;
        -ms-transform-origin:0% 0%;
        -moz-transform-origin:0% 0%;
        -o-transform-origin:0% 0%;
        transform-origin:0% 0%;
        -webkit-transform:scale(1, 0);
        -ms-transform:scale(1, 0);
        -moz-transform:scale(1, 0);
        -o-transform:scale(1, 0);
        transform:scale(1, 0);
    }
    50%{
        -webkit-transform-origin:0% 0%;
        -ms-transform-origin:0% 0%;
        -moz-transform-origin:0% 0%;
        -o-transform-origin:0% 0%;
        transform-origin:0% 0%;
        -webkit-transform:scale(1, 1);
        -ms-transform:scale(1, 1);
        -moz-transform:scale(1, 1);
        -o-transform:scale(1, 1);
        transform:scale(1, 1);
    }
    50.1%{
        -webkit-transform-origin:0% 100%;
        -ms-transform-origin:0% 100%;
        -moz-transform-origin:0% 100%;
        -o-transform-origin:0% 100%;
        transform-origin:0% 100%;
        -webkit-transform:scale(1, 1);
        -ms-transform:scale(1, 1);
        -moz-transform:scale(1, 1);
        -o-transform:scale(1, 1);
        transform:scale(1, 1);
    }
    100%{
        -webkit-transform-origin:0% 100%;
        -ms-transform-origin:0% 100%;
        -moz-transform-origin:0% 100%;
        -o-transform-origin:0% 100%;
        transform-origin:0% 100%;
        -webkit-transform:scale(1, 0);
        -ms-transform:scale(1, 0);
        -moz-transform:scale(1, 0);
        -o-transform:scale(1, 0);
        transform:scale(1, 0);
    }
}
@-o-keyframes elasticus{
    0%{
        -webkit-transform-origin:0% 0%;
        -ms-transform-origin:0% 0%;
        -moz-transform-origin:0% 0%;
        -o-transform-origin:0% 0%;
        transform-origin:0% 0%;
        -webkit-transform:scale(1, 0);
        -ms-transform:scale(1, 0);
        -moz-transform:scale(1, 0);
        -o-transform:scale(1, 0);
        transform:scale(1, 0);
    }
    50%{
        -webkit-transform-origin:0% 0%;
        -ms-transform-origin:0% 0%;
        -moz-transform-origin:0% 0%;
        -o-transform-origin:0% 0%;
        transform-origin:0% 0%;
        -webkit-transform:scale(1, 1);
        -ms-transform:scale(1, 1);
        -moz-transform:scale(1, 1);
        -o-transform:scale(1, 1);
        transform:scale(1, 1);
    }
    50.1%{
        -webkit-transform-origin:0% 100%;
        -ms-transform-origin:0% 100%;
        -moz-transform-origin:0% 100%;
        -o-transform-origin:0% 100%;
        transform-origin:0% 100%;
        -webkit-transform:scale(1, 1);
        -ms-transform:scale(1, 1);
        -moz-transform:scale(1, 1);
        -o-transform:scale(1, 1);
        transform:scale(1, 1);
    }
    100%{
        -webkit-transform-origin:0% 100%;
        -ms-transform-origin:0% 100%;
        -moz-transform-origin:0% 100%;
        -o-transform-origin:0% 100%;
        transform-origin:0% 100%;
        -webkit-transform:scale(1, 0);
        -ms-transform:scale(1, 0);
        -moz-transform:scale(1, 0);
        -o-transform:scale(1, 0);
        transform:scale(1, 0);
    }
}
@keyframes elasticus{
    0%{
        -webkit-transform-origin:0% 0%;
        -ms-transform-origin:0% 0%;
        -moz-transform-origin:0% 0%;
        -o-transform-origin:0% 0%;
        transform-origin:0% 0%;
        -webkit-transform:scale(1, 0);
        -ms-transform:scale(1, 0);
        -moz-transform:scale(1, 0);
        -o-transform:scale(1, 0);
        transform:scale(1, 0);
    }
    50%{
        -webkit-transform-origin:0% 0%;
        -ms-transform-origin:0% 0%;
        -moz-transform-origin:0% 0%;
        -o-transform-origin:0% 0%;
        transform-origin:0% 0%;
        -webkit-transform:scale(1, 1);
        -ms-transform:scale(1, 1);
        -moz-transform:scale(1, 1);
        -o-transform:scale(1, 1);
        transform:scale(1, 1);
    }
    50.1%{
        -webkit-transform-origin:0% 100%;
        -ms-transform-origin:0% 100%;
        -moz-transform-origin:0% 100%;
        -o-transform-origin:0% 100%;
        transform-origin:0% 100%;
        -webkit-transform:scale(1, 1);
        -ms-transform:scale(1, 1);
        -moz-transform:scale(1, 1);
        -o-transform:scale(1, 1);
        transform:scale(1, 1);
    }
    100%{
        -webkit-transform-origin:0% 100%;
        -ms-transform-origin:0% 100%;
        -moz-transform-origin:0% 100%;
        -o-transform-origin:0% 100%;
        transform-origin:0% 100%;
        -webkit-transform:scale(1, 0);
        -ms-transform:scale(1, 0);
        -moz-transform:scale(1, 0);
        -o-transform:scale(1, 0);
        transform:scale(1, 0);
    }
}

/* フワッと表示 */
.inview.fadeup{
	opacity:0;
	transition-duration:1s;
	transform:translateY(30px);
}
.inview.fadeup.active{
	opacity:1;
	transform:translateY(0px);
}
.inview.fadedown{
	opacity:0;
	transition-duration:1s;
	transform:translateY(-30px);
}
.inview.fadedown.active{
	opacity:1;
	transform:translateY(0px);
}
.inview.fadeleft{
	opacity:0;
	transition-duration:1s;
	transform:translateX(-30px);
}
.inview.fadeleft.active{
	opacity:1;
	transform:translateX(0px);
}
.inview.faderight{
	opacity:0;
	transition-duration:1s;
	transform:translateX(30px);
}
.inview.faderight.active{
	opacity:1;
	transform:translateX(0px);
}
.delay01{
	transition-delay:.2s;
}
.delay02{
	transition-delay:.4s;
}
.delay03{
	transition-delay:.6s;
}
.delay04{
	transition-delay:.8s;
}
.delay05{
	transition-delay:1s;
}


#footer-wrapper{
  padding:0!important;
}
ul#menu-footer{
  display:flex;
  flex-wrap:wrap;
  flex-direction:row;
  margin-bottom:30px;
  padding:0;
}
footer .footermenust li{
  width:calc(100% / 2 - 1px);
  border-right:none!important;
  border-bottom:1px solid #e7e8e9;
  padding:0!important;
}
footer .footermenust li:nth-child(odd){
  border-right:1px solid #e7e8e9!important;
}
footer .footermenust li:last-child{
  width:100%;
  border-right:none;
}
footer .footermenust li a{
  display:block;
  padding:17px 20px!important;
  font-size:0.86rem!important;
}
.caution{
  text-align:left;
  display:block;
  line-height:1.8;
  padding:0 20px;
  font-size:0.68rem;
}
.caution br{
  display:none;
}
.copyr{
  padding:20px 0 35px;
}
@media print, screen and (min-width:960px){
  #footer-in{
    max-width:100%!important;
  }
  .footermenubox.clearfix{
    text-align:center;
    border-bottom:1px solid #e7e8e9;
    margin-bottom:50px;
  }
  ul#menu-footer{
    justify-content:flex-start;
    margin:0 auto;
    padding:50px 0px 50px 180px;
    max-width:1280px;
    width:100%;
  }
  footer .footermenust li{
    width:23%;
    line-height:2.3!important;
    border-bottom:none;
  }
  footer .footermenust li:nth-child(odd){
    width:23%;
    border-right:none!important;
  }
  footer .footermenust li a{
    display:block;
    padding:0!important;
  }
  footer .footermenust li:last-child{
    width:auto;
  }
  .caution{
    text-align:center;
  }
  .caution br{
    display:inherit;
  }
  .copyr{
    padding:20px 0 45px;
  }
}

/*フォント*/
h1,
h2,
h2 a{
  font-size:1.65rem!important;
  line-height:1.4!important;
}
.wp-block-heading{
  color:#333!important;
}
@media print, screen and (min-width:960px){
  h1,
  h2,
  h2 a{
    font-size:1.9rem!important;
  }
}
/***** トップページ *****/
.front_page{
  padding:0 !important;
}
.front_page .wp-block-columns{
  margin-bottom:0;
  gap:0!important;
}
.front-page #content-w{
  padding-top:0;
}
.front-page #stnews_widget-3{
  display:block!important;
}
.front_page #st-page{
  padding-bottom:0;
}
@media print, screen and (min-width:960px){
  .front_page{
    padding:0!important;
  }
  .front_page .wp-block-columns{
    gap:40px!important;
  }
}
/*** トップページ　イントロ ***/
.front_intro{
  padding:20px;
  justify-content:space-around;
}
.front_intro_inner{
  width:100%;
  justify-content:flex-end;
  flex-direction:unset !important;
}
span.st-dash-design{
  padding:10px 0 20px;
  display:block;
}
.wp-block-column.front_intro_second.pic.is-layout-flow.wp-block-column-is-layout-flow p{
  line-height:2.2 !important;
  font-size:0.94rem !important;
}
@media print, screen and (min-width:375px){
  .front_intro{
    padding:40px 20px;
  }
}
@media print, screen and (min-width:960px){
  .front_intro{
    padding:90px 20px 80px;
  }
  .front_intro_inner{
    max-height:360px;
    justify-content:center;
  }
  .front_intro_inner.wp-block-columns{
    flex-wrap:nowrap !important;
  }
  span.st-dash-design{
    padding:0!important;
  }
}

@media print, screen and (min-width:960px){
  .front_intro_first,
  .front_intro_second{
    writing-mode:vertical-rl;
    flex-grow:unset !important;
    flex-basis:unset !important;
  }
  .front_intro_first{
    order:2;
    flex:0 0 30%;
    width:max-content!important;
}
}
  
.front_intro_second{
  order:1;
  display:flex;
  flex-wrap:wrap;
  flex-direction:column;
  gap:20px;
}
.front_intro_second p{
  line-height:1.6 !important;
  overflow-wrap:break-word;
  word-break:break-word;
  white-space:normal;
  margin-bottom:0;
  max-height:360px;
}
.front_intro_first .wp-block-heading{
  padding:0!important;
}
.front_intro_first .wp-block-heading span{
  font-size:1.8rem;
  line-height:1.2;
}
@media print, screen and (min-width:375px){
  .front_intro_first .wp-block-heading span{
    font-size:2.0rem;
  }
}
@media print, screen and (min-width:960px){
  .front_intro_second p{
    line-height:2.2!important;
  }
  .front_intro_first .wp-block-heading span{
    font-size:4.0rem;
  }
}
.front_intro .wp-block-columns{
  gap:20px!important;
  flex-wrap:wrap!important;
}
.front_intro .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
  flex-basis:unset !important;
}
@media print, screen and (min-width:960px){
  .front_intro .wp-block-columns{
    gap:70px!important;
  }
}
/*** トップページ　プロフィール ***/
.front_profile,
.front_product_inner{
  background:#fff;
  margin-bottom:20px !important;
}
.front_product_inner,
.front_profile_right{
  padding:40px 20px;
}
@media print, screen and (min-width:960px){
  .front_profile,
  .front_product_inner{
    margin-bottom:70px !important;
  }
  .front_product_inner{
    padding:40px;
  }
  .front_profile_right{
    padding:70px 20px;
}
}
@media print, screen and (min-width:960px){
  .front_profile{
    width:100vw;
    margin:0 calc(50% - 50vw);
  }
}
.front_profile_inner{
  max-width:1280px;
  margin:0 auto!important;
}
.front_profile h2{
  padding:16px 0 20px 0!important;
}
@media print, screen and (min-width:960px){
  .front_profile h2{
    padding:20px 0 30px 0!important;
  }
}
.front_profile_left{
  display:flex;
}
.front_profile_img{
  width:100%;
}
.front_profile_img img{
  width:100% !important;
  height:100% !important;
  object-fit:cover;
}
@media print, screen and (min-width:960px){
  .front_profile_img{
    margin-bottom:0 !important;
  }
}
.front_profile_right{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  flex-direction:column;
  justify-content:center;
}
.front_profile_en,
.front_profile_birth{
  margin-bottom:10px;
  line-height:1.2 !important;
}
.front_profile_text{
  line-height:1.8!important;
  margin-top:8px !important;
}
.front_profile_btn{
  margin:10px auto 0!important;
}
.front_profile .wp-block-group{
  display:flex;
  flex-wrap:wrap;
  gap:0 40px;
  flex:1;
}
@media print, screen and (min-width:960px){
  .front_profile_btn{
    margin:20px auto 0!important;
  }
  .front_profile .wp-block-group{
    flex-wrap:inherit;
    margin-bottom:0 !important;
  }
}
/*** トップページ　プロダクト紹介 ***/
.front_product_inner .wp-block-heading{
  padding:0 0 40px 0!important;
  text-align:center;
}
.front_product_text{
  margin-top:36px;
  margin-bottom:36px;
  line-height:1.8!important;
}
@media print, screen and (min-width:807px){
  #newsin h2.news-ca{
    padding:60px!important;
  }
}
/*.top-blog-list*/
/*.post-list*/
.top-blog-list{
  background:#fff;
}
.top-blog-list ul{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  width:100%;
  max-width:2240px;
  margin:0 auto;
  padding:0;
}
.post-list{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  margin:0 calc(50% - 50vw);
  padding:0;
  width:100vw;
  max-width:2240px;
}
@media print, screen and (min-width:740px){
  .post-list{
    margin:0 auto;
    width:100%;
  }
}
.post-list::after{
  content:"";
  display:block;
  width:27.5%;
}
.top-blog-list ul li ,
.post-item{
  list-style:none;
  text-align:center;
  padding:0 0 15px;
  width:50%;
}
.post-item{
  padding:0 0 25px;
}
.top-blog-list ul li a ,
.post-item a{
  display:block;
  text-decoration:none;
  padding:0;
}
.top-blog-list h2{
  text-align:center;
  padding:40px 0!important;
}
@media print, screen and (min-width:960px){
  .top-blog-list h2{
    padding:70px 0!important;
  }
}
.post-item a h2{
  padding:15px 10px 0!important;
  margin:0!important;
  font-size:1.18rem!important;
  font-weight:900!important;
}
h3.wp-block-heading.has-st-regular-font-size{
  padding:30px 0!important;
  font-size:1.0rem!important;
  font-weight:600!important;
}
.top-blog-list ul li a:last-of-type{
  font-size:0.78rem;
  color:#515253;
}
.top-blog-list ul li a img ,
.post-item a img{
  width:100%;
  max-height:640px;
  aspect-ratio:2 / 3;
  object-fit:cover;
}
.top-blog-list ul li a img{
  padding-bottom:12px;
}
@media print, screen and (min-width:740px){
  .top-blog-list ul li{
    width:33.3333%;
  }
  .post-item{
    width:31%;
  }
}
@media print, screen and (min-width:960px){
  .top-blog-list{
    margin:0 calc(50% - 50vw);
    width:100vw;
  }
  .top-blog-list ul li a img{
    padding-bottom:18px;
  }
}
@media print, screen and (min-width:1082px){
  .top-blog-list ul{
    padding-right:0.5%!important;
  }
  .top-blog-list ul li{
    width:20%;
  }
  .top-blog-list ul li:nth-child(6){
    display:none;
  }
}
@media print, screen and (min-width:1466px){
  .top-blog-list ul li:nth-child(6){
    display:flex;
    flex-direction:column;
  }
  .top-blog-list ul li{
    width:16.6666%;
  }
}

.post-content .wp-block-image.size-full{
  text-align:center;
}
.post-content .wp-block-image.size-full img{
  margin:0 calc(50% - 50vw);
  width:100vw;
  max-width:100vw;
}
@media print, screen and (min-width:960px){
  .post-content .wp-block-image.size-full img{
    margin:0 auto 50px;
    width:100%;
    max-width:860px;
  }
}

.post-content h2.wp-block-heading{
  padding:15px 0 5px!important;
}
.post-content h3.wp-block-heading{
  border-bottom:1px solid #e7e8e9;
  margin-bottom:25px;
  padding:0 0 25px!important;
  font-size:0.9rem!important;
  color:#919293;
}

.related-posts{
  padding-top:25px;
}
.related-posts-list{
  display:flex;
  gap:2%;
  padding:20px 0;
}
.related-posts-list .related-post-item{
  text-align:center;
  width:32%;
}
@media print, screen and (min-width:740px){
  .related-posts-list .related-post-item{
    width:15%;
  }
}
.related-posts-list .related-post-item img{
  aspect-ratio:2 / 3;
  object-fit:cover;
  padding-bottom:10px;
}
.related-posts-list .related-post-item a{
  text-decoration:none;
}
img.attachment-180x180.size-180x180.wp-post-image{
  aspect-ratio:1 / 1;
  object-fit:cover;
  width:60px;
  height:60px;
}
/*.top-blog-list end*/
/*.post-list end*/

.more-posts{
  text-align:center;
  padding:20px 0 40px;
}
@media print, screen and (min-width:740px){
  .more-posts{
    padding:50px 0 70px;
  }
}




/*下層*/
body:not(.front-page) main{
  border:none!important;
  border-radius:0;
}
#stnews_widget-3 ,
span.kdate{
  display:none;
}
h1.entry-title{
  text-align:center;
  padding-bottom:30px;
}
@media print, screen and (min-width:600px){
  h1.entry-title{
    padding-bottom:70px;
    margin-bottom:0!important;
  }
}
.post-template-default.single h1{
  text-align:left!important;
}
.single h1{
  padding-bottom:0!important;
}
.post .st-catgroup ,
.single-blog .post-terms{
  padding-bottom:30px!important;
}
.single-blog .post-terms{
  text-align:center;
}
.single-blog .post-terms a{
  text-decoration:none;
}
ul.wp-block-list{
  margin:0;
}
ul.wp-block-list li{
  line-height:1.4!important;
  font-size:0.98rem!important;
}
span.st-prev-title{
  line-height:1.4;
}

.post h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2):not(.rankh3):not(.post-card-title):not(#reply-title){
  padding:15px 0!important;
  font-size:0.98rem!important;
}
.post h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2):not(.rankh3):not(.post-card-title):not(#reply-title):before{
  content:"│"!important;
}

table ,
th ,
td{
  border:none!important;
}
.table-pt01{
  margin-top:50px;
  margin-bottom:40px;
}
.table-pt01 table{
  margin-top:10px;
  border-top:1px solid #d7d8d9!important;
  border-left:1px solid #d7d8d9!important;
}
.table-pt01 table th ,
.table-pt01 table td{
  border-right:1px solid #d7d8d9!important;
  border-bottom:1px solid #d7d8d9!important;
  padding:15px!important;
}
.table-pt01 th ,
.table-pt01 td{
  display:block;
}
.table-pt01 th{
  font-weight:600!important;
}
.table-pt02 table{
  margin-top:50px!important;
  border-top:1px solid #d7d8d9!important;
}
@media print, screen and (min-width:960px){
  .table-pt01{
    margin-top:70px;
    margin-bottom:50px;
  }
  .table-pt02 table{
    margin-bottom:50px!important;
  }
}
.table-pt02 table th ,
.table-pt02 table td{
  text-align:center!important;
  border-bottom:1px solid #d7d8d9!important;
  padding:15px 0!important;
  font-size:0.82rem!important;
}
.table-pt02 table th:nth-child(1) ,
.table-pt02 table td:nth-child(1){
  width:21%;
}
.table-pt02 table th:nth-child(2) ,
.table-pt02 table td:nth-child(2){
  width:21%;
}
.table-pt02 table td:nth-child(3){
  text-align:left!important;
  padding:15px 0 15px 20px!important;
}
@media print, screen and (min-width:740px){
  .table-pt01 th ,
  .table-pt01 td{
    display:table-cell;
  }
  .table-pt01 th{
    width:30%;
  }
  .table-pt02 th{
    font-weight:900!important;
  }
  .table-pt02 table th ,
  .table-pt02 table td{
    padding:25px 15px!important;  
    font-size:1.02rem!important;
  }
  .table-pt02 table td:nth-child(3){
    padding:25px 15px 25px 90px!important;
  }
}

@media print, screen and (min-width:600px){
  .prof-box .wp-block-image img{
    width:100%;
    /*max-width:520px;*/
  }
}
@media print, screen and (min-width:960px){
  .prof-box .wp-block-image img{
    max-width:100%;
    padding-bottom:20px;
  }
  .prof-main{
    padding-left:40px;
  }
}
.prof-list01 ,
.prof-list02{
  padding-left:0;
}
.prof-list01{
  padding-top:20px;
  padding-bottom:20px;
}
.prof-list01 li ,
.prof-list02 li{
  list-style:none;
}
.product_detail_text .prof-list01{
  margin-top:-12px !important;
}
.prof-list02.front_profile_text{
  margin-top:16px!important;
}
.prof-list01 li:first-child{
  list-style-type:"主題：";
  margin-left:45px;
}
.prof-list01 li:nth-child(2){
  list-style-type:"よみ：";
  margin-left:45px;
}
.prof-list01 li:last-child{
  list-style-type:"英題：";
  margin-left:45px;
}
/*作品紹介*/
.page-id-181 .blogbox{
  margin-bottom:0;
}
.product_intro{
  margin-bottom:30px;
}
.product_title{
  margin-bottom:30px;
  padding:10px 20px;
  border:1px solid #d7d8d9;
  font-size:1.2rem !important;
  font-weight:bold;
}
@media print, screen and (min-width:960px){
  .prof-list01{
    padding-top:0;
    padding-bottom:30px;
  }
  .product_art_columns .product_text{
    margin-top:10px;
  }
  .product_title{
    margin-bottom:70px;
    padding:15px 25px;
  }
}
.product_art_columns p{
  margin-bottom:0;
}
.product_art_columns .btn{
  margin-top:30px;
}
.product_art_columns img{
  width:100%;
}
.product_art_columns.wp-block-columns{
  gap:40px!important;
  margin-bottom:40px;
  align-items:flex-start;
}
.product_art_columns .wp-block-column:not(:last-child){
  padding-bottom:40px;
  border-bottom:1px solid #e7e8e9;
}
.product_art_columns:last-child{
  margin-bottom:20px;
}
.product_art_columns .wp-block-image{
  margin-bottom:8px;
}
@media print, screen and (min-width:960px){
  .product_art_columns .wp-block-column{
    margin-top:30px!important;
  }
  .product_art_columns.wp-block-columns,
  .product_detail_columns .wp-block-columns{
    gap:70px!important;
  }
  .product_art_columns .wp-block-column{
    margin-bottom:0!important;
  }
  .product_art_columns .wp-block-column:not(:last-child){
    padding-bottom:0;
    border-bottom:0;
  }
  .product_art_columns .wp-block-column:first-child{
    border-right:1px solid #e7e8e9;
    padding-right:70px;
  }
  .product_art_columns .wp-block-image{
    margin-bottom:20px;
  }
}

.product_columns.wp-block-columns{
  gap:20px!important;
  margin-bottom:40px;
  align-items:center!important;
}
.product_columns:not(:last-child){
  padding-bottom:40px;
  border-bottom:1px solid #e7e8e9;
}
.product_columns:last-child{
  margin-bottom:20px;
}

@media print, screen and (min-width:960px){
  .product_columns.wp-block-columns{
    gap:70px!important;
  }
  .product_columns.wp-block-columns{
    margin-bottom:70px!important;
  }
  .product_columns:not(:last-child){
    padding-bottom:70px;
  }
  .product_columns:last-child{
    margin-bottom:40px!important;
  }
  .product_columns .btn{
    margin:0 0 0 auto;
  }
}
.product_columns .wp-block-heading{
  padding:0!important;
}
.awards{
  margin-bottom:30px!important;
}
@media print, screen and (min-width:960px){
  .awards{
    margin-bottom:40px!important;
  }
}
.awards ul{
  padding-left:0 !important;
  border:1px solid #d7d8d9;
}
.awards ul li{
  list-style:none;
  background:#fff;
  border-bottom:1px solid #d7d8d9;
  padding:15px !important;
}
.awards ul li:last-child{
  border-bottom:none;
}

figure.wp-block-image.size-large{
  text-align:center;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner{
  background:#fff;
  padding-top:15px!important;
  padding-bottom:15px!important;
}
@media print, screen and (min-width:960px){
  input.wpcf7-form-control.wpcf7-submit.has-spinner{
    margin-top:60px!important;
  }
}
.wpcf7 form.sent .wpcf7-response-output{/* 送信ボタン下完了時 */
  display:none!important;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output{/* 送信ボタン下未入力警告 */
  border:none!important;
  padding:17px 20px!important;
  background:#fff1f1;
  color:#f66;
}
.wpcf7-not-valid-tip{/* 必須未入力項目下の文章 */
  color:#f66;
}
.wpcf7 form .wpcf7-response-output{
  margin:0 0 60px!important;
}
.required{
  display:inline-block;
  line-height:1.6;
  background:#f88;
  border-radius:3px;
  margin-left:10px;
  padding:2px 6px;
  font-weight:bold;
  font-size:0.72rem;
  color:#fff;
}
.wpcf7-not-valid-tip{
  font-size:0.9rem!important;
  color:#f66!important;
}
figcaption.wp-element-caption {
  line-height: 1.8!important;
  margin: 0 0 20px!important;
  padding: 15px 0!important;
  font-size: 0.9rem!important;
  font-weight: bold;
  background: #f7f8f9;
}

.type-post h1.entry-title {
  line-height: 1.4!important;
  padding-top: 20px!important;
  font-size: 1.4rem!important;
}
@media print, screen and (min-width:960px){
  .type-post h1.entry-title {
    line-height: 1.8!important;
    font-size: 1.65rem!important;
  }
}