/* seisaku 2023.2.   alank  kinoshita tsubasa , katayama tomoya */

@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c');

@font-face {
  font-family: "myfont"; /*任意のフォントファミリー名でOK*/
  src: url("./Zen_Maru_Gothic/ZenMaruGothic-Regular.ttf") format("truetype"); /*fontがあるパスを書いて、formatを指定*/
  font-display: swap; /*ダウンロード状況に応じてフォントの表示を変える
(「swap」はWebフォントが読み込まれるまでフォールバックフォントで表示し、読み込まれた時点で置き換えます。)*/
}
/* リセットcss */
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 { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
* { box-sizing: border-box; }
a { text-decoration:none; }
li { list-style: none; }
html { font-size:62.5%; }
body{ background:#ffffff; width:100%; height:auto; font-family: "myfont",sans-serif;}
.rel{position:relative;}
.ab{position:absolute;}
.d-f{display:flex;justify-content:center;align-items:center;}
.d-b{display:block;}
.d-i{display:inline-block;}
.f-b{font-weight:bold;}
.max-w12{max-width:1200px;margin:0 auto;}
h1,h2,h3{font-size:24px;}
h4,h5,h6{font-size:20px;}
p,th,td,li{font-size:18px;}
@media screen and (max-width:1200px){
  p,th,td,li{font-size:16px;}
}
@media screen and (max-width:950px){
  p,th,td,li{font-size:14px;}
}
@media screen and (max-width:700px){
  p,th,td,li{font-size:13px;}
}

/* aホバー下線 */
.a-hov,.a-hov-b,.a-hov-bb{position:relative;}
.a-hov::after{position:absolute;left:0;content:'';width:100%;height:2px;background:#fff;bottom:-2px;transform:scale(0, 1);transform-origin:left top;transition:transform 0.5s;}
.a-hov:hover::after{transform:scale(1, 1);}


/* top */
.top-box{width:100%;margin:0 auto;height:700px;}
.top-logo{width:120px;height:120px;top:0;left:0;}
.top-left-inner-box{width:600px;bottom:20%;left:5%;}
.top-left-inner-box h6{font-size:46px;color:#fff;text-shadow:0 4px 4px rgba(0, 0, 0, 0.281);}
.top-left-inner-box h6 span{color:#FFEB3A;}
.top-left-inner-box .m-5{margin-left:5%;}
.top-left-inner-box .m-10{margin-left:10%;}
.top-left-inner-box p{font-size:16px;color:#fff;margin-top:5%;}
.top-h6-2{margin-left:5%;}
.top-h6-3{margin-left:10%;}