@charset "utf-8";
	.pc { display:block; }
	.sp { display:none;}

.clearfix {
    display: block;
    clear: both;
    content: "";
}

html {
  scroll-padding-top: 70px;
}
body	{  font-family: メイリオ;
overflow: hidden;
}
header	{font-family: Yu Gothic !important;}
footer	{font-family: Yu Gothic !important;}

h2	{font-weight:bold !important;}
h3	{font-weight:bold !important;}

.bg_gray1	{background:#e0e1e5 !important;}
.bg_yellow	{background:#bbb9da;}
.fwp	{color:#c5004f;}
.fww	{color:#ffffff;}
.fww a	{color:#ffffff;}
.w100	{width:100%;min-width:830px;}
.fl2	{float:left;}
.fr2	{float:right;}

.leftside	{float:left;
width:25%;min-width:280px;}

.rightside	{float:left;
margin-left:0.5%;
width:70%;}

.content	{
max-width:950px;
margin:0 auto;
padding:0 0 30px;
position: relative; }

.mab50	{margin-bottom:50px !important;}
.mmal20	{margin-left:-20px !important;}
.mal20	{margin-left:20px !important;}
.mab5	{margin-bottom:5px !important;}
/*ホバーを滑らかに処理*/
a {
    -webkit-transition: .3s;
       -moz-transition: .3s;
        -ms-transition: .3s;
         -o-transition: .3s;
            transition: .3s;
}


#spheader	{ display:none; }
#pagetop	{ position:fixed; right:0; bottom:0px; z-index:10; }

.stock	{
margin-top:10px;
}
.stock	a :hover {
opacity: .6;
}
.none_mail {
margin-top:10px;

}

.none_mail 	a :hover {opacity: .6;
}

section {
    max-width: 1170px;
    margin: 0 auto;
}

#wrap2 {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: auto;
    min-width:1100px;
}

#main_bg {
	position: static;
	z-index: 0;
    width: 100%;
    max-height:430px;
    height:auto !important;
    background:#000000;
}
@media (max-width: 1350px) {

#main_bg {
    background:none;
}
}

#main_visual {
	background: url("/special/img/gundam/main_pc.jpg") no-repeat center top;
	background-size: 100%;
	padding-bottom: 30%;
	width:100%;
	max-width:1350px;
	margin:18px auto 0;
}

/*テキストリンク*/
.text_top { margin:20px auto 20px;max-width:1100px;}
.text_top li{
display: inline-block;
border-left:2px solid #aaaaaa;
padding:0 15px;
font-size:20px;
color:#000000;
font-weight:bold;

}


.text_top a,
.text_top a:hover {
    color: #000 !important;
    text-decoration: none;
font-weight:700 !important;
}

.text_top li:last-child{ border-right: 2px solid #aaaaaa;}



/*検索BOX*/
/* search */
#search {
  width: 100%;
  padding: 10px;
  margin: 0 auto 30px;
  background: #000000;
  box-sizing: border-box;
}
#search section {
  padding: 5px;
  max-width: 1030px;
}
.input_wrap {
  position: relative;
  display: flex;
  border-radius: 4px;
  height: 60px;
  background-color: #fff;
  overflow: hidden;
}
.input_wrap .input_txt {
  font-size: 160%;
  border: 0;
  width: 85%;
  box-sizing: border-box;
  padding-left: 30px;
  box-shadow: inset 2px 2px 4px 0px rgba(0, 0, 0, .2);
  outline: none;
}
.input_wrap .input_txt::placeholder {
  color: #999999;
}
.input_wrap .input_txt::-ms-input-placeholder {
  color: #999999;
}
.input_wrap .input_txt:-ms-input-placeholder {
  color: #999999;
}

.input_wrap .input_btn {
  position: relative;
  right: -1px;
  background-color: #bd0000 !important;
  border: 0;
  border-radius: 0;
  font-family: 'Noto Sans';
  font-size: 160%;
  font-weight: 700;
  color: #ffffff;
  width: 15%;
  box-sizing: border-box;
  cursor: pointer;
}
.input_wrap .input_btn:hover {
  background-color: #83d5df !important;
}

 /*スライダー*/
.swiper-container {
max-width:1100px;

}


.swiper-slide {
	color: #000000;
	height: 100%;
	text-align: center;
}

/* ページネーション */
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: -25px;
}

.swiper-button-prev {
	z-index:9999;
	position:absolute;
	background: url("/special/img/gundam/img_pre.png") !important;
	background-size:100%;
	width:25px !important;
	height:100px !important;

}


.swiper-button-next{
	z-index:9999;
	position:absolute;
	width:25px !important;
	height:100px !important;
	background: url("/special/img/gundam/img_next.png") !important;
	background-size:100%;

}

.prev2 {
	z-index:9999;
	position:absolute;
	background: url("/special/img/gundam/img_pre2.png") !important;
	background-size:100%;
	width:30px !important;
	height:50px !important;
}


.next2{
	z-index:9999;
	position:absolute;
	background: url("/special/img/gundam/img_next2.png") !important;
	background-size:100%;
	width:30px !important;
	height:50px !important;

}

.op_left	{
position:absolute;
background:#ffffff;
z-index:10;
width:4%;
height:100%;
opacity:0.7;
}

.op_right	{
position:absolute;
background:#ffffff;
z-index:10;
width:4%;
height:100%;
opacity:0.7;
right:0;
}



.op_left2	{
position:absolute;
background:#ffffff;
z-index:10;
width:4%;
height:100%;
opacity:1.0;
}

.op_right2	{
position:absolute;
background:#ffffff;
z-index:10;
width:4%;
height:100%;
right:0;
opacity:1.0;
}





.swiper_inner{
height:auto;
min-width:200px;
background:#ffffff !important;
border-radius:10px 10px 0 0;
}

.swiper2	{padding:30px 0 !important;}
.swiper3	{padding:10px 0 20px !important;}

.inner_header{
background:#101010 !important;
height:35px;
border-radius:10px 10px 0 0;
color:#ffffff;
font-weight:bold;
font-size:18px;
padding-top:5px;

}

.box1	{
margin:0 10px !important;
text-align:left;
width:90% !important;
}
.box1 img	{width:80px !important;padding:5px 0;}

.title	{margin-left:10px;}
.author	{margin-left:10px;margin-top:5px;}
.gname	{margin-left:10px; margin-bottom:10px;color:#000000;font-weight:bold;background:#fef102;padding:5px;font-size:10px;display:inline-block;}
.bdg	{border-top:2px solid #d2d2d2;}

.more	{text-align:right;
font-size:14px;
padding:10px;
color:#686868;

}
.more img	{
  width:20px;
  height:20px;
}

.more a	{
decolation:none;
color:#686868;
font-weight:700;
}
.more a:hover {
decolation:none;
    opacity: .6;
}

.more2	{text-align:right;
font-size:16px;
padding:10px;
color:#686868;
font-weight:bold;
margin-right:35px !important;
margin-top:60px;
margin-bottom:-30px !important;
text-align:right;


}
.more2 img	{
  width:22px;
  height:22px;
}

.more2 a	{
decolation:none;
color:#686868;
font-weight:700;
font-size:16px;
}
.more2 a:hover {
decolation:none;
    opacity: .6;
}

.obi_01 {
background:#bd0000;
color:#ffffff;
font-size:28px;
font-weight:bold;
padding:12px 0;
}

.obi_01 img{
width:45px;
margin-right:5px;
}

.box_large 	{

width:200px;
font-size:14px;
text-align:left;
line-height:20px;
font-weight:bold;
margin:0 auto;
margin-left:-110px;
}
.box_large a{

font-weight:700 !important;
}

.box_large div{

font-weight:700 !important;
}


.box_large img	{
width:180px;
}


.box_small 	{
display:block;
width:160px;
font-size:12px;
text-align:left;
line-height:16px;
font-weight:bold;
margin:0 auto;
margin-left:-5px;
}
.box_small a{
font-size:14px !important;

font-weight:700 !important;
}

.box_small div{

font-weight:700 !important;
}

.box_small img	{
width:120px;
padding:0 0 10px;
}

.icon_r img	{
width:80px;
margin-left:23%;
}
.flex {
    display: block;
    height:auto;
}

.flex2 {
    display: block;
    height:auto;
}

.flex3 {
    display: block;
    height:auto;
}


.bt_cart {
position:absolute;
text-align:center;
}

.bt_cart img	{
width:150px;
text-align:center;
}

.bt_cart2 {
position:absolute;
text-align:center;
}


/*タブ*/
.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:0 0 30px;
  min-width:820px;
  
}
.tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  background: #101010;
  display: block;
  order: -1;
}
.tab-label {
  background: #9c9c9c;
  color:#ffffff;
  font-weight: bold;
  font-size:24px;
  white-space: nowrap;
  text-align: center;
  padding:5px 0 0;
  order: -1;
  position: relative;
  z-index: 1;
  border-radius: 5px 5px 0 0;
  flex: 1;
}
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
  background: #ffffff;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
  background: #101010;
    color:#ffffff;
}
.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 10px;
  opacity: 1;
  transition: .5s opacity;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
}
/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}

/* サイドバ− */
/*sidebar*/
.sidebar {
  position: fixed;
  left: 0;
  top: 70px;
  z-index: 30;
  width: 100% !important;
  height:40px;
  background-color: #c40000;
  font-size:20px;
  font-weight:700 !important;
  color:#ffffff;
  padding-top:10px;
  }

.sidebar img {
  width: auto;
}

.sidebar a {
  color:#000000;
  font-weight:700;
}


.side_title	{
position: relative;
display: block;
font-size:18px;
font-weight:700 !important;
text-align:center;
background:#000000;
color:#fff;
width:250px;
padding:10px 0;
margin-bottom:20px;
font-family: "Noto Sans Japanese";

}

.side_title:before	{
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #000000;
}


.button_main	{
}

.button_title  {

width:250px;
margin-bottom:10px;
}


.button_title a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border-radius: 0 5px 5px 0;
    padding:10px 20px ;
    font-family: "Noto Sans Japanese";
    color: #fff;
    line-height: 1.4;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: 700;
    background: linear-gradient(270deg, #72bde1 0%, #576fe6 25%, #000000 51%, #c40000 100%);
    background-position: 1% 50%;
    background-size: 200% auto;
    transition: all 0.3s ease-out;
    font-size:16px;
}
.button_title a:hover {
    color: #fff;
    background-position: 99% 50%;
    opacity:1;

}
.button_title a:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 15px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}




/* 4カラム*/
.four_column:after {
display: table;
clear: both;
content: "";
}
.four_column > * {
float: left;
width: 23.7%;
margin-right: 13px;
}
.four_column > *:nth-child(4n) { margin-right: 0; }


/* all service */
.all_service {
    width: 100%;
    text-align: center;
        height: auto;

}
.all_service li{
        height: auto;

}

.all_service .four_column li a{
    display: block;
    position: relative;
    height: auto;
    padding: 0;
    color:#000000;
    text-decoration:none;
}

.all_service .four_column li a:hover{
opacity:0.5;}


.all_service .four_column li dl {
    margin-top: 5px;
    text-align: center;
    height: auto;
}
.all_service .four_column li dl dt {
    margin: 5px 0;
    font-size:14px;
    text-align:left;
    padding:0 10px;
    font-weight:bold;
}
.all_service .four_column li dl dd {
    vertical-align: middle;
    font-size:14px;
    margin: 0px auto;
    font-weight: 700;
    text-align:left;
    padding:0 10px;
}
.all_service .four_column li dl img{
    width:120px;
}

.content .js-ah li	{height:auto;}

.column_grey>li {
  margin-bottom: 20px;
  background-color: #fff;
  border: 3px solid #c1f4dc;
  border-radius: 10px;
  /* CSS3草案 */
  -webkit-border-radius: 10px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 10px;
  /* Firefox用 */
  box-sizing: border-box;
}

.title_main	{
background:#c1f4dc;
padding:10px;
font-size:16px;
font-weight:bold;

}


@media (max-width: 768px) {
	.pc { display:none; }
	.sp { display:block; font-size:14px;}
body	{min-width:100%;}
.content	{
padding:20px 5px;


 }

.w100	{min-width:100%}
.fl2	{float:none;}
.fr2	{float:none;}


.rightside	{float:none;
margin-left:0%;
width:100%;
}


#wrap2 {
        position: absolute;
        top: 10;
        width:100%;
   		 min-width:100%;
    }
	.clearfix:after,
	.scroll ul:after	{ content:" "; clear:both; display:block; height:0; }
	
	/*---------------------------------------------
	header
	---------------------------------------------*/
	.j3c_text	{float:right;font-size:8px;margin-top:5px !important;margin-bottom:-5px !important;padding-right:5px;}
	.j3c_text a	{color:#cc0000 !important;}
	
		#spheader							{ display: block;}
	

section {
    width: 100%;
    margin: 0 auto;
    padding:0 10px;
}

#main_bg {
	background: none;
}

#main_visual {
		background: url("/special/img/gundam/main_sp.jpg") no-repeat center top;
		background-size: 100%;
		padding-bottom: calc(55px + 30%);
		width:100%;
	}
	
/*テキストリンク*/
.text_top { margin:10px 0;max-width:100%;
}
.text_top li{
padding:0 10px;
font-size:14px;
line-height:24px; 
}


/* 検索BOX */
#search {
  width: 100%;
  margin-bottom:0px;
}
  #search section {
    padding: 10px 0;
  }

  .input_wrap {
    height: 50px;
  }
  .input_wrap .input_txt {
    font-size: 4vw;
    padding-left: 20px;
    background-position: 10px;
      width: 80%;

  }
  .input_wrap .input_btn {
    font-size: 14px;
    width: 20%;

  }

 /*スライダー*/

.swiper-wrapper {
	width:auto !important;
	margin-left:150px !important;
	
}

.swiper-slide {
	color: #000000;
	height: 100%;
	text-align: center;
	padding:0 3px;
box-sizing: border-box;	
}

.swiper2	{padding: 10px 0 10px !important;}
.swiper2 img	{width:170px;margin-bottom:15px;}
.swiper3	{padding:10px 0!important;}


.op_left	{
position:absolute;
background:#ffffff;
z-index:10;
width:40px;
height:100%;
opacity:0.5;
}

.op_right	{
position:absolute;
background:#ffffff;
z-index:10;
width:40px;
height:100%;
opacity:0.7;
right:0;
}

.op_left2	{
position:absolute;
background:#ffffff;
z-index:10;
width:40px;
height:100%;
opacity:0.5;
}

.op_right2	{
position:absolute;
background:#ffffff;
z-index:10;
width:40px;
height:100%;
opacity:0.7;
right:0;
}


.box1	{
font-size:12px;
line-height:14px;
}

.box1 img	{width:50px;margin-top:8px;}

.title	{margin-left:7px;}
.author	{margin-left:7px;}
.gname	{margin-left:7px; margin-bottom:5px;padding:0 5px ;font-size:8px;}

.bdg	{border-top:1px solid #d2d2d2;}

.more	{text-align:right;
font-size:12px;

}
.more img	{
  width:17px;
  height:17px;
}

.more2	{
font-size:14px;
padding:10px;
font-weight:bold;
margin-right:0 !important;
margin-top:50px;
margin-bottom:-10px !important;
text-align:center;


}
.more2 img	{
  width:20px;
  height:20px;
}
.more2 a	{
font-size:14px;
}



.obi_01 {
font-size:20px;
padding:10px 0;
}

.obi_01 img{
width:30px;
margin-right:5px;
}

.box_large 	{
width:130px;
font-size:14px;
line-height:18px;
margin-left:-83px;
}

.box_large img	{
width:120px;
}

.box_small 	{
width:140px;
font-size:12px;
line-height:14px;
margin-left:-83px;
}

.box_small img	{
width:110px;
}

.icon_r img	{
width:60px;
margin-left:20%;
}

.flex {
    display: block;
    height:auto;
}

.bt_cart {
position:absolute;
text-align:center;
}

.bt_cart img	{
width:130px;
text-align:center;
}

.flex2 {
    display: block;
    height:auto;
}


.flex3 {
    display: block;
    height:auto;
}




/*タブ*/
.tab-wrap {
  margin:10px auto;
  min-width:95%;
  width:95%;

}

.tab-label {
  font-size:13px;
  padding: 8px 5px 5px 5px;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  flex: 1;
}
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}
/* アクティブなタブ */

.tab-switch:checked+.tab-label+.tab-content {
  padding: 0;
}
	#pagetop img	{width:45px;}

/* サイドバ− */
  .sidebar {
    position: fixed;
    right: 0;
    top: auto;
    bottom: 0px;
    z-index: 30;
    width: 100% !important;
    height: 50px !important;
    padding: 0;
    clip-path: none;
    box-sizing: border-box;
    display: flex;
  }
.side_title	{
font-size:16px;
background:#000000;
color:#fff;
width:95% ;
padding:10px 0;
margin-bottom:20px;

}

.side_title:before	{
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-top: 15px solid #000000;
}

/* 4カラム*/

.four_column > * {
float: left;
width: 48%;
margin-right: 10px;
}
.four_column > *:nth-child(2n){
margin-right: 0;
}

	.all_service .four_column > * {
		margin-right: 4%;
	}
	@media (orientation: landscape) {
		.all_service .four_column > * {
			margin-right: 20px;
		}
	}
.all_service .four_column > *:nth-child(2n) {
	margin-right: 0;
}
.all_service .four_column li:last-child {
	margin-right: 0;
}
.all_service .four_column li a{
    padding: 0;
}
.all_service .four_column li dl {
    margin-top: 5px;
    text-align: center;
}
.all_service .four_column li dl dt {
    padding-top:5px;
}
.all_service .four_column li dl dd {
    margin: 0px auto;
}
    
.all_service .four_column li dl img{
    width:100px;
}


.column_grey>li {
    margin-bottom: 10px;
    background-color: #fff;
    box-sizing: border-box;
  }
.title_main	{
padding:7px;
font-size:14px;

}
/*ボタン*/

.button_title  {
margin-left:0px;
width:95%;
}


.button_title a {
    padding: 10px 0;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-size:14px;
}
.button_title a:after {
    width: 5px;
    height: 5px;
    right: 15px;
}



/*固定メニュー*/

.sample-mv img {
  display: block;
  height: auto;
  width: 100%;
}
.header {
  position: -webkit-sticky;
  position:         sticky;
  text-align: center;
  top: 0;
  width: 100%;
  z-index:10;
  padding:15px 0;
  height:55px;
  background:#c40000 !important;
  font-size:18px;
  font-weight:700;
  color:#ffffff;

}


/* 
hamburger(ハンバーガーアイコン)
=================================== */
.hamburger {
  position: absolute;
  right: 20px;
  top: 0px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  z-index: 300;
}

.hamburger__line {
  position: absolute;
  width: 40px;
  height: 5px;
  right: 0;
  background-color: #fff;
  transition: all 0.5s;
}

.hamburger__line--1 {
  top: 10px;
}

.hamburger__line--2 {
  top: 25px;
}

.hamburger__line--3 {
  top: 40px;
}

/*ハンバーガーがクリックされたら*/
.open .hamburger__line--1 {
  transform: rotate(-45deg);
  top: 25px;
  background-color: #000;
}

.open .hamburger__line--2 {
  opacity: 0;
}

.open .hamburger__line--3 {
  transform: rotate(45deg);
  top: 25px;
  background-color: #000;
}

/* 
sp-nav(ナビ)
=================================== */
.sp-nav {
  position: fixed;
  left: -100%;
  /*ハンバーガーがクリックされる前はWindow右側に隠す*/
  top: 0;
  width: 82%;
  /* 出てくるスライドメニューの幅 */
  height: 100%;
  transition: all 0.5s;
  z-index: 200;
  overflow-y: scroll;
  /* メニューが多くなったらスクロールできるように */
  color:#000;
  padding:15px 0 !important;
}

/*ハンバーガーがクリックされたら上からスライド*/
.open .sp-nav {
  left: 0;
}


/* 
black-bg(ハンバーガーメニュー解除用bg)
=================================== */
.black-bg {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  z-index: 5;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  cursor: pointer;
  z-index: 100;
  
}

/*ハンバーガーメニューが開いたら表示*/
.open .black-bg {
  opacity: 0.8;
  visibility: visible;
}
}



/*== ボタン共通設定 */
.btn{
    /*アニメーションの起点とするためrelativeを指定*/
    position: relative;
    overflow: hidden;
    /*ボタンの形状*/
    text-decoration: none;
    display: inline-block;
    padding: 15px 30px;
    text-align: center;
    font-size:32px;
    font-weight:bold;
    outline: none;
    background:#bd0000;
        /*アニメーションの指定*/   
    transition: ease .2s;
    min-width:250px;
    width:48%;
}

/*ボタン内spanの形状*/
.btn span {
  position: relative;
  z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
  color:#fff;
  font-weight:700;
    font-size:32px;
}

.btn a:hover {
    text-decoration: none;
  font-weight:700;
}
.btn:hover span{
  color:#fff;
  font-weight:700;
}


/*== ボタン共通設定2 */
.btn2{
    /*アニメーションの起点とするためrelativeを指定*/
    position: relative;
    overflow: hidden;
    /*ボタンの形状*/
    text-decoration: none;
    display: inline-block;
    padding: 15px 30px;
    text-align: center;
    font-size:32px;
    font-weight:bold;
    outline: none;
    background:#b5b5b5;
        /*アニメーションの指定*/   
    transition: ease .2s;
    min-width:250px;
    width:48%;
}

/*ボタン内spanの形状*/
.btn2 span {
  position: relative;
  z-index: 3;/*z-indexの数値をあげて文字を背景よりも手前に表示*/
  color:#ffffff !important;
  font-weight:700;
    font-size:32px;
}

.btn2 a: {
    opacity:1 !important;
}
.btn2 a:hover {
    text-decoration: none;
  font-weight:700;
  color:#ffffff !important;
    opacity:1 !important;
}

.btn2 :hover span{
  color:#ffffff !important;
  font-weight:700;
}

/*== 背景が流れる（左から右） */
.bgleft2:before {
  content: '';
    /*絶対配置で位置を指定*/
  position: absolute;
  top: 0;
  left: 0;
    /*色や形状*/
  background:#bd0000;/*背景色*/
  width: 100%;
  height: 100%;
    /*アニメーション*/
  transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}

/*hoverした際の形状*/
.bgleft2:hover:before{
  transform-origin:left top;
  transform:scale(1, 1);
  color:#ffffff !important;
}

@media (max-width: 768px) {
.btn{
    padding: 10px;
    text-align: center;
    font-size:18px;
    width:90%;
}

.btn span{
    font-size:20px;
    font-weight:700 !important;
}

.btn2{
    padding: 10px;
    text-align: center;
    font-size:18px;
    width:90%;
}


.btn2 span{
    font-size:20px;
    font-weight:700 !important;
}
}



.l-footer__netoff a	{
color:#333 !important;

}
.c-button--main {
    color: #fff !important;
    background-color: #6fba2c;
    }

.c-button--outline {
    color: #6fba2c !important;
}    
 


.l-header__nav-list a {
color:#333 !important;
font-size: 14px !important;
font-weight:500 !important;
}

.l-header__nav-list--red button {
font-size: 14px !important;
font-weight:500 !important;
}
    
.l-header__nav-list a:hover {
text-decoration:none;
}
.l-header__nav-title {
font-size: 14px !important;
font-weight:500 !important;
text-align:left;
}