@charset "utf-8";
/*============== position absolute =====================*/
html{height: 100%;}
img{max-width: 100%;height:auto;vertical-align: middle}
/*==============Reset=====================*/
body{margin: 0;padding: 0;color:#333;
	background:#fff;font-family:"M PLUS 1p", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 20px;/*base size*/
	word-wrap : break-word;
  overflow-wrap : break-word;}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {min-height: 1px;}
.clear{clear: both !important;}
* html .clearfix {height: 1px;/*\*//*/ height: auto;  overflow: hidden;  /**/}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {font-weight: 500;margin:0;padding:0;border:0;}
img{max-width:100%;height: auto;}
ul li {list-style-type:none;list-style-position: outside;}
address{font-style: normal;}
table {border-collapse: collapse;}
p, li, dt, dd, th, td, label, button, h4, h5, h6{transform: rotate(0.05deg);text-shadow: 0px 1px 2px #ccc}
p{line-height:1.35em}

@media screen and (max-width:640px){
.subcontents{background:url(../images/mainvbg3.jpg)!important;padding-top:150px!important; padding-bottom:100px!important;background-repeat:no-repeat; background-position:center top!important; background-attachment:fixed!important; background-size:cover; -webkit-background-size:cover!important}
}
@media screen and (min-width:641px) and (max-width:1000px){
.subcontents{background:url(../images/mainvbg3.jpg)!important;padding-top:400px!important; padding-bottom:140px;background-repeat:no-repeat; background-position:bottom center!important; background-attachment:fixed!important; background-size:cover; -webkit-background-size:cover!important}
}

.subcontents{background:url(../images/mainvbg2.jpg);padding-top:440px; padding-bottom:140px;background-repeat:no-repeat; background-position:right top; background-attachment:fixed; background-size:cover; -webkit-background-size:cover;height:55vh}

.subcontents2{background:url(../images/tester/mainvbg4.png);padding-top:300px; padding-bottom:140px;background-repeat:no-repeat; background-position:top center;background-size:cover; -webkit-background-size:cover;height:50vh}

@media screen and (min-width:1000px){
.setheight .one-third.mcb-wrap{height: 50px!important}
.setheight .one-second.mcb-wrap {width: 50%;height: 50px!important;border-bottom: 1px dashed #ccc}
}

#toc2 p{margin:0 0 15px 30px;line-height:35px}
/*==========================================iframe==========================================*/
.moviewrap {position: relative;padding-bottom: 46.25%; padding-top: 30px;height: 0;overflow: hidden;}
.moviewrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}



#news.news--cards{ background:#f7f7fb; padding:72px 0 }
#news .news_hd{ font-size:clamp(22px,2.6vw,28px); margin:0 0 28px; letter-spacing:.03em }
#news .news_list{/* display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:22px*/}
#news .news-item{ background:#fff; border:1px solid #e5e7eb; border-radius:10px; padding:18px; box-shadow:0 6px 20px rgba(0,0,0,.06);margin:15px 0 }
#news .news-item header{ display:flex; gap:12px; align-items:flex-start; margin:0 0 10px }
#news time{color:#8C0071; white-space:nowrap }

#news .summary{ color:#6b7280; margin:.4rem 0 0;font-size: 1.1rem!important }
#news .summary dt{border: none;font-weight: 600}
#news .summary dd{border:none;border-bottom: 1px dashed #ccc;}
#news figure{ margin:12px 0 0 }
#news img{ width:100%; height:auto; border-radius:12px }
#news .more a{ display:inline-block; margin-top:10px; text-decoration:none; border-bottom:1px solid currentColor }
#news .news-item:hover{ transform:translateY(-1px); transition:.2s ease; box-shadow:0 10px 26px rgba(0,0,0,.10) }