<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* ページ内リンク関連
****************************************************************************/
@media screen and (max-width: 979px) {
	#page_menu li{
		width: 33%;
	}
	#page_menu::after{
		content:"";
		display: block;
		width: 33%;
	}
}
@media screen and (max-width: 768px) {
	#page_menu li{
		width: 49%;
	}
}
@media screen and (max-width: 620px) {
}
@media screen and (max-width: 479px) {
	#page_menu li{
		width: 100%;
	}
	#page_menu li span{
		display: inline-block;
	}
}
/****************************************************************************/


.arePhoto{
	text-align: center;
}
.arePhoto img{
	max-width: 33%;
	height: auto;
}

.wrapper .imageRight{
	width: 30%;
	text-align: center;
	float: right;
}
.wrapper .imageRight img{
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}
.wrapper .textLeft{
	padding: 30px;
	width: 69%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.mainbanner{
	text-align: center;
	margin: 10px auto;
	display: block;
}
.mainbanner img{
	max-width: 100%;
	height: auto;
	margin: auto;
}

@media screen and (max-width: 979px) {
	.arePhoto img{
		max-width: 32.5%;
	}
}
@media screen and (max-width: 768px) {
	.article_graybox .textLeft{
		padding: 0;
	}
}
@media screen and (max-width: 620px) {
	.wrapper .textLeft{
		padding: 20px 10px;
	}
}
@media screen and (max-width: 479px) {
	.wrapper .textLeft,
	.wrapper .imageRight{
		width: 100%;
		float: none;
	}
	.arePhoto img{
		margin: 0 auto;
		max-width: 100%;
	}
}

/* 外商部
***************************************************************************/
.box_gray{
	padding: 30px;
	background: #f5f5f5;
	width: 30%;
}
.box_gray h3{
	font-size: 18px;
	text-align: center;
}
.box_gray img{
	margin: 10px auto;
	max-width: 100%;
}
@media screen and (max-width: 979px) {
	.box_gray{
		width: 50%;
	}
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 620px) {
	.box_gray{
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
}
@media screen and (max-width: 479px) {
}



/*外商部詳細
----------------------------------------------------------------------*/
.tradeBox{
	margin: 20px 0;
}
.tradeBox ul{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content:space-between;
	-moz-justify-content:space-between;
	justify-content:space-between;
}
.tradeBox ul li{
	display: block;
	padding: 20px;
	background: #f5f5f5;
	width: 32%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.tradeBox h3{
	font-size: 16px;
	text-align: center;
	margin-bottom: 5px;
	height: 3em;
}
.tradeBox .image{
	text-align: center;
	margin: 0 0 7px 0;
	padding: 0;
	border: none;
}
.tradeBox .image img{
	max-width: 100%;
	height: auto;
}
_:-ms-lang(x)::-ms-backdrop, .tradeBox .image img{
	/* IE11 のみ適用される */
	width: 100%;
	height: auto;
}
.tradeBox .cmt{
	text-align: left;
	padding: 7px 0 0 0;
	word-break: break-all;
	word-wrap:break-word;
}

@media screen and (max-width: 620px) {
.tradeBox ul li{
	width: 99%;
}
}

/*
************************************************************************************/
.pageTpoint .framecnt{
	width: 770px;
	margin: 0 auto 30px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
}
.pageTpoint .framecnt h4{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding-left: 15px;
	border-left: 3px solid #08b449;
}


.pageTpoint .framecnt .ttlcnt{
	margin: 0 0 20px 0;
	display: block;
}
.pageTpoint .framecnt .ttlcnt_wide{
	margin: 0 0 20px 0;
	display: block;
}
.pageTpoint .framecnt .ttlcnt_wide img{
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
.pageTpoint .framecnt .cmt_txt{
	margin: 15px 0 30px 0;
	font-size: 20px;
	color: #004096;
	font-weight: bold;
}

.pageTpoint .framecnt .boxphoto{
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.pageTpoint .framecnt .boxphoto img{
	max-width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}
.pageTpoint .framecnt .item3 .image{
	border: none;
}
.pageTpoint .framecnt ul.point li{
	width: 100%;
	height: 90px;
	margin: 0 0 10px 0;
	padding: 10px 10px 0px 120px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.pageTpoint .framecnt ul.point li.point01{
	background: url(../../business/img/tpoint/bg_li01.png) no-repeat top left;
}
.pageTpoint .framecnt ul.point li.point02{
	background: url(../../business/img/tpoint/bg_li02.png) no-repeat top left;
}
.pageTpoint .framecnt ul.point li.point03{
	background: url(../../business/img/tpoint/bg_li03.png) no-repeat top left;
}
.pageTpoint .framecnt ul.point li.point04{
	background: url(../../business/img/tpoint/bg_li04.png) no-repeat top left;
}
.pageTpoint .framecnt ul.point li.point05{
	background: url(../../business/img/tpoint/bg_li05.png) no-repeat top left;
}
.pageTpoint .framecnt ul.point li.point06{
	background: url(../../business/img/tpoint/bg_li06.png) no-repeat top left;
}
.pageTpoint .framecnt ul.point li.point07{
	background: url(../../business/img/tpoint/bg_li07.png) no-repeat top left;
}
.pageTpoint .framecnt ul.point li.point08{
	background: url(../../business/img/tpoint/bg_li08.png) no-repeat top left;
}
.pageTpoint .framecnt ul.point li.point09{
	background: url(../../business/img/tpoint/bg_li09.png) no-repeat top left;
}
.pageTpoint .framecnt ul.point li.point10{
	background: url(../../business/img/tpoint/bg_li10.png) no-repeat top left;
}
.pageTpoint .framecnt ul.point li.point11{
	background: url(../../business/img/tpoint/bg_li11.png) no-repeat top left;
}


.pageTpoint .framecnt ul.point .ttl{
	margin: 0 0 3px 0;
	font-size: 18px;
	font-weight: bolder;
	color: #053888;
}
.pageTpoint .framecnt ul.point .cmt{
	font-size: 13px;
	line-height: 1.2;
}
/*提携店の声*/
.pageTpoint .framecnt ul.voice{
	width: 96%;
	margin: 0 auto 15px auto;
}

.pageTpoint .framecnt ul.voice li{
	padding: 5px 0;
	border-bottom: 1px dotted #dedede;
}
.pageTpoint .caution{
	border:#014099 solid 2px;
	padding:10px;
}

.pageTpoint .caution .ttl{
	font-size:18px;
	font-weight:bold;
	line-height:2;
}

.pageTpoint .caution p{
	line-height:1.5;
	font-size:16px;
}

.pageTpoint .caution ol{
	list-style-type: decimal;
	margin-left:25px;
}

.pageTpoint .caution ol li{
	font-size:14px;
	line-height:1.5;
}
@media screen and (max-width: 979px) {
/*tablet*/
.pageTpoint .framecnt{
	width: 100%;
	margin: 0 0 30px 0;
}

.pageTpoint .framecnt .ttlcnt{
	margin: 0 0 20px 0;
	display: block;
}
.pageTpoint .framecnt .ttlcnt img{
	max-width: 100%;
	width: auto;
	height: auto;
}

.pageTpoint .framecnt ul.point li{
	width: 100%;
	min-height: 90px;
	height: auto;
	padding: 10px 10px 10px 120px;
	border-bottom: 1px dotted #dedede;
}
.pageTpoint .framecnt ul.point li.point01{
	background: url(../../business/img/tpoint/bg_li01_sp.png) no-repeat top left;
}
.pageTpoint .framecnt ul.point li.point02{
	background: url(../../business/img/tpoint/bg_li02_sp.png) no-repeat top left;
}
.pageTpoint .framecnt ul.point li.point03{
	background: url(../../business/img/tpoint/bg_li03_sp.png) no-repeat top left;
}
.pageTpoint .framecnt ul.point li.point04{
	background: url(../../business/img/tpoint/bg_li04_sp.png) no-repeat top left;
}
.pageTpoint .framecnt ul.point li.point05{
	background: url(../../business/img/tpoint/bg_li05_sp.png) no-repeat top left;
}
.pageTpoint .framecnt ul.point li.point06{
	background: url(../../business/img/tpoint/bg_li06_sp.png) no-repeat top left;
}
.pageTpoint .framecnt ul.point li.point07{
	background: url(../../business/img/tpoint/bg_li07_sp.png) no-repeat top left;
}
.pageTpoint .framecnt ul.point li.point08{
	background: url(../../business/img/tpoint/bg_li08_sp.png) no-repeat top left;
}
.pageTpoint .framecnt ul.point li.point09{
	background: url(../../business/img/tpoint/bg_li09_sp.png) no-repeat top left;
}
.pageTpoint .framecnt ul.point li.point10{
	background: url(../../business/img/tpoint/bg_li10_sp.png) no-repeat top left;
}
.pageTpoint .framecnt ul.point li.point11{
	background: url(../../business/img/tpoint/bg_li11_sp.png) no-repeat top left;
}
}

@media screen and (max-width: 768px){
/*smart phone*/
}


@media screen and (max-width: 620px) {
/*sp*/
}
@media screen and (max-width: 480px){
} 


</pre></body></html>