/* Global ----------------------------------------------------------------- */
html {
	font-size: 14px;
	width: 100%;
	height: 100%;
	line-height: 1.8em;
}

body {
min-width: auto;
color: rgba(0,0,0,1.00);
font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
/* font-family: "Shippori Mincho", "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; */
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga';
width: 100%;
height: 100%;
position: relative;
}

article {
position: relative;
}
article::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
background: linear-gradient(-34deg, rgba(0,73,142,1.00) 0%, rgba(26,45,116,1.00) 33%, rgba(1,59,128,1.00) 66%, rgba(97,71,130,1.00) 100% );
z-index: -2;
opacity: 0;
transition: all 1.0s;
}
article.backactive::before {
opacity: 1.0;
}
/*
article::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
background-image: url(../images/back_arrow.svg);
background-position: left top;
background-size: 110% auto;
z-index: -1;
}
*/


/*
a:link,
a:visited {
color: rgba(29,76,136,1.00);
text-decoration: none;
vertical-align: baseline;
}
a:hover {
text-decoration: none;
color: rgba(0,0,0,1.00);
}
*/


.sp-br {
display: inline-block;
}
.pc-br {
	display: none;
}
.sp-on {
}


.flex2block,
.flex3block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flex2block > li,
.flex3block > li,
.flex2block > dd {
margin: 0px 0px 5px;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.flex2block > li:last-child {
margin: 0px;
}
.flex1block.f-contents > li,
.flex2block.f-contents > li,
.flex3block.f-contents > li {
margin: 0px 0px 15px;
}


.white-txt {
color: rgba(255,255,255,1.00);
}
.navy {
color: rgba(0,34,99,1.00);
}
.black {
color: rgba(0,0,0,1.00);
}

.corner-txt {
color: rgba(255,255,255,1.00);
background-color: rgba(221,17,108,1.00);
padding: 2px 11px;
border-radius: 0px 0px 5px;
position: absolute;
left: 0px;
top: 0px;
font-family: 'Akshar', sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 1em;
letter-spacing: 0.02em;
}
.corner-txt strong {
font-size: 16px;
line-height: 1.0em;
font-family: 'Akshar', sans-serif;
}

.button-space {
padding: 0px 0px 20px;
}


.kome-txt p {
	text-indent: -1em;
	margin: 0px 0px 0px 1em;
	font-size: 12px;
	line-height: 1.5em;
text-align: justify;
text-justify: inter-ideograph;
display: block;
}
.kome-txt p a {
text-decoration: underline;
}
.not-clik a {
cursor: default;
}

.indent-space {
	margin: 0px 0px 0px 1em;
display: block;
}



header.l-header {
display: none;
}
.pan-box {
display: none;
}
.l-fixed-element {
display: none !important;
}
.l-fixed-element__list {
display: none !important;
}




@media print, screen and (min-width: 375px) {

.flex2block > li {
margin: 0px 0px 7px;
}

.corner-txt {
padding: 3px 12px;
border-radius: 0px 0px 5px;
font-size: 11px;
}
.corner-txt strong {
font-size: 17px;
line-height: 1.0em;
}

.button-space {
padding: 0px 0px 25px;
}

}


@media print, screen and (min-width: 768px) {
.sp-br {
	display: none;
}
.pc-br {
	display: inline-block;
}
.sp-on {
	display: none;
}

.flex2block > li,
.flex2block > dd {
margin: 0px;
	-ms-flex-preferred-size: calc(50% - 15px);
	flex-basis: calc(50% - 15px);
}

.flex1block.f-contents > li,
.flex2block.f-contents > li,
.flex3block.f-contents > li {
margin: 0px 0px 30px;
}

.flex2block.solo-bt {
display: flex;
justify-content: center;
}

.button-space {
padding: 0px 0px 30px;
}


}

@media print, screen and (min-width: 960px) {

.flex2block > li,
.flex2block > dd {
margin: 0px;
-ms-flex-preferred-size: calc(50% - 20px);
flex-basis: calc(50% - 20px);
}
.flex3block > li {
	-ms-flex-preferred-size: calc(33.33% - 20px);
	flex-basis: calc(33.33% - 20px);
}
.flex1block.f-contents > li,
.flex2block.f-contents > li,
.flex3block.f-contents > li {
margin: 0px 0px 40px;
}

.corner-txt {
padding: 3px 12px;
font-size: 12px;
}
.corner-txt strong {
font-size: 18px;
line-height: 1.0em;
}

.button-space {
padding: 0px 0px 25px;
}

header.l-header {
display: block;
}
.pan-box {
display: block;
}

}



@media print, screen and (min-width: 1200px) {

.flex2block > li,
.flex2block > dd {
margin: 0px;
-ms-flex-preferred-size: calc(50% - 25px);
flex-basis: calc(50% - 25px);
}

.corner-txt {
padding: 3px 12px;
font-size: 13px;
}
.corner-txt strong {
font-size: 20px;
line-height: 1.0em;
}


}

@media print, screen and (min-width: 1400px) {

.flex3block > li {
	-ms-flex-preferred-size: 350px;
	flex-basis: 350px;
}

}

















/* Layout ----------------------------------------------------------------- */
article {
	overflow: hidden;
}
section {
font-size: 13px;
line-height: 1.7em;
	position: relative;
}

section img,
.graphic-img img {
	height: auto;
	width: 100%;
	margin: 0px auto;
	display: block;
}
section.contents-block-de {
padding: 0% 0px;
}
section .contents-block-in {
padding: 0px 15px;
margin: 0px auto;
max-width: 1000px;
}

.tophalf {
padding-top: 17px !important;
}
.bottomhalf {
padding-bottom: 22px !important;
}
.topzero {
padding-top: 0px !important;
}
.bottomzero {
padding-bottom: 0px !important;
}

.content-space {
padding: 0px 0px 22px;
}


.section-title {
padding: 13% 0px 7%;
margin: 0px auto 20px;
width: 100%;
}


.l-page-title {
background: none !important;
}
.l-container {
background: none;
}
.c-heading__h1 {
text-align: center;
color: rgba(0,157,167,1.00) !important;
}

/*
<div class="l-page-title">
  <div class="l-container">
    <h1 class="c-heading__h1">よくあるご質問・お問い合わせ</h1>
  </div>
</div>
*/


.block-title {
font-size: 16px;
line-height: 1.4em;
font-weight: bold;
text-align: center;
padding: 0px 0px 8px;
}
.block-title-s {
font-size: 15px;
line-height: 1.4em;
font-weight: bold;
text-align: center;
padding: 0px 0px 8px;
}

.block-title-l{
font-size: 18px;
line-height: 1.4em;
font-weight: bold;
text-align: center;
padding: 0px 0px 8px;
}
.box-title {
font-size: 14px;
line-height: 1.4em;
font-weight: bold;
padding: 0px 0px 1px;
color: rgba(0,34,99,1.00);
}
.box-title em {
color: rgba(221,17,108,1.00);
font-style: normal;
}

.contents-txt {
font-size: 14px;
line-height: 1.7em;
text-align: justify;
text-justify: inter-ideograph;
}
.contents-txt-ss {
font-size: 13px;
line-height: 1.6em;
text-align: justify;
text-justify: inter-ideograph;
}
.contents-txt-sss {
font-size: 11px;
line-height: 1.6em;
text-align: justify;
text-justify: inter-ideograph;
}

.contents-txt a,
.contents-txt-s a,
.contents-txt-ss a,
.contents-txt-sss a {
text-decoration: underline;
}
.indent {
margin: 0px 0px 0px 1em;
}
.indent p {
text-indent: -1em;
}

.default-contentli li,
.default-content {
background-color: rgba(255,255,255,1.00);
border-radius: 5px;
overflow: hidden;
position: relative;
}
.default-content-in {
padding: 15px;
position: relative;
}
.line-content {
border-radius: 5px;
overflow: hidden;
position: relative;
border: 1px solid rgba(128,144,177,1.00);
}
.block-space {
margin-bottom: 15px;
}

.cont-text {
text-align: justify;
text-justify: inter-ideograph;
}
.cont-text p {
padding: 0em 0px 1.5em;
}
.cont-text p:last-child {
padding: 0px;
}



.container { /* ヘッダー分 */
  margin-top: 52px;
}



@media print, screen and (min-width: 375px) {
section {
font-size: 14px;
line-height: 1.7em;
}

section.contents-block {
padding: 40px 0px 50px;
}
.tophalf {
padding-top: 20px !important;
}
.bottomhalf {
padding-bottom: 25px !important;
}

.content-space {
padding: 0px 0px 28px;
}

section .contents-block-in {
padding: 0px 20px;
}

.bottomhalf {
padding-bottom: 17px !important;
}


.section-title {

}



.default-content-in {
padding: 15px 18px;
}
.block-space {
margin-bottom: 18px;
}

.block-title {
font-size: 17px;
line-height: 1.4em;
padding: 0px 0px 8px;
}
.block-title-s {
font-size: 16px;
line-height: 1.4em;
padding: 0px 0px 8px;
}
.block-title-l{
font-size: 19px;
line-height: 1.4em;
padding: 0px 0px 10px;
}
.box-title {
font-size: 15px;
line-height: 1.4em;
}

.contents-txt {
font-size: 15px;
line-height: 1.7em;
}
.contents-txt-ss {
font-size: 14px;
line-height: 1.6em;
}

.container { /* ヘッダー分 */
	margin-top: 56px;
}

}



@media print, screen and (min-width: 768px) {
section {
font-size: 14px;
line-height: 1.7em;
}

section.contents-block {
padding: 50px 0px 65px;
}

.tophalf {
padding-top: 25px !important;
}
.bottomhalf {
padding-bottom: 32px !important;
}

section .contents-block-in {
padding: 0px 30px;
}

.content-space {
padding: 0px 0px 35px;
}



.section-title {
padding: 11% 0px 6%;
width: 80%;
}

.block-title-l{
font-size: 21px;
line-height: 1.4em;
padding: 0px 0px 12px;
}

.contents-txt {
font-size: 16px;
line-height: 1.8em;
}
.contents-txt-sss {
font-size: 12px;
line-height: 1.6em;
}

.container { /* ヘッダー分 */
	margin-top: 70px;
}

.default-contentli li,
.default-content {
border-radius: 6px;
}
.default-content-in {
padding: 25px 30px;
}
.block-space {
margin-bottom: 30px;
}

}



@media print, screen and (min-width: 960px) {
section {
font-size: 15px;
line-height: 1.8em;
}

section.contents-block {
padding: 55px 0px 75px;
}
.tophalf {
padding-top: 27px !important;
}
.bottomhalf {
padding-bottom: 38px !important;
}


section .contents-block-in {
padding: 0px 35px;
}

.tophalf {
padding-top: 7% !important;
}
.bottomhalf {
padding-bottom: 30px !important;
}

.content-space {
padding: 0px 0px 44px;
}

.section-title {
padding: 10% 0px 9%;
}



.block-title {
font-size: 18px;
line-height: 1.4em;
padding: 0px 0px 8px;
}
.block-title-s {
font-size: 17px;
line-height: 1.4em;
padding: 0px 0px 8px;
}
.block-title-l{
font-size: 22px;
line-height: 1.4em;
padding: 0px 0px 14px;
}
.box-title {
font-size: 16px;
line-height: 1.4em;
}

.contents-txt {
font-size: 17px;
line-height: 1.8em;
}
.contents-txt-ss {
font-size: 15px;
line-height: 1.6em;
}


.container { /* ヘッダー分 */
	margin-top: 0px;
}

.default-contentli li,
.default-content {
border-radius: 7px;
}
.default-content-in {
padding: 40px;
}
.block-space {
margin-bottom: 40px;
}

}



@media print, screen and (min-width: 1200px) {
section {
font-size: 16px;
line-height: 1.9em;
}


section.contents-block {
padding: 60px 0px 80px;
}
.tophalf {
padding-top: 30px !important;
}
.bottomhalf {
padding-bottom: 40px !important;
}

.content-space {
padding: 0px 0px 50px;
}

.section-title {
}

.block-title {
font-size: 19px;
line-height: 1.4em;
padding: 0px 0px 10px;
}
.block-title-s {
font-size: 18px;
line-height: 1.4em;
padding: 0px 0px 8px;
}
.block-title-l{
font-size: 23px;
line-height: 1.4em;
padding: 0px 0px 14px;
}

.contents-txt {
font-size: 18px;
line-height: 1.8em;
}

.default-content-in {
padding: 50px;
}


}



@media print, screen and (min-width: 1400px) {

section .contents-block-in {
padding: 0px;
}

.cont-catch {
font-size: 31px;
line-height: 1.7em;
padding: 0px 0px 70px;
}


.content-space {
padding: 0px 0px 55px;
}

.container { /* ヘッダー分 */
}

.contents-txt {
font-size: 19px;
line-height: 1.8em;
}


}



















@media print, screen and (min-width: 375px) {

}

@media print, screen and (min-width: 768px) {

}

@media print, screen and (min-width: 960px) {

}

@media print, screen and (min-width: 1200px) {

}

@media print, screen and (min-width: 1400px) {

}


 /* 横向き */
@media print, screen and (orientation: landscape) {
}

@media print, screen and (orientation: landscape) and (min-width: 1024px) {
}

@media print, screen and (orientation: landscape) and (min-width: 1400px) {
}
















/* Header ----------------------------------------------------------------- */
header#eki-header-global {
text-align: left;
line-height: 1.0em;
z-index: 100;
height: 52px;
width: 100%;
top: 0px;
padding: 0px;
margin: 0px;
position: fixed;
transition: all 0.5s;
}
.container.fixedheader header#eki-header-global {
  background: rgba(255,255,255,0.9);
	box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.5);
}

header#eki-header-global #eki-header-block {
}
header#eki-header-global #eki-header-block dd {
}

#eki-header-block .hd-left {
padding: 8px 0px 0px 15px;
}

#eki-header-block #eki-header-logo a {
	width: 200px;
  display: block;
	transition: all 0.4s;
}
#eki-header-block img {
	width: 100%;
	height: auto;
	display: block;
}
#eki-header-logo .logo-pc {
	display: none;
}


/*
<header id="eki-header-global">
	<dl id="eki-header-block">
  	<dd class="hd-left">
			<h2 id="eki-header-logo"><a href="index.html" id="header_logo_click">
      <img src="images/ekichokubin_logo_text.svg" alt="駅チョク便" width="732" height="72" class="logo-pc">
      <img src="images/ekichokubin_logo_text_sp.svg" alt="駅チョク便" width="242" height="45" class="logo-sp">
      </a></h2>
    </dd>
    <dd class="hd-center">
			<nav id="eki-header-navi">
				<div id="eki-nav-global">
					<ul id="list-nav-global">
					  <li id="button1" class="gnav-bt"><a href="index.html" id="header_button1"><p>駅チョク便</p></a></li><!-- button1 -->
						<li id="button2" class="gnav-bt"><a href="#about" id="header_button2"><p>駅チョク便について</p></a></li><!-- button2 -->
						<li id="button3" class="gnav-bt"><a href="#station" id="header_button3"><p>受け取り可能駅</p></a></li><!-- button3 -->
						<li id="button4" class="gnav-bt"><a href="#flow" id="header_button4"><p>ご利用の流れ</p></a></li><!-- button4 -->
						<li id="button5" class="gnav-bt"><a href="#" id="header_button5"><p>商品をみる</p></a></li><!-- button5 -->
						<li id="button6" class="gnav-bt"><a href="faq.html" id="header_button6"><p>よくあるご質問・お問い合わせ</p></a></li><!-- button6 -->
					</ul><!-- list-nav-global -->
				</div><!-- eki-nav-global -->
			</nav><!-- eki-header-navi -->
    </dd>
	</dl><!-- eki-header-block -->
</header><!-- eki-header-global -->

<div id="nav-toggle">
  <div>
    <span></span>
    <span></span>
    <span></span>
  </div>
</div>
*/
#eki-header-navi {
position: fixed;
width: 150px;
background-color: rgba(214,129,121,1.00);
z-index: 99;
box-shadow: 0px 0px 40px 2px rgba(0,0,0,0);
top: 52px; /* ヘッダー分 */
right: -150px;
/* opacity: 0; */
transition: all 0.4s;
overflow: hidden;
padding: 10px 0px;
}
#eki-header-navi.active {
	right: 0px !important;
	box-shadow: 0px 0px 40px 2px rgba(0,0,0,0.4);
	opacity: 1 !important;
	display: block;
}



/* nav-global */
#nav-global {
	width: 100%;
}
#list-nav-global > li {
margin: 0px;
padding: 0px;
}
/*
#list-nav-global > li:last-child {
border: none;
}
*/

#list-nav-global > li a {
position: relative;
transition: all 0.4s;
text-align: left;
padding: 7px 15px;
display: block;
background-color: rgba(214,129,121,1.00);
font-size: 12px;
line-height: 1.3em;
color: rgba(255,255,255,1.00);
font-weight: bold;
}
/*
#list-nav-global > li a:after {
content: "";
width: 20px;
height: 20px;
display: block;
position: absolute;
right: 10px;
top: calc(50% - 10px);
background-image: url(../images/link_arrow.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100% auto;
transition: all 0.4s;
opacity: 0.5;
}
#list-nav-global > li.new-window a:after {
background-image: url(../images/link_arrow_nw.svg);
}
#list-nav-global > li a br {
display: none;
}
*/
#list-nav-global > li a:hover {
background-color: rgba(172,94,81,1.00);
}


#page-home #list-nav-global > li#button1 a,
#page-activation #list-nav-global > li#button2 a,
#page-holder #list-nav-global > li#button3 a,
#page-campaign #list-nav-global > li#button4 a,
#page-savings #list-nav-global > li#button5 a,
#page-faq #list-nav-global > li#button6 a,
#page-mortgage #list-nav-global > li#button7 a,
#page-present #list-nav-global > li#button8 a {
background-color: rgba(172,94,81,1.00);
}
#page-home #list-nav-global > li#button1 a::after,
#page-activation #list-nav-global > li#button2 a::after,
#page-holder #list-nav-global > li#button3 a::after,
#page-campaign #list-nav-global > li#button4 a::after,
#page-savings #list-nav-global > li#button5 a::after,
#page-faq #list-nav-global > li#button6 a::after,
#page-mortgage #list-nav-global > li#button7 a::after,
#page-present #list-nav-global > li#button8 a::after {
background: none;
}




@media print, screen and (min-width: 375px) {
header#eki-header-global {
height: 56px;
}
#eki-header-block .hd-left {
padding: 8px 0px 0px 15px;
}
#eki-header-block #eki-header-logo a {
	width: 220px;
}
#eki-header-navi {
width: 180px;
right: -180px;
box-shadow: 0px 0px 45px 2px rgba(0,0,0,0);
top: 56px; /* ヘッダー分 */
}
#eki-header-navi.active {
	box-shadow: 0px 0px 45px 2px rgba(0,0,0,0.4);
}

/* nav-global */
#list-nav-global > li a {
padding: 8px 15px;
font-size: 14px;
line-height: 1.3em;
}

}





@media print, screen and (min-width: 768px) {
header#eki-header-global {
height: 70px;
}
.container.fixedheader header#eki-header-global {
	box-shadow: 0px 0px 28px 2px rgba(0,0,0,0.5);
}
#eki-header-block .hd-left {
padding: 18px 0px 0px 25px;
}
#eki-header-block #eki-header-logo a {
width: 260px;
}
#eki-header-navi {
width: 300px;
right: -300px;
box-shadow: 0px 0px 50px 2px rgba(0,0,0,0);
top: 70px; /* ヘッダー分 */
}
#eki-header-navi.active {
	box-shadow: 0px 0px 50px 2px rgba(0,0,0,0.4);
}

/* nav-global */
#list-nav-global > li a {
font-size: 16px;
line-height: 1.3em;
padding: 12px 25px;
}
#list-nav-global > li a br {
display: none;
}
/*
#list-nav-global > li a:after {
width: 23px;
height: 23px;
right: 25px;
top: calc(50% - 11px);
}
#nav-add {
padding: 20px 25px 25px;
}
#nav-add .nav-add-title {
font-size: 15px;
line-height: 1.4em;
padding: 15px 0px 6px;
}
.list-nav-add li:first-child {
padding: 0px 0px 8px;
}
.ad-button2-title {
font-size: 15px;
line-height: 1.3em;
padding: 1.0em 0px 0.5em;
}
*/

}


/*
<header id="eki-header-global">
	<dl id="eki-header-block">
  	<dd class="hd-left">
			<h2 id="eki-header-logo"><a href="index.html" id="header_logo_click">
      <img src="images/ekichokubin_logo_text.svg" alt="駅チョク便" width="732" height="72" class="logo-pc">
      <img src="images/ekichokubin_logo_text_sp.svg" alt="駅チョク便" width="242" height="45" class="logo-sp">
      </a></h2>
    </dd>
    <dd class="hd-center">
			<nav id="eki-header-navi">
				<div id="eki-nav-global">
					<ul id="list-nav-global">
					  <li id="button1" class="gnav-bt"><a href="index.html" id="header_button1"><p>駅チョク便</p></a></li><!-- button1 -->
						<li id="button2" class="gnav-bt"><a href="#about" id="header_button2"><p>駅チョク便について</p></a></li><!-- button2 -->
						<li id="button3" class="gnav-bt"><a href="#station" id="header_button3"><p>受け取り可能駅</p></a></li><!-- button3 -->
						<li id="button4" class="gnav-bt"><a href="#flow" id="header_button4"><p>ご利用の流れ</p></a></li><!-- button4 -->
						<li id="button5" class="gnav-bt"><a href="#" id="header_button5"><p>商品をみる</p></a></li><!-- button5 -->
						<li id="button6" class="gnav-bt"><a href="faq.html" id="header_button6"><p>よくあるご質問・お問い合わせ</p></a></li><!-- button6 -->
					</ul><!-- list-nav-global -->
				</div><!-- eki-nav-global -->
			</nav><!-- eki-header-navi -->
    </dd>
	</dl><!-- eki-header-block -->
</header><!-- eki-header-global -->

<div id="nav-toggle">
  <div>
    <span></span>
    <span></span>
    <span></span>
  </div>
</div>
*/

@media print, screen and (min-width: 960px) {
header#eki-header-global {
height: auto;
position: relative;
}
#eki-header-block .hd-left {
padding: 18px 0px 0px 30px;
}
#eki-header-logo .logo-sp {
	display: none;
}
#eki-header-logo .logo-pc {
	display: block;
}
#eki-header-block #eki-header-logo a {
	width: 550px;
}
header#eki-header-global .hd-center {
display: none;
}

}


@media print, screen and (min-width: 1200px) {
#eki-header-block .hd-left {
padding: 18px 0px 0px 40px;
}
#eki-header-block #eki-header-logo a {
	width: 732px;
}

}


@media print, screen and (min-width: 1400px) {

}

















/* .default-table */
.default-table,
.building-table {
display: table;
width: 100%;
}
.default-table th,
.default-table td,
.building-table th,
.building-table td {
text-align: left;
font-size: 13.5px;
line-height: 1.6em;
padding: 12px 15px;
font-weight: normal;
display: block;
}
.default-table th,
.default-table-spt th,
.building-table th {
padding: 8px 15px;
background-color: rgba(230,230,230,1.00);
}
.default-table td {
}



/* .plane-table */
.plane-table {
display: table;
width: auto;
}
.plane-table th,
.plane-table td {
text-align: left;
font-size: 13.5px;
line-height: 1.5em;
padding: 0px 1em 5px 0px;
font-weight: normal;
display: table-cell;
background: none;
}
.plane-table th {
white-space: nowrap;
}
.plane-table tr:last-child th {
padding: 0px 1em 0px 0px;
}
.plane-table td {
padding: 0px 1em 0px 0px;
}
.plane-table tr:last-child td {
padding: 0px;
}


.contents-box {
padding: 20px 15px;
background-color: rgba(245,245,245,1.00);
border: 1px solid rgba(187,187,187,1.00);
}


/* .inquiry-table */
.inquiry-table {
display: block;
width: 100%;
}
.inquiry-table .it-th,
.inquiry-table .it-td {
text-align: left;
font-size: 13.5px;
line-height: 1.6em;
padding: 12px 0px;
font-weight: normal;
display: block;
}
.inquiry-table .it-th {
font-weight: bold;
}
.inquiry-table .it-td {
background-color: rgba(243,239,246,1.00);
padding: 0px;
}



/* .entrytable */
.entrytable {
display: table;
width: 100%;
}
.entrytable th,
.entrytable td {
text-align: left;
font-size: 13.5px;
line-height: 1.6em;
padding: 12px 0px;
font-weight: normal;
display: block;
}
.entrytable th {
font-weight: bold;
}
.entrytable td {
background-color: rgba(238,238,238,1.00);
padding: 0px;
}
.entrytable th.kakunin {
font-weight: normal;
}


.entrytable.confirmation th.submitbutton {
padding-top: 30px;
}
.entrytable.confirmation td {
padding: 12px;
}


.outline-box {
padding: 15px;
border: 1px solid rgba(184,184,184,1.00);
}


/* .line-table */
.line-table {
width: 100%;
border-top: 1px solid rgba(201,206,216,1.00);
border-left: 1px solid rgba(201,206,216,1.00);
font-size: calc(100vw / 24);
line-height: 1.4em;
}
.line-table td,
.line-table th {
	font-weight: normal;
	text-align: left;
	padding: 0.4em 0.6em;
	border-right: 1px solid rgba(201,206,216,1.00);
	border-bottom: 1px solid rgba(201,206,216,1.00);
}
.line-table th {
background-color: rgba(240,242,246,1.00);
font-weight: bold;
text-align: left;
white-space: nowrap;
}
.line-table strong {
color: rgba(221,17,108,1.00);
}



@media print, screen and (min-width: 375px) {

/* .default-table */
.default-table {
}
.default-table th,
.default-table td,
.building-table th,
.building-table td {
font-size: 14px;
line-height: 1.6em;
padding: 14px 15px;
}
.default-table th,
.building-table th {
padding: 8px 15px;
}
.default-table td {
}


/* .plane-table */
.plane-table th,
.plane-table td {
font-size: 14px;
line-height: 1.5em;
padding: 0px 1em 6px 0px;
}


/* .inquiry-table */
.inquiry-table .it-th,
.inquiry-table .it-td {
font-size: 14px;
line-height: 1.7em;
padding: 14px 0px;
}
.inquiry-table .it-th {
font-weight: bold;
}
.inquiry-table .it-td {
padding: 0px;
}


/* .entrytable */
.entrytable th,
.entrytable td {
font-size: 14px;
line-height: 1.7em;
padding: 14px 0px;
}
.entrytable th {
font-weight: bold;
}
.entrytable td {
padding: 0px;
}
.entrytable.confirmation td {
padding: 14px;
}


.outline-box {
padding: 20px;
}

}


/* .line-table */
.line-table {
font-size: 14px;
line-height: 1.4em;
}
.line-table td,
.line-table th {
	padding: 0.6em 0.7em;
}



@media print, screen and (min-width: 768px) {

/* .default-table */
.default-table,
.building-table {
/* border-top: 1px solid rgba(184,184,184,1.00); */
}
.default-table tr:first-child th,
.default-table tr:first-child td {
border-top: 1px solid rgba(184,184,184,1.00);
}
.default-table th,
.default-table td,
.building-table th,
.building-table td {
text-align: left;
font-size: 14px;
line-height: 1.7em;
padding: 18px 15px;
display: table-cell;
border-bottom: 1px solid rgba(184,184,184,1.00);
vertical-align: top;
}
.default-table.whiteline {
border-top: 1px solid rgba(255,255,255,1.00);
}
.default-table.whiteline th,
.default-table.whiteline td {
border-bottom: 1px solid rgba(255,255,255,1.00);
}

.default-table th {
padding: 18px 15px 18px 0px;
background: none;
white-space: nowrap;
width: 6em;
}
.default-table td {
padding: 18px 0px 18px 15px;
}
.default-table.th-white th {
background: none;
}


.building-table th,
.building-table td {
padding: 7px 0px 7px 10px;
}
.building-table th {
padding: 7px 10px 7px 0px;
white-space: nowrap;
width: 6em;
background: none;
}

.contents-box {
padding: 30px 25px;
}



/* .plane-table */
.plane-table {
display: table;
width: auto;
border: none;
}
.plane-table th,
.plane-table td {
font-size: 15px;
line-height: 1.5em;
padding: 0px 1.5em 7px 0px;
border: none;
}



/* .inquiry-table */
.inquiry-table {
display: block;
width: 100%;
}
.inquiry-table .it-th,
.inquiry-table .it-td {
font-size: 14px;
line-height: 1.7em;
padding: 15px 0px;
display: block;
}
.inquiry-table .it-th {
font-weight: bold;
}
.inquiry-table .it-td {
padding: 0px;
}


/* .inquiry-table */
.entrytable th,
.entrytable td {
font-size: 14px;
line-height: 1.7em;
padding: 15px 0px;
display: block;
}
.entrytable th {
font-weight: bold;
}
.entrytable td {
padding: 0px;
}
.entrytable th.submitbutton {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.entrytable.confirmation td {
padding: 15px 18px;
}
.entrytable.confirmation th.submitbutton {
padding-top: 40px;
}

.outline-box {
padding: 25px 30px;
}

/* .line-table */
.line-table {
font-size: 15px;
line-height: 1.4em;
}
.line-table td,
.line-table th {
	padding: 0.8em 0.9em;
}

}




@media print, screen and (min-width: 960px) {

/* .default-table */
.default-table th,
.default-table td,
.building-table th,
.building-table td {
font-size: 15px;
line-height: 1.8em;
padding: 20px 15px;
}
.default-table th {
padding: 20px 20px 20px 0px;
}
.default-table td {
padding: 20px 0px 20px 20px;
}

/* .building-table */
.building-table th,
.building-table td {
padding: 9px 0px 9px 12px;
}
.building-table th {
padding: 9px 12px 9px 0px;
}

.contents-box {
padding: 35px 30px;
}


/* .plane-table */
.plane-table th,
.plane-table td {
font-size: 16px;
line-height: 1.5em;
padding: 0px 2em 8px 0px;
}



/* .inquiry-table */
.inquiry-table .it-th,
.inquiry-table .it-td {
font-size: 15px;
line-height: 1.8em;
padding: 15px 0px;
}
.inquiry-table .it-th {
font-weight: bold;
}
.inquiry-table .it-td {
padding: 0px;
}


/* .entrytable */
.entrytable th,
.entrytable td {
font-size: 15px;
line-height: 1.8em;
padding: 15px 0px;
}
.entrytable th {
font-weight: bold;
}
.entrytable td {
padding: 0px;
}
.entrytable.confirmation th.submitbutton {
padding-top: 50px;
}

/* .line-table */
.line-table {
font-size: 16px;
line-height: 1.4em;
}
.line-table td,
.line-table th {
	padding: 0.8em 0.9em;
}

}



@media print, screen and (min-width: 1200px) {

/* .default-table */
.default-table th,
.default-table td {
font-size: 16px;
line-height: 1.8em;
}

/* .building-table */
.building-table th,
.building-table td {
padding: 7px 0px 7px 12px;
}
.building-table th {
padding: 7px 12px 7px 0px;
}

.contents-box {
padding: 40px;
}

}


@media print, screen and (min-width: 1400px) {

/* .building-table */
.building-table th,
.building-table td {
padding: 10px 0px 10px 14px;
}
.building-table th {
padding: 10px 14px 10px 0px;
}

}



































/* bottom-sp-navi */
.bottom-sp-navi {
width: 100%;
position: fixed;
left: 0px;
bottom: 0px;
z-index: 1000;
display: none;
}

.sp-navi {
display: table;
width: 100%;
margin: 0px auto;
/* filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.6)); */
background-color: rgba(255,255,255,1.00);
box-shadow: 0px 0px 17px rgba(0,0,0,0.8);
overflow: hidden;
}
.sp-navi > li {
display: table-cell;
width: 33.33%;
white-space: nowrap;
}
.sp-navi li a:hover {
text-decoration: none;
}
.sp-navi > li > a,
.submitbtn {
font-size: calc(100vw / 32);
line-height: 1.2em;
text-align: center;
color: rgba(0,34,99,1.00);
display: block;
padding: 30px 3px 5px;
width: 100%;
position: relative;
font-weight: bold;
background-image: url(../images/buttom-icon01.svg);
background-repeat: no-repeat;
background-position: center 5px;
background-size: calc(28px / 1.2) auto;
transition: all 0.4s;
cursor: pointer;
}
.sp-navi > li > a:hover {
background-color: rgba(237,240,244,1.00);
}
.sp-navi > li form {
margin: 0px;
padding: 0px;
}

.sp-navi > li:nth-child(2) > a {
background-image: url(../images/buttom-icon02.svg);
}
.sp-navi > li:nth-child(3) > a {
background-image: url(../images/buttom-icon03.svg);
}
.sp-navi > li.review-bt .submitbtn {
background-image: url(../images/buttom-icon02-w.svg);
color: rgba(255,255,255,1.00);
background-color: rgba(221,17,108,1.00);
}
.sp-navi > li.review-bt .submitbtn:hover {
background-color: rgba(160,160,160,1.00);
}
/* 9月20日臨時 */
/*
.sp-navi > li:nth-child(1) > a {
background-image: url(../images/buttom-icon02.svg);
}
.sp-navi > li:nth-child(2) > a {
background-image: url(../images/buttom-icon03.svg);
}
*/

/*
<form method="POST" action="https://www.dev-v1.netbk.co.jp/wpl/NBGate/i080129CT/DI08011100">
<input type="hidden" name="contractType" value="mrwskin">
<input type="hidden" name="cmpCd" value="300XX">
<button type="submit" class="submitbtn">仮審査のお申し込み</button>
</form>
*/

.submitbtn-txt {
font-size: 13px;
line-height: 1.2em;
text-align: center;
color: rgba(0,34,99,1.00);
display: block;
padding: 8px 20px;
width: 100%;
position: relative;
font-weight: bold;
background-image: url(../images/buttom-icon02.svg);
background-repeat: no-repeat;
background-position: right 5px;
background-size: calc(28px / 1.2) auto;
transition: all 0.4s;
cursor: pointer;
background-color: rgba(255,255,255,1.00);
border-radius: 50px;
margin-top: 5px;
}
.submitbtn-txt:hover {
background-color: rgba(255,233,239,1.00);
}




@media print, screen and (min-width: 375px) {
.sp-navi > li > a,
.submitbtn {
font-size: 11px;
line-height: 1.2em;
padding: 32px 2px 5px;
background-size: calc(29px / 1.0) auto;
}

}


@media print, screen and (min-width: 768px) {
.sp-navi {
width: 50%;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
box-shadow: 0px 0px 20px rgba(0,0,0,0.8);
}
.sp-navi > li > a,
.submitbtn {
font-size: 12px;
line-height: 1.2em;
padding: 32px 14px 7px;
background-size: calc(28px / 1.1) auto;
}

}


@media print, screen and (min-width: 960px) {
.sp-navi {
width: 500px;
}
.sp-navi > li > a,
.submitbtn {
font-size: 12.3px;
line-height: 1.2em;
padding: 32px 20px 7px;
}

}


@media print, screen and (min-width: 1200px) {

}

@media print, screen and (min-width: 1400px) {

}















/* link-bt-block */
.link-bt-block {
position: fixed;
z-index: 1000;
right: 0px;
bottom: 130px;
width: 60px;
padding: 0px 5px 0px 0px;
}
.link-bt-block .e-pc-link {
display: none;
}

.link-bt-block .e-pc-link a,
.link-bt-block .e-sp-link a {
display: block;
position: relative;
}

.link-bt-block .e-pc-link a::after,
.link-bt-block .e-sp-link a::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
display: block;
background-image: url(../../../img/life/ekichokubin/bt03_ov.svg);
background-position: left top;
background-size: 100% auto;
background-repeat: no-repeat;
transition: all 0.4s;
opacity: 0;
}
.link-bt-block .e-sp-link.li-web a::after {
background-image: url(../../../img/life/ekichokubin/bt02_ov.svg);
}
.link-bt-block .e-pc-link a::after {
background-image: url(../../../img/life/ekichokubin/bt01_ov.svg);
}

.link-bt-block .e-pc-link a:hover::after,
.link-bt-block .e-sp-link a:hover::after {
opacity: 1;
}



@media print, screen and (min-width: 375px) {
.link-bt-block {
bottom: 130px;
width: 68px;
padding: 0px 5px 0px 0px;
}

}


@media print, screen and (min-width: 768px) {
.link-bt-block {
bottom: 130px;
width: 90px;
padding: 0px 5px 0px 0px;
}

}

@media print, screen and (min-width: 960px) {
.link-bt-block .e-pc-link {
display: block;
}
.link-bt-block .e-sp-link {
display: none;
}
.link-bt-block {
bottom: 90px;
width: 140px;
padding: 0px 10px 0px 0px;
}

}


@media print, screen and (min-width: 1200px) {

.link-bt-block {
bottom: 100px;
width: 160px;
padding: 0px 10px 0px 0px;
}

}

@media print, screen and (min-width: 1400px) {

}





















/* #top-button */
#top-button-out {
display: none;
position: fixed;
z-index: 100000;
left: 0px;
top: 0px;
}
#top-button {
background-color: rgba(0,0,0,0.8);
width: 100vw;
height: 100vh;
position: absolute;
left: 0px;
top: 0px;
display: flex;
justify-content: center;
align-items: center;
padding: 15px;
color: rgba(255,255,255,1.00);
}
#top-button .top-button-in {
border-radius: 20px;
background-color: rgba(255,102,147,1.00);
padding: 0px;
position: relative;
overflow: hidden;
}
#top-button .top-button-in img {
	height: auto;
	display: block;
	width: 100%;
	margin: 0px auto;
}
.top-button-block {

}
.top-button-block li {

}
.top-button-block .top-button-txt {
padding: 20px 8px;
}
.top-button-block .close-block {
background-color: rgba(170,170,170,1.00);
padding: 10px 15px;
}
.top-button-block .close-txt {
font-size: 16px;
line-height: 1.3em;
font-weight: bold;
padding: 0px 0px 5px;
}
.top-button-block .close-txt-list {
margin: 0px 0px 0px 1em;
font-size: 13px;
line-height: 1.5em;
}
.top-button-block .close-txt-list dd p {
text-indent: -1em;
}







@media print, screen and (min-width: 375px) {

}

@media print, screen and (min-width: 768px) {
#top-button {
display: none;
}

}

@media print, screen and (min-width: 960px) {

}

@media print, screen and (min-width: 1200px) {

}

@media print, screen and (min-width: 1400px) {

}