/* 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: 'BIZ UDPGothic', 'ヒラギノ角ゴ 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;
}



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(0,104,183,1.00);
padding: 2px 10px 6px;
border-radius: 5px 0px 8px;
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 img {
width: 35px;
}
.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;
}

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

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

.corner-txt {
padding: 2px 10px 6px;
border-radius: 5px 0px 8px;
}
.corner-txt img {
width: 40px;
}

.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: 1024px) {

.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: 2px 10px 6px;
border-radius: 5px 0px 10px;
}
.corner-txt img {
width: 54px;
}

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

}

@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);
}
.flex1block.f-contents > li,
.flex2block.f-contents > li,
.flex3block.f-contents > li {
margin: 0px 0px 50px;
}

.corner-txt {
padding: 3px 10px 7px;
border-radius: 5px 0px 10px;
}
.corner-txt img {
width: 64px;
}


}

@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 {
padding: 15% 0px 15%;
}
section .contents-block-in {
padding: 0px 15px;
margin: 0px auto;
max-width: 1180px;
}

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

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


.section-title,
.page-title,
.ho-content-catch {
font-size: calc(100vw / 18);
line-height: 1.3em;
padding: 8px 20px;
margin: 0px auto;
text-align: center;
color: rgba(180,61,117,1.00);
position: relative;
background-color: rgba(255,255,255,1.00);
border-radius: 5px;
font-family: 'M PLUS Rounded 1c','ヒラギノ丸ゴ Pro','Hiragino Maru Gothic Pro','HG丸ｺﾞｼｯｸM-PRO','HGMaruGothicMPRO',sans-serif;
font-weight: 800;
display: inline-block;
}
.block-catch {
font-size: calc(100vw / 18);
line-height: 1.3em;
font-family: 'M PLUS Rounded 1c','ヒラギノ丸ゴ Pro','Hiragino Maru Gothic Pro','HG丸ｺﾞｼｯｸM-PRO','HGMaruGothicMPRO',sans-serif;
font-weight: 800;
color: rgba(0,104,183,1.00);
text-align: center;
}
.section-title-ss {
font-size: calc(100vw / 20);
line-height: 1.4em;
text-align: center;
font-weight: bold;
}

.page-title {
font-weight: normal;
}


.section-title-out {
text-align: center;
}



.block-title {
font-size: calc(100vw / 20);
line-height: 1.4em;
font-weight: bold;
text-align: center;
color: rgba(180,61,117,1.00);
}
.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-s {
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: 45px;
}



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

section.contents-block {
padding: 15% 0px 15%;
}
.tophalf {
padding-top: 7% !important;
}
.bottomhalf {
padding-bottom: 7% !important;
}

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

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

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


.section-title,
.page-title {
font-size: 20px;
line-height: 1.2em;
padding: 11px 26px;
border-radius: 6px;
}
.block-catch {
font-size: 19px;
line-height: 1.2em;
}
.section-title-ss {
font-size: 18px;
line-height: 1.4em;
}

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

.block-title {
font-size: 19px;
line-height: 1.4em;
}
.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: 48px;
}

}



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

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

.tophalf {
padding-top: 5% !important;
}
.bottomhalf {
padding-bottom: 5% !important;
}

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

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



.section-title,
.page-title {
font-size: 28px;
line-height: 1.2em;
padding: 14px 35px;
border-radius: 8px;
}
.section-title-ss {
font-size: 21px;
line-height: 1.4em;
}

.block-catch {
font-size: 26px;
line-height: 1.2em;
}


.block-title {
font-size: 26px;
line-height: 1.4em;
}

.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: 60px;
}

.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: 1024px) {
section {
font-size: 15px;
line-height: 1.8em;
}

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

.tophalf {
padding-top: 5% !important;
}
.bottomhalf {
padding-bottom: 5% !important;
}

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

.section-title,
.page-title {
font-size: 31px;
line-height: 1.2em;
padding: 16px 45px;
border-radius: 9px;
}
.section-title-ss {
font-size: 22.5px;
line-height: 1.4em;
}
.block-catch {
font-size: 29px;
line-height: 1.2em;
}

.block-title {
font-size: 29px;
line-height: 1.4em;
}

.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: 68px;
}

.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: 8% 0px 8%;
}
.tophalf {
padding-top: 4% !important;
}
.bottomhalf {
padding-bottom: 4% !important;
}

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

.section-title,
.page-title {
font-size: 34px;
line-height: 1.2em;
padding: 18px 50px;
}
.section-title-ss {
font-size: 24px;
line-height: 1.4em;
}

.block-catch {
font-size: 31px;
line-height: 1.2em;
}

.block-title {
font-size: 32px;
line-height: 1.4em;
}

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


}





























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

header #header-block {
  display: table;
  width: 100%;
  position: relative;
}
header #header-block > dd {
  display: table-cell;
  vertical-align: top;
	transition: all 0.4s;
}
header #header-block .hd-left {
padding: 12px 15px 0px;
}
header #header-block .hd-right {
display: none;
}


header #passport-logo a {
width: 90px;
display: block;
transition: all 0.4s;
margin: 0px auto;
}
header #header-logo img,
header #passport-logo img {
	width: 100%;
	height: auto;
	display: block;
}





@media print, screen and (min-width: 375px) {
header {
height: 48px;
}
header #header-block .hd-left {
padding: 11px 15px 0px;
}
header #passport-logo a {
width: 105px;
}

}





@media print, screen and (min-width: 768px) {
header {
height: 60px;
}
.container.fixedheader header {
	box-shadow: 0px 0px 28px 2px rgba(0,0,0,0.5);
}

header #header-block .hd-left {
padding: 15px 25px 0px;
}
header #passport-logo a {
width: 130px;
}

}




@media print, screen and (min-width: 1024px) {
header {
height: 68px;
}
.container.fixedheader header {
	box-shadow: 0px 0px 32px 2px rgba(0,0,0,0.5);
}

header #header-block .hd-left {
padding: 15px 30px 0px;
}
header #header-block .hd-right {
display: table-cell;
padding: 13px 30px 0px;
}
header #passport-logo a {
width: 160px;
margin: 0px auto 0px 0px;
}


header #header-block .header-buttons {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0px 0px 0px auto;
width: 450px;
transition: all 0.4s;
}
header #header-block .header-buttons > li:first-child {
	-ms-flex-preferred-size: calc(55% - 5px);
	flex-basis: calc(55% - 5px);
}
header #header-block .header-buttons > li:last-child {
	-ms-flex-preferred-size: calc(45% - 5px);
	flex-basis: calc(45% - 5px);
}

header #header-block .header-buttons > li a.link-button,
header #header-block .header-buttons > li span.link-button {
  color: rgba(255,255,255,1.00) !important;
  font-size: 15px;
  line-height: 1em;
  background-color: rgba(0,77,160,1.00);
  padding: 11px 10px;
  border: 2px solid rgba(0,77,160,1.00);
}
header #header-block .header-buttons > li a.link-button::after,
header #header-block .header-buttons > li span.link-button::after {
background-image: url(../images/link_arrow_w.svg);
width: 15px;
height: 15px;
right: 5px;
top: calc(50% - 6px);
}
header #header-block .header-buttons > li a:hover.link-button,
header #header-block .header-buttons > li span:hover.link-button {
  color: rgba(255,255,255,1.00) !important;
  background-color: rgba(0,77,160,1.00);
  border: 2px solid rgba(0,77,160,1.00);
}
header #header-block .header-buttons > li:last-child a.link-button,
header #header-block .header-buttons > li:last-child span.link-button {
color: rgba(0,77,160,1.00) !important;
background-color: rgba(255,255,255,1.00);
border: 2px solid rgba(0,77,160,1.00);
}
header #header-block .header-buttons > li:last-child a:hover.link-button,
header #header-block .header-buttons > li:last-child span:hover.link-button {
  color: rgba(255,255,255,1.00) !important;
  background-color: rgba(0,77,160,1.00);
  border: 2px solid rgba(0,77,160,1.00);
}
header #header-block .header-buttons > li:last-child a.link-button::after,
header #header-block .header-buttons > li:last-child span.link-button::after {
  background-image: url(../images/link_arrow_n.svg);
  transform: rotate(90deg);
}
header #header-block .header-buttons > li:last-child a:hover.link-button::after,
header #header-block .header-buttons > li:last-child span:hover.link-button::after {
  background-image: url(../images/link_arrow_w.svg);
}

}




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

header #header-block {
width: 100%;
position: relative;
margin: 0px auto;
display: table;
}

header #header-block .hd-left {
padding: 10px 0px 0px 30px;
}
header #header-block .hd-right {
padding: 13px 30px 0px 0px;
}

header #passport-logo a {
width: 190px;
}

header #header-block .header-buttons {
width: 470px;
}

header #header-block .header-buttons > li a.link-button,
header #header-block .header-buttons > li.nolink-button p,
header #header-block .header-buttons > li span.link-button {
font-size: 16px;
line-height: 1em;
padding: 12px 10px;
}



.container.fixedheader header {
height: 50px;
}
.container.fixedheader header #header-block .hd-left {
padding: 5px 0px 0px 30px;
}
.container.fixedheader header #header-block .hd-right {
padding: 5px 30px 0px 0px;
}
.container.fixedheader header #passport-logo a {
width: 160px;
}

.container.fixedheader header #header-block .header-buttons {
width: 400px;
}
.container.fixedheader header #header-block .header-buttons > li a.link-button,
.container.fixedheader header #header-block .header-buttons > li.nolink-button p,
.container.fixedheader header #header-block .header-buttons > li span.link-button {
font-size: 14px;
line-height: 1em;
padding: 10px 10px;
}

}




@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);
}





@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;
}

}



@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;
}

}




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

/* .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;
}

}



@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;
}

}























/*
<footer id="footer-global">
	<div class="footer-in">

		<div class="footer-title"><p>京王パスポートクラブ コールセンター</p></div>
		<div class="footer-tel"><a href="tel:03-3375-0114"><p>Tel.<strong>03-3375-0114</strong></p></a></div>
		<div class="footer-summary"><p>受付時間　10:00～17:00〈1月1日～3日を除く〉</p></div>

		<ul id="footer-list">
			<li><a href="#" id="footer_corporate"><p>会社・サイト情報</p></a></li>
			<li><a href="#" id="footer_membership"><p>会員規約</p></a></li>
		</ul><!-- footer-list  -->

		<div id="copyright"><p>&copy; Keio Passport Club Co., Ltd. All rights reserved.</p></div>

	</div>
</footer>
*/

/* Footer ----------------------------------------------------------------- */
#footer-global {
margin: 0px;
overflow: hidden;
width: 100%;
font-size: 13px;
line-height: 1.6em;
position: relative;
text-align: left;
background-color: rgba(231,231,231,1.00);
}
#footer-global a {
color: rgba(0,0,0,1.00);
}
#footer-global .footer-in {
position: relative;
width: 100%;
padding: 40px 15px 100px;
}

#footer-global .footer-title {
font-size: 14px;
line-height: 1.4em;
font-weight: bold;
text-align: center;
padding: 0px 0px 15px;
}
#footer-global .footer-tel {
padding: 0px 0px 10px;
font-size: 14px;
line-height: 1.4em;
text-align: center;
font-weight: bold;
}
#footer-global .footer-tel strong {
font-size: 20px;
line-height: 1.4em;
}
#footer-global .footer-summary {
text-align: center;
}

#footer-global #footer-list {
margin: 15px auto 0px;
display: table;
width: 100%;
}
#footer-global #footer-list li:first-child {
padding: 0px 5px 0px 0px;
display: table-cell;
width: 50%;
}
#footer-global #footer-list li:last-child {
padding: 0px 0px 0px 5px;
display: table-cell;
width: 50%;
}
#footer-global #footer-list li a {
display: block;
padding: 10px 12px;
font-size: 13px;
line-height: 1em;
color: rgba(0,0,0,1.00) !important;
position: relative;
transition: all 0.4s;
text-align: center;
background-color: rgba(255,255,255,1.00);
font-weight: bold;
border-radius: 80px;
}
#footer-global #footer-list li a:hover {
color: rgba(255,255,255,1.00) !important;
background-color: rgba(38,127,193,1.00);
}

#footer-global #footer-list li a::after {
content: "";
width: 14px;
height: 14px;
top: calc(50% - 6px);
right: 3px;
display: block;
position: absolute;
transition: all 0.4s;
background-image: url(../images/link_arrow_g.svg);
background-repeat: no-repeat;
background-position: left top;
background-size: 100% auto;
}
#footer-global #footer-list li a:hover::after {
background-image: url(../images/link_arrow_w.svg);
}

#footer-global #copyright {
font-size: calc(100vw / 30);
line-height: 1.4em;
padding: 15px 0px 0px;
text-align: center;
}




@media print, screen and (min-width: 375px) {
#footer-global {
font-size: 14px;
line-height: 1.6em;
}
#footer-global .footer-in {
padding: 50px 15px 110px;
}

#footer-global .footer-title {
font-size: 16px;
line-height: 1.4em;
padding: 0px 0px 15px;
}
#footer-global .footer-tel {
padding: 0px 0px 10px;
font-size: 16px;
line-height: 1.4em;
}
#footer-global .footer-tel strong {
font-size: 23px;
line-height: 1.4em;
}

#footer-global #footer-list {
margin: 15px auto 0px;
}
#footer-global #footer-list li:first-child {
padding: 0px 5px 0px 0px;
}
#footer-global #footer-list li:last-child {
padding: 0px 0px 0px 5px;
}
#footer-global #footer-list li a {
padding: 11px 12px;
font-size: 14px;
line-height: 1em;
}

#footer-global #footer-list li a::after {
content: "";
width: 14px;
height: 14px;
top: calc(50% - 6px);
right: 3px;
}

#footer-global #copyright {
font-size: 12px;
line-height: 1.4em;
padding: 15px 0px 0px;
}

}



@media print, screen and (min-width: 768px) {
#footer-global {
font-size: 14px;
line-height: 1.6em;
}
#footer-global .footer-in {
padding: 80px 15px;
}

#footer-global .footer-title {
font-size: 17px;
line-height: 1.4em;
padding: 0px 0px 15px;
}
#footer-global .footer-tel {
padding: 0px 0px 10px;
font-size: 17px;
line-height: 1.4em;
}
#footer-global .footer-tel strong {
font-size: 24px;
line-height: 1.4em;
}

#footer-global #footer-list {
margin: 15px auto 0px;
width: 60%;
}
#footer-global #footer-list li:first-child {
padding: 0px 5px 0px 0px;
}
#footer-global #footer-list li:last-child {
padding: 0px 0px 0px 5px;
}
#footer-global #footer-list li a {
padding: 12px;
font-size: 15px;
line-height: 1em;
}

#footer-global #footer-list li a::after {
content: "";
width: 15px;
height: 15px;
top: calc(50% - 6px);
right: 4px;
}

#footer-global #copyright {
font-size: 13px;
line-height: 1.4em;
padding: 15px 0px 0px;
}

}



@media print, screen and (min-width: 1024px) {
#footer-global {
font-size: 15px;
line-height: 1.6em;
}
#footer-global .footer-in {
padding: 90px 15px;
}

#footer-global .footer-title {
font-size: 18px;
line-height: 1.4em;
padding: 0px 0px 15px;
}
#footer-global .footer-tel {
padding: 0px 0px 10px;
font-size: 18px;
line-height: 1.4em;
}
#footer-global .footer-tel strong {
font-size: 24px;
line-height: 1.4em;
}

#footer-global #footer-list {
margin: 15px auto 0px;
width: 520px;
}
#footer-global #footer-list li:first-child {
padding: 0px 10px 0px 0px;
}
#footer-global #footer-list li:last-child {
padding: 0px 0px 0px 10px;
}
#footer-global #footer-list li a {
padding: 14px;
font-size: 15px;
line-height: 1em;
}

}


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


}



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

}













/*
<nav class="bottom-sp-navi">
	<ul class="sp-navi">
		<li class="activation-bt"><a href="https://www.keio-passport.co.jp/card/index.html" id="bottom_activation_bt" class="click_bt" target="_blank">
    Web入会キャンペーン<strong>入会のお申込み</strong></a></li>
	</ul>
</nav>
*/

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

.sp-navi {
width: 60%;
margin: 0px auto;
}
.sp-navi > li {
  display: block;
  white-space: nowrap;
  padding: 0px;  
}
.sp-navi li a:hover {
text-decoration: none;
}
.sp-navi > li > a {
display: block;
padding: 3% 15% 2%;
font-size: calc(100vw / 29);
line-height: 1.3em;
color: rgba(255,255,255,1.00) !important;
position: relative;
transition: all 0.4s;
text-align: center;
font-weight: bold;
border-radius: 5px 5px 0px 0px;
background-color: rgba(228,0,101,1.00);
box-shadow: 0px 1px 12px 1px rgba(0,0,0,0.4);
border-top: 2px solid rgba(255,255,255,1.00);
border-left: 2px solid rgba(255,255,255,1.00);
border-right: 2px solid rgba(255,255,255,1.00);
}
.sp-navi > li > a strong {
display: block;
font-size: 140%;
line-height: 1.3em;
font-weight: bold;
letter-spacing: 0.1em;
}
.sp-navi > li > a img {
  display: block !important;
  opacity: 1.0;
  width: 100%;
  height: auto;
}

.sp-navi > li > a:hover {
color: rgba(255,255,255,1.00) !important;
box-shadow: 0px 1px 12px 1px rgba(0,0,0,0.7);
background-color: rgba(180,61,117,1.00);
}




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

.sp-navi > li > a {
font-size: 12px;
line-height: 1.3em;
}

}


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

.sp-navi {
width: 30%;
margin: 0px auto;
}

.sp-navi > li > a {
  border-radius: 6px 6px 0px 0px;
  box-shadow: 0px 1px 16px 1px rgba(0,0,0,0.4);
}
.sp-navi > li > a:hover {
box-shadow: 0px 1px 16px 1px rgba(0,0,0,0.7);
}

.sp-navi > li > a {
padding: 4% 15% 3%;
font-size: 13px;
line-height: 1.3em;
}
.sp-navi > li > a strong {
font-size: 150%;
line-height: 1.3em;
}

}


@media print, screen and (min-width: 1024px) {
.sp-navi {
width: 280px;
}

.sp-navi > li > a strong {
font-size: 160%;
line-height: 1.3em;
}

}


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

}

@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: 1024px) {

}

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

}

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

}