@charset "utf-8";
/* ヘッダー部分 */
@media screen and (min-width: 1059px) {
#header{z-index:10000;position:fixed;width:100%;top:0;background:rgba(255,255,255,0.95);padding-top:0;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30);}
#header .menu-wrap,#header .hd-tel{display: block;}
#header > nav .hd-logo a{width:320px;height:42px;top:0;}
#header > nav .hd-logo a img{max-width:320px;max-height:42px;width:auto;height:auto;}
}
@media screen and (max-width: 799px) {
}

img {
max-width: 100%;
height: auto;
}
#other {}
#content {
    margin-top: 105px;}
#content section {
    padding: 50px 0;}
#content .pagetop {
    text-align: center;
    margin-top: 100px;}
#content .inners {
    max-width: 960px;
    overflow: hidden;
    margin: 0 auto;}
#content .innerm {
    max-width: 1020px;
    overflow: hidden;
    margin: 0 auto;}
@media screen and (max-width: 799px) {
    #content {
        margin-top: 30px;
        padding-bottom: 20px;}
    #content section {
        padding: 20px 0;}
            #content .pagetop img{
                width:130px;
                height:auto;
            }
    #content .inners {
        width: 100%;}
    #content .innerm {
        width: 100%;}
}



/* キャッチ */
#content .catch {
background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(left, #fafafa 0%, #f5f5f5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #fafafa 0%,#f5f5f5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #fafafa 0%,#f5f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e6e6e7',GradientType=1 ); /* IE6-9 */
    padding: 190px 0 10px 0;
    margin-top: -160px;
    width: 100%;
    transform:skew(0, -7deg);}


#content .catch .wrap {
display: block;
transform:skew(0, 7deg);
position:relative;
}
#content .catch h1 {
display: block;
padding:30px 30px 30px;
vertical-align: middle;
position:relative;
z-index:10;
font-size: 60px;}
#content .catch figure {
display: block;
position: absolute;
right:50px;
top:0;
vertical-align: middle;
width: 700px;}



/* before20190218版
#content .catch .wrap {
    display: table;
    transform:skew(0, 7deg);}
#content .catch h1 {
    display: table-cell;
    vertical-align: middle;
    font-size: 60px;}
#content .catch figure {
    display: table-cell;
    vertical-align: middle;
    width: 700px;}
*/

    @media screen and (max-width: 799px) {
    #content .catch {
        padding: 52px 0 34px 0;
        margin-top: 0px;
        transform:skew(0, -5deg);
        width: 100%;}
    #content .catch .wrap {
        display: block;
        transform:skew(0, 5deg);
        position: relative;}
    #content .catch h1 {
        position: relative;
        z-index: 100;
        padding:0;
        display: block;
        font-size: 25px;}
    #content .catch figure {
        display: block;
        position: absolute;
        top: inherit;
        bottom: -20px;
        right: 0;
        width: 50%;}
}




/* タイトル部分 */
#content .title01 {
    padding-top: 0;
    text-align: center;
    margin-bottom: 60px;}
#content .title01:nth-child(n+2) {
    padding-top: 100px;
    text-align: center;
    margin-bottom: 60px;
	}
#content .title01 strong {
    font-weight: normal;
    display: block;
    padding-bottom: 10px;
    border-bottom: 1px solid #666666;}
#content .title01 span {
    font-size: 0.6em;
    color: #0068b6;
    display: block;}
@media screen and (max-width: 799px) {
    #content .title01 {
        padding-top: 30px;
        text-align: center;
        margin-bottom: 20px;}
}





/* etc　etc */
#content.etc {}
#content.etc .catch h1 {
    color: #94c124;}
#content.etc h1.title01 span {
    color: #94c124;}
#content.etc .sec02.gray.utccard h1.title01 span {
    color: #29abe2;}
#content.etc .sec01 ul {
    margin: 0 0 50px;
    padding: 0;
    list-style: none;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
    justify-content: space-between;}
#content.etc .sec01 ul li {
    width: 30%;
    box-sizing: border-box;
    padding: 30px;
    position:relative;
}
#content.etc .sec01 ul li::after{
    content:'';
    bottom:-120px;
    width:100%;
    position: absolute;
    left:0;
    height:120px;
    background-position:center;
    background-size:auto 120px;
    background-repeat:no-repeat;
}
#content.etc .sec01 ul li p {
    font-size: 0.9em;}
#content.etc .sec01 ul li.first {
    border:1px solid #6eaf2b;}
    #content.etc .sec01 ul li.first::after{
        background-image:url("../img/other/icon_fuel-sec01-01.png")
    }
#content.etc .sec01 ul li.first h3 {
    color: #6eaf2b;}
#content.etc .sec01 ul li.second {
    border:1px solid #20a6ca;}
    #content.etc .sec01 ul li.second::after{
        background-image:url("../img/other/icon_fuel-sec01-02.png")
    }
#content.etc .sec01 ul li.second h3 {
    color: #20a6ca;}
#content.etc .sec01 ul li.third {
    border:1px solid #ed9027;}
    #content.etc .sec01 ul li.third::after{
        background-image:url("../img/other/icon_fuel-sec01-03.png")
    }
#content.etc .sec01 ul li.third h3 {
    color: #ed9027;}
#content.etc .gray {
    background: #fafafa;
    padding-bottom: 100px;}
#content.etc .sec02 h2 {
	text-align: center;
	margin-bottom: 30px;}
#content.etc .sec02 h2 span {
	font-size: 0.8em;}
#content.etc .sec02 nav.btn {
	text-align: center;}
#content.etc .sec02 nav.btn a {
	border: 1px solid #0763aa;
	background: #fff;
	display: inline-block;
	color: #000;
	text-decoration: none;
	padding: 10px 40px;}
#content.etc .sec02 nav.btn a:hover {
	background: #0763aa;
	color: #fff;}
#content.etc .sec02 nav.btn a .fa {
	margin-right: 20px;}
#content.etc .sec02 .sec02-01 figure {
    float: right;
    width:50%;
    text-align:center;}
#content.etc .sec02 .sec02-01 p {
    font-size: 0.9em;
    padding: 0;}
#content.etc .sec02 .sec02-02 {
	border: 1px solid #b7282c;
	background: #fff;
	padding: 30px 40px;}
#content.etc .sec02 .sec02-02 h2 {
	line-height: 52px;}
#content.etc .sec02 .sec02-02 h2 span{
	color: #fff;
	display: inline-block;
	position:relative;
	height:52px;
	padding: 0 40px;
	background:#b7282c;}
#content.etc .sec02 .sec02-02 h2 span:before{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:-16px;
	border-top:26px solid transparent; 
	border-bottom:26px solid transparent; /* 上下のborderを透過 */
	border-right:16px solid #b7282c;}
#content.etc .sec02 .sec02-02 h2 span:after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	right:-16px;
	border-top:26px solid transparent;
	border-bottom:26px solid transparent; /* 上下のborderを透過 */
	border-left:16px solid #b7282c;}
#content.etc .sec02 .sec02-02 ul {
    margin: 0;
    padding: 0;
    list-style: none;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
    justify-content: space-between;}
#content.etc .sec02 .sec02-02 li {
	width: 50%;
	padding: 0 2%;
	margin-bottom: 5%;
	box-sizing: border-box;}
#content.etc .sec02 .sec02-02 p {
	padding: 0 2%;}
#content.etc .sec02 .sec02-03 ul {
    margin: 0;
	margin-bottom: 30px;
    padding: 0;
    list-style: none;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
    justify-content: space-between;}
#content.etc .sec02 .sec02-03 ul li {
	width: 47%;
	font-size: 0.8em;}
#content.etc .sec02 .sec02-03 ul li table caption {
	color: #fff;
	margin-bottom: 10px;
	font-size: 1.2em;
	padding: 5px 0;}
#content.etc .sec02 .sec02-03 ul li table th,
#content.etc .sec02 .sec02-03 ul li table td {
	border: none;
	padding: 5px;
	text-align: center;}
#content.etc .sec02 .sec02-03 ul li table th:first-child,
#content.etc .sec02 .sec02-03 ul li table td:first-child {
	border-left: none;}
#content.etc .sec02 .sec02-03 ul li.left table caption {
	background: #8bba28;}
#content.etc .sec02 .sec02-03 ul li.left table th,
#content.etc .sec02 .sec02-03 ul li.left table td {
	border-left: 1px solid #8bba28;
	border-bottom: 1px solid #8bba28;}
#content.etc .sec02 .sec02-03 ul li.left table th:first-child,
#content.etc .sec02 .sec02-03 ul li.left table td:first-child {
	border-left: none;}
#content.etc .sec02 .sec02-03 ul li.left table tbody tr:nth-child(even) td {
	background: #f3f5e1;}
#content.etc .sec02 .sec02-03 ul li.right table caption {
	background: #0967ac;}
#content.etc .sec02 .sec02-03 ul li.right table th,
#content.etc .sec02 .sec02-03 ul li.right table td {
	border-left: 1px solid #0967ac;
	border-bottom: 1px solid #0967ac;}
#content.etc .sec02 .sec02-03 ul li.right table th:first-child,
#content.etc .sec02 .sec02-03 ul li.right table td:first-child {
	border-left: none;}
#content.etc .sec02 .sec02-03 ul li.right table tbody tr:nth-child(even) td {
	background: #ecf4f9;}
#content.etc .sec02 .sec02-03 ul li.left {}
#content.etc .sec02 .sec02-04 .left {
	width: 66%;
	float: left;}
#content.etc .sec02 .sec02-04 .right {
	width: 33%;
	float: right;}
#content.etc .sec02 .sec02-04 .right .box {
	margin-bottom: 15px;}
#content.etc .sec02 .sec02-04 .right .box:last-child {
	margin-bottom: 0;}
#content.etc .sec02 .sec02-04 .box {
	background: url("../img/other/bg_purchasing-box.png") repeat left top;
	text-align: center;
	padding: 5px;}
#content.etc .sec02 .sec02-04 .box span {
	display: block;
	padding: 20px;
	background: #fff;}
#content.etc .sec02 .sec02-05 ol li {
	margin-bottom: 20px;}
#content.etc .sec02 .sec02-05 ol li:last-child {
	margin-bottom: 0;}
#content.etc .sec02 .sec02-05 ol li img {
	margin-top: 5px;}
#content.etc .sec03 {
    padding-bottom: 100px;}
#content.etc .sec03 table#etc_table{
	width: 100%;
}
#content.etc .sec03 table#etc_table th {
	width: 20% !important;
    text-align: center;
    background: #fff;
    color: #538a91;
	box-sizing: border-box;
}
#content.etc .sec03 table#etc_table th.th02 {
    color: #f15a24;}
#content.etc .sec03 table#etc_table th.th03 {
	width: 40% !important;
    color: #88b929;
	box-sizing: border-box;}
#content.etc .sec03 table#etc_table th.th04 {
	width: 40% !important;
    color: #2ea1d2;
	box-sizing: border-box;}
#content.etc .sec03 table#etc_table td {
    text-align: center;
	box-sizing: border-box;}
#content.etc .sec03 h2 {
	text-align: center;
	margin: 50px 0;}
#content.etc .sec03 nav {
	text-align: center;}
#content.etc .sec04 {}
#content.etc .sec04 figure {
    margin: 50px 0;}
#content.etc .sec04 nav {
    text-align: center;}
#content.etc .sec05 ul {
    margin: 0;
	margin-bottom: 30px;
    padding: 0;
    list-style: none;
	/*display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
    justify-content: space-between;*/}
#content.etc .sec05 ul li {
	margin: 0 0 20px;
	padding: 0 1%;
	width: 50%;
	float: left;
	box-sizing: border-box;
}
#content.etc .sec06 {
    padding-bottom: 100px;}
#content.etc .sec06 ul {
	margin: 0;
	padding: 0;
	list-style: none;}
#content.etc .sec06 ul li {
	border-bottom: 1px dotted #ccc;
	font-size: 1.8em;
	margin-bottom: 20px;}
#content.etc .sec06 ul li .far {
	margin-right: 10px;}
#content.etc .sec06 h2 {
	text-align: center;
	margin: 50px 0;}
#content.etc .sec06 nav {
	text-align: center;}
#content.etc .sec07 {
    background: #fffdf5;
    padding-bottom: 100px;}
#content.etc .sec07 h1.title01 span {
    color: #c1272d;}
#content.etc .sec07 h3 {
	color: #c1272d;}
#content.etc .sec07 .sec07-01 figure {
	float: left;
	padding-right: 2%;
	width:30%;
	box-sizing: border-box;
}
#content.etc .sec07 .sec07-01 ul {
	width:70%;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	box-sizing: border-box;}
#content.etc .sec07 .sec07-01 ul li {
	border-bottom: 1px dotted #ccc;
	font-size: 1.6em;
	margin-bottom: 20px;}
#content.etc .sec07 .sec07-01 ul li .far {
	margin-right: 10px;}
#content.etc .sec07 .sec07-02 figure {
	float: right;
	margin-bottom: 30px;
	margin-left: 30px;}
#content.etc .sec07 .sec07-03 figure {
	float: left;
	margin-bottom: 30px;
    margin-right: 30px;}
#content.etc .merit2box{
    /*display:flex;*/
}
#content.etc .merit2box strong{
    white-space:nowrap;
	color: #29abe2;
}

@media screen and (max-width: 799px) {
	#content.etc .sec01 ul li {
		width: 100%;
        box-sizing: border-box;
        margin-bottom:30px;
        padding: 15px;}
        #content.etc .sec01 ul li::after{
            bottom:-60px;
            height:60px;
            background-size:auto 60px;
        }
        #content.etc .sec01 ul li+li{
            margin-top:60px;
        }
	#content.etc .sec02 nav.btn a {
		padding: 10px;}
	#content.etc .sec02 nav.btn a .fa {
		margin-right: 10px;}
	#content.etc .sec02 .sec02-01 figure {
        float: none;
        width:100%;
		text-align: center;
		margin-left: 0;
		margin-bottom: 20px;}
	#content.etc .sec02 .sec02-01 figure img {
        width:40%;
	}
	#content.etc .sec02 .sec02-02 {
		margin-bottom: 10%;
		padding: 20px 20px;}
	#content.etc .sec02 .sec02-02 li {
		text-align: center;
		padding: 0;
		width: 100%;
		margin-bottom: 5%;}
	#content.etc .sec02 .sec02-02 p {
		padding: 0;}
	#content.etc .sec02 .sec02-03 ul li {
        width: 100%;}
        

    #content.etc .sec02-03 ul li table th,
    #content.etc .sec02-03 ul li table td
    {
		font-size: 0.9em;
    display:table-cell!important;
    width:auto!important;
    border: 1px solid #8bba28!important;
    border: 1px solid #8bba28!important;
    }

    #content.etc .sec02-03 ul li.right table th,
    #content.etc .sec02-03 ul li.right table td
    {
    border: 1px solid #0967ac!important;
    border: 1px solid #0967ac!important;
    }
    
    #content.etc .sec03 th,
    #content.etc .sec03 td
    {
    display:table-cell!important;
    padding:5px!important;
    width:33.3333%!important;
    }
    #content.etc .sec03 td{font-size:13px;}


    #content.etc .sec02 .sec02-03 ul li.left table caption,
    #content.etc .sec02 .sec02-03 ul li.right table caption{
        margin-bottom:0;
    }



	#content.etc .sec02 .sec02-04 .left {
		width: 100%;
		margin-bottom: 20px;
		float: none;}
	#content.etc .sec02 .sec02-04 .right {
		width: 100%;
		float: none;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;}
	#content.etc .sec02 .sec02-04 .right .box {
		margin-bottom: 0;
		box-sizing: border-box;
		width: 48%;}
	#content.etc .sec02 .sec02-04 .box {
		background: url("../img/other/bg_purchasing-box.png") repeat left top;
		padding: 5px;}
	#content.etc .sec02 .sec02-04 .box span {
		padding: 10px;}
	#content.etc .gray {
		padding-bottom: 30px;}
	#content.etc .sec03 {
		padding-bottom: 50px;}
	#content.etc .sec03 h2 {
		font-size: 1.0em;
		margin: 30px 0;}
	#content.etc .sec04 {
		padding-bottom: 50px;}
	#content.etc .sec04 figure {
		margin: 30px 0;}
	#content.etc .sec06 {
		padding-bottom: 50px;}
	#content.etc .sec06 ul li {
		font-size: 1.0em;
		margin-bottom: 10px;}
	#content.etc .sec06 ul li .far {
		margin-right: 10px;}
	#content.etc .sec06 h2 {
		font-size: 1.0em;
		margin: 30px 0;}
#content.etc .sec07 {
    padding-bottom: 50px;}
#content.etc .sec07 .sec07-01 figure {
	float: none;
	padding-right: 0;
	width:100%;
	text-align: center;
	margin-bottom: 5%;}
#content.etc .sec07 .sec07-01 figure img {
	width: 50%;
	margin: 0 auto;
	}
#content.etc .sec07 .sec07-01 ul {
	width:100%;
	float: none;}
#content.etc .sec07 .sec07-01 ul li {
	font-size: 1.0em;
	margin-bottom: 10px;}
#content.etc .sec07 .sec07-01 ul li .far {
	margin-right: 10px;}
#content.etc .sec07 .sec07-02 figure {
	float: none;
	text-align: center;
	margin-left: 0;
	margin-bottom: 20px;
	margin-top: 10%;}
#content.etc .sec07 .sec07-03 figure {
	float: none;
	text-align: center;
	margin-right: 0;
	margin-bottom: 20px;
	margin-top: 10%;}
}
#content.etc .merit2box strong{
    white-space:normal;
}




/* 書類ダウンロード　download */
#content.download {}
#content.download .box {
	margin: 0 135px;
	margin-top: 15px;
	border: 1px solid #ccc;
	padding: 15px;}
#content.download .box figure {
	float: right;
	padding-top: 10px;
	margin-left: 30px;}
#content.download .box p {
	padding: 0;
	font-size: 13px;}
#content.download dl {}
#content.download dl dt {
	cursor: pointer;
    position: relative;
    padding: 20px;
    margin: 0;
    background: #fff;}
#content.download dl dt:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    background: url("../img/ico_open.png") no-repeat center center;
    width: 28px;
    height: 28px;
    margin-top: -14px;
    display: block;}
#content.download dl dt.select:after {
    background: url("../img/ico_close.png") no-repeat center center;}
#content.download dl dt.first {
    border-bottom: 3px solid #8dc21f;}
#content.download dl dt.second {
    border-bottom: 3px solid #6eb1e2;}
#content.download dl dt.third {
    border-bottom: 3px solid #f39700;}
#content.download dl dt div {
    float: left;
    margin-right: 30px;}
#content.download dl dt h3 {
    color: #000;
    line-height: 70px;}
#content.download dl dd {
    padding: 30px 20px;
    margin: 0;
    background: #fff;
    }
#content.download dl dd div {
    padding: 30px 0;
    margin: 0;
    background: #fff;
    border-bottom: 1px solid #ccc;}
#content.download dl dd nav.btn {
    text-align: center;
    margin-top: 20px;}
#content.download dl dd nav.btn a {
    display: inline-block;
    text-decoration: none;
    margin: 0 20px;
    padding: 10px 30px 10px 50px;}
#content.download dl dd nav.btn a.download {
    border: 1px solid #c1272d;
    color: #c1272d;
    background: #fff url("../img/child/ico_download.png") no-repeat left 20px center;}
#content.download dl dd nav.btn a.download:hover {
    border: 1px solid #c1272d;
    color: #fff;
    background: #c1272d url("../img/child/ico_download-ov.png") no-repeat left 20px center;}
#content.download dl dd nav.btn a.sample {
    border: 1px solid #4d4d4d;
    color: #4d4d4d;
    background: #f2f2f2 url("../img/child/ico_sample.png") no-repeat left 20px center;}
#content.download dl dd nav.btn a.sample:hover {
    border: 1px solid #4d4d4d;
    color: #fff;
    background: #4d4d4d url("../img/child/ico_sample-ov.png") no-repeat left 20px center;}
@media screen and (max-width: 799px) {
	#content.download .box {
		margin: 0;
		margin-top: 10px;
		border: 1px solid #ccc;
		padding: 10px;}
	#content.download .box figure {
		float: none;
		padding: 0;
		text-align: center;
		margin-left: 0;
		margin-bottom: 10px;}
    #content.download dl dt {
        padding: 10px;}
    #content.download dl dt h3 {
        font-size: 1em;
        line-height: 45px;}
    #content.download dl dt div {
        width: 70px;}
    #content.download dl dd {
        padding: 10px;}
    #content.download dl dt:after {
        right: 10px;
        background: url("../img/ico_open.png") no-repeat center center;
        background-size: 14px auto;
        width: 14px;
        height: 14px;
        margin-top: -7px;}
    #content.download dl dt.select:after {
        background: url("../img/ico_close.png") no-repeat center center;
        background-size: 14px auto;}
    #content.download dl dd nav.btn a {
        margin: 10px 20px;}
}





/* 燃料　fuel */
#content.fuel {}
#content.fuel .catch h1 {
    color: #f15a24;}
#content.fuel h1.title01 span {
    color: #f15a24;}
    #content.fuel .sec01 ul {
        margin: 0 0 50px;
        padding: 0;
        list-style: none;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;}
    #content.fuel .sec01 ul li {
        width: 30%;
        box-sizing: border-box;
        padding: 30px;
        position:relative;
    }
    #content.fuel .sec01 ul li::after{
        content:'';
        bottom:-120px;
        width:100%;
        position: absolute;
        left:0;
        height:120px;
        background-position:center;
        background-size:auto 120px;
        background-repeat:no-repeat;
    }
    #content.fuel .sec01 ul li p {
        font-size: 0.9em;}
    #content.fuel .sec01 ul li.first {
        border:1px solid #6eaf2b;}
        #content.fuel .sec01 ul li.first::after{
            background-image:url("../img/other/icon_fuel-sec01-01.png")
        }
    #content.fuel .sec01 ul li.first h3 {
        color: #6eaf2b;}
    #content.fuel .sec01 ul li.second {
        border:1px solid #20a6ca;}
        #content.fuel .sec01 ul li.second::after{
            background-image:url("../img/other/icon_fuel-sec01-02.png")
        }
    #content.fuel .sec01 ul li.second h3 {
        color: #20a6ca;}
    #content.fuel .sec01 ul li.third {
        border:1px solid #ed9027;}
        #content.fuel .sec01 ul li.third::after{
            background-image:url("../img/other/icon_fuel-sec01-03.png")
        }
#content.fuel .sec01 ul li.third h3 {
    color: #ed9027;}
#content.fuel .sec02 .sec02-01 {}
#content.fuel .sec02 .sec02-01 figure {
    float: right;
    margin-left: 30px;}
#content.fuel .sec02 .sec02-01 p {
    font-size: 0.9em;
    padding: 0;}
#content.fuel .sec02 .sec02-02 ul {
    margin: 0;
    padding: 0;
    list-style: none;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
    justify-content: space-between;}
#content.fuel .sec02 .sec02-02 ul li {
    width: 46%;
	border-bottom: 1px solid #CCC;
	padding-bottom: 5%;
    margin-bottom: 5%;}
#content.fuel .sec02 .sec02-02 ul li h3 {
    margin-bottom: 10px;
    line-height: 1.4;
    padding: 20px 0;
    padding-left: 175px;}
#content.fuel .sec02 .sec02-02 ul li h3.ico01 {
    background: url("../img/other/img_fuel-sec02-02.png") no-repeat left 30px center;
    background-size: auto 85px;}
#content.fuel .sec02 .sec02-02 ul li h3.ico02 {
    background: url("../img/other/img_fuel-sec02-03.png") no-repeat left 30px center;
    background-size: auto 85px;}
#content.fuel .sec02 .sec02-02 ul li h3.ico03 {
    background: url("../img/other/img_fuel-sec02-04.png") no-repeat left 30px center;
    background-size: auto 85px;}
#content.fuel .sec02 .sec02-02 ul li h3.ico04 {
    background: url("../img/other/img_fuel-sec02-05.png") no-repeat left 30px center;
    background-size: auto 85px;}
#content.fuel .sec02 .sec02-02 ul li h3.ico05 {
    background: url("../img/other/img_fuel-sec02-06.png") no-repeat left 30px center;
    background-size: auto 85px;}
#content.fuel .sec02 .sec02-02 ul li h3.ico06 {
    background: url("../img/other/img_fuel-sec02-07.png") no-repeat left 30px center;
    background-size: auto 85px;}
#content.fuel .sec02 .sec02-02 ul li h3.ico07 {
    background: url("../img/other/img_fuel-sec02-08.png") no-repeat left 30px center;
    background-size: auto 85px;}
#content.fuel .sec02 .sec02-02 ul li h3.ico08 {
    background: url("../img/other/img_fuel-sec02-09.png") no-repeat left 30px center;
    background-size: auto 85px;}
#content.fuel .sec03 {
    background: #fafafa;
    padding-bottom: 100px;}
#content.fuel .sec03 th {
    text-align: center;
    padding: 20px;
    background: #fff;
    color: #538a91;}
#content.fuel .sec03 th.th02 {
    color: #f15a24;}
#content.fuel .sec03 td {
    padding: 20px;
    text-align: center;}
#content.fuel .sec03 nav {
	margin-top: 50px;
    text-align: center;}
#content.fuel .sec04 {
    padding-bottom: 100px;}
#content.fuel .sec04 figure {
    margin: 50px 0 0 0;}
#content.fuel .sec05 {
    background: #fafafa;}
#content.fuel .sec05 dl {}
#content.fuel .sec05 dl dt {
	cursor: pointer;
    position: relative;
    padding: 20px;
    margin: 0;
    font-size: 1.2em;
    background: #fff;
    border-bottom: 1px dotted #ccc;}
#content.fuel .sec05 dl dt:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    background: url("../img/ico_open.png") no-repeat center center;
    width: 28px;
    height: 28px;
    margin-top: -14px;
    display: block;}
#content.fuel .sec05 dl dt.select:after {
    background: url("../img/ico_close.png") no-repeat center center;}
#content.fuel .sec05 dl dd {
    padding: 20px;
    margin: 0;
    background: #fff;
    border-bottom: 3px solid #f15a24;}
@media screen and (max-width: 799px) {
	#content.fuel .sec01 ul li {
		width: 100%;
        box-sizing: border-box;
        margin-bottom:30px;
        padding: 15px;}
        #content.fuel .sec01 ul li::after{
            bottom:-60px;
            height:60px;
            background-size:auto 60px;
        }
        #content.fuel .sec01 ul li+li{
            margin-top:60px;
        }
	#content.fuel .sec02 .sec02-01 figure {
        float: none;
        width:100%;
		text-align: center;
		margin-left: 0;
		margin-bottom: 20px;}
	#content.fuel .sec02 .sec02-01 figure img {
        width:50%;
	}
    #content.fuel .sec02 .sec02-02 ul li {
        width: 100%;
		border-bottom: 1px solid #CCC;
		padding-bottom: 5%;
        margin-bottom: 5%;}
    #content.fuel .sec02 .sec02-02 ul li h3 {
        margin-bottom: 10px;
        line-height: 1.4;
        padding: 20px 0;
        padding-left: 175px;}
    #content.fuel .sec03 {
        padding-bottom: 50px;}
	#content.fuel .sec03 th {
    	text-align: center;
    	padding: 20px;
    	background: #538a91;
    	color: #FFF;}
	#content.fuel .sec03 th.th02 {
    	background: #FFF;
    	color: #f15a24;}
#content.fuel .sec03 td img {
    width: 60%;}
    #content.fuel .sec04 nav {
        margin: 30px 0 0 0;}
    #content.fuel .sec04 {
        padding-bottom: 50px;}
    #content.fuel .sec04 figure {
        margin: 30px 0 0 0;}
    #content.fuel .sec05 {
        padding-bottom: 50px;}
    #content.fuel .sec05 dl dt {
        padding: 10px 30px 10px 10px;
        font-size: 1.0em;}
    #content.fuel .sec05 dl dd {
        padding: 10px;}
    #content.fuel .sec05 dl dt:after {
        right: 10px;
        background: url("../img/ico_open.png") no-repeat center center;
        background-size: 14px auto;
        width: 14px;
        height: 14px;
        margin-top: -7px;}
    #content.fuel .sec05 dl dt.select:after {
        background: url("../img/ico_close.png") no-repeat center center;
        background-size: 14px auto;}
}





/* 外国人技能　internship */
#content.internship {}
#content.internship .catch h1 {
    color: #93278f;}
#content.internship h1.title01 span {
    color: #93278f;}
#content.internship .sec01 figure {
    float: right;
    margin-left: 30px;}
#content.internship .sec02 ul {
    margin: 0;
    padding: 0;
    list-style: none;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
    justify-content: space-between;}
#content.internship .sec02 ul li {
    width: 48%;
    margin-bottom: 30px;}
#content.internship .sec02 ul li h4 {
    color: #93278f;
    font-weight: bold;}
#content.internship .sec04 ul {
    margin: 0;
    padding: 0;
    list-style: none;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
    justify-content: space-between;}
#content.internship .sec04 ul li {
    width: 30%;}
#content.internship .sec05 {
    background: #fafafa;}
#content.internship .sec05 figure {
    margin: 50px 0;}
#content.internship .sec05 nav {
    margin-top: 50px;
    text-align: center;}
@media screen and (max-width: 799px) {
    #content.internship .sec01 figure {
        float: none;
        text-align: center;
        margin-left: 0;
        margin-bottom: 10px;}
    #content.internship .sec02 ul li {
        width: 100%;
        margin-bottom: 20px;}
    #content.internship .sec04 ul li {
        width: 100%;
        margin-bottom: 20px;}
    #content.internship .sec04 ul li figure {
        text-align: center;}
    #content.internship .sec05 figure {
        margin: 30px 0;}
    #content.internship .sec05 nav {
        margin-top: 30px;
        text-align: center;}
}





/* 共同購買　purchasing */
#content.purchasing {}
#content.purchasing .catch h1 {
    color: #0071bc;}
#content.purchasing h1.title01 span {
    color: #0071bc;}
#content.purchasing ul {
    margin: 0;
    padding: 0;
    list-style: none;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;}
#content.purchasing ul li {
    width: 235px;
    margin-right: 25px;
    margin-bottom: 50px;}
#content.purchasing ul li:nth-child(4n) {
    margin-right: 0;}
#content.purchasing ul li a {
    display: block;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 1.4;
    box-sizing: border-box;
    border: 1px solid #0068b6;
    background: #fff;}
#content.purchasing ul li a:hover {
    background: #0068b6;
    color: #fff;}
#content.purchasing ul li a .text {
    padding: 10px;
    position: relative;}
#content.purchasing ul li a .text .fa {
    position: absolute;
    right: 10px;
    top: 40%;}
#content.purchasing .box {
    background: url("../img/other/bg_purchasing-box.png") repeat left top;
    padding: 13px;}
#content.purchasing .box .inbox {
    background: #fff;
    padding: 45px;}
#content.purchasing .box .inbox figure {
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;}
#content.purchasing .box .inbox h2 {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 30px;}
#content.purchasing .box .inbox nav {
    text-align: center;
    margin-top: 20px;}
#content.purchasing .box .inbox nav a {
    display: inline-block;
    border: 1px solid #0071bc;
    padding: 5px 70px;
    text-decoration: none;
    color: #000;}
#content.purchasing .box .inbox nav a:hover {
    background: #0071bc;
    color: #fff;}
#content.purchasing .box .inbox nav a .fa {
    margin-right: 15px;}
@media screen and (max-width: 799px) {
    #content.purchasing ul li {
        width: 48%;
        font-size: 0.8em;
        margin-right: 4%;
        margin-bottom: 30px;}
    #content.purchasing ul li:nth-child(4n) {
        margin-right: 4%;}
    #content.purchasing ul li:nth-child(2n) {
        margin-right: 0;}
    #content.purchasing ul li a {
        font-size: 0.9em;}
    #content.purchasing .box {
        padding: 8px;}
    #content.purchasing .box .inbox {
        padding: 20px;}
    #content.purchasing .box .inbox figure {
        float: none;
        margin-left: 0;
        text-align: center;
        margin-bottom: 20px;}
    #content.purchasing .box .inbox h2 {
        font-size: 1.6em;
        margin-bottom: 20px;}
    #content.purchasing .box .inbox nav {
        margin-top: 10px;}
}



/*
<div class="box">
<div class="inbox clear">
<figure><img src="img/other/img_purchasing-01.jpg" alt=""></figure>
<h2>除菌・消臭剤・除菌バス<br>
ディゾルバウォーター</h2>
<p>次亜鉛素酸ナトリウムを希釈し、最も雑菌効果が大きく、かつ安全な領域にpH値を調整した除菌・消臭剤です。</p>
<p>80倍のスピードで除菌・消臭、アルコール系より除菌効果が大きく、経済的。<br>
アルコールは漏れていると効果が激減しますが、ディゾルバウォーターは対象が濡れていても効果を発揮。食中毒から強い芽胞菌までほとんどの菌に有効です。<br>
肌に直接触れても安全、臭いも少なく体に優しく有人下で噴霧しても安全です。</p>
<nav><a href=""><i class="fa fa-angle-right" aria-hidden="true"></i>詳しく見る</a></nav>
</div>
</div>
*/

/* お問い合わせ　contact */
#content.contact {
    text-align: center;}
#content.contact h3 {
	margin-bottom: 5%;
    color: #0068b6;}
#content.contact p {
    width: 100%;
	max-width: 700px;
	margin: 0 auto;
	text-align: left;}
#content.contact table {
    margin: 30px 0;}
#content.contact table th{
    width:30%;
}
#content.contact table th, #content.contact table td {
    border: none;
    background: none;
    color: #000;}
#content.contact .tel {}
#content.contact .tel span {
    background: url("../img/ico_tel.png") no-repeat left center;
    background-size: auto 50px;
    padding-left: 84px;
    font-size: 60px;
    font-weight: bold;
    color: #727272;}
@media screen and (max-width: 799px) {
    #content.contact table {
        margin: 15px 0;}
	#content.contact p {
    text-align: left;}
    #content.contact table th{
        width:100%;
    }
    #content.contact .tel span {
        background: url("../img/ico_tel.png") no-repeat left center;
        background-size: auto 30px;
        padding-left: 50px;
        font-size: 34px;}
}





/* 組合加入のご案内　subscribe */
#content.subscribe {}
#content.subscribe h2 {
    text-align: center;
    margin-bottom: 30px;}
#content.subscribe ul.flow {
    margin: 0;
    padding: 0;
    margin-left: -40px;
    list-style: none;}
#content.subscribe ul.flow li {
    background: #f7f8f8;
    margin-bottom: 40px;
    width: 100%;
    display: table;
    position: relative;}
#content.subscribe ul.flow li:after {
    content: '';
    position: absolute;
    bottom: -15px;
    left: 185px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #2c6cba;}
#content.subscribe ul.flow li.end:after {
    content: none;}
#content.subscribe ul.flow li .left {
    display: table-cell;
    background: #2c6cba;
    transform:skew(-20deg, 0);
    text-align: center;
    padding: 50px 0;
    padding-left: 40px;
    color: #fff;
    vertical-align: middle;
    width: 36%;}
#content.subscribe ul.flow li .right {
    display: table-cell;
    padding: 20px 0;
    padding-left: 70px;
    vertical-align: middle;}
#content.subscribe ul.flow ul.check {
    margin: 0;
    padding: 0;
    list-style: none;}
#content.subscribe ul.flow ul.check li {
    margin-bottom: 0;
    background: url("../img/ico_check.png") no-repeat left 6px;
    padding-left: 24px;
    width: 100%;
    display: block;}
#content.subscribe ul.flow ul.check li:after {
    content: none;}
#content.subscribe ul.flow li .left span {
    transform:skew(20deg, 0);
    font-size: 40px;
    display: block;
    margin-bottom: 10px;}
#content.subscribe ul.flow li .left strong {
    transform:skew(20deg, 0);
    display: block;
    font-weight: normal;
    font-size: 1.2em;}
#content.subscribe .sec03 {
    text-align: center;}
#content.subscribe .sec03 h3 {
    font-size: 2em;
    margin-bottom: 25px;}
@media screen and (max-width: 799px) {
    #content.subscribe ul.flow {
        margin-left: 0;}
    #content.subscribe ul.flow li {
        overflow: hidden;}
    #content.subscribe ul.flow li:after {
        bottom: -20px;
        left: 50%;
        margin-left: -10px;}
    #content.subscribe ul.flow li .left {
        display: block;
        transform:skew(0, -5deg);
        padding: 50px 0 30px 0;
        margin-top: -20px;
        box-sizing: border-box;
        width: 100%;}
    #content.subscribe ul.flow li .left span {
        transform:skew(0, 5deg);
        font-size: 40px;
        display: block;
        margin-bottom: 10px;}
    #content.subscribe ul.flow li .left strong {
        transform:skew(0, 5deg);
        display: block;
        font-weight: normal;
        font-size: 1.2em;}
    #content.subscribe ul.flow li .right {
        display: block;
        padding: 20px;
        padding-top: 50px;}
    #content.subscribe .sec03 h3 {
        font-size: 1.2em;
        margin-bottom: 15px;}
}





/* 加盟正会員一覧　colition */
#content.colition {}
#content.colition th{text-align:left;}
#content.colition td{text-align:left;}
#content.colition th:first-child { padding-right: 70px;}
#content.colition th:last-child { text-align: left;}
#content.colition td:first-child, #content.colition td:last-child { text-align: left;}
#content.colition td a { text-decoration: none;}
#content.colition caption{text-align:left;padding:0 10px;}
#content.colition .sec01 caption {
    padding:0 10px;
    color: #6b7438;}
#content.colition .sec01 thead th {
    color: #6b7438;
    border-top: 1px solid #6b7438;
    border-bottom: 1px solid #6b7438;}
#content.colition .sec02 caption {
    color: #d8b54e;}
#content.colition .sec02 thead th {
    color: #d8b54e;
    border-top: 1px solid #d8b54e;
    border-bottom: 1px solid #d8b54e;}
#content.colition .sec03 caption {
    color: #025584;}
#content.colition .sec03 thead th {
    color: #025584;
    border-top: 1px solid #025584;
    border-bottom: 1px solid #025584;}
#content.colition .sec04 caption {
    color: #df8634;}
#content.colition .sec04 thead th {
    color: #df8634;
    border-top: 1px solid #df8634;
    border-bottom: 1px solid #df8634;}
#content.colition .sec05 caption {
    color: #7ebe84;}
#content.colition .sec05 thead th {
    color: #7ebe84;
    border-top: 1px solid #7ebe84;
    border-bottom: 1px solid #7ebe84;}
#content.colition .sec06 caption {
    color: #9c83bb;}
#content.colition .sec06 thead th {
    color: #9c83bb;
    border-top: 1px solid #9c83bb;
    border-bottom: 1px solid #9c83bb;}
@media screen and (max-width: 799px) {
    #content.colition caption{
        text-align:center;
    }
	#content.colition th, #content.colition td,
	#content.colition th:first-child, #content.colition th:last-child,
	#content.colition td:first-child, #content.colition td:last-child {
		text-align: left;
		padding-left: 0;
		padding-right: 0;}
    #content.colition .sec01 thead th {
        border: none;}
    #content.colition .sec01 thead th:first-child {
        border-top: 1px solid #6b7438;}
    #content.colition .sec01 thead th:last-child {
        border-bottom: 1px solid #6b7438;}
    #content.colition .sec02 thead th {
        border: none;}
    #content.colition .sec02 thead th:first-child {
        border-top: 1px solid #d8b54e;}
    #content.colition .sec02 thead th:last-child {
        border-bottom: 1px solid #d8b54e;}
    #content.colition .sec03 thead th {
        border: none;}
    #content.colition .sec03 thead th:first-child {
        border-top: 1px solid #025584;}
    #content.colition .sec03 thead th:last-child {
        border-bottom: 1px solid #025584;}
    #content.colition .sec04 thead th {
        border: none;}
    #content.colition .sec04 thead th:first-child {
        border-top: 1px solid #df8634;}
    #content.colition .sec04 thead th:last-child {
        border-bottom: 1px solid #df8634;}
    #content.colition .sec05 thead th {
        border: none;}
    #content.colition .sec05 thead th:first-child {
        border-top: 1px solid #7ebe84;}
    #content.colition .sec05 thead th:last-child {
        border-bottom: 1px solid #7ebe84;}
    #content.colition .sec06 thead th {
        border: none;}
    #content.colition .sec06 thead th:first-child {
        border-top: 1px solid #9c83bb;}
    #content.colition .sec06 thead th:last-child {
        border-bottom: 1px solid #9c83bb;}


}



/*20190207追記*/
.sec00 {
    padding: 0 !important;
margin-top: 70px;
}
.kainname {
    text-align: center;
    border-bottom: 1px solid;
}
#content.colition .sec07 thead th {
    color: #664229;
    border-top: 1px solid #664229;
    border-bottom: 1px solid #664229;
}
@media screen and (max-width: 799px) {
#content.colition .sec07 thead th {
    border: none;
}
#content.colition .sec07 thead th:first-child {
    border-top: 1px solid #664229;
}
#content.colition .sec07 thead th:last-child {
    border-bottom: 1px solid #664229;
}
}






/*
<div id="content" class="contact">
<div class="wrap">
<h1 class="title01"><strong>お問い合わせ</strong><span>Contact</span></h1>
<div class="inners">
<section>
<h3>お電話でのお問い合わせ</h3>
<div class="tel"><span>079-299-2355</span></div>
<h4>受付時間 平日　9：00 ～ 17：00</h4>
</section>
<section>
<h3>メールでのお問い合わせ</h3>
<p>メールフォームからのお問い合わせは下記フォーム内必須事項［＊］に記載頂き、<br>
「確認画面へ」ボタンをクリックしてください。<br>
ご記入いただく個人情報は、お問い合わせへの回答・情報提供のために使用させていただきます。<br>
個人情報の取り扱いにつきましては、「<a href="">プライバシーポリシー</a>」をご確認ください。</p>
<form>
<table width="100%">
<tr>
<th>会社名＊</th>
<td><input type="text"></td>
</tr>
*/





/* プライバシー　policy */
#content.policy ol {
	list-style: none;
	counter-reset: ol_li;}
#content.policy ol li {
	text-indent: -2.3em;
	padding-left: 1.7em;}
#content.policy ol li:before {
	margin-right: .25em;
	counter-increment: ol_li;
	content: counter(ol_li) " ）";}
#content.policy ol ol[type=i] {
	list-style-type: upper-roman;}
#content.policy ol ol[type=i] li {
	text-indent: 0;
	padding-left: 0;}
#content.policy ol ol[type=i] li:before {
	margin-right: 0;
	content: none;}
#content.policy ol ol[type=num] {
	list-style-type: decimal;}
#content.policy ol ol[type=num] li {
	text-indent: 0;
	padding-left: 0;}
#content.policy ol ol[type=num] li:before {
	margin-right: 0;
	content: none;}
@media screen and (max-width: 799px) {
	#content.policy ol {
		padding-left: 12px;}
	#content.policy ol li {
		text-indent: 0;
		padding-left: 0;}
}




/* 全商連概要　overview */
#content.overview figure {
	margin-top: 30px;}
#content.overview th {
	background: #286ab5;
	text-align: center;}
#content.overview ol {
	margin-left: 10px;}
#content.overview ul.list {
	width: 500px;
	margin: 0 auto;}
#content.overview dl.historydl {
	width: 680px;
	padding-bottom: 30px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	background: url("../img/other/ico_history-03.png") repeat-y left 136px top;}
#content.overview dl.historydl dt {
	margin: 0;
    padding-bottom: 20px;
    line-height:74px;
	background: url("../img/other/ico_history-02.png") no-repeat left 136px top;
	width: 230px;}
#content.overview dl.historydl dt:first-child {
	background: url("../img/other/ico_history-01.png") no-repeat left 136px top;}
#content.overview dl.historydl dd {
    margin: 0;
    padding-bottom: 20px;
	width: 450px;}
@media screen and (max-width: 799px) {
	#content.overview ul.list {
		width: auto;}
	#content.overview dl.historydl {
		width: auto;
		margin: 0 auto;
		background: url("../img/other/ico_history-03.png") repeat-y left 0 top;}
	#content.overview dl.historydl dt {
		margin: 0;
		padding-bottom: 0;
		padding-left: 90px;
		line-height: 74px;
		background: url("../img/other/ico_history-02.png") no-repeat left 0 top;
		float: none;
		clear: left;
		width: auto;}
	#content.overview dl.historydl dt:first-child {
		background: url("../img/other/ico_history-01.png") no-repeat left 0 top;}
	#content.overview dl.historydl dd {
		margin: 0;
		padding-left: 70px;
		line-height: 1.4em;
		float: none;
		width: auto;}
}



/* 全商連だより一覧　*/

.t-c{text-align:center;}
@media screen and (min-width: 768px) {
.magazine .pdf{margin:0 auto;width:530px;}
.magazine .pdf img{max-width:100%;width:auto;height:auto;}
.magazine .pdfdesc{font-size:13px;color:#7B7A7B;margin-bottom:100px;}
.magazine .year-title{margin-bottom:10px;}
.magazine .year-title > span{display:inline-block;border-bottom:1px solid #ccc;font-size:16px;font-weight:bold;}
.magazine .backnumber{margin-bottom:20px;}
.magazine .backnumber > li{display:inline-block;list-style:disc outside;margin-right:10px; text-align: center;}
.magazine .backnumber > li::before{content:'・';}
.magazine .backnumber > li a{color:cornflowerblue;}
.magazine .backnumber a.btn {
	border: 1px solid cornflowerblue;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	padding: 0 5%;
	border-radius: 5px;
	font-size: 0.8em;
	margin-top: 3%;
	background-color: #FFF;
}
.magazine .backnumber a.btn:hover {
	background-color: cornflowerblue;
	color:#FFF;
}
}
@media screen and (max-width: 767px) {
.magazine .pdf{margin:0 auto;text-align:center;}
.magazine .pdf img{max-width:100%;width:auto;height:auto;}
.magazine .pdfdesc{font-size:13px;color:#7B7A7B;margin-bottom:100px;}
.magazine .year-title{margin-bottom:10px;}
.magazine .year-title > span{display:inline-block;border-bottom:1px solid #ccc;font-size:16px;font-weight:bold;}
.magazine .backnumber{margin-bottom:20px;}
.magazine .backnumber > li{display:inline-block;list-style:disc outside;margin-right:10px;}
.magazine .backnumber > li::before{content:'・';}
.magazine .backnumber > li a{color:cornflowerblue;}
}

	
	
/* 全商連だより記事　*/
#sec1 dt{
	text-align: center;
	margin-bottom: 8%;
}
#sec1 .btn{
	text-align: center;
}
#sec1 .btn a{
	display: inline-block;
	border: 1px solid #007bbb;
	margin: 3% 0;
	padding: 1% 3%;
	border-radius: 5px;
	text-decoration: none;
	max-width: 80%;
	box-sizing: border-box;
}
#sec1 .btn a:hover{
	background-color: #007bbb;
	color: #FFF;
}
#sec1 h2{
	margin: 8% 0 4%;
	padding: 8% 0 2%;
	border-top: 1px dotted #CCC;
	color: #000/*#007bbb*/;
	line-height: 160%;
	font-weight: bold;
	clear: both;
	text-align: center;
	background-image: url(../img/h2_border.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#sec1 p{
	margin: 0 0 2%;
	padding: 0;
}
#sec1 h3{
	margin: 4% auto;
	padding: 1% 0;
}
#sec1 h4{
	margin: 1% 0 2%;
	padding:0;
	color: #FF7E00;
	font-weight: bold;
	
}
.img_pc{
	display: block;
}
.img_sp{
	display: none;
}
#content.etc p.merit2box strong{
	display: block;
	margin: 3% 0 2%;
}
#content.etc p.merit2box span.fontOrange{
	margin:0 1% 0 10%;
}
ul.sakubun_table{
	margin-bottom: 5%;
	list-style: none;
	width: 90%;
	margin: 0 auto;
	padding: 0;
}
.sakubun_table li{
	border-bottom: 1px dotted #CCC;
	margin: 0;
	padding: 1%;
}
.sakubun_table li span{
	width:30%;
	display: inline-block;
}
@media screen and (max-width: 799px) {
#sec1,
#sec1 div,
#sec1 dl,
#sec1 dd{
	margin: 0;
	padding: 0;
}
#sec1 h2{
	font-size: 140%;
	padding: 13% 0 10%;
	margin: 15% 0 13%;
}
#sec1 h3{
	font-size: 120%;
}
.alignright{
	float: none;
	display: block;
	margin: 3% auto;
}
.alignleft{
	float: none;
	display: block;
	margin: 3% auto;
}
.img_pc{
	display: none;
}
.img_sp{
	display: block;
}
#content.etc p.merit2box span.fontOrange{
	margin:0 1% 0 3%;
}
#content.etc .sec03 table#etc_table th {
	font-size: 0.7em;
    padding: 5px;
	box-sizing: border-box;
}
#content.etc .sec03 table#etc_table td img{
	display: block;
	width: 60%;
	margin: 0 auto;
}
#content.etc .sec03 table#etc_table th.th03	{
	width: 40% !important;
	max-width: 100px;
	font-size: 0.7em;
    padding: 5px;
}
#content.etc .sec03 table#etc_table th.th04	{
	width: 40% !important;
	font-size: 0.7em;
    padding: 5px;
}
#content.etc .sec03 table#etc_table td {
	font-size: 0.7em;
    padding: 5px;
	text-align: left;
	box-sizing: border-box;
}
#content.etc .sec05 ul li {
	width: 100%;
	float: none;
	text-align: center;
}
}

/* 書類ダウンロード　書式変更のおしらせ　細貝追記 */
#dl_important{
	width:100%;
	max-width: 1020px;
	margin: auto;
	padding: 2%;
	box-sizing: border-box;
	border: 1px solid #FF0004;
	margin-bottom: 5%;
}
#dl_important h2{
	text-align: center;
}

/* 全商連だより詳細ページの目次部分　*/
#sec1 h2#toc{
	margin: 0 0 4%;
	padding: 0 0 2%;
	border-top: none;
}
#sec1 ul#mokuji{
	margin: 0;
	padding: 0;
	list-style: none;
}
#sec1 ul#mokuji li{
	margin: 0 1% 2%;
	padding: 0;
	width: 31%;
	max-width: 290px;
	height: 122px;
	float: left;
	box-sizing: border-box;
	border: 1px solid #1274AE;
	background: url("../img/mokuji_bk.png") no-repeat right bottom;
}
#sec1 ul#mokuji li.mokuji_zenpre{
	border: 1px solid #D53D7A;
	background: url("../img/mokuji_bk2.png") no-repeat right bottom;
}
#sec1 ul#mokuji li a{
	display: block;
	width: 100%;
	height: 95%;
	text-decoration: none;
	color:#000;
	line-height: 140%;
	font-weight: 600;
	padding-top: 3%;
}
#sec1 ul#mokuji li a:hover{
	text-decoration: underline;
}
#sec1 ul#mokuji li.mokuji_zenpre a{
	color: #D53D7A;
}
#sec1 ul#mokuji li img{
	margin-right: 5px;
	margin-top: -3%;
	float: left;
}
@media screen and (max-width: 799px) {
#sec1 ul#mokuji li{
	margin: 0 1% 2%;
	width: 48%;
	max-width: 400px;
	float: left;
}
}
@media screen and (max-width: 415px) {
#sec1 ul#mokuji li{
	margin: 0 1% 5%;
	padding: 0;
	width: 98%;
	max-width: 415px;
	height: 62px;
	float: none;
	box-sizing: border-box;
	border: 1px solid #1274AE;
	background: url("../img/mokuji_bk.png") no-repeat right bottom;
	background-size: 2%;
}
#sec1 ul#mokuji li.mokuji_zenpre{
	border: 1px solid #D53D7A;
	background: url("../img/mokuji_bk2.png") no-repeat right bottom;
	background-size: 2%;
}
#sec1 ul#mokuji li a{
	height: 97%;
	padding-top: 2%;
}
#sec1 ul#mokuji li img{
	width: 60px;
	margin-top: -2%;
}
}
/* 全商連だより詳細ページの目次部分　-END　*/


/* ヘッダーに加盟組合一覧 - START - 渡辺追記 */
.mb_hidden_zsr_child_gnavi {
	display:block;
}

.zsr_logo_tweak {
	padding: 2px 15px;
	margin: 0 auto;
	max-width: 1470px;
	font-size: 0.7em;
}

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

.mb_hidden_zsr_child_gnavi {
	display: none;
}

.zsr_logo_tweak {
	padding: 4px 3px 2px 4px;
	margin: 0 auto;
	max-width: 1470px;
	font-size: 0.7em;
}

}
/* ヘッダーに加盟組合一覧 - END - 渡辺追記 */


/* ヘッダーの全商連加盟ロゴ分、コンテンツ表示を下げる - START - 細貝追記 */
.page_link{
margin-top: 115px;
}
@media screen and (max-width: 1024px) {
.page_link{
margin-top: 75px;
}
}
@media screen and (max-width: 450px) {
section.n_etclp_mv{
padding-top: 45px;
}
}
/* ヘッダーの全商連加盟ロゴ分、コンテンツ表示を下げる - END - 細貝追記 */