@charset "UTF-8";

/* （R）の微調節  */

sup {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
sup {
	line-height: 1; font-size: 71%; position: relative;
}
sup {
	top: -0.3em;
	padding-left: 2px;
}


sub {
	background: none; margin: 0px; padding: 0px; outline: 0px; border: 0px currentColor; border-image: none; font-size: 100%; vertical-align: baseline;
}
sub {
	line-height: 1; font-size: 71%; position: relative;
}
sub {
top: 0.4em;
}

.nav-global sup {
	font-size: 100%;
	top: -0.1em;
}


/* ----------------------------------------------------------
 styel.css
---------------------------------------------------------- */

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

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

.sds img{
	height:22px;
	margin-right: 5px;
}

.mail{
	width:200px;
	height:50px;
	background-color: #d63520;
	margin-right: 25px;
}

.mail img{
	margin-top: 9px;
	width: 31px;
	height:21px;
	margin-top: 15px;
	margin-right: 15px;
	margin-left: 15px;
}

.mail span{
    color: #fff;
	font-weight: 400;
	font-size: 20px;
	line-height: 22px;
	display: inline-block;
	margin-top: 2px;
}

.mail a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.mail: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;
    zoom:1;/*IE*/
}

.ico1{
	width: 63px;
	height:63px;
}

.box-cl-01{
	width:1281px;
	border-right: 1px solid #005BAC;
	margin-right: auto;
	margin-left: auto;
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}

.box-cl-01-2{
	margin-top: 40px;
	border-top: 1px solid #005BAC;
}

.box-cl-waku{
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
	width:1281px;
	border-right: 1px solid #005BAC;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

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

.box-cl-02{
	width:1281px;
	border-right: 1px solid #005BAC;
	border-top: 1px solid #005BAC;
	margin-right: auto;
	margin-left: auto;
}

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

.box-cl-03{
	width:1281px;
	border-right: 1px solid #005BAC;
	border-top: 1px solid #005BAC;
	margin-right: auto;
	margin-left: auto;
}

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

.box-cl-01:before, .box-cl-01:after,
.box-cl-02:before, .box-cl-02:after,
.box-cl-03:before, .box-cl-03:after,
.box-cl-01s:before, .box-cl-01s:after,
.box-cl-02s:before, .box-cl-02s:after,
.box-cl-03s:before, .box-cl-03s:after,
.box-cl-01-2:before, .box-cl-01-2:after,
.box-cl-waku:before, .box-cl-waku:after
{
  content: "";
  display: table;
}

.box-cl-01:after,
.box-cl-02:after,
.box-cl-03:after,
.box-cl-01s:after,
.box-cl-02s:after,
.box-cl-03s:after,
.box-cl-01-2:after,
.box-cl-waku:after
{
  clear: both;
}

.box-cl-02,
.box-cl-03,
.box-cl-01-2,
.box-cl-01-2 .contents,
.box-cl-01-2 .contents2 {
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}

.box-cl-02 a,
.box-cl-03 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}

.box-cl-02:hover,
.box-cl-03: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;
    zoom:1;/*IE*/
}

.title1-1,
.title1-1-rs,
.title1-2,
.title1-2-rs {
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
}

.title1-1 a,
.title1-1-rs a,
.title1-2 a,
.title1-2-rs a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}

.title1-1:hover,
.title1-1-rs:hover,
.title1-1:hover,
.title1-2-rs: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;
    zoom:1;/*IE*/
}

.main-i{
	width: 100%;
}

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

.main-i2{
	float: left;
	width: 640px;
	height: 360px;
}

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

.title1-rs{
	float: right;
	width: 640px;
	height: 360px;
	position:relative;
}

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

.title1-rs img.cl1-img-1{
	width: 246px;
	height: auto;
	position: absolute;
	z-index: -100;
	bottom: 30px;
	left: 30px;
}

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

.title1-3-rs{
	float: right;
	width: 640px;
	height: 360px;
	position:relative;
}

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

.title1-3-rs img.cl1-img-2{
	width: 154px;
	height: auto;
	position: absolute;
	z-index: -100;
	bottom: 30px;
	left: 30px;
}

.title1-1{
	float: left;
	width: 320px;
	height: 360px;
	background-image: url(../img/back01_1_4.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-size: 320px auto;
}

.title1-1 img{
	width: 186px;
	height: 21px;
	margin-top: 171px;
	margin-left: 30px;
	z-index: 100;
}

.title1-2{
	float: left;
	width: 320px;
	height: 360px;
	background-image: url(../img/back01_2_3.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	background-size: 320px auto;
}

.title1-2 img{
	width: 201px;
	height: 21px;
	margin-top: 171px;
	margin-left: 30px;
	z-index: 100;
}

.title1-1-rs{
	float: left;
	width: 320px;
	height: 360px;
}

.title1-1-rs img{
	width: 260px;
	height: auto;
	position: absolute;
	z-index: -100;
	left: 30px;
	bottom: 30px;
}

.title1-2-rs{
	float: left;
	width: 320px;
	height: 360px;
}

.title1-2-rs img{
	width: 260px;
	height: auto;
	position: absolute;
	z-index: -100;
	right: 30px;
	bottom: 30px;
}

.title2{
	float: right;
	width: 640px;
	height: 360px;
	background-image: url(../img/back02.png);
	background-position:right bottom;
	background-repeat:no-repeat;
}

.title2-rs{
	float: right;
	width: 640px;
	height: 360px;
	position:relative;
}

img.cl2-logo{
	width: 200px;
	height: auto;
}

img.cl2-img{
	width: 207px;
	height: auto;
	position: absolute;
	z-index: -100;
	bottom: 30px;
	right: 30px;
}

.title3{
	float: right;
	width: 640px;
	height: 360px;
	background-image: url(../img/back03.png);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.title3-rs{
	float: right;
	width: 640px;
	height: 360px;
	position:relative;
}

img.cl3-logo{
	width: 200px;
	height: auto;
}

img.cl3-img{
	width: 370px;
	height: auto;
	position: absolute;
	z-index: -100;
	left: 30px;
	bottom: 30px;
}

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

.title1 .cover img,
.title1-3 .cover img{
	width: 200px;
	height: auto;
}

.cover2{
	padding: 30px;
	position:absolute;
	top: 0px;
	left: 640px;
	width: 640px;
	height: auto;
}

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

.title2 .cover img{
	width: 200px;
	height: auto;
}

.title3 .cover img{
	width: 200px;
	height: auto;
}

.cover h3,
.cover2 h3{
	margin-top: 20px;
    font-size:28px;
	color: #005BAC;
    line-height: 130%;
	font-weight: 700;
}

.title1 .cover .tx-se{
	margin-top: 140px;
	margin-left: 300px;
    font-size:16px;
	color: #005BAC;
    line-height: 130%;
	font-weight: 500;
}

.title1 .cover .tx-se2{
	margin-top: 7px;
	margin-left: 300px;
    font-size:10px;
	color: #000;
    line-height: 130%;
}

.title1-3 .cover .tx-se{
	margin-top: 50px;
	margin-left: 200px;
    font-size:16px;
	color: #005BAC;
    line-height: 180%;
	font-weight: 500;
}

.title1-3 .cover .tx-se2{
	margin-top: 7px;
	margin-left: 200px;
    font-size:10px;
	color: #000;
    line-height: 130%;
}

.sf-c1{
	position: absolute;
	z-index: 1;
	bottom: 30px;
	left: 330px;
}

.title1-rs .cover .tx-se{
    font-size:16px;
	color: #005BAC;
    line-height: 130%;
	font-weight: 500;
}

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

.sf-c2{
	position: absolute;
	z-index: 1;
	bottom: 30px;
	left: 230px;
}

.title1-3-rs .cover .tx-se{
    font-size:16px;
	color: #005BAC;
    line-height: 180%;
	font-weight: 500;
}

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

.hl1 {
    margin-right: 40px;
}

.hl2 {
    margin-right: 40px;
}

.hl3 {

}

.contents h4,
.contents2 h4 {
	background-color: #005BAC;
	color: #fff;
	font-size: 21px;
	padding-left: 3px;
	font-weight: 500;
    margin-bottom: 20px;
	height: 30px;
	line-height: 30px;
}

.fro h4 {
	background-color: #228447;
	color: #fff;
	font-size: 21px;
	padding-left: 3px;
	font-weight: 500;
    margin-bottom: 20px;
	height: 30px;
	line-height: 30px;
}

.contents h5,
.contents2 h5 {
	background-color: #5EADE0;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
    margin-bottom: 20px;
	text-align: center;
	height: 30px;
	line-height: 30px;
}

.fro h5 {
	background-color: #a3c66f;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
    margin-bottom: 20px;
	text-align: center;
	height: 30px;
	line-height: 30px;
}

.contents h5.c1-ti,
.contents2 h5.c1-ti {
	background-color: #DF6216;
}
	
.contents h5.c2-ti,
.contents2 h5.c2-ti {
	background-color: #813D00;
}
	
.contents h5.c3-ti,
.contents2 h5.c3-ti {
	background-color: #00815D;
}

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

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

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

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

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

.c-waku5 {
	width: 100%;
	height: 300px;
	margin-top: 20px;
}

.box-one {
	width: 100%;
}

.box-half-l {
	width: 620px;
	float: left;
}

.box-half-r {
	width: 620px;
	float: right;
}

.box-one-third-1 {
	width: 400px;
	float: left;
}

.box-one-third-2 {
	width: 400px;
	float: left;
	margin-left: 40px;
}

.box-kei1 {
	width: 620px;
	height: 222px;
	margin-bottom: 40px;
	background-image: url(../img/img30_03.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	position:relative;
}

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

.box-kei1 .hikaku {
	top: 32px;
	left: 450px;
    font-size:16px;
	color: #005BAC;
    line-height: 160%;
	font-weight: 500;
	position:absolute;
}

.box-kei2 .hikaku {
	top: 32px;
	left: 450px;
    font-size:16px;
	color: #005BAC;
    line-height: 160%;
	font-weight: 500;
	position:absolute;
}

.hikaku span.sub2 {
    font-size:32px;
	color: #005BAC;
    line-height: 160%;
}

.img0 {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.img1 {
	width: 896px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
    margin-bottom: 20px;
}

.img1-h {
	width: 896px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	font-size: 14px;
    line-height: 130%;
    margin-bottom: 40px;
}

.img2 {
	float: right;
    margin-bottom: 40px;
}

.img2-h {
	float: left;
	width: 400px;
    margin-bottom: 40px;
}

.img3 {
    margin-top: 40px;
}

.img4 {
    margin-top: 0px;
	margin-bottom: 40px;
}

.img3 img,
.img4 img {
	width: 100%;
}

.img100{
	width: 100%;
}

.img100pc{
	width: 100%;
}

.img100sp{
	width: 100%;
	display: none;
}

.img100 img,
.img100pc img,
.img100sp img{
	width: 100%;
}

.img100 img,
.img100pc img,
.img100sp img{
	width: 100%;
}

.tx1 {
	width: 100%;
	color: #005BAC;
	font-size: 24px;
    line-height: 130%;
	font-weight: 500;
    margin-bottom: 20px;
}

.tx1-f {
	width: 100%;
	color: #228447;
	font-size: 24px;
    line-height: 130%;
	font-weight: 500;
    margin-bottom: 20px;
}

.tx2 {
	font-size: 14px;
    margin-bottom: 20px;
    line-height: 140%;
}

.tx3 {
	font-size: 10px;
    margin-bottom: 20px;
    line-height: 150%;
}

.tx3-2 {
	font-size: 10px;
    line-height: 150%;
}

.tx3-f {
	font-size: 10px;
    margin-bottom: 20px;
    line-height: 150%;
	color: #228447;
}

.tx4 {
	font-size: 16px;
    margin-bottom: 20px;
    line-height: 130%;
}

.tx4-2 {
	font-size: 16px;
    margin-bottom: 20px;
    line-height: 170%;
}

.tx5 {
	color: #005BAC;
	font-size: 16px;
    margin-bottom: 10px;
    line-height: 130%;
}

.tx6 {
	font-size: 15px;
    line-height: 130%;
  width: 930px;
  margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}



.f14 {
	font-size: 14px;
}

.sup {
vertical-align: super;
	font-size: 10px;
}

span.sub {
font-size: 70%;
vertical-align: bottom;
position: relative;
}

/* 21 */

h4 span.sub {
top: 0.6em;
}

/* 16 */
h5 span.sub {
top: 0.6em;
}

/* 24 */

.tx1 span.sub {
top: 0.6em;
}

/* 14 */

.tx2 span.sub {
top: 0.5em;
}

/* 10 */

.tx3 span.sub {
top: 0.5em;
}

/* 16 */

.tx4 span.sub,
.tx4-2 span.sub {
top: 0.6em;
}

.top .tx5 span.sub,
.tx5 span.sub {
top: 0.6em;
}

.hikaku span.sub {
top: 0.6em;
}

/* 15 */
.tx6 span.sub {
top: 0.6em;
}


.blue {
	color: #005BAC;
}

.blue2 {
	color: #008EC9;
}

.orange {
	color: #DF6216;
}

.brown {
	color: #813D00;
}

.green {
	color: #00803e;
}

.pink {
	color: #DF3970;
}

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

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

.mb5 {
	margin-bottom: 5px !important;
}

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

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

/* table-cmn-01
---------------------------------------------------------- */

.table-cmn-01 table {
  width: 100%;
  margin-bottom: 20px;

}
  .table-cmn-01 th,
  .table-cmn-01 td {
    font-size: 10px;
    font-family:'Noto Sans JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
  }

  .table-cmn-01 th {
    text-align: left;
    border: 1px solid #646464;
	padding-top: 2px;
	padding-right: 0;
	padding-left: 3px;
	padding-bottom: 2px;
    line-height: 1.1;
  width: 10%;
    background: #F2F4F5;  
  }

  .table-cmn-01 th.none {
	background: #fff;
	border-left: 0 none #646464;
	border-right: 1px solid #646464;
	border-bottom: 1px solid #646464;
	border-top: 0 none #646464;
	width: 10%;
  }

  .table-cmn-01 td {
	border: 1px solid #646464;
	line-height: 1.1;
	text-align: left;
	padding-top: 2px;
	padding-right: 0;
	padding-left: 3px;
	padding-bottom: 2px;
	width: 18%;
    background: #F2F4F5;
  }

  .table-cmn-01 td.cen1 {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
  }
  
  .table-cmn-01 td.cen2 {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
  }

  .table-cmn-01 td.bb {
    line-height: 1.1;
    background: #008EC9;
	color: #F2F4F5;
    font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
  }

  .table-cmn-01 td.bb2 {
    line-height: 1.1;
    background: #005BAC;
	color: #F2F4F5;
    font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
  }

  .table-cmn-01 td.or {
    line-height: 1.1;
    background: #DF6216;
	color: #F2F4F5;
    font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
  }

  .table-cmn-01 td.br {
    line-height: 1.1;
    background: #813D00;
	color: #F2F4F5;
    font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
  }

  .table-cmn-01 td.gr {
    line-height: 1.1;
    background: #00815D;
	color: #F2F4F5;
    font-size: 14px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
  }



  .table-cmn-01 td.bb span.bbs,
  .table-cmn-01 td.bb2 span.bbs,
  .table-cmn-01 td.or span.bbs,
  .table-cmn-01 td.br span.bbs,
  .table-cmn-01 td.gr span.bbs {
    font-size: 10px;
  }

    .table-cmn-01 td span.sub {
top: 0.4em;
    }

  .table-cmn-01 th.none2 {
	background: #fff;
	border-left: 0 none #646464;
	border-right: 1px solid #646464;
	border-bottom: 1px solid #646464;
	border-top: 0 none #646464;
	width: 25%;
  }

  .table-cmn-01 th.w100px {
    text-align: left;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
    line-height: 1.1;
    background: #F2F4F5;
	width: 25%;
  }

  .table-cmn-01 td.w75px {
	line-height: 1.1;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
	width: 18.75%;
    background: #F2F4F5;
  }

  .table-cmn-01 td.w75px-p {
	line-height: 1.1;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
	width: 18.75%;
	height: 88px;
	vertical-align:middle;
    background: #F2F4F5;
  }

  .table-cmn-01 td.w150px {
	line-height: 1.1;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
	width: 37.5%;
    background: #F2F4F5;
  }

  .table-cmn-01 td.w150px-p {
	line-height: 1.1;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
	width: 37.5%;
	height: 88px;
	vertical-align:middle;
    background: #F2F4F5;
  }

  .table-cmn-01 td.w300px {
	line-height: 1.1;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
	width: 75%;
    background: #F2F4F5;
  }

  .table-cmn-01 td.w300px-p {
	line-height: 1.1;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
	width: 75%;
	height: 88px;
	vertical-align:middle;
    background: #F2F4F5;
  }


.table-cmn-01-s table {
  width: 930px;
  margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}
  .table-cmn-01-s th,
  .table-cmn-01-s td {
    font-size: 15px;
    font-family:'Noto Sans JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
  }

  .table-cmn-01-s th {
    text-align: left;
    border: 1px solid #646464;
	padding-top: 2px;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 2px;
    line-height: 1.1;
  width: 16%;
    background: #F2F4F5; 
  }

  .table-cmn-01-s td {
	border: 1px solid #646464;
	line-height: 1.1;
	text-align: left;
	padding-top: 2px;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 2px;
	width: 21%;
    background: #F2F4F5;
  }

  .table-cmn-01-s th.none {
	background: #fff;
	border-left: 0 none #646464;
	border-right: 1px solid #646464;
	border-bottom: 1px solid #646464;
	border-top: 0 none #646464;
  }

  .table-cmn-01-s td.pi {
    font-size: 21px;
    line-height: 1.1;
    background: #DF3970;
	color: #F2F4F5;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
  }

  .table-cmn-01-s td.pi span.bbs {
    font-size: 15px;
  }
  .table-cmn-01-s td.pi span.sub,
  .table-cmn-01-s td span.sub {
    top: 0.4em;
  }

  .table-cmn-01-s td.ph {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	padding-left: 2px;
	height: 135px;
	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: 180px;
	vertical-align:middle;
    background: #F2F4F5;
	text-align: center;
  }


/* table-cmn-02
---------------------------------------------------------- */
.table-cmn-02 table {
  width: 100%;
  margin-bottom: 20px;
}
  .table-cmn-02 th,
  .table-cmn-02 td {
    font-size: 14px;
    font-family:'Noto Sans JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
  }
  .table-cmn-02 th {
    text-align: center;
    background: #fff;
    border: 1px solid #646464;
    padding: 8px 2px 7px;
    line-height: 1.1;
  width: 20%;
  }

  .table-cmn-02 td {
    border: 1px solid #646464;
    line-height: 1.1;
    text-align: center;
    padding: 8px 2px 7px;
  width: 40%;
  }
  .table-cmn-02 td.bb {
    line-height: 1.1;
    background: #008EC9;
	color: #F2F4F5;
  }

  .table-cmn-02 td.bb2 {
    line-height: 1.1;
    background: #2F6C93;
	color: #fff;
  }

  .table-cmn-02 td.pi {
    line-height: 1.1;
    background: #DF3970;
	color: #fff;
  }

  .table-cmn-02 th.lef {
    text-align: left;
  }

  .table-cmn-02 th.none3 {
	border-left: 0 none #646464;
	border-right: 1px solid #646464;
	border-bottom: 1px solid #646464;
	border-top: 0 none #646464;
	background: #fff;
  }

    .table-cmn-02 td span.sub {
top: 0.4em;
    }
	
td.t02-01 {
      width: 280px;
    }

td.t02-02 {
      width: 200px;
    }





/* table-cmn-03
---------------------------------------------------------- */

.table-cmn-03 table {
  width: 100%;
  margin-bottom: 20px;
}

  .table-cmn-03 th,
  .table-cmn-03 td {
    font-size: 16px;
    line-height: 1.3;
    font-family:'Noto Sans JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
  }

  .table-cmn-03 th {
	padding-top: 8px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 20px;
	width: 400px;
  vertical-align: top;
  }

  .table-cmn-03 td.top {
  vertical-align: top;
	width: 620px;
  }
  
  

  



/* table-cmn-04
---------------------------------------------------------- */

.table-cmn-04 table {
  width: 896px;
	margin-right: auto;
	margin-left: auto;
}

  .table-cmn-04 th,
  .table-cmn-04 td {
	font-size: 16px;
	line-height: 1.3;
	font-family: 'Noto Sans JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
  }

  .table-cmn-04 th {
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 35px;
	vertical-align:middle;
  }

  .table-cmn-04 td {
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 35px;
	vertical-align:middle;
	text-align: center;
  }

  .table-cmn-04 td.aki {
  width: 35px;
  }


/* table-cmn-05
---------------------------------------------------------- */

.table-cmn-05 table {
  width: auto;
  margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}

  .table-cmn-05 th,
  .table-cmn-05 td {
    font-size: 14px;
    line-height: 1.3;
    font-family:'Noto Sans JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
  }

  .table-cmn-05 td {
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 20px;
	vertical-align:middle;
	text-align: center;
  }


/* table-cmn-06
---------------------------------------------------------- */

.table-cmn-06 table {
  width: 100%;
  margin-bottom: 20px;
}

  .table-cmn-06 th,
  .table-cmn-06 td {
    font-size: 14px;
    line-height: 1.3;
    font-family:'Noto Sans JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
  }

  .table-cmn-06 th {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
  }

  .table-cmn-06 td {

  }

th.t06-01 {
      width: 170px;
    }

th.t06-02 {
      width: 210px;
    }

td.t06-03 {
      width: 80px;
	padding-top: 8px;
	padding-bottom: 8px;
    }

td.t06-04 {
      width: 90px;
	padding-top: 8px;
	padding-bottom: 8px;
    }

td.t06-05 {
      width: 210px;
	padding-top: 8px;
	padding-bottom: 8px;
    }

td.t06-06 {
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
    }

td.t06-07 {
	width: 40px;
    }

td.t06-08 {
	width: 50px;
    }

td.t06-09 {
	text-align: center;
	padding-bottom: 20px;
    }

td.t06-10 {
	width: 110px;
    }

td.t06-11 {
	width: 215px;
	text-align: center;
	padding-bottom: 20px;
    }

td.t06-12 {
	width: 215px;
	padding-bottom: 40px;
    }
	
td.t06-13 {

    }
	
td.t06-14 {
	width: 215px;
	padding-bottom: 0px;
    }

.aki-b20 {
	margin-bottom: 20px;
    }

.aki20 {
      width: 20px;
    }

td.wauto {
      width: auto;
    }

td.w25 {
      width: 25%;
    }

td.left {
	text-align: left;
    }

td.w15 {
      width: 15%;
    }

td.w80px {
	width: 80px;
    }

td.w90px {
      width: 90px;
    }

td.w210px {
      width: 210px;
    }

/* 14～16 */
.table-cmn-03 td span.sub,
.table-cmn-03 th span.sub {
top: 0.4em;
}

.table-cmn-div03 div span.sub {
top: 0.4em;
}

.table-cmn-04 td span.sub,
.table-cmn-04 th span.sub {
top: 0.4em;
}

.table-cmn-05 td span.sub,
.table-cmn-05 th span.sub {
top: 0.4em;
}

.table-cmn-06 td span.sub,
.table-cmn-06 th span.sub {
top: 0.4em;
}




.w100cen {
      width: 100%;
	text-align: center;
  vertical-align: middle;
    }


.w620cen {
      width: 620px;
	margin-right: auto;
	margin-left: auto;
    }

.w40px {
      width: 40px;
	text-align: center;
  vertical-align: middle;
    }

.w125px {
      width: 125px;
	text-align: center;
  vertical-align: middle;
    }

.w30 {
      width: 40%;
    }

.w70 {
      width: 60%;
    }

.w-so1 {
      width: 560px;
	margin-right: 0;
	margin-left: auto;
    }

.w-so2 {
      width: 570px;
	margin-right: 0;
	margin-left: auto;
	margin-bottom: 40px;
    }

.w-so3 {
    width: 100%;
	text-align: right;
    }
	
/* table-cmn-07
---------------------------------------------------------- */

.table-cmn-07 table {
	width: 100%;
  margin-bottom: 20px;
}

.table-cmn-07 table td {
    line-height: 1.3;
    font-family:'Noto Sans JP', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	text-align: center;
    font-size: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0;
	padding-left: 0;
	margin: 0;
}

td.ill1,
td.ill2,
td.ill3,
td.ill4,
td.ill5 {
    width: 20%;
    }
	
.i7img {
    width: auto;
	height: 80px;
    }
	
	
/* 疑似テーブル
---------------------------------------------------------- */
  
.table-cmn-div02 {
  width: 1180px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
  
.table-cmn-div02:after {
  clear: both;
}
  
.table-cmn-div02 .div02-th {
	float: left;
  margin-bottom: 20px;
}

.table-cmn-div02 .div02-t1,
.table-cmn-div02 .div02-t1-n {
  width: 158px;
  height: 30px;
	display: block;
	text-align: center;
	font-size: 14px;
}

.table-cmn-div02 .div02-t2 {
  width: 158px;
  height: 225px;
	display: block;
	vertical-align:bottom;
	position:relative;
}

.table-cmn-div02 .div02-t2 img {
position: absolute;
bottom: 0;
}

.table-cmn-div02 .div02-t3,
.table-cmn-div02 .div02-t3-n {
  width: 158px;
  height: 30px;
	display: block;
	text-align: center;
	vertical-align:bottom;
	font-size: 14px;
}

.table-cmn-div02 .div02-t4 {
  width: 118px;
  height: 285px;
	float: left;
  position: relative;
}

.table-cmn-div02 .div02-t5,
.table-cmn-div02 .div02-t5-n {
  width: 350px;
  height: 30px;
	display: block;
	text-align: center;
	font-size: 14px;
}

.table-cmn-div02 .div02-t6 {
  width: 350px;
  height: 225px;
	display: block;
	position:relative;
}

.table-cmn-div02 .div02-t6 img {
position: absolute;
bottom: 0;
}

.table-cmn-div02 .div02-t7,
.table-cmn-div02 .div02-t7-n {
  width: 350px;
  height: 30px;
	display: block;
	text-align: center;
	vertical-align:bottom;
	font-size: 14px;
}

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

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

.table-cmn-div03 .div03-th {
	float: left;
  margin-bottom: 20px;
}

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

.table-cmn-div03 .div03-t2 {
  width: 400px;
  height: 245px;
}

.table-cmn-div03 .div03-t3 {
  width: 40px;
  height: 245px;
	float: left;
	margin-top: 60px;
  position: relative;
}

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

.table-cmn-div03 .div03-t5 {
  width: 40px;
  height: 90px;
	float: left;
  position: relative;
}

.arrow1 {
  width: 20px;
  height: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}



/* ボタン関連
---------------------------------------------------------- */
.btn-cmn {
	margin-top: 40px;
	margin-bottom: 80px;
	text-align: center;
	font-size: 0;
}

.btn-cmn2 {
	margin-top: 40px;
	text-align: center;
}

.primary {
    width: 330px;
	height: 30px;
	line-height: 30px;
	margin-right: 35px;
	margin-left: 35px;
	font-size: 16px;
	color: #ffffff;
	background: #005bac;
	display: inline-block;
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
  }

.primary a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}

.primary: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;
    zoom:1;/*IE*/
}

.primary2 {
    width: 400px;
    border: 1px solid #005bac;
	line-height: 30px;
	margin-right: 35px;
	margin-left: 35px;
	font-size: 16px;
	color: #000;
	display: inline-block;
	padding-top: 20px;
	padding-bottom: 20px;
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
  }

.primary2 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}

.primary2 a:link {color:#000;} /*未訪問のリンクの色*/
.primary2 a:visited {color:#000;} /*訪問済みのリンクの色*/
.primary2 a:active {color:#000;} /*クリック中のリンクの色*/

.primary2: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;
    zoom:1;/*IE*/
}

.primary span.sub,
.primary2 span.sub {
top: 0.7em;
  }

.primary3 {
    width: 330px;
	line-height: 140%;
	margin-right: 35px;
	margin-left: 35px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 21px;
	color: #ffffff;
	background: #005bac;
	display: inline-block;
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
  }

.primary4 {
    width: 330px;
	line-height: 140%;
	margin-right: 35px;
	margin-left: 35px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 21px;
	color: #ffffff;
	background: #228447;
	display: inline-block;
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
  }

.primary5 {
    width: 330px;
	line-height: 140%;
	margin-right: 35px;
	margin-left: 35px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 21px;
	color: #ffffff;
	background-color: #d63520;
	display: inline-block;
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
  }

.primary6 {
    width: 360px;
	line-height: 140%;
	margin-right: 35px;
	margin-left: 35px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 21px;
	color: #ffffff;
	background: #005bac;
	display: inline-block;
    position: relative;
    z-index: 1; /* 必要であればリンク要素の重なりのベース順序指定 */
  }

.primary6:first-child {
	margin-right: 35px;
	margin-left: 20px;
  }

.primary6:last-child {
	margin-right: 20px;
	margin-left: 35px;
  }





.primary3 a,
.primary4 a,
.primary5 a,
.primary6 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}

.primary3:hover,
.primary4:hover,
.primary5:hover,
.primary6: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;
    zoom:1;/*IE*/
}

.primary5 img {
	width: 31px;
	height:21px;
	margin-right: 5px;
	margin-top: 4px;
  }


.p-logo1 {
    width: 200px;
    height: auto;
}

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


/* メニュー固定
---------------------------------------------------------- */

.nav {
  width: 100%;
}

body.is-fixed .header {
  margin-bottom: 146px;
}

body.is-fixed .nav--typeA {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}

#merit,
#process,
#lineup,
#novelty,
#brand,
#e-friendly,
#h-friendly{
   margin-top:-50px;
   padding-top:50px;
}


/* ノベルティ追加分
---------------------------------------------------------- */

ul.merit1 li{
	width: 100%;
    height: 90px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-left: 10px;
	font-weight: 700;
	color: #ffffff;
	background-color: #5ea3d6;
	margin-bottom: 20px;
	font-size: 90px;
	line-height: 85px;
	font-style: italic;
	vertical-align:middle;
}

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

.merit1 span{
	font-size: 36px;
	font-style: normal;
	line-height: 85px;
}

ul.merit2 li{
	font-weight: 700;
	color: #228447;
	font-size: 72px;
	vertical-align:middle;
	line-height: 100%;
	margin-bottom: 10px;
}

.merit2 span{
	font-size: 36px;
	font-style: normal;
	line-height: 100%;
}

ul.lineup-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.lineup-ul li {
	margin-top: 0;
	margin-right: 40px;
	margin-left: 0;
	margin-bottom: 10px;
	border: 1px solid #005bac;
	width: 400px;
	background-color: #fff;
	list-style: none;
    }

    ul.lineup-ul li:nth-child(3) ,
    ul.lineup-ul li:nth-child(6) ,
    ul.lineup-ul li:nth-child(9) ,
    ul.lineup-ul li:nth-child(12) ,
    ul.lineup-ul li:nth-child(15) {
	margin-right: 0px;
}

.lineup-ti {
	background-color: #5ea3d6;
	color: #fff;
	text-align: center;
	font-size: 18px;
    }

.lineup-img{
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

.lineup-img img{
	width: 100%;
}

.lineup-tx {
	font-size: 14px;
    line-height: 140%;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

ul.fro-nv-ul {
    margin:0;
    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-nv-ul li {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 20px;
	padding-right: 0;
	padding-left: 0;
	width: 50%;
	list-style: none;
    }



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: 33.3333333%;
	list-style: none;
	border-right-width: 3px;
	border-right-style: dotted;
	border-right-color: #00803e;
	border-bottom-width: 3px;
	border-bottom-style: dotted;
	border-bottom-color: #00803e;
    }

    ul.fro-ef-ul li:nth-child(3) ,
    ul.fro-ef-ul li:nth-child(6) ,
    ul.fro-ef-ul li:nth-child(9) ,
    ul.fro-ef-ul li:nth-child(12) ,
    ul.fro-ef-ul li:nth-child(15) {
	border-right-width: 0px;
	border-right-style: none;
}

    ul.fro-ef-ul li:nth-child(7) ,
    ul.fro-ef-ul li:nth-child(8) ,
    ul.fro-ef-ul li:nth-child(9) {
	border-bottom-width: 0px;
	border-bottom-style: none;
}

.fro-ef-img{
	width: 76px;
	display: inline-block;
	vertical-align:middle;
}

.fro-ef-img img{
	width: 100%;
}

.fro-ef-tx{
	width: 300px;
	display: inline-block;
	vertical-align:middle;
	font-size: 16px;
	line-height: 140%;
	color: #00803e;
	padding-left: 10px;
}

.fro-sasimg{
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

.fro-sasimg img{
	width: 100%;
}




/* メインビジュアル */
.main-visual img { display: block; width: 100%; }