@charset "utf-8";
/* -----------------------------
  Common
------------------------------*/
body {
-webkit-text-size-adjust: 100%;
font-family: "Hiragino Kaku Gothic ProN","メイリオ",'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
color: #272727;
min-width: 1200px;
}
.bodyInner{
background: url(/common/img/content_bg01.png) center 0 repeat-y;
}
noscript p{
position: relative;
z-index: 100;
}
section{
margin-bottom: 30px;
}
sup{
vertical-align: top;
font-size: 85%;
position: relative;
top: -0.2em;
}
.reg{
font-family: Arial, Helvetica, sans-serif;
vertical-align: top;
font-size: 85%;
position: relative;
top: -0.1em;
}
.no-pc{
display: none;
}

@media screen and (max-width: 599px) {
body{
min-width: inherit;
}
.bodyInner{
background-size: 100% auto;
width: 100%;
}
#content #mainArea p img{
width: 100%;
height: auto;
}
.no-pc{
display: block;
}
.no-sp{
display:none;
}
}
/* -----------------------------
  pagetop
------------------------------*/
.pagetop{
display: none;
z-index: 9;
position: fixed;
right: 3%;
bottom: 50px;
}
.pagetop a{
display: block;
width: 64px;
height: 42px;
background: url(/common/img/pagetop.png) 0 0 no-repeat;
text-indent: -9999px;
}
.pagetop a:hover{
background: url(/common/img/pagetop_on.png) 0 0 no-repeat;
}
@media screen and (max-width: 599px) {
.pagetop{
right: 10px;
bottom: 18px;
}
.pagetop a,
.pagetop a:hover{
width: 42px;
height: 43px;
background: url(/common/img/pagetop_s.png) 0 0 no-repeat;
background-size: 42px auto;
}
}

/* -----------------------------
  common global header
------------------------------*/
:root, :host {
  --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  --color-gray-400: oklch(70.7% 0.022 261.325);
  --color-white: #fff;
  --spacing: 0.25rem;
  --text-xs: 0.75rem;
  --text-xs--line-height: calc(1 / 0.75);
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-mono);
}
header > div{
  box-sizing: border-box;
  border: 0 solid; 
}
.static {
  position: static;
}
.contents {
  display: contents;
}
.flex {
  display: flex;
}
.h-10 {
  height: calc(var(--spacing) * 10);
}
.w-30 {
  width: calc(var(--spacing) * 30);
}
.w-44 {
  width: calc(var(--spacing) * 44);
}
.place-items-baseline {
  place-items: baseline;
}
.place-items-center {
  place-items: center;
}
.gap-2 {
  gap: calc(var(--spacing) * 2);
}
.gap-5 {
  gap: calc(var(--spacing) * 5);
}
.rounded {
  border-radius: 0.25rem;
}
.border-b-3 {
  border-bottom-style: var(--tw-border-style);
  border-bottom-width: 3px;
}
.border-solid {
  --tw-border-style: solid;
  border-style: solid;
}
.border-b-gray-400 {
  border-bottom-color: var(--color-gray-400);
}
.bg-white {
  background-color: var(--color-white);
}
.bg-\[linear-gradient\(180deg\,\#016cc6_0\%\,\#0341a5_100\%\)\] {
  background-image: linear-gradient(180deg,#016cc6 0%,#0341a5 100%);
}
.p-2\.5 {
  padding: calc(var(--spacing) * 2.5);
}
.px-3 {
  padding-inline: calc(var(--spacing) * 3);
}
.py-0\.5 {
  padding-block: calc(var(--spacing) * 0.5);
}
.text-xs {
  font-size: var(--text-xs);
  line-height: var(--tw-leading, var(--text-xs--line-height));
}
.text-white {
  color: var(--color-white);
}
.max-sm\:h-20 {
  @media (width < 40rem) {
    height: calc(var(--spacing) * 20);
  }
}
.max-sm\:flex-col {
  @media (width < 40rem) {
    flex-direction: column;
  }
}
.max-sm\:place-items-start {
  @media (width < 40rem) {
    place-items: start;
  }
}
.max-sm\:gap-2\.5 {
  @media (width < 40rem) {
    gap: calc(var(--spacing) * 2.5);
  }
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
    }
  }
}

[data-arrow="right"]{
  &::after {
    content: "";
    width: 0.4rem;
    height: 0.5rem;
    background: #ffffff;
    clip-path: polygon(0 0, 0 100%, 100% 50%);
  }
}

/* -----------------------------
  header
------------------------------*/
#header {
}
#header .inner {
margin: auto;
width: 1200px;
position: relative;
z-index: 11;
box-sizing: border-box;
}

#header .inner:after {
content: "";
clear: both;
display: block;
}

#header #headInfo {
height: 40px;
background: #ffffff;
border-bottom: 1px solid #ccc;
}

#header #headInfo .infoLogo {
margin: 8px 15px 0 0;
width: 118px;
float: left;
line-height: 1;
}

#header #headInfo .infoSupportBtn {
padding: 10px 0 0;
line-height: 1;
}

#header #headInfo .textSize {
overflow: hidden;
width: 77px;
position: absolute;
top: 10px;
right: 95px;
border-right: 1px dotted #999999;
line-height: 1;
}

#header #headInfo .textSize li {
margin-right: 2px;
float: left;
width: 20px;
height: 19px;
background-repeat: no-repeat;
background-position: left top;
line-height: 1;
cursor: pointer;
text-indent: -9999px;
}

#header #headInfo .textSize li:first-child {
background-image: url(/common/img/head_fontsize_s.png);
}

#header #headInfo .textSize li:first-child.select {
background-image: url(/common/img/head_fontsize_s_on.png);
}

#header #headInfo .textSize li:nth-of-type(2) {
background-image: url(/common/img/head_fontsize_m.png);
}

#header #headInfo .textSize li:nth-of-type(2).select {
background-image: url(/common/img/head_fontsize_m_on.png);
}

#header #headInfo .textSize li:nth-of-type(3) {
background-image: url(/common/img/head_fontsize_l.png);
}

#header #headInfo .textSize li:nth-of-type(3).select {
background-image: url(/common/img/head_fontsize_l_on.png);
}

#header #headInfo .printBtn {
position: absolute;
top: 11px;
right: 20px;
line-height: 1;
}

#header #headInfo .printBtn li {
line-height: 1;
}

#headContent {
background: url(/common/img/head_bg01.png) no-repeat center 0;
height: 300px;
}
#headContent .inner{
margin: auto;
width: 1200px;
position: relative;
box-sizing: border-box;
}
#headContent .logo {
margin-left: 116px;
}

@media screen and (max-width: 599px) {
#header{
width: 100%;
}
#header .inner {
padding: 0 10px;
width: auto;
}
#header #headInfo .infoSupportBtn{
float: right;
}
#header #headInfo .textSize {
display: none;
}

#headInfo .printBtn {
display: none;
}

#headContent {
background: url(/common/img/head_bg01_s.png) no-repeat 0 0;
background-size: 100% auto;
padding-top: 52.5%;
width: 100%;
height: 0;
}

#headContent .inner{
width: auto;
}
#headContent .logo {
width: 30%;
margin-top: -52.5%;
margin-left: 0;
position: absolute;
top: 0;
left: 0;
}
#headContent .logo.clickable {
	z-index: 99;
}
#headContent .logo a{
display: block;
background: url(/common/img/head_logo_s.png) no-repeat 0 0;
background-size: contain;
width: 100%;
height: 0;
padding-top: 80%;

}
#headContent .logo a img{
display: none;
}
}

/* -----------------------------
  footer
------------------------------*/
#footer .inner,
.footNavArea .inner,
.footNavList .inner,
.footOtherLink .inner{
margin: auto;
width: 1200px;
position: relative;
box-sizing: border-box;
}

.footNavList {
display: inline-block;
vertical-align: top;
text-align: right;
line-height: 1;
padding: 15px 0 0 60px;
margin: 0 0 35px;
width: 730px;
}

.footNavList li {
display: inline-block;
border-left: 1px solid #a6d1ef;
}
.footNavList li:first-child {
border-left: none;
}

.footNavList li a {
color: #272727;
line-height: 1;
font-size: 95%;
padding: 3px 5px 3px 10px;
text-decoration: none;
}
.footNavList li a:hover {
color: #507ed5;
}
.footOtherLink{
background-color: #f0f6fa;
}
.footOtherLink .inner{
padding: 35px 0 30px 120px;
box-sizing: border-box;
}
.footOtherLink .wrap{
display: inline-block;
vertical-align: top;
}
.footOtherLink .cols{
display: inline-block;
width: 224px;
vertical-align: top;
margin-left: 25px;
}
.footOtherLink .listHead{
color: #124098;
border-bottom: 1px solid #82c1ea;
font-size: 108%;
line-height: 1.4;
margin-bottom: 10px;
padding-bottom: 10px;
}
.footOtherLink ul li {
margin: 0;
line-height: 1.4;
}

.footOtherLink ul li a {
display: block;
padding: 7px 0 7px 12px;
color: #272727;
background: url(/common/img/arw01.png) no-repeat left 12px;
font-size: 85%;
}
.footOtherLink ul li a:hover {
color: #507ed5;
}
.footOtherLink ul.outerLink{
margin-top: -7px;
}
.footOtherLink ul.outerLink li a{
color: #124098;
font-size: 108%;
}
.footOtherLink ul.outerLink li a:hover{
color: #507ed5;
}
#footer{
background: #ffffff;
}
#footer .footCorpArea {
box-sizing:border-box;
padding: 25px 10px 10px 100px;
}

#footer .footCorpArea .inner {
}

#footer .footCorpArea .footLogo,
#footer .footCorpArea #copyright {
line-height: 1;
}
#footer .footCorpArea .footLogo{
display: inline-block;
vertical-align: top;
}
#footer .footCorpArea #copyright {
text-align: right;
font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
padding-right: 100px;
}

@media screen and (max-width: 599px) {
#footer .inner{
padding:0;
width: auto;
}
.footOtherLink ul li a{
background: url(/common/img/arw01_s.png) no-repeat left 12px;
background-size: 5px auto;
background-position: left 11px;
}
.footOtherLink ul.outerLink {
margin: 20px 0 0;
}

.footOtherLink .inner{
padding:0 15px;
width: 100%;;
}
.footNavArea .inner,
.footNavList .inner{
padding: 0 10px;
width: auto;
}
.footNavList {
background-color: #ffffff;
padding: 0;
text-align: left;
width: 100%;
margin: 0;
}

.footNavList li {
display: table;
width: 50%;
padding: 0;
border-left: none;
border-bottom: 1px solid #dadada;
line-height: 1;
box-sizing: border-box;
float: left;
}
.footNavList li:nth-child(odd) {
border-right: 1px solid #dadada;
}

.footNavList li:nth-child(1),
.footNavList li:nth-child(2) {
border-top: none;
}
.footNavList li a {
display: table-cell;
padding: 10px;
vertical-align: middle;
text-align: center;
height:25px;
font-size: 93%;
}
.footOtherLink{
padding: 30px 0 30px;
}
.footOtherLink .wrap{
width: 49%;
vertical-align: top;
box-sizing: border-box;
}
.footOtherLink .wrap:nth-child(1){
padding-right: 5px;
}
.footOtherLink .wrap:nth-child(2){
padding-left: 5px;
}
.footOtherLink .cols {
width: auto;
margin: 0;
}
.footOtherLink .cols:nth-child(3){
}
.footOtherLink .listHead{
font-size: 93%;
font-weight: bold;
height: 32px;
padding-bottom: 4px;
}
.footOtherLink ul li a {
font-size: 93%;
}
.footOtherLink ul.outerLink li a{
font-size: 93%;
font-weight: bold;
}
#footer .footCorpArea {
padding: 0;
}

#footer .footCorpArea .inner {
display: block;
}

#footer .footCorpArea #copyright {
display: block;
}

#footer .footCorpArea .footLogo {
display:none;
}


#footer .footCorpArea #copyright {
background: #ffffff;
border-top: 1px solid #dadada;
text-align: center;
font-size: 62%;
padding: 15px 0;
margin-top: -1px;
position: relative;
z-index: 2;
}
}

/* -----------------------------
  clearFix
------------------------------*/
#header:after,
#content:after,
#footer:after {
content: "";
display: block;
clear: both;
}

#header,
#content,
#footer {
zoom: 1;
}
/* -----------------------------
  disclaimer
------------------------------*/
#disclaimer{
width: 920px;
height: 520px;
background: #fff;
border: 1px solid #385fa9;
border-radius: 4px;
box-sizing: border-box;
padding: 50px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -460px;
margin-top: -260px;
z-index: 100;
}
#disclaimer .ttl{
font-size: 220%;
text-align: center;
margin: 0 0 30px;
}
#disclaimer .ttl.sorry{
margin: 70px 0 30px;
}
#disclaimer p{
font-size: 131%;
text-align: center;
margin: 0 0 30px;
}
#disclaimer ul{
text-align: center;
margin: 40px 0 15px;
}
#disclaimer ul li{
display: inline-block;
border: 1px solid #b7c1d5;
border-radius: 4px;
text-align: center;
margin: 0 7px;

}
#disclaimer ul li a{
width: 200px;
box-sizing: border-box;
display: block;
text-decoration: none;
padding: 10px 30px 10px 44px;
background: url(/common/img/arw01.png) no-repeat 12px center;
background-size: 5px auto;
cursor: pointer;
}
#disclaimer ul li:hover{
border: 1px solid #385fa9;
}
.disclaimerBg{
position: absolute;
top: 0;
left: 0;
background: #fff;
width: 100%;
height: 100%;
z-index: 99;
}

@media screen and (max-width: 599px) {
#disclaimer{
width: 94%;
height: auto;
top: 50px;
left: 0;
right: 0;
margin: 0 auto;
padding: 20px 10px;
}
#disclaimer .ttl{
font-size: 130%;
}
#disclaimer .ttl.sorry{
margin: 30px 0 30px;
}
#disclaimer p{
font-size: 100%;
}
#disclaimer ul li a{
width: 110px;
padding: 5px 10px 5px 20px;
}
#disclaimer ul li.autoW a{
width: auto;
padding: 5px 15px 5px 40px;
}
}
/* -----------------------------
  popup
------------------------------*/
.popup{
display: none;
width: 920px;
background: #fff;
border: 1px solid #009e96;
border-radius: 4px;
box-sizing: border-box;
padding: 50px;
position: absolute;
top: 40%;
left: 50%;
margin-left: -460px;
z-index: 100;
}
.popup .btn_close{
cursor: pointer;
position: absolute;
top: 17px;
right: 17px;
}
.popup .popupTitle{
font-size: 231%;
text-align: center;
margin-bottom: 25px;
}
.popup .popupBody{
padding: 0 80px;

}
.popup .dlStyle02{
width: 100%;
font-size: 124%;
margin-bottom: 20px;
}
.popup .dlStyle02 dt{
float: left;
width: 7em;
line-height: 1.6;
}
.popup .dlStyle02 dt.style02{
width: 5em
}
.popup .dlStyle02 dd.flat{
overflow: inherit;
}
.popup .dlStyle02 dd{
width: auto;
overflow: hidden;
line-height: 1.6;
}
.popup .textTitle02{
font-size: 124%;
font-weight: bold;
margin-bottom: 0;
}
.popup .text{
font-size: 124%;
margin: 30px 0;
}
.popupBg{
display: none;
position: absolute;
top: 0;
left: 0;
background: #fff;
opacity: 0.8;
width: 100%;
height: 100%;
z-index: 99;
}

@media screen and (max-width: 599px) {
.popup{
width: 94%;
height: auto;
top: 50px;
left: 0;
right: 0;
margin: 0 auto;
padding: 30px 10px 20px;
}
.popup .btn_close{
width: 27px;
height: auto;
top: 10px;
right: 10px;
}
.popup .popupTitle{
font-size: 162%;
text-align: center;
margin-bottom: 25px;
}
.popup .popupBody{
padding: 0 10px;
}
.popup .popupBody dl{
font-size: 100%;
}
.popup .text{
font-size: 100%;
margin: 30px 0 10px;
}

}
/* -----------------------------
  @print
------------------------------*/
@media print {
body {
min-width: 950px;
}
#header .inner {
width: 950px;
}
#footer .inner,
.footNavArea .inner,
.footNavList .inner{
width: 950px;
}
.footOtherLink .inner{
width: 950px;
padding-left: 0;
}
.footOtherLink .cols{
margin-left: 10px;
}
}