@charset "utf-8";
/* ヘッダー部分 */
@media screen and (min-width: 1251px) {
#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{width:320px;height:42px;}
}
@media screen and (max-width: 799px) {
}

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

#other {}
/* #content {
    margin-top: 77px;} */
#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 {
    padding: 190px 0 10px 0;
    margin-top: -160px;
	margin-bottom: -40px;
	position: relative;
    /*transform:skew(0, -7deg);*/}
#content .catch:before {
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 */
  margin: -160px -10% 0;
	content: '';
    width: 120%;
	height: 90%;
	-webkit-transform: rotate(-7deg);
	-ms-transform: rotate(-7deg);
	transform: rotate(-7deg);
	position: absolute;
    /*transform:skew(0, -7deg);*/}

#content .catch .wrap {
display: block;
/*transform:skew(0, 7deg)*/;
position:relative;
}
#content .catch h1 {
display: block;
padding:30px 30px 5px;
vertical-align: middle;
position:relative;
z-index:10;
font-size: 60px;}
#content .catch p {
display: block;
padding:0 30px 30px 35px;
vertical-align: middle;
position:relative;
z-index:100;
-webkit-font-smoothing: none;
font-size: 20px;}
#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:before {
  		margin: -100px -10% 0;
		padding-bottom: -100px;
    	width: 120%;
		height: 100%;
		-webkit-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		transform: rotate(-5deg);}
    #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 p {
		padding:0 0px 30px 0px;
		font-size: 12px;
		-webkit-font-smoothing: antialiased;}
    #content .catch figure {
        display: block;
        position: absolute;
        top: inherit;
        bottom: 30px;
        right: 0;
        width: 50%;}
}




/* タイトル部分 */
#content .title01 {
    padding: 50px 3% 0;
    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;
    }

    #content.etc .sec02-03 ul li.right table th,
    #content.etc .sec02-03 ul li.right table td
    {
    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;}
}



/* 全商連だより記事　*/
/*a.anchor {
    padding-top: 0px;
    margin-top: -0px;
}*/
#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: 15% 0 4%;
	padding: 4% 2% 4%;
	/*border-top: 20px solid #076FB8;*/
	color: #FFF/*#007bbb*/;
	line-height: 160%;
	font-weight: bold;
	clear: both;
	text-align: center;
	/*
	background: -webkit-repeating-linear-gradient(-45deg,#076FB8 0,#076FB8 2px,#fff 2px,#fff 4px);
    background: -o-repeating-linear-gradient(-45deg,#076FB8 0,#076FB8 2px,#fff 2px,#fff 4px);
    background: repeating-linear-gradient(-45deg,#076FB8 0,#076FB8 2px,#fff 2px,#fff 4px);
	background-size: 6px 20px;
	background-repeat: repeat-x;
	background-position: center top;
	*/
	background-color: #076FB8;
	background: linear-gradient(-45deg,#00A39B, #076FB8);
	/*
	background-color: #f6f6f6;
	background: repeating-linear-gradient(-45deg,#076FB8 0,#076FB8 10px,#f6f6f6 10px,#f6f6f6 20px);
	background-size: 4px 10px;
	background-repeat: repeat-x;
	background-position: center top;

	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: 6% auto 4%;
	padding: 1% 0 1% 2%;
	border-left: 10px solid #076FB8;
	font-size: 180%;
}
#sec1 h4{
	margin: 1% 0 2%;
	padding:0;
	color: #000;
	font-weight: bold;
	font-size: 100%;

}
#sec1 h5{
	margin: 6% auto 4%;
	padding: 1% 0 1% 2%;
	font-size: 180%;

}
.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: 10% 5% 10%;
	margin: 15% 0 13%;
	text-align: left;
}
#sec1 h3{
	font-size: 120%;
	margin: 5% 0;
}
#sec1 h4{
	margin: 1% 0 2%;
	padding:0;
	color: #000;
	font-weight: bold;
	font-size: 100%;

}
#sec1 h5{
	font-size: 140%;
	padding: 10% 5% 10%;
	margin: 15% 0 13%;
}
.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;
}
}


/* 全商連だより詳細ページの目次部分　*/
#sec1 h2#toc{
	margin: 0 0 4%;
	padding: 0 0 2%;
	border-top: none;
	background-image: url(../img/h2_border.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: transparent;
	color: #000;
}
#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%;
}
}

/* 210916 */
.useful_box {
padding-top: 0!important;
}

h2.useful_title01 {
   font-size: 26px;
   margin-top: 10px;
   text-align: left;
   margin-bottom: 50px;
}

.title_contentsbox {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
    .title_contentsbox {
        flex-wrap: wrap;
      }
    .title_contentsbox p{
        font-size: 12px;
        margin-bottom: 10px;
      }
      .title_contentsbox.tag_l p.date {
        width: 100%;
        text-align: right;
      }
}

p.tag {
   padding: 0;
   display: inline-block;
   margin:0 10px 0 0;
	line-height: 10px;
}
.tag a {
   font-size: 12px;
	margin: 0;
	padding: 0;
	line-height: 10px;
}
.tag a:hover {
   opacity: 0.8;
}
.tag a::before {
	content: "\f07b";
	position: relative;
	display: inline-block;
	margin-right: 5px;
	font-size: 10px;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}



/* お役立ち情報・タグ追加 - ▼START - 渡辺追記 */

.tag.oyakudachi>a::before {
	color: #0076B0;
}

.tag.news>a::before {
	color: #8DC21F;
}

.tag.dounyujirei>a::before {
	color: #8D80BB;
}

.tag.otanoshimi>a::before {
	color: #F29600;
}

.tag.report>a::before {
	color: #00B0AD;
}



p.kijilist-tag {
   padding: 0;
   display: inline-block;
   margin:0 10px 0 0;
   line-height: 10px;
}

.kijilist-tag a {
   font-size: 12px;
   margin: 0;
   padding: 0;
   line-height: 10px;
   color: #333 !important;
}

.kijilist-tag a:hover {
   opacity: 0.6;
}

.kijilist-tag a::before {
	content: "\f02b";
	position: relative;
	display: inline-block;
	margin-right: 5px;
	font-size: 10px;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

/* お役立ち情報・タグ追加 - ▲E N D - 渡辺追記 */





.date {
   color: #919191;
   font-size: 13px;
   display: inline-block;
}

.useful_title02 {
    color: #0068B6;
    font-size: 22px;
    margin-bottom: 40px;
}

.benefits_box .img_box {
    text-align: center;
}

.pager_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.pager_box.next_1 {
    justify-content: flex-end;
}

.pager_box a{
    position: relative;
    border: 1px solid #CCCCCC;
    padding: 20px 40px;
    text-decoration: none;
    transition: .3s;
    color: #000;
}

.pager_box a:hover{
    background-color: #0068b6;
    color: #fff;
    border: 1px solid #0068b6;
}

.pager_box a.prev::before{
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-top: 2px solid #707070;
    border-right: 2px solid #707070;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    margin: auto;
    transform: rotate(
225deg);
    transition: .3s;
}

.pager_box a.next::after{
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-top: 2px solid #707070;
    border-right: 2px solid #707070;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    transform: rotate(
45deg);
transition: .3s;
}

.pager_box a.prev:hover:before{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

.pager_box a.next:hover:after{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

@media screen and (max-width: 768px) {
h2.useful_title01 {
   font-size: 18px;
}

.useful_title02 {
    font-size: 16px;
    margin-bottom: 10%;
}

.pager_box {
    margin-top: 12%;
}

.pager_box a {
    width: 70%;
    margin: 0 auto 6%;
}
}

.dot_list {
    margin-bottom: 20px;
}

.mb10 {
    margin-bottom: 10px!important;
}
.mb20 {
    margin-bottom: 20px!important;
}
.mb30 {
    margin-bottom: 30px!important;
}
.mb40 {
    margin-bottom: 40px!important;
}
.mb50 {
    margin-bottom: 50px!important;
}

.useful_txt {
    text-align: center;
}

.useful_list{
    display: flex;
    flex-wrap: wrap;
    /* margin-bottom: 50px; */
    padding: 0;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
}

.useful_list li {
    width: 30.4%;
    /*box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);*/
    transition: 0.3s;
    text-decoration: none;
    margin-bottom: 5%;
    margin-right: 4.4%;
	border: 1px solid #E4E4E4;
	box-sizing: border-box;
}

.useful_list li:nth-child(3n) {
    margin-right: 0;
}

.useful_list li a {
    text-decoration: none;
    color: #000;
}

.useful_list li:hover {
    opacity: 0.8;
}

.useful_list li img{
width: 100%;
}



.useful_popularlist{
	margin-bottom: 50px;
	padding: 0;
}
.useful_popularlist li {
    width: 100%;
    /*box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);*/
    transition: 0.3s;
    text-decoration: none;
	border-bottom: 1px dotted #CACACA;
	box-sizing: border-box;
	padding: 5% 0;
	list-style: none;
}

.useful_popularlist li:nth-child(3n) {
    margin-right: 0;
}

.useful_popularlist li a {
    text-decoration: none;
    color: #000;
}

.useful_popularlist li:hover {
    opacity: 0.8;
}

.useful_popularlist li img{
width: 100%;
}




.useful_box {
    padding: 0 10px;
}
.useful_popularimg_box{
	float: left;
	width: 48%;
	margin-right: 10px;
}

.useful_box .date{
    font-size: 12px;
}

.box_contents {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}

/* .box_contents .tag_box{
    max-width: 220px;
} */

.useful_box p.us_title {
    font-size: 16px;
	line-height: 22px;
	margin: 0;
	padding: 10px 5px;
}
@media screen and (max-width: 700px) {
.useful_box p.us_title {
    font-size: 16px;
	line-height: 22px;
	margin: 0;
	padding: 10px;
	font-weight: bold;
}
}
.useful_popularbox p.us_title {
    font-size: 14px;
	line-height: 18px;
	margin: 0;
	padding: 0;
}

.useful_box p {
    font-size: 14px;
}
.useful {
	background-image: url("../img/useful/useful_bg.png");
	background-repeat: no-repeat;
	background-position: center right -250px;
	background-size: contain;
	min-height: 420px;
}

.useful .wrap {
	width: 1020px;
	padding: 100px 0 0;
	margin: 0 auto;
}
.useful .wrap .title01 {
	padding: 0;
	margin: 0;
	font-weight: bold !important;
	text-align: left;
	font-size: 24px;
}
.useful .wrap .title01 img {
    padding-top: 30px;
}
@media screen and (max-width: 1700px) {
.useful {
	background-size: 70%;
}
}
@media screen and (max-width: 700px) {
.useful {
	background: none;
	padding: 0 20px;
	min-height: auto;
	margin: 0;
}
.useful .wrap {
	width: 100%;
	padding: 20px 0 0;
	margin: 0 auto;
}
.useful .wrap .title01 {
	padding: 0;
	margin: 0;
	font-weight: bold !important;
	text-align: left;
	font-size: 4.5vw;
}
.useful .wrap .title01 img {
    padding-top: 30px;
	width: 80%
}
}
#content section.useful_mainbox {
    padding: 50px 0;
	max-width: 670px;
	width: 67%;
	float: left;
}
#content section.useful_menu {
    padding: 50px 0;
	max-width: 280px;
	width: 28%;
	float: right;
}
#content section.useful_menu h3 {
	background-image: url("../img/useful/menu_title_bar.png");
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: contain;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#content section.useful_menu h3 span {
	font-size: 22px;
	font-weight: bold;
	display: block;
	color: #0071BA;
	font-family: "Arial Black", Gadget, "sans-serif";
	margin-bottom: 10px;
}

@media screen and (max-width: 700px) {
#content section.useful_mainbox {
    padding: 0 20px;
	max-width: 800px;
	width: 100%;
	float: none;
	box-sizing: border-box;
}
#content section.useful_menu {
    padding: 0 20px;
	max-width: 800px;
	width: 100%;
	float: none;
	box-sizing: border-box;
}
#content section.useful_menu h3 {
	background-image: url("../img/useful/menu_title_bar.png");
	background-position: bottom center;
	background-repeat: repeat-x;
	background-size: 40%;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
}
@media screen and (max-width: 799px) {
  .useful_list li {
    width: 100%;
    margin-bottom: 10%;
    margin-right: 0;
}
/*
.useful_box p.us_title {
    font-size: 16px;
    padding-top: 0;
}
*/
}
/* 全商連だより詳細ページの目次部分　-END　*/

/* 211112　よくある質問 */
.popular_word {
    border: 1px solid #0068B6;
    padding: 30px 80px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 90px;
}

.popular_word .popular_title {
    font-size: 22px;
    margin-right: 50px;
}

.popular_word ul {
    display: flex;
    flex-wrap: wrap;
}

.popular_word ul a {
    display: block;
    padding: 10px 15px;
    font-size: 18px;
    color: #707070;
    border: 1px solid #707070;
    border-radius: 10px;
    margin-right: 30px;
    text-decoration: none;
}

.popular_word ul a:hover {
    border: 1px solid #0068B6;
    background-color: #0068B6;
    color: #fff;
}

.faq_title {
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 30px;
}

.page_links {
    margin: 50px 0 0;
}

.page_links ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.page_links li {
    margin-right: 30px;
    margin-bottom: 40px;
}

.page_links a {
    padding: 8px 30px 20px;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    display: block;
    border: 1px solid;
    transition: .3s;
    position: relative;
}

.page_links a::after {
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin: auto;
    transform: rotate(135deg) translateX(50%);
    transition: .3s;
}

.page_links a:hover:after {
    border-top: 2px solid #707070;
    border-right: 2px solid #707070;
}

.page_links a.etc {
    background-color: #8DC220;
}
.page_links a.petroleum {
    background-color: #FF8C00;
}
.page_links a.foreigner {
    background-color: #93278F;
}
.page_links a.purchasing {
    background-color: #0071BC;
}
.page_links a.present {
    background-color: #43ADD0;
}
.page_links a.store {
    background-color: #404040;
}
.page_links a.letter {
    background-color: #FF5151;
}
.page_links a.cluboff {
    background-color: #E2D200;
}
.page_links a.about {
    background-color: #0071BC;
}
.page_links a.other {
    background-color: #0071BC;
}

.page_links a:hover {
    color: #707070;
    border: 1px solid #707070;
    background-color: #fff;
}

.faq_link {
    text-align: center;
}

.faq_link a{
    max-width: 232px;
    width: 100%;
    display: block;
    text-decoration: none;
    font-size: 18px;
    color: #707070;
    border: 1px solid #0068b6;
    position: relative;
    margin: 30px auto 0;
    padding: 15px 0;
    transition: .3s;
}

.faq_link a::after{
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-top: 2px solid #707070;
    border-right: 2px solid #707070;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    transform: rotate(45deg);
    transition: .3s;
}

.faq_link a:hover {
    background-color: #0068b6;
    color: #fff;
}

.faq_link a:hover::after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

.faq_box .innerm #ac01 dd {
    margin-top: 15px;
    margin-left: 0;
    padding: 0 10px;
}

@media screen and (max-width: 450px) {
    .popular_word {
        padding: 5% 7%;
        justify-content: center;
        margin: 10% 0 7%;
    }

    .popular_word .popular_title {
        font-size: 18px;
        margin-right: 0;
        margin-bottom: 4%;
    }

    .popular_word ul a {
        padding: 5px 9px;
        font-size: 14px;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    .faq_title {
        text-align: center;
        font-size: 5vw;
        font-weight: bold;
        margin-bottom: 10%;
        padding: 15% 0 10px;
    }

    .faq_box #ac01 dt {
        padding: 10px 62px 10px 10px;
        font-size: 16px;
    }

    .page_links {
        margin: 20% 0 5%;
    }

    .page_links li {
        margin-right: 4%;
        margin-bottom: 5%;
    }

    .page_links a {
        padding: 10px 10px 20px;
        font-size: 3.5vw;
    }

    .faq_link a {
        width: 60%;
        font-size: 16px;
        margin: 10% auto;
    }
}

/* 211130 */
/*
a.anchor{
    display: block;
    padding-top: -10px;
    margin-top: 0px;
}
*/
/* 220201 */
.btn_useful {
  text-align: center;
}

.btn_useful 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;
}

/* 220207 */
@media screen and (max-width: 450px) {
  a.anchor{
    display: block!important;
    padding-top: -20px!important;
    margin-top: +20px!important;
}
}

#caution{
max-width: 300px;
background-color: #FFF;
text-shadow: none;
margin: 5% auto 0;
border: 1px solid #1881AA;
font-size: 16px;
text-align: center !important;
}
#caution p{
text-align: center !important;
}

/* 220224 */
.magazine_pager {
    display: flex;
    justify-content: space-between;
}

.magazine_pager a {
    text-decoration: none;
}


.magazine_pager a:hover {
    text-decoration: underline;
}

.magazine_pager a.all {
    position: relative;
    padding-left: 30px;
}

.magazine_pager a.all::before {
    content: "";
    background: url(../img/magazine_all.png) no-repeat center/cover;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 46%;
    transform: translateY(-50%);
    left: 4px;
}

.magazine_pager p {
    padding: 0;
    min-width: 145px;
}

/* 220407 */
.useful_list li {
    position: relative;
}

.useful_list li a.useful_link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.useful_popularlist li {
    position: relative;
}

.useful_popularlist li a.useful_link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.useful_taxonomy_box .useful_list li {
    position: relative;
}
.useful_taxonomy_box .useful_list li:hover {
    opacity: 1 !important;
}
.useful_taxonomy_box .useful_list li a.useful_link {
position: static !important;
margin: 0;
padding: 0;
}
.useful_taxonomy_box .useful_list li a.useful_link:hover {
opacity: 0.8;
}

.box_contents {
    position: relative;
    z-index: 10;
}


.title_contentsbox a{
text-decoration: none;
color: #fff;
}

/* 220418 */
@media screen and (max-width: 450px) {
  .magazine_pager p {
    min-width: 30%;
}

.magazine_pager a {
    font-size: 3.4vw;
}
}

/* 220421追記 */
.faq_wrapper {
    width: 100%;
    display: flex;
    margin: 20px auto;
    justify-content: space-between;
    max-width: 1190px;
}

.faq_main, .faq_side {
    padding: 20px;
}

.faq_main {
    width: 70%;
}

.faq_side {
    width: 30%;
}

.title01 {
    text-align: center;
    margin: 25px 0 20px 0;
}

.faq_link2 {
    text-align: center;
}

.faq_link2 a{
    width: 100%;
    display: block;
    text-decoration: none;
    font-size: 18px;
    color: #707070;
    border: 1px solid #0068b6;
    position: relative;
    margin: 0 0 2% 0;
    padding: 20px 0;
    transition: .3s;
}

.faq_link2 a::after{
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    border-top: 2px solid #707070;
    border-right: 2px solid #707070;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    margin: auto;
    transform: rotate(45deg);
    transition: .3s;
}

.faq_link2 a.etc::before{
  color: #0068b6 !important;
  content: "\f09d";
  margin-right: 5px;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}

.faq_link2 a.petroleum::before{
  color: #0068b6 !important;
  content: "\f52f";
  margin-right: 5px;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}

.faq_link2 a.foreigner::before{
  color: #0068b6 !important;
  content: "\f57e";
  margin-right: 5px;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}

.faq_link2 a.union::before{
  color: #0068b6 !important;
  content: "\f1ad";
  margin-right: 5px;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}

.faq_link2 a.present::before{
  color: #0068b6 !important;
  content: "\f79c";
  margin-right: 5px;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}

.faq_link2 a.cluboff::before{
  color: #0068b6 !important;
  content: "\f4d8";
  margin-right: 5px;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}

.faq_link2 a.mailmagazine::before{
  color: #0068b6 !important;
  content: "\f0e0";
  margin-right: 5px;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}

.faq_link2 a.letter::before{
  color: #0068b6 !important;
  content: "\f1ea";
  margin-right: 5px;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}

.faq_link2 a.webinvoice::before{
  color: #0068b6 !important;
    content: "\f570";
  margin-right: 5px;
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
}

.faq_link2 a:hover::before{
  color: #FFF !important;
}

.faq_link2 a:hover{
  background-color: #0068b6;
  color: #FFF;
}

.faq_link2 a:hover::after{
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
}



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

  .faq_wrapper {
    flex-wrap: wrap
  }

  .faq_main {
    width:100%;
    order: 2;
  }

  .faq_side {
    width:100%
  }

  .faq_link2 a{
      max-width: 100%;

  }

  .faq_main p{
    padding: 0 0 1.5em 0;
  }

}

/* 220512 */
ul.page-numbers {
    display: flex;
    justify-content: center;
}

ul.page-numbers li {
    margin-right: 30px;
}

ul.page-numbers li:first-child span.page-numbers.current {
    margin-left: 70px;
}

ul.page-numbers li:last-child {
    margin-right: 0;
}

ul.page-numbers span.page-numbers,
ul.page-numbers a.page-numbers {
    width: 40px;
    height: 40px;
    border: 1px solid #0068b6;
    display: flex;
    font-size: 19px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: .3s;
}

ul.page-numbers span.page-numbers.current,
ul.page-numbers a.page-numbers:hover {
    background-color: #0068b6;
    color: #fff;
}

ul.page-numbers a.page-numbers.next,
ul.page-numbers a.page-numbers.prev {
    border:none;
}

ul.page-numbers a.page-numbers.next:hover,
ul.page-numbers a.page-numbers.prev:hover {
    background-color: #fff;
    color: #0068b6;
}

/* 220517 */
.benefits_box.cms {
margin-bottom: 50px;
}

.benefits_box.cms p {
    margin-bottom: 20px;
}

.benefits_box.cms h3,
.benefits_box.cms h4 {
    margin-bottom: 30px;
}

.benefits_box.cms p + h3 {
    margin-top: 50px;
    margin-bottom: 30px;
}

@media screen and (max-width: 450px) {
    .benefits_box.cms p{
        margin-bottom: 5%;
    }

    .benefits_box.cms p + h3 {
        margin-top: 10%;
        margin-bottom: 30px;
    }
}

/* 220622 */
.useful_all_link {
  /*display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 900px;
  width: 100%;*/
  margin: 20px auto 50px;
}

.useful_all_link ul{
	margin: 0;
	padding: 0;
}

.useful_all_link li {
  margin: 0 10px 20px 0;
  font-size: 14px;
  display: inline-block;
}

.useful_all_link li a {
	text-decoration: none;
	color: #333;
	display: block;
	padding: 2px 10px 0;
	transition: .3s;
	border-radius: 20px;
	border: 1px solid #666666;
}

.useful_all_link li>a::before {
	content: "\f07b";
	position: relative;
	display: inline-block;
	margin-right: 5px;
	font-size: 12px;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	top: -1px;
}

.useful_all_link li a:hover {
  color: #fff !important;
}
.useful_all_link li>a:hover::before {
  color: #fff !important;
}




/* お役立ち情報・タグ追加 - ▼START - 渡辺追記 */
.useful_all_link li.oyakudachi>a::before {
	color: #0076B0;
}

.useful_all_link li.news>a::before {
	color: #8DC21F;
}

.useful_all_link li.dounyujirei>a::before {
	color: #8D80BB;
}

.useful_all_link li.otanoshimi>a::before {
	color: #F29600;
}

.useful_all_link li.report>a::before {
	color: #00B0AD;
}



.useful_all_link li.oyakudachi a:hover  {
   background-color: #0076B0;
   border-color: #0076B0;
}

.useful_all_link li.news a:hover  {
   background-color: #8DC21F;
   border-color: #8DC21F;
}

.useful_all_link li.dounyujirei a:hover  {
   background-color: #8D80BB;
   border-color: #8D80BB;
}

.useful_all_link li.otanoshimi a:hover  {
   background-color: #F29600;
   border-color: #F29600;
}

.useful_all_link li.report a:hover  {
   background-color: #00B0AD;
   border-color: #00B0AD;
}





.useful_single_link_tag {
  margin: -20px auto 20px;
}

.useful_single_link_tag ul{
	margin: 0;
	padding: 0;
}

.useful_single_link_tag li {
  margin: 0 0 0 0;
  font-size: 0.7em;
  display: inline-block;
}

.useful_single_link_tag li a {
	text-decoration: none;
	color: #333;
	display: block;
	padding: 0 5px 0;
	transition: .3s;
}

.useful_single_link_tag li a:hover {
	opacity: 0.6;
}

.useful_single_link_tag li>a::before {
	content: "\f02b";
	position: relative;
	display: inline-block;
	margin-right: 5px;
	font-size: 0.7em;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	top: -1px;
}

.useful_all_link_tag {
  margin: 20px auto 50px;
}

.useful_all_link_tag ul{
	margin: 0;
	padding: 0;
}

.useful_all_link_tag li {
  margin: 0 15px 5px 0;
  font-size: 13px;
  display: inline-block;
}
.useful_all_link_tag li a {
	text-decoration: none;
	color: #333;
	display: block;
	padding: 0;
	transition: .3s;
}

.useful_all_link_tag li a:hover {
	opacity: 0.6;
}

.useful_all_link_tag li>a::before {
	content: "\f02b";
	position: relative;
	display: inline-block;
	margin-right: 5px;
	font-size: 12px;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	top: -1px;
}

/* お役立ち情報・タグ追加 - ▲E N D - 渡辺追記 */





@media screen and (max-width: 450px) {
  .useful_all_link {
    justify-content: space-between;
    max-width: 900px;
    width: 100%;
    margin: 30px auto;
}
/*
.useful_all_link li {
    margin: 0 2% 5% 0;
    width: 48%;
	box-sizing: border-box;
}

.useful_all_link li a {
    padding: 5% 5%;
    text-align: center;
    font-size: 3.8vw;
	border-radius: 30px;
}
*/
}

#disclosure_table dl{
font-size:90%;
display:table;
margin-bottom:5px;
}
#disclosure_table dl dt{
display:table-cell;
padding:0;
margin:0;
width:150px;
}
#disclosure_table dl dt dd{
padding:0;
margin:0;
}
#disclosure_table h5{
background-color:#f0f0f0;
text-align:center;
padding:5px;
margin:10px 0 5px;
}
#disclosure_table table{
border-collapse: collapse;
margin-bottom: 50px;
max-width:400px;
background-color: #f6f6f6;
}
#disclosure_table table tr:nth-child(2n){
background-color: #fff;
}
#disclosure_table table th{
display: table-cell !important;
background-color: #000;
text-align: center;
border-collapse: collapse;
width: auto;
height: auto;
}
#disclosure_table table th:first-child{
width: 35%;
}
#disclosure_table table td{
display: table-cell !important;
text-align: center;
width: auto;
height: auto;
box-sizing: border-box;
}
#disclosure_table table td:nth-child(2n){
display: table-cell !important;
width: auto;
text-align: right;
padding-right: 24%;
}
.disclosure_box{
width:50%;
box-sizing: border-box;
float: left;
}
@media screen and (max-width: 900px) {
.disclosure_box{
width:100%;
float: none;
}
}

.disclosure_link{
display: none;
}
@media screen and (max-width: 1250px) {
.disclosure_link{
display: block;
}
}

/* 220705 */
/*
a.anchor{
    display: block;
    padding-top: 40px;
    margin-top: -40px;
}
*/
@media screen and (max-width: 450px) {
  a.anchor{
      display: block;
      padding-top: 40px;
      margin-top: -40px;
  }
}



/* 230623　お役立ち情報　右メニュー */
.useful_connect_box {
  margin: 20px 0;
  width: 100%;
}
.useful_connect_box ul{
	margin: 0;
	padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  max-width: 700px;
}
.useful_connect_box li {
  margin: 10px 0;
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
	width: 100%;
		max-width: 250px;
}
.useful_connect_box li a {
	text-decoration: none;
	color: #333;
	display: block;
	padding: 6px 10px 4px;
	transition: .3s;
	border-radius: 20px;
	box-sizing: border-box;
		text-align: center;
}
.useful_connect_box li.connect_dl>a {
	background-color: #0071BA;
	color: #FFF;
}
.useful_connect_box li.connect_mail>a {
	background-color: #008987;
	color: #FFF;
}
.useful_connect_box li.connect_etc>a {
	background-color: #63AB2E;
	color: #FFF;
}
.useful_connect_box li.connect_fuel>a {
	background-color: #EF5A24;
	color: #FFF;
}
.useful_connect_box li.connect_at>a {
	background-color: #BF272D;
	color: #FFF;
}
.useful_connect_box li>a::before {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	top: 2px;
}
.useful_connect_box li.connect_dl>a::before {
	content: "\f15c";
}
.useful_connect_box li.connect_mail>a::before {
	content: "\f0e0";
}
.useful_connect_box li.connect_etc>a::before {
	content: "\f09d";
}
.useful_connect_box li.connect_fuel>a::before {
	content: "\f09d";
}
.useful_connect_box li.connect_at>a::before {
	content: "\40";
}
.useful_connect_box li.connect_dl>a:hover {
	background-color: #035993;
}
.useful_connect_box li.connect_mail>a:hover {
	background-color: #005F5E;
}
.useful_connect_box li.connect_etc>a:hover {
	background-color: #4D8626;
}
.useful_connect_box li.connect_fuel>a:hover {
	background-color: #C64C20;
}
.useful_connect_box li.connect_at>a:hover {
	background-color: #9A1D22;
}

#content section.useful_mainbox .useful_new_box {
	margin-bottom: 40px;
}
#content section.useful_mainbox .useful_new_box h2 {
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 10px;
}
#content section.useful_mainbox .useful_new_box a:hover {
    opacity: 0.8;
}
#content section.useful_mainbox .useful_recommend_box{
	margin-bottom: 30px;
}
#content section.useful_mainbox .useful_recommend_box h2 {
	font-size: 28px;
	font-weight: bold;
	border-left: 7px solid #0068B4;
	border-bottom: none;
	padding: 15px 0 30px 30px;
	margin-bottom: 30px;
}
#content section.useful_mainbox .useful_recommend_box h2 span {
	font-size: 12px;
	font-weight: normal;
	display: block;
}

/* 230623　お役立ち情報　カテゴリーページ */
.useful_taxonomy_box{
	margin-bottom: 30px;
}
.useful_taxonomy_box h2 {
	font-size: 28px;
	font-weight: bold;
	border-left: 7px solid #0068B4;
	padding: 15px 0 30px 30px;
	margin: 30px 0;
}
.useful_taxonomy_box h2 span {
	font-size: 12px;
	font-weight: normal;
	display: block;
}

.useful_taxonomy_box .useful_list{
    display: flex;
    flex-wrap: wrap;
    /* margin-bottom: 50px; */
    padding: 0;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
}

.useful_taxonomy_box .useful_list li {
    width: 100%;
    /*box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6);*/
    transition: 0.3s;
    text-decoration: none;
    margin-bottom: 0;
    margin-right: 0;
	border: none;
	border-bottom: 1px solid #CCC;
	box-sizing: border-box;
	padding: 30px 0;
}

.useful_taxonomy_box .useful_list li a {
    text-decoration: none;
    color: #000;
}

.useful_taxonomy_box .useful_list li:hover {
    opacity: 0.8;
}

.useful_taxonomy_box .useful_list li img{
width: 35%;
float: left;
margin-right: 5%;
}
.useful_taxonomy_box .useful_list .useful_box {
height: 100%;
}
.useful_taxonomy_box .useful_list p.us_title {
    font-size: 20px;
	line-height: 26px;
	margin: 0;
	padding: 10px 5px;
}
.useful_taxonomy_box .useful_list .tag_box p.us_date {
    font-size: 12px;
	line-height:0;
	padding: 0;
	color: #5A5A5A;
	margin: 0 10px 0 0; 
}
.useful_taxonomy_box .useful_list .tag_box p.us_date::before {
	content: "\f073";
	position: relative;
	display: inline-block;
	margin-right: 5px;
	font-size: 12px;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	top: 0px;
	color: #8F8F8F;
}
.useful_taxonomy_box .useful_list li {
    position: relative;
}
.useful_taxonomy_box .useful_list li a.useful_link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.useful_taxonomy_box ul.page-numbers {
    display: flex;
    justify-content: center;
	margin: 30px 0;
}

.useful_taxonomy_box ul.page-numbers li {
    margin-right: 30px;
}

.useful_taxonomy_box ul.page-numbers li:first-child span.page-numbers.current {
    margin-left: 70px;
}

.useful_taxonomy_box ul.page-numbers li:last-child {
    margin-right: 0;
}

.useful_taxonomy_box ul.page-numbers span.page-numbers,
.useful_taxonomy_box ul.page-numbers a.page-numbers {
    width: 40px;
    height: 40px;
    border: 1px solid #0068b6;
    display: flex;
    font-size: 19px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    transition: .3s;
	border-radius: 20px;
}

.useful_taxonomy_box ul.page-numbers span.page-numbers.current,
.useful_taxonomy_box ul.page-numbers a.page-numbers:hover {
    background-color: #0068b6;
    color: #fff;
}

.useful_taxonomy_box ul.page-numbers a.page-numbers.next,
.useful_taxonomy_box ul.page-numbers a.page-numbers.prev {
    /*border:none;*/
	margin: 0 40px;
}

.useful_taxonomy_box ul.page-numbers a.page-numbers.next:hover,
.useful_taxonomy_box ul.page-numbers a.page-numbers.prev:hover {
    /*background-color: #fff;
    color: #0068b6;*/
}


@media screen and (max-width: 700px) {
.useful_taxonomy_box h2 {
	margin: 30px 0 0;
}
.useful_taxonomy_box .useful_list li img{
width: 100%;
float: none;
margin-right: 0;
}
.useful_taxonomy_box .useful_list p.us_title {
    font-size: 4vw;
	line-height: 5vw;
	margin: 0 0 10px;
	padding: 10px 0 0;
}
/*
.useful_taxonomy_box .useful_list p.us_date {
    font-size: 2vw;
	line-height: 16px;
	padding: 5px 0 0;
}
.useful_taxonomy_box .useful_list p.us_date::before {
	font-size: 2vw;
}
*/
.useful_taxonomy_box ul.page-numbers {
	margin: 30px 0 60px;
}
.useful_taxonomy_box ul.page-numbers li {
    margin-right: 5%;
}

.useful_taxonomy_box ul.page-numbers li:first-child span.page-numbers.current {
    margin-left: 5%;
}
.useful_taxonomy_box ul.page-numbers a.page-numbers.next,
.useful_taxonomy_box ul.page-numbers a.page-numbers.prev {
    /*border:none;*/
	margin: 0 5%;
}
}




/* 230623　お役立ち情報　記事ページ */
.useful_single_box{
	margin-bottom: 30px;
}
.useful_single_box h2 {
	font-size: 30px;
	font-weight: bold;
	border-bottom: 1px solid #000;
	padding: 15px 0 30px;
	margin: 30px 0;
}
.useful_single_img{
	margin-bottom: 30px;
}
.useful_single_mokuji{
	margin-bottom: 50px;
	background-color: #F2F9F9;
	padding: 30px 30px 20px;
}
.useful_single_mokuji p{
	margin: 0 !important;
	padding: 0 !important;
	font-weight: bold !important;
}
.useful_single_mokuji ul{
	margin: 0;
	padding-left: 30px;
}
.useful_single_mokuji ul li{
	list-style-type: disc;
	margin-bottom: 5px;
}
.useful_single_box p {
	font-size: 16px;
	line-height: 28px;
	font-weight: normal;
	margin-bottom: 30px;
}
.useful_single_box h3 {
	font-size: 28px;
	font-weight: bold;
	border-left: 7px solid #0068B4;
	padding: 25px 0 30px 30px;
	margin-bottom: 30px;
	margin-top: 50px;
}
.useful_single_box h4 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 30px;
}
@media screen and (max-width: 450px) {
.useful_single_box h3 {
	font-size: 18px;
	font-weight: bold;
	border-left: 7px solid #0068B4;
	padding: 10px 0 15px 10px;
	margin-bottom: 30px;
	margin-top: 50px;
}
.useful_single_box h4 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}
}
/* 230623　お役立ち情報　ページネーション */
.useful_single_box .useful_single_pager {
	border: 1px solid #CCC;
	margin: 50px 0;
	box-sizing: border-box;
	width: 100%;
  overflow: hidden;
}
.useful_single_box .useful_single_pager a {
    text-decoration: none;
}
.useful_single_box .useful_single_pager a:hover {
}
.useful_single_box .useful_single_pager a p {
    padding: 0; 
	margin: 0;
	color: #000;
	font-weight: bold;
}
.useful_single_box .useful_single_pager .prev{
	width: 50%;
	float: left;
	box-sizing: border-box;
	border-right: 1px solid #CCC;
    transition: .3s;
  padding-bottom: 1000px;
  margin-bottom: -1000px;
}
.useful_single_box .useful_single_pager .next{
	width: 50%;
	float: right;
    transition: .3s;
  padding-bottom: 1000px;
  margin-bottom: -1000px;
}
.useful_single_box .useful_single_pager .prev a {
	display: inline-block;
	box-sizing: border-box;
	padding:20px 20px 20px 40px;
	background-image: url("../img/useful/usp_prev.svg");
	background-repeat: no-repeat;
	background-position: center left 10px;
	background-size: 15px;
}
.useful_single_box .useful_single_pager .next a {
	display: inline-block;
	box-sizing: border-box;
	padding:20px 40px 20px 20px;
	background-image: url("../img/useful/usp_next.svg");
	background-repeat: no-repeat;
	background-position: center right 10px;
	background-size: 15px;
}
.useful_single_box .useful_single_pager .prev:hover,
.useful_single_box .useful_single_pager .next:hover{
    transition: .3s;
	background-color: #F6F6F6;
}
.useful_single_box .useful_single_pager .usp_img{
	width: 45%;
	float: left;
	margin-right: 5%;
}
.useful_single_box .useful_single_pager .usp_txt{
	font-size: 14px;
	line-height: 17px;
	font-weight: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.useful_single_box .useful_all_link {
  /*display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 900px;
  width: 100%;*/
  margin: 20px auto;
}
.useful_single_box .useful_all_link ul{
	margin: 0;
	padding: 0;
}
.useful_single_box .useful_all_link li {
  margin: 0 10px 10px 0;
  font-size: 14px;
  display: inline-block;
}
.useful_single_box .useful_all_link li a {
	text-decoration: none;
	color: #333;
	display: block;
	padding: 2px 10px 0;
	transition: .3s;
	border-radius: 20px;
	border: 1px solid #666666;
}
@media screen and (max-width: 700px) {
.useful_single_box .useful_all_link {
    justify-content: space-between;
    max-width: 900px;
    width: 100%;
    margin: 30px auto;
}
.useful_single_box .useful_single_pager .usp_img{
	width: 100%;
	float: none;
	margin-right: 0;
	margin-bottom: 5px;
}
}




/* 資料ダウンロードお問い合わせフォーム - ▼START - 渡辺追記 */
.subttl_thankyou {
text-align: center;
color: #0068B6;
}

@media screen and (min-width: 800px) {
.subttl_thankyou {
text-align: center;
color: #0068B6;
margin-top: -40px;
}
}



.twoblock_sdfp_area {
     box-sizing: border-box;
     max-width: 960px;
     width: 100%;
     margin: 0 auto;
}

.twoblock_sdfp_area img {
     max-width: 100%;
}

.twoblock_sdfp_wrap {
     width: 50%;
     float: left;
}

.twoblock_sdfp_box {
     box-sizing: border-box;
     width: 95%;
     margin: 0 auto;
}





.threeblock_sdfp_area {
     box-sizing: border-box;
     max-width: 960px;
     width: 100%;
     margin: 0 auto;
}

.threeblock_sdfp_area img {
     max-width: 100%;
}

.threeblock_sdfp_wrap {
     width: 33.3%;
     float: left;
}

.threeblock_sdfp_box {
     box-sizing: border-box;
     max-width: 95%;
     margin: 0 auto;
}

.threeblock_sdfp_area a {
	 transition: .4s;
}

.threeblock_sdfp_area a:hover {
	 opacity: 60%;
}

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

.twoblock_sdfp_wrap {
     width: 100%;
     float: left;
}

.threeblock_sdfp_area {
     box-sizing: border-box;
     max-width: 960px;
     width: 100%;
     margin: 0 auto;
}

.threeblock_sdfp_area img {
     max-width: 100%;
}

.threeblock_sdfp_wrap {
     width: 50%;
     float: left;
}

.threeblock_sdfp_box {
     box-sizing: border-box;
     max-width: 95%;
     margin: 0 auto;
}

}












.twoblock_sdfp_box .sdfp-form-bg .wpcf7 form{
     width: 100% !important;
}

.wpcf7 input[name="sdfp-your-name"] {
	width: 100% !important;
}

.wpcf7 input[name="sdfp-your-email"] {
	width: 100% !important;
}

.wpcf7 input[name="sdfp-your-company"] {
	width: 100% !important;
}

.wpcf7 input[name="sdfp-your-division"] {
	width: 100% !important;
}

.wpcf7 select[name="sdfp-your-post"] {
	width: 100% !important;
}

.wpcf7 input[name="sdfp-your-post-code"] {
	width: 40% !important;
}

.wpcf7 input[name="sdfp-your-address"] {
	width: 100% !important;
}

.wpcf7 input[name="sdfp-your-tel"] {
	width: 40% !important;
}

.wpcf7 input[name="sdfp-daisu"] {
	width: 30% !important;
}





.sdfp-form-btn {
     display: block;
     padding: 10px 20px;
     max-width: 280px;
     background: #ED6C00;
     color: #FFF;
     border: 1px solid #ED6C00;
     font-size: 1.2em;	 
     border-radius: 50px;
	 font-weight: bold;
	 transition: .4s;
	 margin: 0 auto;
}

.sdfp-form-btn:hover {
     background: #FFF;
     color: #ED6C00;
     border: 1px solid #ED6C00;
}





@media screen and (min-width: 1100px) {

.kotei-page-takasa-chosei {
     margin-top: 50px !important;
}

}





.sdfp-form-bg {
     margin: 0 15px 0 15px;
	 padding: 20px 25px 20px 25px;
	 background: #E6F0F4;
	 font-size: 0.8em;
}

@media screen and (max-width: 700px) {
.sdfp-form-bg {
	 margin: 0px;
	 padding: 20px 25px 20px 25px;
	 background: #E6F0F4;
	 font-size: 0.8em;
}
}





.overlay {
  position: fixed; /* 背景 */
  background: rgba(0, 0, 0, 0.2);
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.pop-up {
  display: none;
}

.pop-up:checked + .overlay {
  visibility: visible;
  opacity: 1;
  z-index: 100000;
  background-color: #000000E0;
  width: 100%;
}

.popWindow {
  max-height: 95%;
  max-width: 95%;  
  transform: scale(0.3); /* クリックした直後のサイズ */
  z-index: 100010;
  font-size: 13px;
  line-height: 18px;
  margin: 10px auto;
  padding: 4px 10px;
  text-align: center;
  transition: all 0.5s 0s ease;
  display: flex; /* 中央 */
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.pop-up:checked + .overlay .popWindow {
  transform: scale(1); /* 最終的なサイズ */
  height: 100%;
  cursor: pointer;
}

.pbox {
  display: flex; /* 中央 */
  justify-content: center;
  align-items: center;
  height: 100%;
  border-radius: 5px;
  overflow: auto;
}

.popWindow .ptitle {
  font-size: 15px;
  margin: 8px;
  color: #FFF;
}

.popWindow .close {
  position: relative;
  float: right;
  transition: all 5ms;
  font-size: 50px;
  line-height: inherit;
  font-weight: bold;
  text-decoration: none;
  color: #FFF;
  padding: 0 0 15px 0;
}

.popWindow .close:hover {
  color: #ccc;
}

.pbox::-webkit-scrollbar-track {
  background: none;
}

.pbox::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.pbox::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 5px;
}

.clickable:hover {
  cursor: pointer;
  opacity: 0.6;
  transition: .3s;
}

/*
@media screen and (max-width: 700px){
  .pop-up:checked + .overlay {
  visibility: hidden;
  opacity: 0;
  }
}
*/

/* 資料ダウンロードお問い合わせフォーム - ▲E N D - 渡辺追記 */





/* よくある質問　リンクボタン用 - ▼START - 渡辺追記 */
.btn-blue-faq-01 {
  display: inline-block;
  text-align: center;
  background-color: #E5F0F8;
  font-size: 1em;
  color: #00508C;
  text-decoration: none;
  padding: 6px 12px;
  margin-top: 10px;
  transition: .4s;
  border-radius: 5px;
}

.btn-blue-faq-01:hover {
  background-color: #0068B6;
  color: #FFFFFF;
  text-decoration: none;
}
/* よくある質問　リンクボタン用  - ▲E N D - 渡辺追記 */





/* お役立ち情報・投稿記事 - ▼START - 渡辺追記 */
.oyakudachi-mokuji-list-wrap {
    list-style: none;
    margin: -30px 0 0 10px;         
    padding: 0;         
}

.oyakudachi-mokuji-list:before {
    content: "";
    width: 15px;
    height: 15px;
    display: inline-block;
    background-color: #0071BC;
    border-radius: 50%;
    position: relative;
    top: 2px;
    margin-right: 7px;
}

.useful_single_box strong {
    background: linear-gradient(transparent 60%, #FFDC73 60%);
    font-weight: bold;
}

.useful_single_box ul.dot_list {
    margin-left: 30px;
    margin-bottom: 20px;
}



.marker-yellow {
    background: linear-gradient(to right, #ffff00 0%, #ffff00 100%);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% 50%;
	font-weight: bold;
}



.btn-rollover-01 {
     image-rendering: -webkit-optimize-contrast;
     transition: .5s ;
}

.btn-rollover-01:hover {
     opacity:0.7;
}



.pc-hidden-w900 {
	display: none;
	width: 100%;
}

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

.pc-hidden-w900 {
	display: block;
	color: #E30000;
	font-weight: bold;
	text-align: center;
}

}



@media screen and (max-width: 1024px) {
.table-scroll-x {
    overflow-x: auto;
  }
}



table.oyakudachi-kiji-hyo-scroll-01 {
	box-sizing: border-box !important;
	width: 670px !important;
	border-top: solid 1px #CCC !important;
	border-left: solid 1px #CCC !important;
	margin: 0 !important;
}

table.oyakudachi-kiji-hyo-scroll-01 tr th {
	box-sizing: border-box !important;
	border-right: solid 1px #CCC !important;
	border-bottom: solid 1px #CCC !important;
	padding: 2% !important;
	background-color: #007BBB !important;
	display: table-cell !important;
}

table.oyakudachi-kiji-hyo-scroll-01 tr td {
	box-sizing: border-box !important;
	border-right: solid 1px #CCC !important;
	border-bottom: solid 1px #CCC !important;
	padding: 2% !important;
	display: table-cell !important;
}

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

table.oyakudachi-kiji-hyo-scroll-01 tr th {
	width: auto;
}

table.oyakudachi-kiji-hyo-scroll-01 tr td {
	width: auto;
}

}



table.oyakudachi-kiji-hyo-noscroll-01 {
	box-sizing: border-box !important;

	border-top: solid 1px #CCC !important;
	border-left: solid 1px #CCC !important;
	margin: 0 !important;
}

table.oyakudachi-kiji-hyo-noscroll-01 tr th {
	box-sizing: border-box !important;
	border-right: solid 1px #CCC !important;
	border-bottom: solid 1px #CCC !important;
	padding: 2% !important;
	background-color: #007BBB !important;
	display: table-cell !important;
}

table.oyakudachi-kiji-hyo-noscroll-01 tr td {
	box-sizing: border-box !important;
	border-right: solid 1px #CCC !important;
	border-bottom: solid 1px #CCC !important;
	padding: 2% !important;
	display: table-cell !important;
}

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

table.oyakudachi-kiji-hyo-noscroll-01 tr th {
	width: auto;
}

table.oyakudachi-kiji-hyo-noscroll-01 tr td {
	width: auto;
}

}



.twoblock_oyakudachi-kiji_area {
     box-sizing: border-box;
     max-width: 670px;
     width: 100%;
     margin: 0 auto;
}

.twoblock_oyakudachi-kiji_area img {
     max-width: 100%;
}

.twoblock_oyakudachi-kiji_wrap {
     width: 50%;
     float: left;
}

.twoblock_oyakudachi-kiji_box {
     box-sizing: border-box;
     width: 95%;
     margin: 0 auto;
}

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

.twoblock_oyakudachi-kiji_wrap {
     width: 100%;
     float: left;
}

}




ol.list_oyakudachi-kiji_rei {
  list-style: none;
  counter-reset: number;
  margin-left: -10px;
}

ol.list_oyakudachi-kiji_rei li {
  position: relative;
  padding-left: 60px;
  margin-bottom: 40px;
}

ol.list_oyakudachi-kiji_rei li::before {
  counter-increment: number;
  content: "例" counter(number) ;
  position: absolute;
  left: 0;
}

/* お役立ち情報・投稿記事 - ▲E N D - 渡辺追記 */





/* 全商連だよりWEBページ版用 - ▼START - 渡辺追記 */
.pc_hidden_zsrd {
	display: none;
}

.mb_hidden_zsrd {
	display: block;
}

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

.pc_hidden_zsrd {
	display: block;
}

.mb_hidden_zsrd {
	display: none;
}

}



@media screen and (min-width: 800px) {

img.left_photo_zsrd {
	display: block;
	float: left;
	margin-right:20px;
	margin-bottom:20px;
}

img.right_photo_zsrd {
	display: block;
	float: right;
	margin-left:20px;
	margin-bottom:20px;
}

}



@media screen and (max-width: 799px) {
img.left_photo_zsrd {
	display: block;
	margin: 0 auto 30px;
}

img.right_photo_zsrd {
	display: block;
	margin: 0 auto 30px;
}

}




.scroll-block_w900 {
  overflow-x: auto;
  padding-bottom: 10px;
}
.scroll-block_w900 div img {
  max-width: 100%;
  min-width: 900px;
}
/* 全商連だよりWEBページ版用 - ▲E N D - 渡辺追記 */





/* お役立ち情報　スクロール追従バナー - ▼START - 渡辺追記 */

.sidemenu_follow_block.fixed {
    position: fixed;
    top: 100px;
    left: auto;
    z-index: +1;
}
.sidemenu_follow_block.fixed.none {
    opacity: 0;
    z-index: -1;
}


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

.sidemenu_follow_block {
    display: none !important;
}

}

/* お役立ち情報　スクロール追従バナー - ▲E N D - 渡辺追記 */





/* クッキーポリシー - ▼START - 渡辺追記 */
table.cookie-policy-hyo-01 {
	box-sizing: border-box !important;

	border-top: solid 1px #CCC !important;
	border-left: solid 1px #CCC !important;
	margin: 0 !important;
}

table.cookie-policy-hyo-01 tr th {
	box-sizing: border-box !important;
	border-right: solid 1px #CCC !important;
	border-bottom: solid 1px #CCC !important;
	padding: 2% !important;
	background-color: #007BBB !important;
	display: table-cell !important;
}

table.cookie-policy-hyo-01 tr td {
	box-sizing: border-box !important;
	border-right: solid 1px #CCC !important;
	border-bottom: solid 1px #CCC !important;
	padding: 2% !important;
	display: table-cell !important;
}
/* クッキーポリシー - ▲E N D - 渡辺追記 */





/* プライバシーポリシー - ▼START - 渡辺追記 */
ol.privacypolicy-clist-1 {
	counter-reset:privacypolicy-clist-1;
	margin-left: 1em;
}
ol.privacypolicy-clist-1 li {
	position: relative;
	padding-left: 1em;
	list-style-type: none;
}
ol.privacypolicy-clist-1 li::before {
	counter-increment: privacypolicy-clist-1;
	content: counter(privacypolicy-clist-1) '）';
	display: block;
	position: absolute;
	top: 0.1em;
	left: -1em;
}




ol.privacypolicy-clist-2 {
	counter-reset:privacypolicy-clist-2;
	margin-left: 2em;
}
ol.privacypolicy-clist-2 li {
	position: relative;
	padding-left: 0.5em;
	list-style-type: upper-roman;
}
ol.privacypolicy-clist-2 li::before {
	display: block;
	position: absolute;
	top: 0.1em;
	left: -1em;
}





ul.privacypolicy-clist-3 li {

	list-style-type: decimal !important;
}

/* プライバシーポリシー - ▲E N D - 渡辺追記 */





/* 【LP】ETC・燃料分離　お問い合わせフォーム - ▼START - 渡辺追記 */

.twoblock_lpep_area {
     box-sizing: border-box;
     max-width: 960px;
     width: 100%;
     margin: 0 auto;
}

.twoblock_lpep_area img {
     max-width: 100%;
}

.twoblock_lpep_wrap {
     width: 50%;
     float: left;
}

.twoblock_lpep_box {
     box-sizing: border-box;
     width: 95%;
     margin: 0 auto;
}

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

.twoblock_lpep_wrap {
     width: 100%;
     float: left;
}
}



.twoblock_lpep_box .lpep-form-bg .wpcf7 form{
    width: 100% !important;
}





.lpep-form-btn {
     display: block;
     padding: 10px 20px;
     max-width: 280px;
     background: #ED6C00;
     color: #FFF;
     border: 1px solid #ED6C00;
     font-size: 1.2em;	 
     border-radius: 50px;
	 font-weight: bold;
	 transition: .4s;
	 margin: 0 auto;
}

.lpep-form-btn:hover {
     background: #FFF;
     color: #ED6C00;
     border: 1px solid #ED6C00;
}



.lpep-form-bg {
     margin: 0 15px 0 15px;
	 padding: 20px 25px 20px 25px;
	 background: #E6F0F4;
	 font-size: 0.8em;
}

@media screen and (max-width: 700px) {
.lpep-form-bg {
	 margin: 0px;
	 padding: 20px 25px 20px 25px;
	 background: #E6F0F4;
	 font-size: 0.8em;
}
}




.lpep-form-btn {
     display: block;
     padding: 10px 20px;
     max-width: 280px;
     background: #ED6C00;
     color: #FFF;
     border: 1px solid #ED6C00;
     font-size: 1.2em;	 
     border-radius: 50px;
	 font-weight: bold;
	 transition: .4s;
	 margin: 0 auto;
}

.lpep-form-btn:hover {
     background: #FFF;
     color: #ED6C00;
     border: 1px solid #ED6C00;
}





.btn-blue-lpep-01 {
  display: inline-block;
  text-align: center;
  background-color: #FFF;
  font-size: 1em;
  color: #0068B6;
  text-decoration: none;
  padding: 12px 24px;
  margin-top: 10px;
  transition: .4s;
  border-radius: 5px;
  border: 1px solid #0068B6;
}

.btn-blue-lpep-01:hover {
  background-color: #0068B6;
  color: #FFFFFF !important;
  text-decoration: none;
  border-color:#FFF;
}




table.contact-lp-hyo-noscroll-01 {
	box-sizing: border-box !important;

	border-top: solid 1px #CCC !important;
	border-left: solid 1px #CCC !important;
	margin: 0 !important;
}

table.contact-lp-hyo-noscroll-01 tr th {
	box-sizing: border-box !important;
	border-right: solid 1px #CCC !important;
	border-bottom: solid 1px #CCC !important;
	padding: 2% !important;
	background-color: #007BBB !important;
	display: table-cell !important;
}

table.contact-lp-hyo-noscroll-01 tr td {
	box-sizing: border-box !important;
	border-right: solid 1px #CCC !important;
	border-bottom: solid 1px #CCC !important;
	padding: 2% !important;
	display: table-cell !important;
}

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

table.contact-lp-hyo-noscroll-01 tr th {
	width: auto;
}

table.contact-lp-hyo-noscroll-01 tr td {
	width: auto;
}

}

/* 【LP】ETC・燃料分離　お問い合わせフォーム - ▲E N D - 渡辺追記 */





/* 【分岐】お問い合わせ・資料請求 - ▼START - 渡辺追記 */
.twoblock_cb_area {
     box-sizing: border-box;
     max-width: 960px;
     width: 100%;
     margin: 0 auto;
}

.twoblock_cb_area img {
     max-width: 100%;
}

.twoblock_cb_wrap {
     width: 50%;
     float: left;
}

.twoblock_cb_box {
     box-sizing: border-box;
     width: 95%;
     margin: 0 auto;
}

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

.twoblock_cb_wrap {
     width: 100%;
     float: left;
}
}



.btn-blue-cb-01 {
  display: inline-block;
  text-align: center;
  background-color: #E5F0F8;
  font-size: 1em;
  color: #00508C;
  text-decoration: none;
  padding: 6px 12px;
  margin-top: 10px;
  transition: .4s;
  border-radius: 5px;
}

.btn-blue-cb-01:hover {
  background-color: #0068B6;
  color: #FFFFFF;
  text-decoration: none;
}


/* 【分岐】お問い合わせ・資料請求 - ▲E N D - 渡辺追記 */









/* アドブルー - ▼START - 渡辺追記 */
.threeblock_adblue_area {
     box-sizing: border-box;
     max-width: 900px;
     width: 100%;
     margin: 0 auto;
}

.threeblock_adblue_area img {
     max-width: 100%;
}

.threeblock_adblue_wrap {
     width: 33.3%;
     float: left;
}

.threeblock_adblue_box {
     box-sizing: border-box;
     max-width: 91%;
     margin: 0 auto;
}

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

.threeblock_adblue_wrap {
     width: 100%;
     float: left;
}

}




.pc_hidden_adblue {
	display: none;
}

.mb_hidden_adblue {
	display: block;
}

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

.pc_hidden_adblue {
	display: block;
}

.mb_hidden_adblue {
	display: none;
}

}





.midashi_adblue_01 {
	display: flex;
	align-items: center;
	color: #005a9f;
	font-size:1.8em;
	font-weight: bold;
}

.midashi_adblue_01:before,
.midashi_adblue_01:after {
  content: "";
  flex-grow: 1;
  height: 1px; /* 線の太さ */
  background: #005a9f; /* 線の色 */
  margin:0 1em; /* 文字と線の余白 */
}

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

.midashi_adblue_01 {
	font-size: 1.4em;
}

}


.btn-adblue-01 {
     display: block;
     padding: 10px 20px;
	 max-width: 200px;
	 text-align: center;
     background: #FFF;
     border: 1px solid #0068B6;
	 transition: .4s;
	 margin: 0 auto 60px;
	 text-decoration: none;
}

.btn-adblue-01:hover {
     background: #0068B6;
     color: #FFF;
     border: 1px solid #0068B6;
}
/* アドブルー - ▲E N D - 渡辺追記 */