@charset "UTF-8";

.sp-img100 {

}

.sp-t1,
.sp-t2,
.sp-t3{
	display: none;
}

.sp-t-ti1,
.sp-t-ti2,
.sp-t-ti3,
.sp-t-ti4,
.sp-t-ti5,
.sp-t-ti6{
	display: none;
}

.inner{

}

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

.inner{
	width:100%;
	padding-right: 10px;
	padding-left: 10px;
}

/* 1280基本枠縮小 */

.box-cl-01{
	width:100%;
	height: auto;
	border-right: 0px solid #005BAC;
}

.box-cl-02{
	width:100%;
	height: auto;
	border-right: 0px solid #005BAC;
}

.box-cl-03{
	width:100%;
	height: auto;
	border-right: 0px solid #005BAC;
}

.box-cl-01s{
	margin-bottom: 0px;
	border-bottom: 1px solid #005BAC;
}

.box-cl-02s{
	margin-bottom: 0px;
}

.box-cl-03s{
	margin-bottom: 0px;
	border-bottom: 1px solid #005BAC;
}

img {
max-width: 100%;
height: auto;
}

.sp-img100 {
  width: 100%;
}

.img1 {
  width: 100%;
    margin-bottom: 10px;
}

.img1-h {
  width: 100%;
    margin-bottom: 20px;
}

.img2 {
	float: none;
	width: 100%;
    margin-bottom: 20px;
}

.img2-h {
	float: none;
	width: 100%;
    margin-bottom: 20px;
}

.img3 {
    margin-top: 20px;
}

.img4 {
    margin-top: 0px;
	margin-bottom: 20px;
}
	
.img100pc{
	display: none;
}

.img100sp{
	display: block;
}

.header-top {
	width: 100%;
	border-bottom: 1px solid #005BAC;
	padding-bottom: 0px;
	position: fixed;
    background: #fff;
	top: 0;
	z-index: 100;
}

  .header-in {
    width:100%;
    margin: 0 auto;
    text-align: left;
  }

.wrapper header #header_logo{
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
}

.wrapper header #header_logo img{
	width:auto;
	height:45px;
}

.header-modules2{
	display: none;
}

  .header-modules {
	display: none;
}
  
.contents {
	width:100%;
padding: 48px 0 0 0;
}
	
.contents2 {
	width:100%;
padding: 20px 0 0 0;
}

.title1 .cover,
.title1-3 .cover,
.title1-rs .cover,
.title1-3-rs .cover,
.title2 .cover,
.title2-rs .cover,
.title3 .cover,
.title3-rs .cover{
	padding: 10px;
}

.title1 .cover img,
.title1-3 .cover img{
	width: 150px;
}

.title1-1-rs{
	float: left;
	width: 50%;
	height: auto;
	padding: 10px;
}

.title1-2-rs{
	float: left;
	width: 50%;
	height: auto;
	padding: 10px;
}

.title1-1-rs img{
	width: 100%;
	height: auto;
	position:relative;
	z-index: 0;
	left: 0px;
	bottom: 0px;
}

.title1-2-rs img{
	width: 100%;
	height: auto;
	position:relative;
	z-index: 0;
	right: 0px;
	bottom: 0px;
}

.cover2{
	padding: 10px;
	position:relative;
	top: 0px;
	left: 0px;
	width: 100%;
}

.cover2 img{
	width: 200px;
	height: auto;
}

.title2 .cover img{
	width: 150px;
	height: auto;
	display: block;
}

.title3 .cover img{
	width: 150px;
	height: auto;
	display: block;
}

.cover h3,
.cover2 h3{
	margin-top: 10px;
    font-size:16px;
}

.title1-1{
	display: none;
}

.title1-2{
	display: none;
}

.main-i{
	float: none;
	width: 100%;
	height: auto;
	display: block;
}

.main-i img{
	width: 100%;
	height: auto;
	max-width: 100%;
}

.main-i2{
	float: none;
	width: 100%;
	height: auto;
	display: block;
}

.main-i2 img{
	width: 100%;
	height: auto;
	max-width: 100%;
}

.title2{
	float: none;
	width: 100%;
	height: 150px;
	background-image: url(../img/sp_top_03.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: auto 120px;
}

.title2-rs{
	float: none;
	width: 100%;
	height: auto;
}

img.cl2-logo{
	width: 150px;
	display: block;
}

img.cl2-img{
	width: 103px;
	position:relative;
	z-index: 0;
	bottom: 0px;
	right: 0px;
	display: block;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

.title3{
	float: none;
	width: 100%;
	height: 150px;
	background-image: url(../img/sp_top_04.png);
	background-position:right bottom;
	background-repeat:no-repeat;
	background-size: auto 120px;
}

.title3-rs{
	float: none;
	width: 100%;
	height: auto;
}

img.cl3-logo{
	width: 150px;
	display: block;
}

img.cl3-img{
	width: 185px;
	height: auto;
	position:relative;
	z-index: 0;
	left: 0px;
	bottom: 0px;
	display: block;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

.title1-rs{
	float: none;
	width: 100%;
	height: auto;
	position:relative;
}

.title1-rs img.cl1-logo-1{
	width: 150px;
	height: auto;
}

.title1-rs img.cl1-img-1{
	width: 100px;
	height: auto;
	position:relative;
	z-index: 0;
	bottom: 0px;
	left: 0px;
	margin-top: 10px;
	display: inline-block;
}

.title1-3-rs{
	float: none;
	width: 100%;
	height: auto;
	position:relative;
}

.title1-3-rs img.cl1-logo-2{
	width: 150px;
	height: auto;
}

.title1-3-rs img.cl1-img-2{
	width: 80px;
	height: auto;
	position:relative;
	z-index: 0;
	bottom: 0px;
	left: 0px;
	margin-top: 10px;
	display: inline-block;
}

.sf-c1{
	position:relative;
	display: inline-block;
	margin-top: 10px;
	margin-left: 5px;
	bottom: 0px;
	left: 0px;
}

.title1-rs .cover .tx-se{
    font-size:14px;
    line-height: 130%;
}

.title1-rs .cover .tx-se2{
	margin-top: 7px;
    font-size:10px;
    line-height: 130%;
}

.sf-c2{
	position:relative;
	display: inline-block;
	margin-top: 10px;
	margin-left: 5px;
	bottom: 0px;
	left: 0px;
}

.title1-3-rs .cover .tx-se{
    font-size:14px;
    line-height: 130%;
}

.title1-3-rs .cover .tx-se2{
	margin-top: 7px;
    font-size:10px;
    line-height: 130%;
}

.w-so1 {
      width: 100%;
    }

.w-so2 {
      width: 100%;
	margin-bottom: 20px;
    }

.sp-t1,
.sp-t2{
	width: 50%;
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.sp-t1 img,
.sp-t2 img{
	width: 100%;
	max-width: 100%;
}

.sp-t1 img:hover,
.sp-t2 img:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
}

.mt20 {
	margin-top: 10px !important;
}

.mt40 {
	margin-top: 20px !important;
}

.mb20 {
	margin-bottom: 10px !important;
}

.mb40 {
	margin-bottom: 20px !important;
}

    .footer-links li {
      font-size: 10px;
      padding: 19px 0 12px;
      display: inline-block;
    }
    .footer-links li + li:before {
	content: "|";
	margin-top: 0;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 0;
	color: #000000;
    }
	
.w100cen {
      width: 100%;
	text-align: left;
  vertical-align: middle;
    }

/* セカンド共通 */
	
.contents h4,
.contents2 h4 {
	font-size: 16px;
	padding-left: 3px;
    margin-bottom: 10px;
	height: 25px;
	line-height: 25px;
}
	
.contents h5,
.contents2 h5 {
	font-size: 14px;
    margin-bottom: 10px;
	text-align: center;
	height: 25px;
	line-height: 25px;
}

.c-waku1 {
	width: 100%;
	height: auto;
}

.c-waku2 {
	width: 100%;
	height: auto;
}

.c-waku3 {
	width: 100%;
	height: auto;
}

.c-waku4 {
	width: 100%;
	height: auto;
	margin-top: 20px;
}

.c-waku4 img {
	width: 100%;
	height: auto;
}

.c-waku5 {
	width: 100%;
	height: auto;
	margin-top: 20px;
}
	
.nav-global,
.nav-global2 {
	display: none;
}

.header {
	width: 100%;
	border-bottom: 1px solid #005BAC;
	padding-bottom: 0px;
	position: fixed;
    background: #fff;
	top: 0;
	z-index: 100;
}

.title1{
	float: none;
	width: 100%;
	height: 360px;
	background-image: url(../img/back01_3_4.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.title1-3{
	float: none;
	width: 100%;
	height: 360px;
	background-image: url(../img/back01_4_3.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.box-half-l {
	width: 100%;
	float: none;
	display: block;
}

.box-half-r {
	width: 100%;
	float: none;
	display: block;
}

.box-one-third-1 {
	width: 100%;
	float: none;
	display: block;
}

.box-one-third-2 {
	width: 100%;
	float: none;
	margin-left: 0px;
	display: block;
}

.w620cen {
    width: 100%;
	margin-right: auto;
	margin-left: auto;
    }
	
.tx1 {
	font-size: 16px;
    margin-bottom: 10px;
}
	
.tx1-f {
	font-size: 16px;
    margin-bottom: 10px;
}

.tx2 {
	font-size: 13px;
    margin-bottom: 10px;
}

.tx3 {
	font-size: 10px;
    margin-bottom: 10px;
}

.tx4 {
	font-size: 13px;
    margin-bottom: 10px;
}

.tx4-2 {
	font-size: 13px;
    margin-bottom: 10px;
}

.tx5 {
	font-size: 13px;
    margin-bottom: 10px;
}

.tx6 {
	font-size: 10px;
  width: 100%;
  margin-bottom: 10px;
}
	
.f14 {
	font-size: 13px;
}

.sp-t-ti1{
	display: block;
    font-size: 14px;
    line-height: 1.1;
    background: #DF3970;
	color: #F2F4F5;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

.sp-t-ti2{
	display: block;
    font-size: 14px;
    line-height: 1.1;
    background: #008EC9;
	color: #F2F4F5;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

.sp-t-ti3{
	display: block;
    font-size: 14px;
    line-height: 1.1;
    background: #005BAC;
	color: #F2F4F5;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

.sp-t-ti4{
	display: block;
    font-size: 14px;
    line-height: 1.1;
    background: #DF6216;
	color: #F2F4F5;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

.sp-t-ti5{
	display: block;
    font-size: 14px;
    line-height: 1.1;
    background: #813D00;
	color: #F2F4F5;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}

.sp-t-ti6{
	display: block;
    font-size: 14px;
    line-height: 1.1;
    background: #00815D;
	color: #F2F4F5;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}


.sp-t-ti1 span.bbs,
.sp-t-ti2 span.bbs,
.sp-t-ti3 span.bbs,
.sp-t-ti4 span.bbs,
.sp-t-ti5 span.bbs,
.sp-t-ti6 span.bbs{
    font-size: 10px;
}

.sp-t-ti1 span.sub,
.sp-t-ti2 span.sub,
.sp-t-ti3 span.sub,
.sp-t-ti4 span.sub,
.sp-t-ti5 span.sub,
.sp-t-ti6 span.sub{
top: 0.5em;
}

  .scroll {
    overflow-x: auto;
	margin-bottom: 10px;
  }
  
.table-cmn-01 table {
  width: 100%;
	margin-top: 0;
	margin-bottom: 10px;
  }
  
  .table-cmn-01 th,
  .table-cmn-01 td {
    font-size: 10px;
	white-space: nowrap;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
  }
  
  .table-cmn-01 th.none {
	display: none;
  }
  
  .table-cmn-01 th.none2 {
	display: none;
  }
  
  .table-cmn-01 td.bb {
	display: none;
  }

  .table-cmn-01 td.bb2 {
	display: none;
  }
  
  .table-cmn-01 td.or {
	display: none;
  }

  .table-cmn-01 td.br {
	display: none;
  }

  .table-cmn-01 td.gr {
	display: none;
  }
  
  
  .table-cmn-01 td.cen1 {
  min-width: 100px;
	height: 74px;
	vertical-align:middle;
	text-align: center;
  }
  
  .table-cmn-01 td.cen2 {
  width: auto;
	height: 74px;
	vertical-align:middle;
	text-align: center;
  }
  
  .table-cmn-01 td.cen1 img,
  .table-cmn-01 td.cen2 img {
	height: 70px;
  }
  
  .table-cmn-01 th.w100px {
	width: 25%;
  }

  .table-cmn-01 td.w75px {
	width: 18.75%;
  }

  .table-cmn-01 td.w75px-p {
	width: 18.75%;
	height: 88px;
  }

  .table-cmn-01 td.w150px {
	width: 37.5%;
  }

  .table-cmn-01 td.w150px-p {
	width: 37.5%;
	height: 88px;
  }

  .table-cmn-01 td.w300px {
	width: 75%;
  }

  .table-cmn-01 td.w300px-p {
	width: 75%;
	height: 88px;
  }
  
  
  
  
.table-cmn-01-s table {
  width: auto;
	margin-top: 0;
	margin-bottom: 10px;
  }
  
  .table-cmn-01-s th,
  .table-cmn-01-s td {
    font-size: 10px;
	white-space: nowrap;
  }
  
  .table-cmn-01-s th.none {
	display: none;
  }
  
  .table-cmn-01-s td.pi {
	display: none;
  }
  
  .table-cmn-01-s td.ph {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
	height: 74px;
	vertical-align:middle;
    background: #F2F4F5;
	text-align: center;
  }

  .table-cmn-01-s td.ph2 {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
	height: 74px;
	vertical-align:middle;
    background: #F2F4F5;
	text-align: center;
  }
  
  .table-cmn-01-s td.ph img,
  .table-cmn-01-s td.ph2 img {
	height: 70px;
  }
  
.table-cmn-02 table {
  width: 100%;
  margin-bottom: 10px;
}
  .table-cmn-02 th,
  .table-cmn-02 td {
    font-size: 12px;
  }
  
  .table-cmn-02 th {
	text-align: center;
	background: #fff;
	border: 1px solid #646464;
	padding-top: 5px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 5px;
	line-height: 1.1;
	width: 30%;
  }
  
  .table-cmn-02 td {
    border: 1px solid #646464;
    line-height: 1.1;
    text-align: center;
	padding-top: 5px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 5px;
  width: 35%;
  }
  
td.t02-01 {
      width: 25%;
    }

td.t02-02 {
      width: 15%;
    }
  
  .table-cmn-div03 {
  width: 100%;
	display: block;
}

.table-cmn-04 table {
  width: 100%;
	margin-right: auto;
	margin-left: auto;
}

  .table-cmn-04 th,
  .table-cmn-04 td {
	font-size: 12px;
  }

  .table-cmn-04 th.blue {
	padding-bottom: 10px;
  width: 13%;
  }

  .table-cmn-04 td {
	padding-bottom: 10px;
  }
  
  .table-cmn-04 td.eco-img {
  width: 28%;
  }
  
  .table-cmn-04 td.eco-img img {
  width: 100%;
  }

  .table-cmn-04 td.aki {
  width: 1%;
  }
  
  
.table-cmn-06 table {
  width: 100%;
  margin-bottom: 10px;
}

  .table-cmn-06 th,
  .table-cmn-06 td {
    font-size: 12px;
  }
  
td.t06-07 {
	width: 5%;
    }
  
td.t06-08 {
	width: 11%;
    }
	
td.t06-10 {
	width: 5%;
    }
	
td.t06-11 {
	width: 42%;
	text-align: center;
	padding-bottom: 10px;
    }

td.t06-12 {
	width: 42%;
	padding-bottom: 20px;
    }
	
td.t06-13 {
	width: 42%;
    }
	
td.t06-14 {
	width: 42%;
	padding-bottom: 0px;
    }
	
td.t06-11 img,
td.t06-12 img,
td.t06-13 img,
td.t06-14 img {
	width: 100%;
    }
	
.table-cmn-07 table {
  width: 100%;
  margin-bottom: 10px;
}

  .table-cmn-07 td {

  }
	
td.ill1,
td.ill2,
td.ill3,
td.ill4,
td.ill5 {
	text-align: center;
    font-size: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
    }
	
td.ill1 img,
td.ill2 img,
td.ill3 img,
td.ill4 img,
td.ill5 img {
	height: 50px;
    }
  
.box-kei1 {
	width: 100%;
	height: 222px;
	margin-bottom: 20px;
	background-image: url(../img/img30_03.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	position:relative;
}

.box-kei2 {
	width: 100%;
	height: 222px;
	margin-bottom: 20px;
	background-image: url(../img/img31_03.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	position:relative;
}



/* 疑似テーブル
---------------------------------------------------------- */

.table-cmn-div02 {
  width: 100%;
}
  
.table-cmn-div02:after {
  clear: both;
}
  
.table-cmn-div02 .div02-th {
	float: none;
  margin-bottom: 10px;
}

.table-cmn-div02 .div02-t1 {
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: 10px;
	font-size: 12px;
}

.table-cmn-div02 .div02-t2 {
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: 10px;
}

.table-cmn-div02 .div02-t2 img {
	position:relative;
}

.table-cmn-div02 .div02-t3 {
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	vertical-align:bottom;
	font-size: 12px;
}

.table-cmn-div02 .div02-t4 {
	display: block;
  width: 100%;
  height: auto;
	float: none;
  position: relative;
	text-align: center;
  margin-bottom: 10px;
}

.table-cmn-div02 .div02-t5 {
	display: block;
  width: 100%;
  height: auto;
	font-size: 12px;
}

.table-cmn-div02 .div02-t6 {
	display: block;
  width: 100%;
  height: auto;
    margin-bottom: 10px;
	text-align: center;
}

.table-cmn-div02 .div02-t6 img {
	position:relative;
}

.table-cmn-div02 .div02-t7 {
	display: block;
  width: 100%;
  height: auto;
	font-size: 12px;
}

.table-cmn-div02 .div02-t1-n,
.table-cmn-div02 .div02-t3-n,
.table-cmn-div02 .div02-t5-n,
.table-cmn-div02 .div02-t7-n {
	display: none;
}

.table-cmn-div03:after {
  clear: both;
}

.table-cmn-div03 .div03-th {
	float: none;
  margin-bottom: 10px;
}

.table-cmn-div03 .div03-t1 {
	display: block;
  width: 100%;
  height: auto;
    font-size: 13px;
    line-height: 1.3;
    font-family:'Noto Sans JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
  margin-bottom: 10px;
}

.table-cmn-div03 .div03-t2 {
	display: block;
  width: 100%;
  height: auto;
}

.table-cmn-div03 .div03-t2 img {
  width: 100%;
  height: auto;
}

.table-cmn-div03 .div03-t3 {
	display: block;
  width: 100%;
  height: auto;
	float: none;
	margin-top: 0px;
  margin-bottom: 10px;
	position: relative;
	text-align: center;
}

.table-cmn-div03 .div03-t4 {
	display: block;
  width: 100%;
  height: auto;
    font-size: 16px;
    line-height: 1.3;
    font-family:'Noto Sans JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}

.table-cmn-div03 .div03-t5 {
	display: block;
  width: 100%;
  height: auto;
	float: none;
  position: relative;
	margin-top: 0px;
  margin-bottom: 10px;
}

.arrow1 {
	display: block;
  width: 20px;
  height: 25px;
	margin-right: auto;
	margin-left: auto;
  position: relative;
  top: 0;
  left: 0;
  transform: translateY(0) translateX(0);
  -webkit- transform: translateY(0) translateX(0);
     transform: rotate( 90deg );
}




/* ボタン関連
---------------------------------------------------------- */
.btn-cmn {
    width: 100%;
	margin-top: 10px;
	margin-bottom: 40px;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}

.btn-cmn2 {
    width: 100%;
	margin-top: 10px;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
}

.primary {
    width: 100%;
	height: 30px;
	line-height: 30px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 10px;
	font-size: 16px;
	display: block;
  }
  
.primary2 {
    width: 100%;
    border: 1px solid #005bac;
	line-height: 130%;
	margin-right: 0px;
	margin-left: 0px;
	font-size: 14px;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
  }
	
.primary3 {
    width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 10px;
	font-size: 16px;
	display: block;
  }
	
.primary4 {
    width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 10px;
	font-size: 16px;
	display: block;
  }
	
.primary5 {
    width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 10px;
	font-size: 16px;
	display: block;
  }
	
.primary5 img {
	width: 24px;
	height:16px;
	margin-right: 5px;
	margin-top: 3px;
  }

.primary6 {
    width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 10px;
	font-size: 16px;
	display: block;
  }
	
.primary6:first-child {
	margin-right: 0px;
	margin-left: 0px;
  }

.primary6:last-child {
	margin-right: 0px;
	margin-left: 0px;
  }
  
.p-logo1 {
    width: 150px;
    height: auto;
}

.p-ph {
	margin-top: 10px;
	margin-bottom: 10px;
}

img.p-ph {
    height: 70px;
}
  

}









/*# 改行切り替え */
.br-sp { display:none; }
.br-pc { display:inline; }

@media screen and (max-width:768px) {
.br-sp { display:inline; }
.br-pc { display:none; }
}



/* ハンバーガーメニュー
---------------------------------------------------------- */

.navimenu{
	display: none;
}

.fullscreenmenu{
	display: none;
}


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

.fullscreenmenu{
    display: block;
}
	
/* 3本ラインの設定 */
.navimenu,
    .navimenu span {
    display: inline-block;
    -webkit-transition:all .4s;
    transition: all .4s;
    }

    .navimenu {
      position: fixed;
      top: 0px;
      right:  0px;
      width: 48px;
      height: 45px;
    z-index: 10020;
    background: #005BAC;
	color: #ffffff;
    }

    .navimenu span {
    position: absolute;
    left: 16px;
    right: 16px;
    width: 16px;
    height: 1px;
    background-color: #fff;
    z-index: 10020;
    }

    .navimenu span:nth-of-type(1) {
    top: 17px;
    }

    .navimenu span:nth-of-type(2) {
    top: 22px;
    }

    .navimenu span:nth-of-type(3) {
    top: 27px;
    }

    .navimenu.active span:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #fff;
    top: 22px;
    }

    .navimenu.active span:nth-of-type(2) {
    opacity: 0;
    background-color: #fff;
    }

    .navimenu.active span:nth-of-type(3) {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    background-color: #fff;
    top: 22px;
    }

/* 画面を隠すグレー
---------------------------------------------------------- */
    #nav {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10000;
    width: 100%;
    height: 100vh;
    opacity: 0;
    background: rgba(223,228,231,1);
    transition: all 0.3s ease-in-out;
    visibility:hidden;
    }

    #nav.active{
    right: 0;
    opacity: 1;
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    visibility: visible;
    }
	
/* ボタン自身 */
    #nav{
	font-size: 0;
    }

    #nav ul{
	width: 100%;
	text-align: left;
	margin-top: 40px;
    }

    #nav ul li{
	display: inline-block;
	list-style-type: none;
	width: 100%;
	position: relative;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	color: #000;
	text-align: center;
	font-size: 16px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #A1A1A1;
    }

    #nav ul li a{
	transition: all 0.2s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    }
    #nav ul li:hover {
    color: #005BAC;
    }
}


/* ノベルティ追加分
---------------------------------------------------------- */
@media screen and (max-width:768px) {

ul.merit1 li{
    height: auto;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
	font-size: 16px;
	line-height: 140%;
}

ul.merit1 li:last-child {
	margin-bottom: 5px;
}

.merit1 span{
	font-size: 16px;
	line-height: 140%;
}
	
ul.merit2 li{
	font-size: 16px;
	margin-bottom: 10px;
}

.merit2 span{
	font-size: 16px;
}
	
ul.lineup-ul li {
	margin-right: 0px;
	margin-bottom: 10px;
	width: 100%;
	display: block;
    }
	
.lineup-ti {
	font-size: 16px;
    }
	
.lineup-img{
	margin-top: 0px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
	
.lineup-tx {
	font-size: 13px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}


    ul.fro-nv-ul li {
	margin-top: 0;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 20px;
	padding-right: 0;
	padding-left: 0;
	width: 100%;
    }
	
.sp-none {
	display: none;
    }
	
.fro-sasimg{
	width: 100%;
}
	
ul.fro-ef-ul {
    margin:0 0 10px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
}

    ul.fro-ef-ul li {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
	width: 100%;
	list-style: none;
	border-right-width: 0px;
	border-right-style: none;
	border-bottom-width: 3px;
	border-bottom-style: dotted;
	border-bottom-color: #00803e;
    }

    ul.fro-ef-ul li:nth-child(7) ,
    ul.fro-ef-ul li:nth-child(8)  {
	border-bottom-width: 3px;
	border-bottom-style: dotted;
	border-bottom-color: #00803e;
}
	
    ul.fro-ef-ul li:nth-child(9) {
	border-bottom-width: 0px;
	border-bottom-style: none;
	border-bottom-color: #00803e;
}
	
.fro-ef-img{
	width: 10%;
	display: inline-block;
	vertical-align:middle;
}
	
.fro-ef-tx{
	width: 85%;
	font-size: 14px;
	line-height: 120%;
	padding-left: 5px;
}
	
}

/* SP: 外部リンクマーク追加で1行に収まらないため、区切り線なしで折り返す */
@media screen and (max-width:768px) {
  .footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 16px; padding: 12px 10px 4px; }
  .footer-links li { padding: 5px 0; }
  .footer-links li + li:before { content: none; }
}