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

.bgLightGray {
	background: #f6f6f6;
}


.tabsCate {
  width: 100%;
  float: none;
  list-style: none;
  position: relative;
  margin: 10px auto 0;
  text-align: left;
}
.tabsCate li {
  float: left;
  display: block;
  margin-left:1%;
  width:32%;
  text-align:center;
}
.tabsCate input[type="radio"] {
  position: absolute;
  top: 0;
  left: -9999px;
}
.tabsCate label {
  display: block;
  padding: 10px;
  border-radius: 2px 2px 0 0;
  font-size: 13px;
  font-weight: normal;
  background: #e1f3ff;
  border:1px solid #ccc;
  cursor: pointer;
  position: relative;
  top: 4px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.tabsCate label:hover {
  background: #0096a8;
}
.tabsCate .tab-content {
  z-index: 2;
  display: none;
  overflow: hidden;
  margin:0 0 10px 0;
  font-size: 15px;
  line-height: 25px;
  padding: 0;
  position: absolute;
  border:1px solid #ddd;
  box-shadow:0px 2px 5px rgba(0,0,0,.5);
  top: 45px;
  left: 0;
  background: #fff;
}
.tabsCate [id^="tab"]:checked + label {
  top: 0;
  padding-top: 17px;
  background: #007dcd;
  color:#fff;
  font-weight:bold;
}
.tabsCate [id^="tab"]:checked ~ [id^="tab-content"] {
  display: block;
}

p.linkCate {
  clear: both;
  margin: 0px 0 0 15px;
}
p.linkCate a {
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  color: #fff;
  padding: 5px 10px;
  margin: 0 5px;
  background-color: #612e76;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
p.linkCate a:hover {
  background-color: #007dcd;
}




/* start */
#topStart {
	position: absolute;
	width: 100%;
	height: 290px;
	background: #f4f4f4;
	z-index: 1;
}
#topStartInner {
	width: 1008px;
	margin: 0 auto;
}
#topStart img {
	position: absolute;
}




/* login */
#topLink {
	width: 1008px;
	margin: 10px auto;
}


#topLink .loginBlock01 {
	float: right;
	width: 260px;
}
#topLink .loginBlock01 .btnT03 {
	padding: 0 !important;
}
#topLink .loginBlock01 .btnT03 .fsMaximum {
	display: block;
	margin-top: 7px;
}
#topLink .loginBlock01 .btnT03 &gt; span {
	padding: 0 !important;
}
#topLink .loginBlock01 .btnT03 &gt; span:before {
	position: static;
	display: block;
	width: 45px;
	height: 39px;
	margin: 0 auto 5px !important;
	-ms-background-size: 45px 39px;
	-moz-background-size: 45px 39px;
	-webkit-background-size: 45px 39px;
	background-size: 45px 39px;
	line-height: 1;
	text-align: center;
}

#topLink .loginBlock01 .btnT02{
	margin-bottom: 6px;
	padding: 7px 10px;
}

#topLink .loginBlock01 .loginBlockArea02 {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	background: #fff;
}
#topLink .loginBlock01 &gt; ul {
	padding: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	background: #fff;
	-webkit-box-shadow: #cccccc 0px -2px inset;
	-moz-box-shadow: #cccccc 0px -2px inset;
	box-shadow: #cccccc 0px -2px inset;
}
#topLink .loginBlock01 li{margin-bottom:3px;}
#topLink .loginBlock01 li:last-child {
	margin-bottom:0;
}

#topLink .loginBlock01 .loginBlockArea01 .glyphBeginnerTop {
	display: block;
}
#topLink .loginBlock01 .loginBlockArea01 .glyphBeginnerTop &gt; span,
#topLink .loginBlock01 .loginBlockArea03 .glyphBeginnerTop &gt; span {
	display: inline-block;
	min-height: 23px;
	padding-left: 25px !important;
	letter-spacing: -0.1em;
	background: url(/kojin/resources/images/index_ico16.gif) 0 50% no-repeat;
	color: #333;
}
#topLink .loginBlock01 .loginBlockArea03 .glyphBeginnerTop &gt; span.ico36{
	background: url(/kojin/resources/images/index_ico36.gif) 0 50% no-repeat;
}
#topLink .loginBlock01 .loginBlockArea01 .glyphArrowLineRight &gt; span {
	padding-left: 11px !important;
	letter-spacing: -0.1em;
}
#topLink .loginBlock01 .loginBlockArea01 .glyphArrowLineRight &gt; span:before {
	content: "";
	width: 7px;
	height: 10px;
	top: 0.2em !important;
	margin-top: 0 !important;
	background: url(/kojin/common/images/ico_arrow_green01.png) 0 0 no-repeat;
	-ms-background-size: 7px 10px;
	-moz-background-size: 7px 10px;
	-webkit-background-size: 7px 10px;
	background-size: 7px 10px;
}

#topLink .loginBlock01 .btnHojin01 {
	display: block;
	padding-left: 25px;
	background: #fff url(/kojin/resources/images/index_ico13.gif) 0 50% no-repeat;
	letter-spacing: -0.1em;
	line-height: 1.2;
}

/* top nav */
#topNav {
	float: left;
	width: 760px;
	margin: 0 auto;
	padding:0;
}


/* top nav */
#topNav h1 {
    text-align:center;
	font-weight:500;
	font-size:3em;
	margin:4px auto 10px;
}
#topNav .column5 {
	width: 767px;
	margin-bottom: 0;

}
#topNav .column5 .col {
    width: 235px;
    margin-right: 20px;
	margin-left:0;
	margin-bottom:0;
}
#topNav .column5 .col {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	box-shadow: 2px 2px 5px #b5b5b5;
	-webkit-box-shadow: 2px 2px 5px #b5b5b5;
	-moz-box-shadow: 2px 2px 5px #b5b5b5;
	background: #fff;
	border:2px solid #162e84;
	padding:0;
}
#topNav .column5 a {
	display: block;
	text-decoration: none;
	padding-bottom:0;
	}

#topNav .column5 figure {
	padding: 18px 0 14px;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-ms-border-radius: 8px 8px 0 0;
	-o-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	background: #fff;
}
#topNav .column5 figure img {
	width: 75px;
	height: 66px;
}
#topNav .column5 dl {
	padding: 10px 10px 14px;
	margin-top:22px;
}
#topNav .column5 dt {
	position: relative;
	display: block;
	font-size: 1.3em;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
}
#topNav .column5 dt:before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 13px;
	margin: -9px 12px 0 0 !important;
}
#topNav .column5 dd {
	margin: 20px auto 12px;
	font-size: 0.857em;
	text-align: center;
	color:#ff5016;
}
#topNav .column5 .cateImg,
#topNav .column5 .cateMenu {
	float:left;
}
#topNav .column5 .cateImg {
	width:55px;
}
#topNav .column5 .cateMenu {
	width:100%;
	text-align:center;
	background:#f7f7f7 url(../img/cate_title_bg.png) repeat-x left bottom;
	padding:7px 0;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-ms-border-radius: 8px 8px 0 0;
	-o-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}
#topNav .column5 .cateMore {
	width:100%;
	text-align:center;
	background:#b0b0b0;
	padding:7px 0;
	color:#fff;
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-ms-border-radius: 0 0 6px 6px;
	-o-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
}
#topNav .column5 .cateMenu h2 {
	font-weight:600;
	color:#09398b;
	font-size:1.85em;
	background:url(../img/ico_arrow_gray01.png) no-repeat 215px 13px;
}
#topNav .column5 span a {
	margin-left:10px;
	color:#444;
	font-size:0.9em;
	text-decoration:underline;
	color:#2d8ee9;
}
#topNav .column5 .cateMenu ul {
	width:100%;
}
#topNav .column5 .cateMenu ul li {
	float:left;
	width:48%;
	margin-right:3%;
}
#topNav .column5 .cateMenu ul li:last-child {
	margin-right:0;
}
#topNav .column5 .cateMenu ul li p {
	margin-bottom:7px;
}
#topNav .column5 .cateMenu ul li p a, .categoryMain .cateMenu p a {
	color:#222;
	padding:0 0 0 10px;
	background:url(../img/arrow_blue2.png) no-repeat 0 5px;
	text-align:left;
}
#topNav .column5 .cateMenu ul li a {
	color:#fff;
	text-align:center;
	padding:5px 33px;
	display:block;
}
#topNav .column5 .cateMenu ul li a.member {
	background:#0e56b4;
}
#topNav .column5 .cateMenu ul li a.nomember {
	background:#909090;
}
#topNav .column5 .cateMenu ul li a:hover.member,
#topNav .column5 .cateMenu ul li a:hover.nomember {
	text-decoration:none;
}

/* main nav */
#mainNav {
	position: relative;
}

#mainNavBtn {
	width: 790px;
	height: 71px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	background: #fff;
}
#mainNavBtn a {
	position: relative;
	display: block;
	height: 71px;
	padding-top: 22px;
	background: #f6f9e5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: #d2d8ae 0px -2px inset;
	-moz-box-shadow: #d2d8ae 0px -2px inset;
	box-shadow: #d2d8ae 0px -2px inset;
	font-size: 1.429em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.open #mainNavBtn a {
	z-index: 101;
	height: 71px;
	padding-top: 22px;
	background: #fff;
	border: solid 1px #7fa398;
	border-width: 1px 1px 0;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	-ms-border-radius: 8px 8px 0 0;
	-o-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#mainNavBtn a:after {
	content: "";
	display: inline-block;
	width: 13px;
	height: 8px;
	margin-left: 14px;
	background: url(/kojin/resources/images/index_ico12_open.png) 0 0 no-repeat;
	-ms-background-size: 13px 8px;
	-moz-background-size: 13px 8px;
	-webkit-background-size: 13px 8px;
	background-size: 13px 8px;
	vertical-align: middle;
}
.open #mainNavBtn a:after {
	content: "";
	display: inline-block;
	width: 13px;
	height: 8px;
	margin-top: -2px;
	margin-left: 14px;
	background: url(/kojin/resources/images/index_ico12_close.png) 0 0 no-repeat;
	-ms-background-size: 13px 8px;
	-moz-background-size: 13px 8px;
	-webkit-background-size: 13px 8px;
	background-size: 13px 8px;
	vertical-align: middle;
}

#mainNavAccBlock {
	z-index: 100;
	position: absolute;
	top: -9999px;
	left: 0;
	width: 1008px;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 0 8px 8px;
	-moz-border-radius: 0 8px 8px;
	-ms-border-radius: 0 8px 8px;
	-o-border-radius: 0 8px 8px;
	border-radius: 0 8px 8px;
	border: solid 1px #7fa398;
	background: #fff;
}
#mainNavAccBlock dl {
	float: left;
	width: 170px;
	margin: 0 0 24px 14px;
	padding: 0 0 5px 14px;
	border-left: solid 1px #cbcbcb;
}
#mainNavAccBlock dl.return {
	margin-left: 0;
	padding-left: 0;
	border: 0;
}
#mainNavAccBlock dl dt {
	margin: 20px 0 10px;
	padding: 6px 9px;
	background: #004831;
	color: #fff;
	font-weight: bold;
}
#mainNavAccBlock dl dt:first-child {
	margin-top: 0;
}
#mainNavAccBlock dl dd {
	font-size: 0.857em;
	font-weight: bold;
}
#mainNavAccBlock dl dd li {
	margin-bottom: 7px;
}
#mainNavAccBlock a:hover{
	color: #ed6d34;
}
#mainNavAccClose {
	clear: both;
}
#mainNavAccClose a {
	display: block;
	width: 16px;
	height: 16px;
	margin: 0 0 0 auto;
	background: url(/kojin/common/images/btn_close01.png) 100% 0 no-repeat;
	background-size: cover;
	-ms-background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	text-indent: -9999px;
}


/* top content */
.cate_point {
	display:none; float:left;position:absolute; width:686px; margin:0 auto; background:#fff; border:1px solid #ccc; padding:30px; left:50%; margin-left:-505px; margin-top:-49px; z-index:9999;
}
.bgGray {
	background:#f7f7f7;
}
#topContents {
	/*width: 1008px;*/
	/*margin: 0 auto;*/
}

/* top content main */
#topContentsMain {
	/*float: left;*/
	/*margin:0 0 0 15px;*/
	/*width: 715px;*/

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	/*min-height:426px;*/
}
#topContentsMain .topContentsNews{
	padding:20px;
	background:#fff;
	border:1px solid #e0e0e0;
}

/* top content sub */
#topContentsSub {
	/*float: left;*/
	/*width: 235px;*/
}
#topContentsSubIcon {
	/*float: right;*/
	/*width: 260px;*/
}
.topContentsSubNav01 {
	margin:0;
}
.topContentsSubNav01 li {
	float: left;
	width: 114px;
	min-height: 50px;
	margin: 0 0 8px 8px;
	text-align: center;
}
.topContentsSubNav01 li:nth-child(2n+1) {
}
.topContentsSubNav01 li a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity: 0.7;
	color: inherit;
}
.topContentsSubNav01 li a {
	display: block;
	min-height: 50px;
	padding-top: 11px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #f7f7f7;
	border:1px solid #e3e3e3;
	text-decoration: none;
	font-size: 1.3rem;
}
.topContentsSubNav01 li a p {
	display: table;
	width: 100%;
	margin-top:3px;
}
.topContentsSubNav01 li a p &gt; span {
	display: table-cell;
	height: 2.5em;
	vertical-align: middle;
	font-size:0.9em;
	line-height:1.1em;
}
.topContentsSubNav01 a figure img {
	width: 49px;
	height: 49px;
}
.topContentsSubNav01 a figure.small img {
	width: 30px;
	height: 30px;
}

#topContentsSubNav02 {
	margin-top: 0;
	margin-bottom: 8px;
}
#topContentsSubNav02 li {
	margin-bottom: 4px;
}
#topContentsSubNav02 li a {
	display: block;
	padding: 12px 8px 12px 33px;
	border:1px solid #CCC;
	background:#fff;
	text-decoration: none;
}

#topContentsSubNav02 div.simulation {
	display: block;
	padding: 0;
	border:2px solid #00ade3;
	background:#fff;
	text-decoration: none;
}

 #topContentsSubNav02 div.simulation .title {
	color:#fff;
	padding:7px 0;
	text-align:center;
	font-weight:bold;
	background:#00ade3;
}
#topContentsSubNav02 div.simulation .form {
	padding: 15px 8px 8px 8px;
}
#topContentsSubNav02 div.simulation .form p a {
	background:none;
	color:#0093d7;
	font-size:0.8em;
	text-align:right;
	vertical-align:middle;
}
#topContentsSubNav02 div.simulation .form p a:hover {
	color:#3eb1e7;
}
#topContentsSubNav02 div.simulation .form p a img {
	vertical-align:middle;
}


/* Remit */
.TopRemit {
	position: absolute;
	top: 20px;
	right: calc((100vw - 1320px)/2);
	z-index: 999;
}
.remittance {
	position:relative;
	/*margin-left:262px;*/
	/*margin-top:11px;*/
	background:rgba(247,247,247,0.9);
	width:277px;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	padding:12px 18px;
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.1);
}
.remittance .remitView {
	color:#fff;
	overflow:hidden;
}
.remittance .remitView p {
	margin-top:8px;
	font-size:0.8em;
}
.remitViewTitle {
	text-align:center;
	font-weight:700;
	font-size:1.3em;
	width: 100%;
}

/*.remittance a {*/
/*	clear:both;*/
/*	background:#e60000;*/
/*	padding:5px;*/
/*	color:#fff;*/
/*	margin:3px auto;*/
/*	width:95%;*/
/*	display:block;*/
/*	text-align:center;*/
/*	font-size:1.5em;*/
/*	font-weight:700;*/
/*	margin-top:12px;*/
/*}*/
.remittance a.noMember {
	background:#009fc1;
	margin-top: 14px;
	font-size:1.2em;
	font-weight:300;
}
.remittance a:hover {
	text-decoration:none;
}

/* rate */
.Toprate {
	position:absolute;
	float:left;
	left:50%;
	z-index:100;
}
.rate {
	position:relative; margin-left:240px; margin-top:215px;
	background:rgba(43,78,114,0.7);
	width:240px;
	border:1px solid #133c66;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
	box-shadow:0px 0px 7px -3px #000;
	padding:10px;
}
 .rate p.title {
	font-size:1.3em;
	color:#fff;
	font-weight:700;
}
.rate p.order {
	font-size:12px;
	margin-top:18px;
	color:#222;
	font-weight:bold;
}


.rate .rateView {
	color:#222;
	overflow:hidden;
}
.rateViewTitle {
	text-align:left;
	font-weight:700;
	font-size:14px;
	width: 100%;
	margin-top: 6px;
}
.rateView{
	background-color: rgba(204,204,204,1);
	padding: 7px;
}
.rateViewContents {
	width:100%;

}
.rateViewContents ul {
	opacity: 1.0;
}
.rateViewContents ul li {
	display: table;
	width: 100%;
}
.rateViewContents p {
	display: table-cell;
	vertical-align: middle;
}
.rateViewContents p.kind {
	width:80px;
	line-height: 28px;
	color: #fff;
}
.rateViewContents p.kind span.yen {
	display:block;
	font-size: 12px;
    background: #2B4E72;
    text-align: center;
}
.rateViewContents p.kind span.won {
	display:block;
	font-size: 12px;
    background: #00ADE3;
    text-align: center;
}
.rateViewContents p.number {
	text-align:right;
	width:143px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding:0;
}
.rateViewContents p.number span.numberWon  {
	color:#058ced;
	line-height: 1;
}
.rateViewContents p.number span.currency {
	font-size:12px;
}

.rate a {
	clear:both;
	background:#C30;
	padding:5px;
	color:#fff;
	margin:3px auto;
	width:95%;
	display:block;
	text-align:center;
	line-height: 1;
}

.rate a.jck {
	clear:both;
	background:#fff;
	padding:5px;
	color:#FF0000;
	margin:3px auto;
	width:95%;
	display:block;
	text-align:center;
}
.rate a:hover {
	text-decoration:none;
}

.remittance .txt_rateView-caution{
	background: none;
	color: #222;
	font-size: 10px;
	font-weight: normal;
	color: #f00;
	text-align: left;
	padding-left:1em;
	text-indent:-1em;
	margin: 5px 0 0;
}
.remittance .txt_rateView-caution a {
	color: #f00;
}

/* news */
.news {
	clear:both;
	overflow:hidden;
	margin-top:25px;
	padding:10px 0;
	height:25px;
	border-bottom:1px solid #ccc;
	text-align:center;
}

.news a:hover {
	text-decoration:none;
}

/* simulation */
.simulation {
	display: block;
	padding: 0;
	/*border:1px solid #CCC;*/
	text-decoration: none;
	overflow:hidden;
}
.remittance .title {
	font-size:20px;
	color: #295675;
	font-weight: bold;
	font-weight:700;
	padding-bottom: 8px;
}
.simulation p.order {
	font-size:12px;
	margin-top:18px;
	color:#222;
	font-weight:bold;
}

.box_amountinput{
	display: table;
	width: 100%;
	border: 1px solid #bdbdbd;
	margin-top: 10px;
	border-radius: 6px;
}
.box_amountinput .amount_num{
	display: table-cell;
	width:67%;
	border: #fff;

}
.simulation input[type="text"],
.simulation select {
	border: none;
    padding: 2px 5px;
	box-sizing: border-box;
}
.simulation input[type="text"] {
	height: 42px;
	text-align:right;
	width: 100%;
	border-radius: 6px 0 0 6px;
}
/* select box */
.select-script{
	display: table-cell;
	text-align: left;
	height: 42px;
	border-radius: 6px;
	position:relative;
	width:33%;
	background-color: #f7f7f7;
	text-transform:uppercase;
}
.select-script label{
	position:absolute;
	font-size:14px;
	color:#333;
	top:calc(50% - 10px);
	left:16px;
	width: 100%;
}
.select-script label:after{
	content:'\f078';
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position:absolute;
	top:1px;
	right:24px;
	font-size:12px;
	color:#333;
}
.select-script select{
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter:alpha(opacity=0)/* IE 8 */;
	position: absolute;
	bottom: 0;
	left: 0;
}

.simulation select,
.main-slider-slick .simulation textarea {
}

.simulation button.btn-rate {
	position:relative;
	top: 10px;
	border: solid 1px #028fba;
	background:#32a0c2;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	color: #fff;
    font-size: 1.3em;
    font-weight: bold;
	cursor: pointer;
    padding:0 20px;
    text-align: center;
	display:block;
	width:100%;
	font-family:Meiryo, MS Gothic;
}
.simulation button.btn-rate:hover{
	background:#0273ba;
	border:1px solid #0273ba;
}
.simulation .simulationView {
	color:#222;
	font-size:0.9em;
}

ul.simulationViewContents {
	display:table;
	margin-top:8px;
	margin-bottom:8px;
	font-size:12px;
	vertical-align:middle;
	width: 100%;
}
ul.simulationViewContents li{
	display:table-cell;
}

.simulationViewContents p {
	margin-bottom:2px;
}
.simulationViewContents p.kind {
	float:left;
	width:35%;
	margin-left:0;
	margin-top:0;
	line-height:1.3em;
}
.simulationViewContents p.number {
	text-align:right;
	float:right;
	width:65%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	line-height:1em;
}
.simulationViewContents p.number span.currency {
	font-size:0.8em;
	ling-height:1em;
}
div.simulation a.goSimulation {
	width:100%;
	line-height: 36px;
	font-size: 14px;
	text-align:center;
	background:#174a98;
	color:#fff;
	text-decoration: none;
	margin:3px auto;
	display:block;
	text-align:center;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	color:#fff;
}
div.simulation a:hover.goSimulation {
	opacity: 0.7;
	text-decoration:none;
}

.priceResult dl{
	display: table;
	width: 100%;
}
.priceResult dt, .priceResult dd {
	border-bottom:1px dashed #ccc;
	padding:3px 0 1px;
	font-size:12px;
	display: table-cell;
}
.priceResult dt {
	width:35%;
	font-size:14px;
	font-weight: normal;
	color: #023960;
	line-height:38px;
}
.priceResult dd {
	text-align:right;
	width:65%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:38px;
}
.priceResult dd.won {
	color: #2B4E72;
}
.priceResult dd.rateNumber {
	color: #00ADE3;
	/*line-height:2em;*/
}

#topContentsSubNav02 li a.else {
	background: #fff url(../img/ico_arrow_gray01.png) 15px 46% no-repeat;
}
#topContentsSubNav02 li a.firstTime {
	background: #fff url(../img/ico_firsttime.png) 10px 46% no-repeat;
}
#topContentsSubNav03 {
	margin-bottom: 12px;
	padding: 10px 10px 0;
	border: solid 1px #ccc;
}
#topContentsSubNav03 li {
	display: inline-block;
	width: 134px;
	margin-bottom: 10px;
}
#topContentsSubNav03 li a  {
	padding-left: 1.4em;
	background: url(/kojin/resources/images/index_ico14.png) 0 48% no-repeat;
	text-decoration: none;
}

#topContentsSub .bankCode {
	padding: 8px;
	background: #7f7f7f;
	color: #fff;
	text-align: center;
}
#topContentsSub .bankCode small {
	font-weight: bold;
}

/* contents_top 2022/06
 -----------------------------------------------------------------------------*/
dl.contents_top-latestinfo{
	border:1px solid #b8daff;
	border-radius: 4px;
	line-height: 40px;
	display: table;
	width: 100%;
	font-size: 16px;
}
dl.contents_top-latestinfo dt{
	display: table-cell;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 16%;
	color: #2d3c9b;
	font-weight: bold;
}
dl.contents_top-latestinfo dt:before{
	content: "";
	width: 1px;
	height: 19px;
	background-color: #b8daff;
	position: absolute;
	right: 0;
	top: 11px ;
}

dl.contents_top-latestinfo dd{
	display: table-cell;
	position: relative;
	text-align: left;
	vertical-align: middle;
	width: 84%;
	padding:0 90px 0 20px ;
}
dl.contents_top-latestinfo .latestinfo_link{
	position: absolute;
	top: 1px;
	right: 1px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	background-color: #2d3c9b;
	border-radius: 4px;
	text-align: center;
	width: 68px;
	line-height: 38px;
}

main.contents_top section{
	background-color: #ecfaff;
	padding: 120px 0;
}
main.contents_top section:nth-of-type(2n){
	background-color: #fff;
}
main.contents_top section h1{
	font-size: 36px;
	font-weight: 700;
	color: #2d3c9b;
	text-align: center;
}
main.contents_top section h1 span{
	padding: 8px 0 8px 74px;
}
main.contents_top section h2 {
	text-align: center;
	font-size: 18px;
	color: #333;
}
main.contents_top #contents_top-quickguide h1 span{
	background: url(../img/ico_top_title01.webp) no-repeat left center;
}
main.contents_top #contents_top-beginer h1 span{
	background: url(../img/ico_top_title02.webp) no-repeat left center;
}
main.contents_top #contents_top-service h1 span{
	background: url(../img/ico_top_title03.webp) no-repeat left center;
}
main.contents_top #contents_top-campaign h1 span{
	background: url(../img/ico_top_title03.webp) no-repeat left center;
}
main.contents_top #contents_top-info h1 span{
	background: url(../img/ico_top_title04.webp) no-repeat left center;
}
main.contents_top #contents_top-needs h1 span{
	background: url(../img/ico_top_title05.webp) no-repeat left center;
}

/* #contents_top-quickguide
 -----------------------------------------------------------------------------*/
.contents_quickguide-conditions{
	width: 100%;
}
.contents_quickguide-conditions .quickguide_txt{
	font-size: 24px;
	color: #2d3c9b;
	font-weight: 700;
}
.contents_quickguide-conditions .quickguide_selectbox{
}
.box_condition-dropdown{
	position: relative;
}
.box_condition-dropdown select{
	width: 400px;
	display:block;
	border:1px solid #b8daff;
	border-radius: 4px;
	padding: 0 18px	 0 18px;
	line-height: 48px;
	height: 48px;
	font-size: 24px;
	color: #2d3c9b;
	font-weight: 700;
	position: relative;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
}
.box_condition-dropdown select.js-answer01{
	width: 300px;
}

.box_condition-dropdown select::-ms-expand {
	display: none;
}
.box_condition-dropdown:before {
	content:'\f0dd';
	font-family: "Font Awesome 6 Free";
	font-weight: 700;
	font-size: 24px;
	color: #515a91;
	position: absolute;
	top: 0;
	right: 20px;
	z-index: 100;
}
.box_condition-dropdown select:focus {
	outline: none;
}
ul.box_condition-dropdown a:hover {
	background-color: rgba(255, 255, 255, 0.2);
}
ul.box_condition-dropdown a i{
	position: absolute;
	top: 10px;
	right: 20px;
}
.contents_quickguide-result{
	position: relative;
}
.contents_quickguide-result li{
	position: relative;
	display: none;
}

#js-txt_quickguide{
	padding: 40px;
	border: 4px dashed #cccc;
	width: 70%;
	margin: 0 auto;
	font-size: 20px;
	color: #b8daff;
	font-weight: 700;
}


#js-loading{
	position: absolute;
	top: 40px;
	left: calc(50% - 16px);
	z-index: 2;
}
.contents_quickguide-result li a{
	display: block;
	text-decoration: none;
	position: relative;
	background-color: #fff;
	border:1px solid #dbeffe;
	border-radius: 6px;
}
.contents_quickguide-result dl{
	padding: 15px 15px;
}
.contents_quickguide-result dl dt{
	display: inline-block;
	font-size: 16px;
	color: #fff;
	background-color: #2d3c9b;
	font-weight: 700;
	line-height: 32px;
	padding: 0 10px;
	border-radius: 6px;

}
.contents_quickguide-result dl dd {
	font-size: 16px;
	margin-top: 10px;
}



.contents_beginer-list li .beginer_list-inner{
	border: 1px solid #b8daff;
	border-radius: 4px;
	/*background-color: #f6fcff;*/
	position: relative;
}
.contents_beginer-list li .beginer_list-inner a{
	text-decoration: none;
}
.contents_beginer-list li .beginer_list-inner a:hover {
	text-decoration: underline;
}
.contents_beginer-list li .beginer_list-inner img{
	display: block;
	width: 100%;
	height: auto;
	border-radius: 4px 4px 0 0;
	border-bottom: 1px solid #b8daff;
}
.contents_beginer-list li .beginer_list-inner a:hover{
	text-decoration: none;
}
.contents_beginer-list li .beginer_list-inner dl {
	padding: 18px;
	font-weight: bold;
}
.contents_beginer-list li .beginer_list-inner dt{
	display:inline;
	color: #fff;
	background-color: #473989;
	border-radius: 4px;
	padding: 4px 10px;
}
.contents_beginer-list li .beginer_list-inner dd{
	margin-top:12px;
	color: #473989;
	line-height: 1.6;
}


#contents_top-service h3{
	font-size: 22px;
	font-weight: bold;
	padding-left: 20px;
	padding-bottom: 10px;
	position: relative;
}
#contents_top-service h3:before {
	content: "";
	width: 12px;
	height: 4px;
	background-color: #0c4bcc;
	position: absolute;
	left: 0;
	top: calc(50% - 10px);
}
.contents_service-list dl{
	width: 100%;
	height:100%;
	padding: 20px 20px 18px;
	background-color: #fff;
}
.contents_service-list dl dd{
	margin-top: 15px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.8;
}
.contents_service-box01 a{
	display: inline-block;
	border: 2px solid #54aee2;
}

.contents_service-box01 a,
.contents_service-box02 a,
.contents_service-box03 a,
.contents_service-box04 a{
	display: inline-block;
	width: 100%;
	text-decoration: none;
}
.contents_service-box02 a:hover,
.contents_service-box03 a:hover,
.contents_service-box04 a:hover{
	text-decoration: none;
	color: #333;
	opacity: 0.8;
}
.contents_service-box01 a img{
	width: 100%;
}
#contents_top-service .contents_service-box02 h3:before {
	background-color: #0c4bcc;
}
.contents_service-box02 a{
	border: 2px solid #54aee2;
}
#contents_top-service .contents_service-box03 h3:before {
	background-color: #64b704;
}
.contents_service-box03 a{
	border: 2px solid #91cd58;
}
#contents_top-service .contents_service-box04 h3:before {
	background-color: #ba70ff;
}
.contents_service-box04 a{
	border: 2px solid #ba70ff;
}


.contents_campaign-list li .campaign_list-inner{
	border: 1px solid #b8daff;
	border-radius: 4px;
	/*background-color: #f6fcff;*/
	position: relative;
}
.contents_campaign-list li .campaign_list-inner a{
	text-decoration: none;
}
.contents_campaign-list li .campaign_list-inner a:hover {
	text-decoration: underline;
}
.contents_campaign-list li .campaign_list-inner img{
	display: block;
	width: 100%;
	height: auto;
	border-radius: 4px 4px 0 0;
	border-bottom: 1px solid #b8daff;
}
.contents_campaign-list li .campaign_list-inner a:hover{
	text-decoration: none;
}
.contents_campaign-list li .campaign_list-inner dl {
	padding: 14px 18px;
}
.contents_campaign-list li .campaign_list-inner dt{
	font-size: 18px;
	color: #473989;
	font-weight: 700;
}
.contents_campaign-list li .campaign_list-inner dd{
	margin-top:10px;
	line-height: 1.7;
	height: 70px;
}
.contents_campaign-list li .campaign_list-inner dd.txt_date{
	font-size: 12px;
	height: auto;
}
.contents_campaign-list li .campaign_list-inner dd.txt_date span{
	color: #fff;
	background-color: #473989;
	padding :0 10px;
	line-height: 24px;
	display: inline-block;
	margin-bottom: 4px;
}

.contents_info-list{
	display: table;
	border-top: 1px solid #06547a;
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
}
.contents_info-list:last-of-type{
	border-bottom: 1px solid #06547a;
}
.contents_info-list dt{
	display: table-cell;
	width: 160px;
}
.contents_info-list dt span{
	background-color: #2d3c9b;
	padding: 2px 12px;
	color: #fff;
}
.contents_info-list dd{
	display: table-cell;
	padding-left: 20px;
}

.contents_info-slider {
	position: relative;
}
.contents_info-slider .slick-prev,
.contents_info-slider .slick-next{
	color: #fff;
	height: 100%;
	width: 5%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	cursor: pointer;
}
.contents_info-slider .slick-next {
	right: 0;
	left: auto;
}
.contents_info-slider .slick-prev:before,
.contents_info-slider .slick-next:before {
	font-size: 48px;
	position: absolute;
	top: calc(50% - 43px);
}
.contents_info-slider .slick-prev:before{
	content: "\f053";
	font-family: "Font Awesome 6 Free";
	font-weight: 700;
	right: 2px;
}
.contents_info-slider .slick-next:before{
	content: "\f054";
	font-family: "Font Awesome 6 Free";
	font-weight: 700;
	left: 2px;
}
/*  -----------------------------------------------------------------------------*/


/* top content main */
.tabList .tabBlock01 [role="tablist"] &gt; li &gt; div &gt; a {
	height: 38px;
	padding: 4px 10px 0;
	color: #004831;
	font-size: 1.0em;
	font-weight: normal;
}
.tabList .tabBlock01 [role="tablist"] &gt; li &gt; div[aria-selected="true"] &gt; a {
	color: #fff;
	font-weight: bold;
}
.topNewsMore ul {
	margin-top: 20px;
	text-align: right;
}
.topNewsMore li {
	display: inline-block;
}
.topNewsMore li {
	margin-right: 10px;
}
.topNewsMore li.newsBackNumber {
	margin-right: 110px;
}
.topNewsMore li:last-child {
	margin-right: 0;
}

.topH2Title {
	margin-bottom: 20px;
	padding-bottom: 5px;
	font-size: 1.286em;
	font-weight: bold;
	border-bottom: solid 2px #ccc;
	overflow:hidden;
}
#wrap .topH2Title.glyphAttention03 &gt; span:before {
	top: 0.2em;
	padding-bottom: 0.2em;
	background-repeat: no-repeat;
}


/* top aside */
.topAside01 {
	width: 1008px;

	margin: 0 auto;
}
.topAside01 aside {
	margin-top: 40px;
}
.topH3Title {
	margin-bottom: 0;
	border-bottom: solid 1px #ddd;
	font-size: 1em;
	font-weight: bold;
}

.topBannerList01 li {
	float: left;
	width: 153px;
	margin-left: 18px;
}
.topBannerList01 li:first-child {
	margin-left: 0;
}
.topBannerList01 li a {
	display: block;
}
.topBannerList01 img {
	display: block;
	width: 153px;
}
.topLogoList01 li {
	width: 240px;
	margin: 0 0 12px 16px;
}
.topLogoList01 li:nth-child(4n+1) {
	margin-left: 0;
}
.topBannerList01 li span {
	display: block;
	margin-top: 12px;
	padding-left: 1.2em;
	background: url(/kojin/common/images/ico_arrow_green01.png) 0 0.4em no-repeat;
	-ms-background-size: 8px 13px;
	-moz-background-size: 8px 13px;
	-webkit-background-size: 8px 13px;
	background-size: 8px 13px;
	text-decoration: underline;
}

.topLogoList01 li {
	float: left;
}


/* exparoInfo01 */
.exparoInfo01 {
	width: 1008px;
	margin: 30px auto 0;
	padding-top: 15px;
	border-top: solid 1px #ddd;
	color: #666;
	font-size: 0.857em;
	line-height: 2.0;
}

/* SNS */
.snsH3Title, .customerH3Title {
	border: none !important;
}
.social {
	text-align: center;
	width: 100%;
	margin: 0 0 10px 0;
}
.social ul {
	display: table;
	margin: auto;
}
.social li {
float: none;
display: inline-block;
line-height: 0;
vertical-align: top;
padding-left: 35px;
}
.social li:first-child {
padding-left: 0px;
}
#notice h2 p {
font-size:0.8em;
}
#notice a {
	color:#444;
}
div.customer {
text-align: center;
width: 100%;
margin: 0;
font-size:1.8em;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
div.customer img {
vertical-align:middle;
margin-bottom:7px;
margin-right:4px;
}
.customerH3Title {
text-align: center;
width: 100%;
margin: 0;
font-size:1.1em;
font-weight:bold;
color:#174a98;
}
p.customer {
text-align: center;
width: 100%;
margin: 0;
font-size:0.9em;
}
p.link {
margin-top:7px;
font-size:0.9em;
}
.mb12 {
margin-bottom: 12px !important;
}


/* BOTTOM SITEMAP */
.siteMap {
	background:#fcfcfc;
	border-top:1px solid #ddd;
	padding-top:30px;
	padding-bottom:60px;
	margin-bottom: -80px;
}

.siteMap p.sitemapTitle {
	font-size:1.3em;
	font-weight:bold;
	display:inline-block;
	margin-bottom:10px;
	color:#1358b6;
}
.siteMap  ul li{
	padding:0;
	margin-bottom:12px;
}
.siteMap  ul li a{
	color:#444;
	background:url(../img/arrow_blue2.png) no-repeat left center;
	text-decoration: none;
	background-size:4px auto;
	padding-left:12px;
	font-size:0.9em;
}
.siteMap  ul li a:hover{
	text-decoration: underline;
}

#mainLeftNav  {
	overflow:hidden;
	padding:50px 0;
	margin:0;
}
#mainLeftNav div a.firstTime {
	background: #fff url(../img/ico_firsttime.png) 0 0 no-repeat;
	padding-left:25px;
}
#mainLeftNav div a.else {
	background: #fff url(../imgs/ico_arrow_gray01.png) 5px 5px no-repeat;
	padding-left:25px;
}

/* renewal 2022.06 */

#content_kv-top{
	background: url(../img/bg_mainKV.webp) no-repeat center center;
	background-size: cover;
	height: 620px;
	width: 100%;
	margin-top: 58px;
	position: relative;
}
#content_kv-top .txt_KV{
	position: absolute;
	top: 50%;
	left: calc((100vw - 1320px) / 2);
	transform: translate(0, -50%);
}
#content_kv-top .txt_KV h1{
	font-size: 58px;
	line-height: 1.3;
	color: #042762;
	font-weight: 700;
	letter-spacing: 0.06em;
	margin-top: 12px;
	/*text-shadow: 1px 1px 1px rgba(255,255,255,0.8);*/
}
#content_kv-top .txt_KV.txt-kr h1{
	font-size: 54px;
	line-height: 1.3;
	color: #042762;
	font-weight: 700;
	letter-spacing: 0;
	margin-top: 12px;
	/*text-shadow: 1px 1px 1px rgba(255,255,255,0.8);*/
}
#content_kv-top .txt_KV p{
	font-size: 32px;
	color: #fff;
	line-height: 1;
	font-style: normal;
	text-shadow: 1px 1px 0px rgba(90,90,90,0.8);
}
#KV_main{
	position: absolute;
	bottom: 0;
	right: calc((100vw - 1320px) / 2);
}
@media screen and (max-width:1400px) {
	/* Remit */
	.TopRemit{
		right: calc((100vw - 1140px) / 2);
	}
	#content_kv-top h1{
		left: calc((100vw - 1140px) / 2);
	}
}

@media screen and (max-width:1200px) {
	/* Remit */
	.TopRemit{
		right: calc((100vw - 960px) / 2);
	}
	#content_kv-top h1{
		left: calc((100vw - 960px) / 2);
	}
	dl.contents_top-latestinfo dt{
		width: 20%;
	}
	dl.contents_top-latestinfo dd{
		width: 80%;
	}
}
@media screen and (max-width:992px){
	.TopRemit {
		right: 15px;
	}
	#content_kv-top{
		margin-top: 0;
	}
	#content_kv-top h1{
		left: 20px;
	}
	#js-txt_quickguide{
		width: 86%;
		padding: 15px;
		font-size: 18px;
	}
	.siteMap{
		display: none;
	}
}
@media screen and (max-width:768px){
	.TopRemit {
		top: 20px;
		right: 5%;
		width: 90%;
	}
	#content_kv-top h1{
		display: none;
	}
	.remittance{
		width: 100%;
	}
	/* carousel */
	#topCarousel .carouselList li {
		width: 1008px !important;
	}
	#topCarousel .carouselPrev {
		display: block;
		cursor: pointer;
		position: absolute;
		top: 0px;
		right: 50%;
		width: 1008px;
		height: 290px;
		margin-right: 504px;
		background: url(/kojin/resources/images/index_btn01.png) 100% 117px no-repeat;
		background-color: rgba(165, 165, 165, 0.4);
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#44a5a5a5);
		text-indent: -9999px;
		-webkit-transition: all .2s ease;
		transition: all .2s ease;
	}
	#topCarousel .carouselNext {
		display: block;
		cursor: pointer;
		position: absolute;
		top: 0px;
		left: 50%;
		width: 1008px;
		height: 290px;
		margin-left: 504px;
		background: url(/kojin/resources/images/index_btn02.png) 0 117px no-repeat;
		background-color: rgba(165, 165, 165, 0.4);
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#44a5a5a5);
		text-indent: -9999px;
		-webkit-transition: all .2s ease;
		transition: all .2s ease;
	}
	#topCarousel .carouselStop,
	#topCarousel .carouselPlayback {
		display: block;
		position: absolute;
		top: 257px;
		right: 3px;
		width: 28px;
		height: 30px;
		background: url(/kojin/resources/images/index_btn05.png) 8px 8px no-repeat;
		background-color: rgba(0, 0, 0, 0.15);
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#15000000,EndColorStr=#15000000);
		-webkit-border-radius: 0 5px 5px 0;
		-moz-border-radius: 0 5px 5px 0;
		-ms-border-radius: 0 5px 5px 0;
		-o-border-radius: 0 5px 5px 0;
		border-radius: 0 5px 5px 0;
		text-indent: -9999px;
	}
	#topCarousel .carouselPlayback {
		background: url(/kojin/resources/images/index_btn06.png) 9px 7px no-repeat;
		background-color: rgba(0, 0, 0, 0.15);
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#15000000,EndColorStr=#15000000);
	}
	#topCarousel .bx-controls {
		position: relative;
		width: 1008px;
		height: 40px;
	}
	#topCarousel .bx-pager {
		position: absolute;
		top: -33px;
		right: 33px;
		height: 30px;
		padding: 0 8px 0 12px;
		background-color: rgba(0, 0, 0, 0.15);
		filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#15000000,EndColorStr=#15000000);
		-webkit-border-radius: 5px 0 0 5px;
		-moz-border-radius: 5px 0 0 5px;
		-ms-border-radius: 5px 0 0 5px;
		-o-border-radius: 5px 0 0 5px;
		border-radius: 5px 0 0 5px;
	}
	#topCarousel .bx-pager-item {
		display: inline-block;
		margin: 9px 4px 0 0;
	}
	#topCarousel .bx-pager-link {
		display: block;
		width: 12px;
		height: 12px;
		background: url(/kojin/resources/images/index_btn03.png) 0 0 no-repeat;
		text-indent: -9999px;
	}
	#topCarousel .bx-pager-link.active {
		background: url(/kojin/resources/images/index_btn04.png) 0 0 no-repeat;
	}
	#topCarousel .carouselBtn a:hover {
		filter: alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}

	/* login */
	#topLink .glyphBeginnerTop:hover,
	#topLink .loginBlock01 .btnHojin01:hover {
		filter: alpha(opacity=70);
		-moz-opacity:0.7;
		opacity: 0.7;
		color: inherit;
	}



	#topNav .column5 a:hover {
		filter: alpha(opacity=70);
		-moz-opacity:0.7;
		opacity: 0.7;
	}



	/* main nav */
	#mainNavBtn a:hover {
		filter: alpha(opacity=70);
		-moz-opacity:0.7;
		opacity: 0.7;
		color: inherit;
	}
	.open #mainNavBtn a:hover {
		filter: alpha(opacity=100);
		-moz-opacity:1.0;
		opacity: 1.0;
		color: inherit;
	}
	#mainNavAccBlock dl dd {
		display: block !important;
	}

	.tabList .tabBlock01 {
		padding: 0;
	}
	.tabList .tabBlock01 ul {
		margin-bottom: 0;
		border: 0;
	}

	/* SP_news_accordion */
	.newsAccBtn{
		display:none;
	}

	dl.contents_top-latestinfo{
		padding: 14px;
		line-height: 1.8;
		position: relative;
	}
	dl.contents_top-latestinfo dt{
		display: block;
		text-align: left;
		width: 100%;
		position: static;
	}
	dl.contents_top-latestinfo dt:before{
		display: none;
	}
	dl.contents_top-latestinfo dd{
		display: block;
		text-align: left;
		width: 100%;
		position: static;
		padding: 0;
	}
	dl.contents_top-latestinfo .latestinfo_link{
		position: static;
		display: block;
		width: 100%;
		margin-top: 10px;
	}
	main.contents_top section{
		padding:60px 0;
	}
	main.contents_top section h1{
		font-size: 30px;
	}
	main.contents_top #contents_top-quickguide h1 span,
	main.contents_top #contents_top-beginer h1 span,
	main.contents_top #contents_top-service h1 span,
	main.contents_top #contents_top-campaign h1 span,
	main.contents_top #contents_top-info h1 span,
	main.contents_top #contents_top-needs h1 span,
	main.contents_top #contents_top-quickguide h1 span{
		background-size: auto 54px;
		padding-left: 62px;
	}
	main.contents_top section h2{
		font-size: 16px;
		padding: 0 15px;
		line-height: 1.6;
	}
	.contents_info-slider .slick-prev:before,
	.contents_info-slider .slick-next:before {
		font-size: 28px;
		top: calc(50% - 25px);
	}
	.contents_campaign-list li .campaign_list-inner dd{
		height: auto;
	}
	.contents_sns-list img{
		width: 60px;
		height: auto;
	}
}

@media screen and (max-width: 767px) {
	/* exparo nav */
	#exparoNav {
		display: none;
	}

	#topPage #wrap #mainArea {
		margin-top: 2px;
	}
	#wrap #mainArea main {
		padding-bottom: 0;
	}
	#topContents {

	}
.spLineup {
	background:#f0f0f0 !important;
	margin-top:7px;
	margin-bottom:7px;
}
.TopspRate {
	position:absolute;
	float:none;
	z-index:100;
	margin:0;
	margin-left:0;
	display:block;
	width:100%;
	text-align:center;
}
.spRate {
	position:relative;
	background:#2B2B2B;
	width:100%;
	box-sizing: border-box;
	display:block;
	margin:0;
	top:0;
	margin-top:-28px;
	border:1px solid #000;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	box-shadow:none;
	padding:5px;
	overflow:hidden;
	color:#fff;
	font-size:0.8em;
	text-align:center;
}

	.spRate span.fsSmall {
		color: #BFBFBF;
	}

	/* header */
	header[role="banner"] #headerInner .logoWrap {
		/*position: static;*/
		/*width: 150px;*/
		/*margin:0;*/
		/*padding:0;*/
	}
	header[role="banner"] #headerInner .logoWrap p {
		/*margin:0;*/
		/*padding:5px 0 0 0;*/
		/*font-size:0.6em;*/
	}
	header[role="banner"] #headerInner .logoWrap h1 {
		/*width: auto;*/
		/*height: auto;*/
		/*margin:0;*/
		/*padding:0;*/
	}
	header[role="banner"] #headerInner .logoWrap img {
	    /*width: auto;*/
		/*margin:0;*/
		/*padding:0;*/
	}


	/* glyphAttention01 */
	#wrap .glyphAttention01 &gt; span {
		padding-left: 22px !important;
	}
	#wrap .glyphAttention01 &gt; span:before {
		top: 0.3em !important;
		width: 15px;
		height: 12px;
		background: url(/kojin/common/images/ico_attention01.png);
		-ms-background-size: 15px 12px;
		-moz-background-size: 15px 12px;
		-webkit-background-size: 15px 12px;
		background-size: 15px 12px;
	}

	/* start */
	#topStart {
		z-index: 101;
		position: relative;
		width: 100%;
		padding-bottom: 31px;
		height: auto;
		background: #fff;
	}
	#topStartInner {
		width: auto;
	}
	#topStart img {
		position: static;
	}


	/* topLink */
	#topMain {
		position: relative;
		margin: 0 -10px;
		background: #fff;
	}
	#topLink {
		width: auto;
		padding: 0;
		margin:0;
	}

	/* login */
	#topLink .loginBlock01 {
		float: none;
		width: 100%;
		padding: 2px 0;
		background: #fff;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
		padding: 0;
		margin:0;
	}
	#topLink .loginBlock01 &gt; ul {
		padding: 0;
		border: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#topLink .loginBlock01 .loginBlockArea01,
	#topLink .loginBlock01 .loginBlockArea03 {
		margin-top: 0 !important;
		padding: 0 10px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		text-align: center;
	}
	#topLink .loginBlock01 .loginBlockArea01 p:first-child {
		margin: 0 0 10px;
	}

	#topLink .loginBlock01 .btnT03 {
		padding: 5px 25px !important;
	}
	#topLink .loginBlock01 .btnT03 .fsSmall {
		font-weight: normal;
	}
	#topLink .loginBlock01 .btnT03 &gt; span {
		padding: 0 20px 0 45px !important;
	}
	#topLink .loginBlock01 .btnT03 {
	}
	#topLink .loginBlock01 .btnT03 &gt; span {
		display: table;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#topLink .loginBlock01 .btnT03 &gt; span &gt; span {
		vertical-align: middle;
	}
	#topLink .loginBlock01 .btnT03 &gt; span &gt; span.fsMaximum {
		margin-top: 0;
	}
	#topLink .loginBlock01 .btnT03 &gt; span &gt; span:first-child {
		padding-right: 5px;
	}
	#topLink .loginBlock01 .btnT03 &gt; span:before {
		position: static;
		display: block;
		width: 47px;
		height: 40px;
		margin: 0 auto 5px !important;
		-ms-background-size: 47px 40px;
		-moz-background-size: 47px 40px;
		-webkit-background-size: 47px 40px;
		background-size: 47px 40px;
		line-height: 1;
		text-align: center;
	}


	#topLink .loginBlock01 .btnT03 &gt; span {
		padding: 0 20px 0 42px;
		background: url(../img/ico_pc04.png) 0 50% no-repeat;
		-ms-background-size: 35px 31px;
		-moz-background-size: 35px 31px;
		-webkit-background-size: 35px 31px;
		background-size: 35px 31px;
	}
	#topLink .loginBlock01 .btnT03 &gt; span:before {
		display: none;
		position: absolute;
		left: 440px;
	}
	#topLink .loginBlock01 .glyphBeginnerTop.fsSmall {
		width: 100%;
		display: inline-block;
		/*エクセル*/margin-bottom: 10px;
		padding: 4px 10px;
		font-weight: bold;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		-ms-border-radius: 8px;
		-o-border-radius: 8px;
		border-radius: 8px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		text-align: left;
		background: #fff;
		border: 1px solid #b3b3b3;
		box-shadow: #e2e2e2 0px -2px inset;
		-webkit-box-shadow: #e2e2e2 0px -2px inset;
		-moz-box-shadow: #e2e2e2 0px -2px inset;
		text-align: center;
		text-decoration: none;
		font-size: 0.929em !important;
	}
	#topLink .loginBlock01 .loginBlockArea01 .glyphBeginnerTop &gt; span,
	#topLink .loginBlock01 .loginBlockArea03 .glyphBeginnerTop &gt; span {
		padding-top: 0.2em;
		vertical-align: middle;
		/*追加*/width:215px;
		/*追加*/text-align:left;
		/*追加*/margin:0 auto;
	}
	#topLink .loginBlock01 .loginBlockArea01 .glyphBeginnerTop &gt; span {
		background: url(/kojin/resources/images/index_ico16.gif) 0 50% no-repeat;
	}

	#topLink .loginBlock01 .loginBlockArea03 .glyphBeginnerTop &gt; span.ico36{
		background: url(/kojin/resources/images/index_ico36.gif) 0 50% no-repeat;
	}

	#topLink .loginBlock01 .loginBlockArea02 {
		display: none;
	}

	/* top nav */
	#topNav {
		float: none;
		width: auto;
		padding: 5px 0;
	}
	#topNav h1 {
		font-size:1.5em;
	}



	/* top nav column5 */
	#topNav .column5 {
		width: auto;
		margin:0;
		padding:0;
	}
	#topNav .column5 .col {
		width: 100% !important;
		float: none;
		margin:10px 0;
		padding:0;
	}
	#topNav .column5 .cateMenu {
		width:100%;
		text-align:center;
		background:#f7f7f7 url(../img/cate_title_bg.png) repeat-x left bottom;
		padding:3px 0;
		margin:0;
	}
	#topNav .column5 .cateMore {
		padding:3px 0;
	}
	#topNav .column5 .cateMenu h2 {
		font-size:1.3em;
		background:url(../img/ico_arrow_gray01.png) no-repeat 95% 7px;
	}
	#topNav .column5 span a {
		margin-left:0;
		color:#444;
		font-size:0.9em;
		text-decoration:underline;
		color:#2d8ee9;
	}

	#topNav .column5 {
		padding-bottom:0;
	}
	#topNav .column5 dl {
		padding:0;
		margin:0;
	}
	#topNav .column5 dt {
		font-size: 1em;
		padding:5px 0;
		margin:0;
	}
	#topNav .column5 dt:before {
		margin-right: 0px !important;
		vertical-align: -1px;
	}
	#topNav .column5 dl dd {
		padding:0 0 5px 0;
		margin:0;
	}


	/* main nav */
	#mainNavBtn {
		width: auto;
		height: auto;
		margin: 0 10px;
	}
	#mainNavBtn a {
		height: 40px;
		padding-top: 9px;
		font-size: 1.0715em;
		color: #004831;
	}
	#mainNavBtn a:after {
		width: 11px;
		height: 8px;
		-ms-background-size: 11px 8px;
		-moz-background-size: 11px 8px;
		-webkit-background-size: 11px 8px;
		background-size: 11px 8px;
	}
	.open #mainNavBtn a:after {
		width: 11px;
		height: 8px;
		-ms-background-size: 11px 8px;
		-moz-background-size: 11px 8px;
		-webkit-background-size: 11px 8px;
		background-size: 11px 8px;
	}
	.open #mainNavBtn a {
		height: 30px;
		padding-top: 9px;
		border-color: #004831;
	}
	#mainNavAccBlock {
		display:none;
		position: static;
		width: auto;
		margin: 0 10px;
		padding: 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-border-radius: 0 0 8px 8px;
		-moz-border-radius: 0 0 8px 8px;
		-ms-border-radius: 0 0 8px 8px;
		-o-border-radius: 0 0 8px 8px;
		border-radius: 0 0 8px 8px;
		border: solid 1px #7fa398;
		border-width: 0 1px 1px;
		border-color: #004831;
		background: #fff;
	}
	#mainNavAccBlock dl {
		float: none;
		width: auto;
		height: auto !important;
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 0.929em;
	}
	#mainNavAccBlock dl:last-of-type {
		border-bottom: solid 1px #ccc;
	}
	#mainNavAccBlock dl dt {
		margin: 0;
		padding: 12px 38px 12px 15px;
		background: url(/kojin/common/images/ico_open03.png) 95% 50% no-repeat;
		-ms-background-size: 18px 18px;
		-moz-background-size: 18px 18px;
		-webkit-background-size: 18px 18px;
		background-size: 18px 18px;
		border-top: solid 1px #ccc;
		color: #333;
		font-weight: bold;
	}
	#mainNavAccBlock dl dt.open {
		background: #f6f6f6 url(/kojin/common/images/ico_close03.png) 95% 50% no-repeat;
		-ms-background-size: 18px 18px;
		-moz-background-size: 18px 18px;
		-webkit-background-size: 18px 18px;
		background-size: 18px 18px;
	}
	#mainNavAccBlock dl dd {
		display: none;
		padding: 12px 15px;
		background: #f6f6f6;
		font-size: 1.0em;
		font-weight: normal;
	}
	#mainNavAccBlock dl dd li {
		margin-bottom: 25px;
	}
	#mainNavAccBlock dl dd li a {
		display: inline-block;
		padding-left: 13px;
		background: url(/kojin/resources/images/index_ico14.png) 0 0.3em no-repeat;
	}
	#mainNavAccClose {
		margin-top: 8px;
		padding: 10px;
		background: #ebebeb;
		text-align: center;
	}
	#mainNavAccClose a {
		display: inline-block;
		width: auto;
		height: auto;
		padding-left: 23px;
		background: url(/kojin/common/images/btn_close01.png) 0 0.2em no-repeat;
		-ms-background-size: 12px 12px;
		-moz-background-size: 12px 12px;
		-webkit-background-size: 12px 12px;
		color: #333;
		font-size: 0.927em;
		font-weight: bold;
		text-decoration: none;
		text-indent: 0;
	}

	/* top contents */
	.bgGray {
		background:#fff;
	}
	#topContents {
		width: auto;
	}

	/* top content main */
	#topContentsMain {
		float: none;
		width: auto;
		margin:0;
	}

	/* top content sub */
	#topContentsSub {
		float: none;
		width: auto;
		/*margin:0 10px;*/
	}
	.topContentsSubNav01Wrap {
		margin: 0 -6px;
	}
	.topContentsSubNav01 {
		display: table;
		table-layout: fixed;
		border-collapse: separate;
		border-spacing: 3px 0;
		width: 100%;
		margin-bottom: 3px;
		margin-left: 0;
	}
	.topContentsSubNav01 li {
		display: table-cell;
		float: none;
		width: auto;
		min-height: 0;
		margin: 0;
		text-align :center;
	}
	.topContentsSubNav01 li:nth-child(3n+1) {
		clear: both;
		margin-left: 0;
	}
	.topContentsSubNav01 li a {
		min-height: 85px;
		padding-top: 10px;
		font-size:0.85em;
	}
	.topContentsSubNav01 a figure img {
		width: 34px;
		height: auto;
	}
	.topContentsSubNav01 a p {
		line-height: 1.2;
	}
	.topContentsSubNav01 a p .fsSmall {
		font-size: 0.714em !important;
	}

	#topContentsSubNav02 {
		margin:0 0 4px;
	}
	#topContentsSubNav02 li {
		display: table;
		width: 100%;
		margin: 0 0 6px 0;
	}
	#topContentsSubNav02 li &gt; div.spContent {
		display: table !important;
		width: 100% !important;
	}
	#topContentsSubNav02 li a {
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 7px 5px 7px 33px;
		vertical-align: middle;
	}

	#topContentsSubNav03 {
		padding: 7px 7px 0;
	}
	#topContentsSubNav03 li {
		width: 49%;
		margin-bottom: 7px;
	}

	/* top content main */
	#topContentsMain {
		margin-top: 30px;
		padding: 20px;
	}
	.tabList .tabBlock01 [role="tablist"] {
		margin-bottom: 0;
	}
	.tabList .tabBlock01 [role="tablist"] &gt; li {
		display: table-cell;
		margin: 0;
		border: solid 1px #ccc;
		border-width: 1px 1px 0 1px;
		-webkit-border-radius: 5px/5px 5px 0 0;
		-moz-border-radius: 5px/5px 5px 0 0;
		-ms-border-radius: 5px/5px 5px 0 0;
		-o-border-radius: 5px/5px 5px 0 0;
		border-radius: 5px/5px 5px 0 0;
	}
	.tabList .tabBlock01 [role="tablist"] li &gt; div &gt; a {
		height: 50px;
		padding: 7px 5px;
		font-size: 0.929em;
		font-weight: bold;
	}
	.tabList .tabBlock01 [role="tablist"] &gt; li:first-child a {
		border-width: 2px 2px 0;
	}
	.tabList .tabBlock01 [role="tablist"] &gt; li &gt; div[aria-selected="true"] &gt; a {
		border-color: #004831;
	}

	.dateBlock03 dl {
		display: block;
		position: relative;
		margin-top: 15px;
		border-bottom:1px solid #ccc;
	}
	.dateBlock03 dt {
		display: inline-block;
	}
	.dateBlock03 dd .dateIcon01 {
		display: inline-block;
		position: absolute;
		top: 0;
		left: 10em;
	}
	.dateBlock03 dd .dateText01 {
		display: block;
		margin-top: 10px;
	}

	.topNewsMore ul {
		text-align: left;
	}
	.topNewsMore li {
		margin: 0 5px 10px 0;
		text-align: left;
	}
	.topNewsMore li.newsBackNumber {
		display: block;
		margin: 0 0 20px;
		text-align: right;
	}

	.topH2Title {
		margin: 0 -10px 20px;
		padding: 0 10px 5px;
	}
	#wrap .topH2Title.glyphAttention03 &gt; span:before {
		top: 0.2em !important;
	}

	/* top aside */
	.topAside01 {
		width: auto;
	}
	.topAside01 aside {
		margin: 0 10px 30px;
	}
	.topH3Title {
		font-size: 1.0em;
	}

	.topBannerList01 li {
		float: right;
		width: 48%;
		margin: 0 0 20px;
		font-size: 0.929em;
	}
	.topBannerList01 li:nth-child(2n+1) {
		clear: both;
		float: left;
	}
	.topBannerList01 li span {
		margin-top: 8px;
		background-position: 0 0.2em;
	}
	.topBannerList01 img {
		width: auto;
	}

	.topLogoList01 li {
		float: right;
		width: 49%;
		margin: 0 0 10px;
	}
	.topLogoList01 li:nth-child(2n+1) {
		clear: both;
		float: left;
	}

	/* exparoInfo01 */
	.exparoInfo01 {
		width: auto;
		margin: 20px 10px;
		padding-top: 5px;
		color: #333;
		line-height: 1.8;
	}

	/* simulation */
	.simulationViewContents {
		margin-top: 15px;
		margin-bottom: 10px;
		width: 100%;
		font-size: 0.9em;
		vertical-align: middle;
	}
	.priceResult {
		clear: both;
		margin: 30px 0 5px 0;
	}

	.priceResult dt {
		padding: 4px 0;
		font-size: 0.9em;
		height: 20px;
		line-height: 1.8em;
	}
	.priceResult dd {
		height: 25px;
		padding: 2px 0 1px 0;
		line-height: 1.8em;
	}
	.priceResult dd.rateNumber {
		font-size: 13px;
	}

	.contents_info-list dt,
	.contents_info-list dd{
		display: block;
	}
	.contents_info-list dd {
		margin-top: 12px;
	}
	.contents_info-list dd a{
		display: block;
	}

	.box_condition-dropdown select,
	.box_condition-dropdown select.js-answer01{
		width: 100%;
		line-height: 48px;
		height: 48px;
		font-size: 24px;
		padding: 0 48px 0 14px;
	}




	/* footer */
	#footerSpMenu {
		padding: 10px 10px 1px;
		background: #e6f0b3;
	}
	#footerSpMenu li {
		display: table;
		float: right;
		width: 48%;
		margin: 0 0 9px 0;
	}
	#footerSpMenu li:nth-child(2n+1) {
		clear: both;
		float: left;
		margin-left: 0;
	}
	#footerSpMenu li a {
		display: table-cell;
		height: 4.2em;
		padding: 0 10px 0 26px;
		background: #fff url(/kojin/resources/images/index_ico14.png) 10px 48% no-repeat;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-ms-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px;
		box-shadow: #ccc 0px -2px inset;
		-webkit-box-shadow: #ccc 0px -2px inset;
		-moz-box-shadow: #ccc 0px -2px inset;
		color: #004831;
		font-weight: bold;
		vertical-align: middle;
	}

	/* SP_news_accordion */
	#tabA01 .dateBlock03{overflow:hidden;}
	.newsAccBtn{margin-top:20px;display:block;}
	.boxLink01.open &gt; a:before {
		background: url(/kojin/common/images/bg_arrow_top02.png) 0 50% no-repeat;
		-ms-background-size: 16px 8px;
		-moz-background-size: 16px 8px;
		-webkit-background-size: 16px 8px;
		background-size: 16px 8px;
	}
	/* BOTTOM SITEMAP */
	.siteMap p.sitemapTitle {
		margin-left:10%;
		margin-top:30px;
	}
	.siteMap  ul {
		margin-left:9%;
	}
	/* SNS */
	.social li{
		padding-left: 50px;
	}
}

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