@CHARSET "UTF-8";

/**********************************************************************
* [header]
**********************************************************************/
header {
 background-color: #304d78;
 position: static;
}


/**********************************************************************
* [common]
**********************************************************************/
#access,
#inquiry {
 margin: 1em 0;
}

.panel {
 -webkit-box-shadow: none;
 box-shadow: none;
}

h2 {
 margin: 1em 0 0.5em;
}

ol {
 margin:0;
}

ol li{
 list-style-type: none;
 list-style-position: inside;
 counter-increment: cnt;
}
ol li:before{
 display: marker;
 content: "(" counter(cnt) ") ";
}

/**********************************************************************
* [mainvisual]
**********************************************************************/
.mainvisual {
 position: relative;
 padding-top: 0;
}

.main-image img {
 width: 100%;
 height: auto;
 margin: 0 auto;
}

/**********************************************************************
* [個人情報保護方針]
**********************************************************************/
.representative {
 text-align: right;
 margin-bottom: 2em;
}

.description {
 margin-bottom: 1em;
}

.section {
 margin-bottom: 1em;
}

.band {
 margin-bottom: 0;
 border: solid 2px #c4c4c4;
 border-left: 5px solid #304D78;
}

h3 {
 display: flex;
 align-items: center;
 padding: 0.8em;
 font-weight: bold;
 line-height: 1.0;
 /*border-bottom: solid 1px #304D78;*/
 border-bottom: none;
 margin-bottom: 0;
}

.section .text {
 width: 95%;
 /*margin: 10px auto;*/
 margin-top: 10px;
 margin-bottom: 1.2em;
 margin-left: auto;
 margin-right: auto;
}

.contact {
 padding: 1em 0;
 border-top: 2px solid #c4c4c4;
 border-bottom: 2px solid #c4c4c4;
}

.contact a {
 text-decoration: underline;
}

.complaint {
 margin-top: 1em;
}

.contact_infomation span {
 margin-right: 1em;
}

/**********************************************************************
* [個人情報の取扱いについて]
**********************************************************************/
#privacy_handling ul {
 list-style: disc;
 margin-left: 1em;
}

/**********************************************************************
* [開示対象個人情に関する事項の周知]
**********************************************************************/
#privacy_known .table {
 border: solid 1px #333;
 border-collapse: collapse;
}

#privacy_known .table ul {
 display: table;
 width: 100%;
 border-collapse: collapse;
}

#privacy_known .table li {
 display: table-cell;
 border-bottom: solid 1px #333;
 border-right: solid 1px #333;
 padding: 0.5em;
}

#privacy_known .table li.none {
 border-bottom: none;
}

#privacy_known .table li.second {
 border-right: none;
}

.table .title {
 background: #c4c4c4;
}

.table .first {
 width: 40%;
}

.table .second {
 width: 60%;
}

#privacy_known ol li p.title {
 display: inline;
}

#privacy_known ol li .content {
 margin-left: 1.8em;
}

#privacy_known ol li ol {
 counter-reset: number;
}

#privacy_known ol li ol li{
 position: relative;
 padding-left: 1.5em;
 list-style-type: none;
 list-style-position: inside;
 counter-increment: number;
}

#privacy_known ol li ol li:before{
 content: counter(number);
 font-size: 0.83em;
 background: #fff;
 color: #333;
 position: absolute;
 top: 0.25em;
 left: 0;
 width: 1.4em;
 height: 1.4em;
 border: 1px solid #333;
 border-radius: 50%;
 text-align: center;
 line-height: 1.3em;
}

#privacy_known ol li ol p.text {
 margin-left: 1.5em;
}

/*
@media (min-width: 992px) {
 #privacy_known .table ul {
  width: 80%;
 }
}
*/