@charset "utf-8";


/*----------------------------------------------------------
大見出し
------------------------------------------------------------ */

/* ----- 中見出し ----- */

/* 小見出し */



/*----------------------------------------------------------
リセットCSS
-----------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
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 {
  border: 0;
  font: inherit;
  font-size: 0.88em;
  margin: 0;
  padding: 0;
  text-decoration:none;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*----------------------------------------------------------
全体設定
-----------------------------------------------------------*/


body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form,
input,
label,
textarea,
select,
optgroup,
option,
button,
address,
blockquote,
cite,
abbr,
acronym,
dfn,
em,
strong,
span{
margin:0;
padding:0;
font-size:16px;
font-weight:normal;
font-style:normal;
font-family:Arial, Helvetica, sans-serif, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka;
text-decoration:none;
line-height:1.4em;
}


a{
  text-decoration:none;
}
a:link{
  color:#1d54a7;
  outline:none;
}
a:visited{
  color:#1d54a7;
  outline:none;
}
a:hover{
  color:#f99c1b;
  outline:none;
}

a:hover img{
  filter:alpha(opacity=85);
  opacity:0.85;
}
img{
  border:none;
}


/*----------------------------------------------------------
全体設定
-----------------------------------------------------------*/

.whopper{}
.inner{
  max-width:960px;
  margin:0 auto;
}

@media (max-width:768px) {
  .inner{
    max-width:96%;
    margin:0 auto;
  }
}


.body{
  background:#eee;
}

.main_col,
.sub_col{
  background:#fff;
}

.main_col{
  float:right;
  width:720px;
}
.sub_col{
  float:left;
  width:220px;
}

@media (max-width:768px) {
  .main_col,
  .sub_col{
    float:clear;
    width:100%;
  }
}

/*----------------------------------------------------------
アイコン・先頭文字
-----------------------------------------------------------*/

/* ※印 */
.komejirushi,
.bs3 .komejirushi{
  margin-left: 1em;
  text-indent: -1em;
}
.komejirushi:before,
.bs3 .komejirushi:before{
  content: '※';
}

/*矢印*/
.arrow::after,
.arrow_left::after{
  color:#bbb;
  content:"\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left:0.5em;
}

.arrow:hover::after,
.arrow_left:hover::after{
  color:#cb1122;
}

.arrow_left::after{
  float:right;
  margin:auto 10px;
}


/*----------------------------------------------------------
その他 汎用スタイル
-----------------------------------------------------------*/
/* clearfix */
.clear:after{
  content:" ";
  clear:both;
  display:block;
}

/*----------------------------------------------------------
リスト
-----------------------------------------------------------*/

ul.disc li,
ul li.disc,
.bs3 ul.disc li,
.bs3 ul li.disc{
  list-style-type: disc;
}

ul.circle li,
ul li.circle,
.bs3 ul.circle li,
.bs3 ul li.circle{
  list-style-type: circle;
}

ul.square li,
ul li.square,
.bs3 ul.square li,
.bs3 ul li.square{
  list-style-type: square;
}


/*--Gnav--*/
.gnav-wrapper {
 background: #fff;
 position: relative;
}

.gnav {
 display: flex;
 justify-content: space-between;
}

.gnav li {
 padding: 16px 0;
 text-align: center;
 transition: all .3s ease-in-out;
}

.gnav li:hover {
 background: #e2e2e2;
}

.gnav a {
 color: #fff;
 padding: 0 24px;
}

.gnav > li:hover .megamenu {
 max-height: 9999px;
 opacity: 1;
 padding: 30px 0;
}

.megamenu {
 background: #000000bf;
 max-height: 0;
 opacity: 0;
 overflow: hidden;
 width: 100%;
 position: absolute;
 top: 50px;
 left: 0;
 transition: all .2s ease-in;
 z-index: 999;
}

.megamenu-inner {
 display: flex;
 flex-wrap: wrap;
}

.megamenu-inner li {
 width: calc( (100% / 5) );
 padding: 0;
}

.megamenu-inner a {
 border-left: none;
 color: #fff !important;
}

.megamenu-inner a:hover {
 border-left: none;
 color: #111 !important;
}

.megamenu-inner-img {
 margin: 0 0 5px;
}

.megamenu-inner-text img {
 margin: 0 5px 0 0;
}