@charset "UTF-8";
/*======================



common.css
2023/09 



======================*/
/*------------------------------------------
set
--------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-style:normal;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body{ 
  font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Arial, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1.4; font-size: 14px; color: #231815; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; overflow-x: hidden;
}

ol, ul{ list-style:none; }
img{ vertical-align: bottom; max-width: 100%; border: none; }

a, a:hover { transition: .3s; text-decoration: none; }
a:hover { opacity: 0.8; cursor: pointer; }
a img, a:hover img { transition: .3s;}
a:hover img { opacity: .85; filter: "alpha(opacity=85)";}


/*------------------------------------------
フッター
--------------------------------------------*/
#footer_wrap { background: #000; color: #fff; border-top: 1px solid #666; font-size: 12px; letter-spacing: 0; margin-bottom: -20px; padding: 30px 0; }
#footer_wrap._wht { background: #fff; color: #333; border-top: 1px solid #999;}

#footer_wrap #footer_Box { width: 1000px; margin: 0 auto; line-height: 1.8;}
#footer_wrap #footer_Box ul.footer_mainList { display: flex; }

#footer_wrap #footer_Box ul.footer_mainList li a { color: #fff; }
#footer_wrap #footer_Box ul.footer_mainList li a:hover { color: #fff; }
#footer_wrap._wht #footer_Box ul.footer_mainList li a { color: #333; }
#footer_wrap._wht #footer_Box ul.footer_mainList li a:hover { color: #333; }

#footer_wrap #footer_Box ul.footer_mainList .top_box,
#footer_wrap #footer_Box ul.footer_mainList .top_box2 { position: relative; border-left: 1px dotted #333; width: calc(100% / 3); padding: 0 2%; }
#footer_wrap #footer_Box ul.footer_mainList .top_box .title { background: #333; color: #fff; border-radius:3px; padding:5px 10px 3px;}
#footer_wrap._wht #footer_Box ul.footer_mainList .top_box,
#footer_wrap._wht #footer_Box ul.footer_mainList .top_box2 { border-left: 1px dotted #ccc; }
#footer_wrap._wht #footer_Box ul.footer_mainList .top_box .title { background: #ccc; color: #333;}
#footer_wrap #footer_Box ul.footer_mainList .top_box2 { text-align: right; padding-bottom: 10px; }

#footer_wrap #footer_Box ul.footer_mainList .top_box ul { margin: 10px 0; }
#footer_wrap #footer_Box ul.footer_mainList .top_box ul li a { display: inline-block; position: relative; padding-left: 1.2em; line-height: 1.4; }
#footer_wrap #footer_Box ul.footer_mainList .top_box ul li a::before { content: ""; position: absolute; top: 0.4em; left: 0; background: url(../img/cmn/listicon.png) no-repeat center center; background-size: contain; width: 6px; height: 8px; }
#footer_wrap #footer_Box ul.footer_mainList .top_box2 ul { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
#footer_wrap #footer_Box ul.footer_mainList .top_box2 ul li { position: relative; }
#footer_wrap #footer_Box ul.footer_mainList .top_box2 ul li .note { font-size: 10px; }
#footer_wrap #footer_Box ul.footer_mainList .top_box2 ul li p.link a { display: inline-block; position: relative; padding-left: 1.6em; line-height: 1.4; }
#footer_wrap #footer_Box ul.footer_mainList .top_box2 ul li p.link a::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: url(../img/cmn/linkicon.png) no-repeat center center; background-size: contain; width: 13px; height: 13px; }

#footer_wrap #footer_bottom{ margin: 20px auto 0;}
#footer_wrap #footer_bottom ul{ display: flex; }
#footer_wrap #footer_bottom ul li { margin-top: auto; }

#footer_wrap #footer_bottom ul .left_Tbnr{ width: 10%; text-align: left; }
#footer_wrap #footer_bottom ul .center_Tnation{ width: 80%; color: #ccc; font-size: 10px; line-height: 1.4; text-align: center; padding: 10px 0; margin: 10px auto 0; word-break: keep-all; }
#footer_wrap #footer_bottom ul .right_Bicon{ width: 10%; text-align: right; }


/*------------------------------------------
共通
--------------------------------------------*/
.dis_non { display: none; }
.dis_pc { display: block; }
.dis_sp { display: none; }
.font-arl { font-family: Arial, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; }


/*================================================================*/



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

/*------------------------------------------
set
--------------------------------------------*/
body { font-size: 3.2vw; }


/*------------------------------------------
フッター
--------------------------------------------*/
#footer_wrap #footer_Box { width: 96%; }
#footer_wrap #footer_Box ul.footer_mainList { flex-direction: column; }

#footer_wrap #footer_Box ul.footer_mainList .top_box,
#footer_wrap #footer_Box ul.footer_mainList .top_box2 { border: none; width: 100%; margin-bottom:20px; }
#footer_wrap #footer_Box ul.footer_mainList .top_box2 { text-align: left; padding-bottom: 0; }
#footer_wrap #footer_Box ul.footer_mainList .top_box2 ul li .note { font-size: 2.8vw; }

#footer_wrap #footer_bottom ul .left_Tbnr{ width: 20%; }
#footer_wrap #footer_bottom ul .center_Tnation{ width: 64%; font-size: 2.8vw; }
#footer_wrap #footer_bottom ul .right_Bicon{ width: 16%; }


/*------------------------------------------
共通
--------------------------------------------*/
.dis_pc { display: none; }
.dis_sp { display: block; }


}