@charset "utf-8";
/*
Template: jstork
Theme Name: stork_custom
Theme URI:http://open-cage.com/stork/
*/


@charset "utf-8";

/*//////////////////////////////////////////////////
----------------------------------------------------
    ▼▼ 全デバイス共通 ▼▼
----------------------------------------------------
//////////////////////////////////////////////////*/
/*--------------------------------------------------
共通 初期設定
--------------------------------------------------*/
/*body,
#sec01,
#sec02,
#sec03,
#sec04,
#sec05{counter-reset: number 0;}
.stepNo:before{
  counter-increment: number 1;
  content: counter(number) " ";
}*/

::selection { background: #2851B7; color: #fff;}
a { color: #2851B7; }
a:hover { color: #4281E3; }
h1,h2,h3,h4,p,span,strong,ul,ol,dl,dt,dd { margin: 0; padding: 0;}
h1,h2,h3,h4,p { font-size: 1em; line-height: 1.6;}
p { margin: 0px; padding: 0px;}
small { font-size: 100%; }
hr { border: 0; border-bottom: dotted 2px #CFD8DC; margin-bottom: 1.875em;}
:hover { transition: color .5s; transition: background-color 1s;}
main > h2 { font-size: 3.75rem; font-weight: 700; padding: 1rem 0 1rem 8rem; margin-bottom: 4rem;}


/*--------------------------------------------------
共通 .single 初期設定
--------------------------------------------------*/
main{
  margin-top: 2.5em;
}
.mokuji_wrapper p{
  letter-spacing: 0.05em;
  margin-bottom: 0.25em;
}
.mokuji_wrapper ul li,
.mokuji_wrapper ol li{
    letter-spacing: 0.05em;
}
.single .txtBlock_only table {
  /*margin-top: 2.0em;*/
}
.tablepress {
  border: none !important;
}
.tablepress th, .tablepress td {
  border: solid 1px #CFD8DC;
  padding: .5em 1em;
  text-align: left !important;
}
.tablepress tbody .column-1{
  width: 30%;
  font-weight: bold;
}
.tablepress tbody td {
  vertical-align: middle !important;
}
.tablepress tfoot th{
  background-color: #FFF !important;
  font-weight: normal !important;
  vertical-align: middle !important;
  text-align: left;
  font-size: 100%;
}
.tablepress-border-none,
.tablepress-border-none tr,
.tablepress-border-none tr th,
.tablepress-border-none tr td{
  border:none !important;
}
.tablepress-background-none,
.tablepress-background-none tr,
.tablepress-background-none tr th,
.tablepress-background-none tr td{
  background:none !important;
}
.tablepress tfoot th {
  border: none !important;
}
.tablepress_border_none {
  margin-top: -1em;
}
.tablepress_border_none tbody tr:first-child td {
  border: none;
  border-top: none !important;
  background: none;
}
.tablepress_border_none ul li {
  font-weight: normal;
  /*font-size: 85%;*/
}


/*--------------------------------------------------
共通 .single => main 基本レイアウト
--------------------------------------------------*/
#sec01{
    margin-top: 2.5em;
}
#sec01,
#sec02,
#sec03,
#sec04,
#sec05 {
  margin-bottom:4em;
}
/*#sec01 img,
#sec02 img,
#sec03 img,
#sec04 img,
#sec05 img,*/
.imgBlock img{
  max-width: 100%;
  width: auto;
  margin: 0 auto 0.8em auto;
}
.imgBlock {
  width: 48%;
  padding-left: .6%;
  margin-bottom:2.5em;
}
.imgBlock + p {
  clear: both;
}
.imgBlock figure {
  text-align: left;
}
figure img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.imgBlock figcaption {
  font-size: 85%;
  padding: .25em 0;
}
.imgBlock + .txtBlock {
  width: 330px;
  margin-left: 20px;
}
.stepNo + .imgBlock + .txtBlock {
  width: 230px;
  margin-left: 20px;
}
.txtBlock,
.stepNo + .txtBlock {
  width: 43%;
  padding-right: 4%;
  margin-bottom:2.5em;
}
.stepNo + .txtBlock_only {
  width: 91%;
  float: left;
  margin-bottom:2.5em;
}

/*floatBox*/
.floatBox:last-child { background: none; padding: 0; margin: 0 0 1.5em 0;}
.floatBox .stepNo,
.floatBox .imgBlock,
.floatBox .txtBlock { float: left;}
.floatBoxClear { clear: both;}
.generalBlock { clear: both;/* margin: 0 0 2.5em 0;*/}


/*--------------------------------------------------
共通 .single => main のスタイル
--------------------------------------------------*/
/*heading タイトル箇所*/
.heading {
  border-bottom: solid 1px #ccc;
}
.heading .supplement_title {
  padding-left: 2%;
  border-left: 4px solid #ccc;
}
.heading .head_ttl {
    font-size: 2.25em;
    line-height: 1.25;
    padding: 1% 0 1% 2%;
    position: relative;
    border-left: 4px solid #2851B7;
    margin-bottom: 20px;
    font-weight: 700;
}
.heading .supplement_title p {
    margin-bottom: 0;
    line-height: 1.4;
}




/*タグ*/
.heading .attached_tag {
  margin-bottom: 0;
}
.heading .label_tag {
    /* padding-bottom: 1em; */
    padding-left: 1.2em;
    border-left: 4px solid #ccc;
    margin-bottom: 20px;
    padding: 0.5em 0 0.5em 1.2em;
}
.heading .label_tag li{
  display: inline-block;
}
.heading .label_tag li a {
  font-size: 77%!important;
  display: inline-block;
  padding: .15em .9em;
  border-radius: 32px;
  border: 1px solid #2851B7;
  margin-right: 0.3em;
  color: #2851B7;
}
.heading .label_tag li a:hover{
  text-decoration: none;
  background:#2851B7;
  color: #FFF;
}

/*docProperty タイトル下の情報*/
.docProperty {
  color: #37474F;
  margin-bottom: 1.5em;
  padding-top: 1%;
}
.docProperty .ttl {
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  font-size: .9em;
  border-left: 4px solid #4683E4;
  padding-left: 1%;
}
.doc_info {
  display: inline-block;
}
.docProperty dl {
  display: inline-block;
  line-height:1;
}
.docProperty dl dt ,
.docProperty dl dd {
  display: inline;
  vertical-align: middle;
  font-size: .9em;
}
.docProperty dl dt {
  font-weight: normal;
  padding-left: 1em;
  font-size: .9em;
}
.docProperty dl dt:after {
  content: "/";
  margin-left: .25em;
  margin-right: .25em;
  font-size: .9em;
}

/*ページの概要テキスト*/
.docProperty + p,
.docPropertyText {
    border: 3px solid #4683E4;
    border-radius: 6px;
    padding: 1em 1em 1em 1.75em;
    position: relative;
    margin-bottom: 1.5em;
    margin-left: 0.6em;
    display: block;
}
.docProperty + p:before,
.docPropertyText:before {
    position: absolute;
    left: -0.95em;
    top: 0;
    bottom: 0;
    content: '';
    display: inline-block;
    width: 2.1em;
    height: 2.1em;
    background-image: url(./../img/ict_check.png);
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    background-size: 2.1em 2.1em;
}

/*目次*/
.mokujiTitle {
    font-weight: 700;
    margin-top: 0.0em;
}
#mokuji,
#tabMokuji {
  margin-top: 0.2em;
  margin-bottom: 3.125em;
}
#mokuji li,
#tabMokuji li{
    line-height: 1.5;
    margin-bottom: 0.2em;
}
#mokuji li i,
#tabMokuji li i {
    margin-right: 0;
    display: block;
    float: left;
    width: calc(1em + 0.4em);
}
#mokuji li i:after,
#tabMokuji li i:after {
  content: ".";
}
#mokuji li span,
#tabMokuji li span {
    display: block;
    float: left;
    width: calc(100% - 1.4em);
}
#mokuji li a:after,
#tabMokuji li a:after{
  content: "";
  display: table;
  clear: both;
}

/*section使用時に上部コンテンツが存在する場合*/
.secHead{
  margin-bottom: 2.5em;
}

/*step ステップの最上位BOX*/
.step {
    background: url(./../img/bg_nextStep.png) no-repeat 0 bottom;
    background-size: 100% auto;
    padding-bottom: 37px;
    margin-bottom: 2.5em;
}

/*stepNo ステップ番号*/
.stepNo {
  background: #FDFDFD;
  width: 9%;
  position: relative;
  float: left;
  margin-bottom:2.5em;
}
.stepNo span {
    background: #37474F;
    border-top: 8px solid #2851B7;
    padding: 5%;
    color: #fff;
    font-weight: bold;
    font-size: 2em;
    width: 72%;
    display: block;
    text-align: center;
}

/*enqueteContainer 「この説明はお役に立ちましたか？」*/
.disable {
  pointer-events: none;
  background-color: #ccc !important;
}
#thanksMsg.fade {
  opacity: 1;
}
.enqueteContainer h2 {
  border-top: solid 2px #2851B7;
}
.enqueteContainer h2 {
  font-size: 131%;
  /*background: url(./../img/icon_useful.png) no-repeat left center;*/
  background-size: 30px auto;
  border-bottom: dotted 2px #CFD8DC;
  padding: 12px 0 .5em .5em;
  margin-bottom: 1em;
}
.enqueteContainer h3 {
  color: #37474F;
  margin-bottom: 1em;
}
.enqueteContainer h3:before {
  content: "―";
  margin-right: .25em;
}
.enqueteContainer h3:after {
  content: "―";
  margin-left: .25em;
}
#fakeTarget { display: none; }
#enqueteForm ul { margin-bottom: 1.5em; }
#enqueteForm li {
  display: inline-block;
  margin-left: 2em;
}
#enqueteForm li:first-child { margin-left: 0; }
#enqueteForm textarea {
  border: solid 1px #CFD8DC;
  width: 100%;
  padding: 0.5em 0.8em;
}
#enqueteForm .sendMsg {
  font-size: 1.25em;
  text-align: center;
  margin-bottom: 3.125em;
}
#enqueteForm .sendMsg:before {
  content: "―";
  margin-right: .25em;
}
#enqueteForm .sendMsg:after {
  content: "―";
  margin-left: .25em;
}
#sendBtn {
  text-align: center;
  padding: 1em;
}
#sendBtn input {
  color: #FFF;
  font-size: 1.25em;
  font-weight: 700;
  background: #2851B7;
  border: 0;
  padding: 1em 3em;
  -webkit-transition: all .2s;
  transition: all .2s;
}
#sendBtn input:disabled {
  background: #CFD8DC;
  cursor: not-allowed;
}
/*radio button*/
.custom01 label {
  font-size: 1.25em;
  font-weight: normal;
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 1.5em;
  cursor: pointer;
}

.custom01 label::before {
  position: absolute;
  content: '';
  top: 45%;
  left: 0;
  width: 1em;
  height: 1em;
  margin-top: -8px;
  background: #fff;
  border: 1px solid #ccc;
}

input[type="radio"] { display: none; }

.custom01 label {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 22px;
  cursor: pointer;
}

.custom01 label::before,
.custom01 label::after {
  position: absolute;
  content: '';
  top: 45%;
  border-radius: 100%;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.custom01 label::before {
    left: 0;
    width: 0.8em;
    height: 0.8em;
    margin-top: -5px;
    background: #f3f3f3;
    border: 1px solid #999;
}

.custom01 label:hover::before { background: #fff; }

.custom01 label::after {
    opacity: 0;
    left: 0.2em;
    width: 0.4em;
    height: 0.4em;
    margin-top: -0.05em;
    background: #2851B7;
    -webkit-transform: scale(2);
    transform: scale(2);
}

input[type="radio"]:checked + label::before {
  background: #fff;
  border: 1px solid #2851B7;
}

input[type="radio"]:checked + label::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/*アンケート投稿後*/
#thanksMsg .sendMsg {
  font-size: 1.25em;
  text-align: center;
  padding: 1.875em 1em;
}
#thanksMsg .sendMsg:before {
  content: "―";
  margin-right: .25em;
}
#thanksMsg .sendMsg:after {
  content: "―";
  margin-left: .25em;
}
.dialInfo {
  display: table;
  width: 100%;
  border: solid 8px #E0E0E0;
  padding: 1em;
  margin-bottom: 3em;
  margin-top: -1px;
}
.dialInfo ul {
  width: 100%;
}
.dialInfo li {
  display: table-cell;
  vertical-align: middle;
}
.dialInfo ul .label {
  color: #333;
  font-weight: 700;
  font-size: 131%;
  text-align: left;
  background: url(./../img/h3_bgImg02.jpg) no-repeat left center;
  display: inline-block;
  padding: 0 0 0 1.5em;
}
.dialInfo li:last-child {
  padding-left: 3em;
}
.dialInfo ul .telNo {
  color: #2851B7;
  font-size: 220%;
  font-family: Verdana, Geneva, sans-serif;
  font-weight: 700;
  display: block;
  margin-left: .25em;
}
.dialInfo ul .telNo:before {
  content: "TEL";
  color: #FFF;
  font-size: .45em;
  font-weight: normal;
  display: inline-block;
  background: #2851B7;
  vertical-align: middle;
  padding: .15em .75em;
  margin-right: .75em;
  margin-bottom: .25em;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.dialInfo ul .receptionTime {
  font-size: 131%;
  display: block;
  margin-left: 3.5em;
}

/*サイドバー*/
#sideContainer.col-md-3 {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 3%;
    width: 23%;
    float: right;
    position: sticky;
    postion: -webkit-sticky;
    top: 1.25em;
}
#contentsTitle {
    border: solid 2px #CFD8DC;
    padding: 0 1px 7px;
    position: relative;
    box-sizing: border-box;
}
#contentsTitle:before {
    content: "";
    display: block;
    width: calc(100% + 4px);
    height: 4px;
    background: #2851B7;
    position: absolute;
    top: -2px;
    left: -2px;
}
.sticky {
    postion: -webkit-sticky;
    position: sticky;
    top: 0;
}

/* sidebarのjs用(ajaxもどき) */
.js-load {
  display: none
}
.js-load.active {
  display: block
}
.is_comp.js-load:after {
  display: none
}
.lists, .main {
  display: block
}
.lists {
    margin-top: 8px;
}
.btn-wrap {
  display:none;
}
.lists__item {
  /*padding: .7em .6em;*/
}
.lists__item a {
    display: block;
    padding: .75em 1.05em;
    line-height: 1.4;
    font-size: 90%;
}
.lists__item:nth-child(2n) a {
  background: rgba(245, 245, 245, .85);
}
.lists__item a:hover {
    text-decoration: none;
    color: #FFF;
    background: #4281E3;
}
.btn-wrap {
  padding: 16px 10%;
  text-align: center
}
.btn-wrap .btn {
  display: inline-block;
  line-height: 16px;
  padding: 18px 16px;
  border-radius: 100px;
  border: 1px solid #bbb;
  margin: 5px 0 0 0;
}
.btn-wrap .btn:hover {
    background: #2851B7;
    border: solid 1px #2851B7;
	border-radius: 100px;
    color: #FFF;
}

/*関連記事*/
.kanrenkiji-box {
  margin-bottom: 6em;
}
.kanrenkiji-box h3 {
  background: url(./../img/ico_help.png) no-repeat 1% center;
  background-size: 2em;
  font-size: 1.1em;
  padding: 1em 0 1em 2.8em;
  margin-bottom: 1em;
  border-bottom: 1px solid #ccc;
  position: relative;
}
.kanrenkiji-box h3:after {
  content: "";
  background: #2851B7;
  width: 3em;
  position: absolute;
  left: 0;
  bottom: -4%;
  height: .2em;
}

/*--------------------------------------------------
共通 タブ
--------------------------------------------------*/
/*タブ使用時に上部コンテンツが存在する場合*/
.tabHead{
  margin-bottom: 2.5em;
}
.parents {
    margin-top: 3.5em;
}
.tabAccordion {
  margin-bottom: 3.125em !important;
}

ul.resp-tabs-list{
    margin: 0px;
    padding: 0px;
}
.resp-tabs-list li {
  color: #FFF;
  font-size: 85%;
  background: url(./../img/icon_arrow01.png) no-repeat 98% center #2651B7;
  border: solid 1px #FFF;
  display: inline-block;
  padding: 13px 15px;
  margin: 0;
  list-style: none;
  cursor: pointer;
  text-align: center;
}

.resp-tabs-list li img {
  height: 3em;
  width: auto;
}
.resp-tabs-container {
  padding: 0px;
  clear: left;
}

h2.resp-accordion {
  cursor: pointer;
  padding: 5px;
  display: none;
}

.resp-tab-content {
  display: none;
  padding: 2.5em 0 0 0;
}

.resp-tab-content { border-top: solid 2px #2851B7; }

h2.resp-accordion {
  font-size: 13px;
  border: 1px solid #c1c1c1;
  border-top: 0px solid #c1c1c1;
  margin: 0px;
  padding: 10px 15px;
}

h2.resp-tab-active {
  border-bottom: 0px solid #c1c1c1 !important;
  margin-bottom: 0px !important;
  padding: 10px 15px !important;
}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
  float: left;
  width: 30%;
}
.resp-vtabs .resp-tabs-list li {
  display: block;
  padding: 15px 15px !important;
  margin: 0;
  cursor: pointer;
  float: none;
}
.resp-vtabs .resp-tabs-container {
  padding: 0px;
  background-color: #fff;
  border: 1px solid #c1c1c1;
  float: left;
  width: 68%;
  min-height: 250px;
  border-radius: 4px;
  clear: none;
}
.resp-vtabs .resp-tab-content {
  border: none;
}
.resp-vtabs li.resp-tab-active {
  border: 1px solid #c1c1c1;
  border-right: none;
  background-color: #fff;
  position: relative;
  z-index: 1;
  margin-right: -1px !important;
  padding: 14px 15px 15px 14px !important;
}
.resp-arrow {
  width: 0;
  height: 0;
  float: right;
  margin-top: 0.25em;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 12px solid #2851B7;
}

h2.resp-tab-active span.resp-arrow {
  border: none;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 12px solid #FFF;
}

/*Accordion styles*/
h2.resp-tab-active {
  color: #FFF !important;
  background: #2851B7 !important;
}
.resp-easy-accordion h2.resp-accordion {
  display: block;
}
.resp-easy-accordion .resp-tab-content {
  border: 1px solid #c1c1c1;
}
.resp-easy-accordion .resp-tab-content:last-child {
  border-bottom: 1px solid #c1c1c1 !important;
}
.resp-tab-content-active {
  display: block;
}
h2.resp-accordion:first-child {
  border-top: 1px solid #c1c1c1 !important;
}
.resp-accordion .icon {
  vertical-align: bottom;
}


/*--------------------------------------------------
共通 セクション
--------------------------------------------------*/
.secttl {
  font-size: 1.5em;
  font-weight: 700;
  display: table;
  background: none;
  width: 100%;
  border-top: solid 2px #2851B7;
  border-bottom: solid 2px #2851B7;
  margin-bottom: 1.2em;
  padding: .1em 0;
}
/*.secttl + p {
  margin-bottom: 3%;
}*/
.secttl span {
  color: #37474F;
  line-height: 1.25;
  display: table-cell;
  vertical-align: middle;
  background: url(./../img/icon_secttl01.png) no-repeat left 1.15em;
  padding: .75em .5em .75em 1.25em;
}
.secttl i {
  color: #FFF;
  font-size: 200%;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  background: #2851B7;
  width: 1.5em;
}
.secttl i + span {
  background: none;
  padding: .75em .5em .75em 1em;
}

/*セクションタイトル*/
.hint {
  font-size: 1.05em;
  background: url(./../img/icon_hint.png) no-repeat 0 .35em;
  background-size: auto 1.75em;
  padding: .5em 0 0 2em;
}

/*--------------------------------------------------
共通 タグページ
--------------------------------------------------*/
.tag_affiliation {
  border-top: 2px solid #2751B7;
  border-bottom: 2px solid #2751B7;
  margin-bottom: 5%;
}
.tag_affiliation li {
  padding: 1em 0;
  background: url(./../img/icon_arrow02.png) no-repeat 98% center;
}
.tag_affiliation li + li {
  border-top: 1px solid #E7EBED;
  border-bottom: 1px solid #E7EBED;
}
.tag_affiliation li:nth-child(even){
  background: url(./../img/icon_arrow02.png) no-repeat 98% center #FAFAFA;
}
.tag_affiliation li a {
  padding: 0 1.5em;
  display: block;
}

/*--------------------------------------------------
共通 クイックタグ
--------------------------------------------------*/
/*001_小見出し（赤・青）*/
.smallTitle {
    font-weight: 700;
    font-size: 110%;
    line-height: 1.6;
    display: block;
    text-indent: -1.3em;
    padding-left: 1.3em;
    margin-top: 1.0em;
    margin-bottom: 0.2em;
}
.smallTitle:before {
    content: "";
    width: 1em;
    height: 0.45em;
    display: inline-block;
    background: #2751B7;
    margin-right: 0.3em;
    position: relative;
    top: -0.1em;
    border-top: solid 0.1em #BF2020;
}
/*001_小見出し（赤）*/
.smallTitleRed {
    font-weight: 700;
    border: solid 2px #CFD8DC;
    display: inline-block;
    padding: 0.4em 1.6em 0.4em 1.6em;
    position: relative;
    font-size: 92%;
    margin-top: 1.0em;
}
.smallTitleRed:before {
    content: "";
    width: 0.8em;
    height: 0.4em;
    background: #BF2020;
    display: block;
    position: absolute;
    top: calc(50% - 0.2em);
    left: -2px;
}
/*001_小見出し（青）*/
.smallTitleBlue {
    font-weight: 700;
    border: solid 2px #CFD8DC;
    display: inline-block;
    padding: 0.4em 1.6em 0.4em 1.6em;
    position: relative;
    font-size: 92%;
    margin-top: 1.0em;
}
.smallTitleBlue:before {
    content: "";
    width: 0.8em;
    height: 0.4em;
    background: #2751B7;
    display: block;
    position: absolute;
    top: calc(50% - 0.2em);
    left: -2px;
}


/*002_文字装飾（文字大）*/
.fontSizeBig{
  font-size:115% !important;
}
/*002_文字装飾（文字小）*/
.fontSizeSmall{
  font-size:75% !important;
}
/*002_文字装飾（カッコ）*/
.input_target{
  font-weight: 700;
  color:#333333;
  letter-spacing: 0;
}
.input_target:before {
  content: "［";
  color: #BF2020;
  font-weight: 700;
  margin-right: 0.15em;
  margin-left: -0.3em;
}
.input_target:after {
  content: "］";
  color: #BF2020;
  font-weight: 700;
  margin-left: 0.15em;
  margin-right: -0.3em;
}
/*002_文字装飾（下線）*/
.reference_line {
  font-weight: 700;
  border-bottom: solid 2px #BF2020;
  margin: 0em 0.15em;
}
/*002_文字装飾（囲み灰）*/
.txtbg_gray {
  color: #000000;
  font-weight: 700;
  font-size: 108%;
  display: inline-block;
  background-color: #E0E0E0;
  border: solid 1px #CDCDCD;
  padding: 0.1em 0.5em;
  margin: 0.2em;
}
/*002_文字装飾（囲み青）*/
.txtbg_blue {
    color: #FFFFFF;
    font-weight: 700;
    font-size: 108%;
    display: inline-block;
    background-color: #2751B7;
    border-top: solid 0.15em #BF2020;
    padding: 0.1em 0.5em;
    margin: 0.2em;
}
/*002_文字装飾（囲みセクション）*/
.txtbg_sectionTitle {
    background: #F5F5F5;
    color: #333;
    font-weight: 700;
    font-size: 108%;
    padding: 0.35em 0.5em 0.30em 0;
    margin: 0.2em;
    border-top: solid 1px #2751B7;
    border-bottom: solid 1px #2751B7;
    margin-bottom: 0.5em;
    display: inline-block;
}
.txtbg_sectionTitle .txtbg_sectionTitleNo {
    color: #FFFFFF;
    font-weight: 700;
    font-size: 108%;
    background-color: #2751B7;
    padding: calc( 0.5em - 2px ) 0.65em;
    margin-right: 0.35em;
}
/*002_文字装飾（赤文字）*/
.important_text{
  color: #BF2020;
  font-weight: 700;
}
/*002_文字装飾（赤背景）*/
.choice_click {
    color: #FFF;
    font-weight: 700;
    background-color: #BF2020;
    display: inline-block;
    padding: 0.23em 0.6em;
    margin: 0.15em 0.15em;
    border-radius: 3px;
    text-shadow: 0px 0px 3px rgba(0,0,0,0.3);
    line-height: 1.4;
    letter-spacing: 0;
}


/*003_リスト（黒丸）*/
.black_circle{
  margin-bottom: 1.2em;
  margin-top:0.4em;
}
.black_circle li {
  padding-left:1.4em;
  text-indent: -1.4em;
  margin-bottom: 0.5em;
  line-height:1.5;
  font-size: 90%;
}
.black_circle li:before {
  content: "?";
  color: #37474f;
  margin-right: 0.8em;
}
/*003_リスト（※）*/
.rice_mark{
  margin-bottom: 1.2em;
  margin-top:0.4em;
}
.rice_mark li {
    padding-left: 1.4em;
    text-indent: -1.4em;
    margin-bottom: 0.5em;
    line-height: 1.5;
    font-size: 90%;
}
.rice_mark li:before {
    content: "※";
    color: #37474f;
    margin-right: 0.4em;
}
/*003_リスト（丸数字）*/
.number_circle{
  margin-bottom: 1.2em;
  margin-top:0.4em;
}
.number_circle {
    list-style: none;
    counter-reset: number;
    padding: 0;
    font-size: 90%;
}
.number_circle li {
    line-height: 1.4;
    padding-left: 1.7em;
    text-indent: -1.7em;
    margin-bottom: 0.5em;
}
.number_circle li:before {
    counter-increment: number;
    content: counter(number);
    background: #37474f;
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    margin-right: 0.3em;
    text-indent: 0em;
}

/*004_雛形（ノート）*/
.note {
    background: #FFF;
    padding: 1% 1.5% 1.5% 1.5%;
    margin-bottom: 2em;
    margin-top: 0.8em;
    border: solid 2px #CFD8DC;
}
.note .ttl {
    color: #37474F;
    font-size: 120%;
    font-weight: 700;
    line-height: 1.5;
    background: url(./../img/open-book.png) no-repeat 0em .25em #FFF;
    background-size: auto 1.7em;
    padding: .3em .5em .3em 2.1em;
    margin-bottom: 0.5em;
}
/*　004_雛形　[ 共通CSS ]*/
.important,
.attention,
.confirm {
    border: solid 1px #37474F;
    padding: 3.4em 1.5% 1.5% 1.5%;
    margin-bottom: 2em;
    margin-top: 0.8em;
    position: relative;
    border-top: solid 3px #37474F;
}
.important .ttl,
.attention .ttl,
.confirm .ttl {
    width:100%;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1.4;
    letter-spacing: 0;
    font-weight: 700;
}
.confirm .ttl:before,
.attention .ttl:before,
.important .ttl:before {
    content: "";
    padding: 0.5em 1.2em;
    margin-right: 0.4em;
    display: inline-block;
    letter-spacing: 0.15em;
}
/*004_雛形（重要）*/
.important .ttl{ background:#FAEEEE; }
.important .ttl:before {
  content: "重要";
  color: #FFF;
  background: #BF2020;
  text-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}
/*004_雛形（注意）*/
.attention .ttl{ background:#FFF8EC; }
.attention .ttl:before {
  content: "注意";
  color: #37474F;
  background: #FFAB00;
}
/*004_雛形（確認）*/
.confirm .ttl{ background:#F6FAF1; }
.confirm .ttl:before {
  content: "確認";
  color: #37474F;
  background: #8BC34A;
}


/*005_レイアウト（上：画像横並び　下：説明）*/
.single table.layout_01 {
    table-layout: fixed;
    border:none;
}
.single table .layout_01_Box {
    padding: 0 1.0em 0 1.0em;
    border:none;
    vertical-align: top;
}
.single table .layout_01_Box p{
  font-size:90%;
  line-height:1.4;
}
.single table .layout_01_Box p img{
  margin-bottom: 0.4em;
}
.single table .layout_01 td{
  font-size:100%;
  vertical-align:top;
}
/*005_レイアウト（左：テキスト　右：画像）*/
.single table.layout_02 {
  border: none;
}
.single table .layout_02_Left {
    border: none ;
    vertical-align: top;
    width: auto !important;
}
.single table .layout_02_Right {
  border:none;
  vertical-align:top;
}
.single table .layout_02_Right img{
  max-width: 100%;
}
.single table.layout_02 td{
  font-size:100%;
}
/*005_レイアウト（画像横並び）*/
.layout_03 {
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.layout_03 p{
  display: inline;
  margin:0;
  padding: 0;
}
.layout_03 p img{
    padding: 0 0.5em 0 0.5em;
    border: none;
    vertical-align: top;
    width: auto;
    margin-bottom: 1.0em;
    max-width: 100%;
}



/*　006_ボタン　[ 共通CSS ]*/
.btn {
  text-align: center;
  width: 76%;
  margin: 1.0em auto 1.6em auto;
  display: block;
  padding: 0px;
}
.btn a {
  color: #FFF;
  text-align: center;
  background: center #2851B7;
  background-size: 20px;
  background: #2851B7;
  display: block;
  width: 100%;
  padding: 25px 35px;
  border: 0;
  font-size: 1.25em;
  position: relative;
}
.btn a i{
  margin: 0;
  background: #183169;
  width: 60%;
  max-width: 400px;
  font-size: 13px;
  box-sizing: content-box;
  font-style: normal !important;
  display: block;
  margin-top: -25px !important;
  margin-bottom: 11px;
  margin-right: auto;
  margin-left: auto;
  height: 26px;
  line-height: 26px;
}
.btn a:hover{
  background: #4281E3;
  background-size: 10px;
  text-decoration: none;
}
/*リンクボタン　特殊*/
.txtBlock .btn{
  width: 100%;
}
/*006_ボタン（内部｜ラベル有り・無し両方）*/
.btn a:before{
  content: "";
  width:10px;
  height:10px;
  box-sizing: border-box;
  border-top:solid 2px #FFF;
  border-right:solid 2px #FFF;
  position: absolute;
  top:0;
  right: 3%;
  bottom: 0;
  margin:auto;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*006_ボタン（ダウンロード）*/
.btn.btn_download a:before{
  content:"";
  width:24px;
  height:24px;
  background:url(./../img/download.png) no-repeat top / 24px 24px;
  box-sizing: border-box;
  border-top:none;
  border-right:none;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
/*006_ボタン（外部）*/
.btn.btn_out a:before{
  content:"";
  width:24px;
  height:24px;
  background:url(./../img/out.png) no-repeat top / 24px 24px;
  box-sizing: border-box;
  border-top:none;
  border-right:none;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}


/*098_その他（画像縮小・SP小）*/
.imgSmallSizeSP img{}
/*098_その他（画像縮小・SPM）*/
.imgMiddleSizeSP img{}

/*099_その他（画像縮小・S）*/
.imgSmallSize img{ max-width: 60% !important;}

/*099_その他（画像縮小・M）*/
.imgMiddleSize img{ max-width: 85% !important;}

/*099_その他（画像通常サイズ）*/
.imgSizeNormal img{
  width:auto !important;
  max-width: none !important;
}


/*クイックタグ組み合わせ*/
.black_circle li .choice_click,
.rice_mark li .choice_click,
.number_circle li .choice_click{
  text-indent: 0;
}
.black_circle li .txtbg_blue,
.rice_mark li .txtbg_blue,
.number_circle li .txtbg_blue{
  text-indent: 0;
}
.black_circle li .txtbg_gray,
.rice_mark li .txtbg_gray,
.number_circle li .txtbg_gray{
  text-indent: 0;
}

.note table tr td,
.important table tr td,
.attention table tr td,
.confirm table tr td{
  font-size:100%;
}

.note .layout_01,
.note .layout_02,
.note .layout_03,
.important .layout_01,
.important .layout_02,
.important .layout_03,
.attention .layout_01,
.attention .layout_02,
.attention .layout_03,
.confirm .layout_01,
.confirm .layout_02,
.confirm .layout_03{
    margin-bottom: 0em;
    margin-top: 0;
    width:100% !important; /*以下urlで、画像横並び下部テキストできれいに表示させるための100%
    ./ma/ma-rl/ma-rl-sec/ma-rl-sec-password/170115011700021.html
    */
}

#sec01 .note img,
#sec01 .important img,
#sec01 .attention img,
#sec01 .confirm img,
#sec02 .note img,
#sec02 .important img,
#sec02 .attention img,
#sec02 .confirm img,
#sec03 .note img,
#sec03 .important img,
#sec03 .attention img,
#sec03 .confirm img,
#sec04 .note img,
#sec04 .important img,
#sec04 .attention img,
#sec04 .confirm img,
#sec05 .note img,
#sec05 .important img,
#sec05 .attention img,
#sec05 .confirm img{
    max-width: 100%;
    width: auto;
    margin: 0 auto;
    display: inline-block; /*以下URLで、アイコンが一行で中央表示されるため「block」⇒「inline-block」に変更
    ./ma/ma-rl/ma-rl-sec/ma-rl-sec-password/170115011700024.html
    */
}

.note .black_circle:last-child,.important .black_circle:last-child,.attention .black_circle:last-child,.confirm .black_circle:last-child,
.note .rice_mark:last-child,.important .rice_mark:last-child,.attention .rice_mark:last-child,.confirm .rice_mark:last-child,
.note .number_circle:last-child,.important .number_circle:last-child,.attention .number_circle:last-child,.confirm .number_circle:last-child,
.note .layout_01:last-child,.important .layout_01:last-child,.attention .layout_01:last-child,.confirm .layout_01:last-child,
.note .layout_02:last-child,.important .layout_02:last-child,.attention .layout_02:last-child,.confirm .layout_02:last-child,
.note .layout_03:last-child,.important .layout_03:last-child,.attention .layout_03:last-child,.confirm .layout_03:last-child{
  margin:0 !important;
  padding:0 !important;
}

.note .layout_02_Left,
.important .layout_02_Left,
.attention .layout_02_Left,
.confirm .layout_02_Left{
  padding:0 !important;
}
.note .layout_02_Right,
.important .layout_02_Right,
.attention .layout_02_Right,
.confirm .layout_02_Right{
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 2.5em;
    line-height: 1.2;
}

/*レイアウトの頭に小見出しが来る場合*/
.layout_02_Left p:first-child .smallTitle,
.layout_02_Left p:first-child .smallTitleBlue,
.layout_02_Left p:first-child .smallTitleRed,
.layout_02_Left table:first-child{
  margin-top: 0;
}


/*stepの頭に小見出しを持ってくる場合*/
.txtBlock p:first-child span.smallTitleBlue,
.txtBlock p:first-child span.smallTitleRed,
.txtBlock_only p:first-child span.smallTitleBlue,
.txtBlock_only p:first-child span.smallTitleRed{
  margin-top: 0;
}


/*リストの中の画像（br直下）*/
.black_circle li br + img,
.rice_mark li br + img,
.number_circle li br + img{
    padding-top: 0.5em;
}


/*リードテキスト内見出し*/
.docProperty + p .smallTitle,
.docPropertyText .smallTitle {
    margin-top: 0em;
}

/*--------------------------------------------------
共通 汎用スタイル
--------------------------------------------------*/
/*文章内の画像*/
.txtBlock p img,
.txtBlock li img {
    max-width: 2.2em;
    margin: 0 0.1em;
}
.adjust { width: 75%; height: auto;}
.f_sm { font-size: 85% !important; margin-bottom: 0.8em;}
.left { float: left;}
.right { float: right;}
.mB30 { margin-bottom: 1.2em !important; }

/*wordpressビジュアルエディタ　センター、レフト、ライト*/
.aligncenter{display:block !important; margin-left:auto; margin-right:auto;}
.alignleft{display:block !important; margin-left:0 !important;}
.alignright{display:block !important; margin-right:0 !important;}

/*テーブルプレス　上書き・個別指定*/
.tablepress .row-hover tr:hover td { background: none !important;}
.tablepress-id-17,
.tablepress-id-18{ margin-top: -1em !important;}
.tablepress-id-16 img{ max-width: 100% !important; }

/*--------------------------------------------------
秘匿カテゴリ
--------------------------------------------------*/
header.confidentiality{}
header.confidentiality img{
  /*margin: 3px 0 0.7em 0;*/
}
header.confidentiality .gNavi-row{
  border-top: none;
}
header.confidentiality .headLink,
header.confidentiality .gNavi-row .container-fluid{
  display: none;
}
header.confidentiality .backBtn {
  float: right;
  text-align: right;
}
header.confidentiality .backBtn li {
  border: solid 1px #2851b7;
  border-radius: 3px;
  display: inline-block;
  font-size: .9em;
  margin: .3em 0;
}
header.confidentiality .backBtn li:hover {
  background: #4281e3;
  color: #fff;
  text-decoration: none;
}
header.confidentiality .backBtn a {
  display: block;
  padding: .5em 2em .5em 2.5em;
  position: relative;
  text-align: center;
}
header.confidentiality .backBtn a:hover {
  color: #fff;
}
header.confidentiality .backBtn a::before {
  content: "";
  width: 7px;
  height: 7px;
  box-sizing: border-box;
  border-left: solid 2px #2851b7;
  border-bottom: solid 2px #2851b7;
  position: absolute;
  top: 0;
  left: 10%;
  bottom: 0;
  margin: auto;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
header.confidentiality .backBtn a:hover::before {
  border-left: solid 2px #fff;
  border-bottom: solid 2px #fff;
}

/*--------------------------------------------------
特集カテゴリ
--------------------------------------------------*/
.tp_postThumbnail {
    margin-bottom: 3em;
}

/*--------------------------------------------------
page.cssより一部コピペ
--------------------------------------------------*/
.sow-tabs-panel h3,
.externalLink h3,
.siteorigin-widget-tinymce h3,
.feature h3 {
  color: #fff;
  background: #2851b7;
  padding: 1rem 1rem 1rem 25px;
  margin-bottom: 2.5rem;
  position: relative;
}
.feature h3 {
  margin-top: 5rem;
}
.sow-tabs-panel h3:before,
.externalLink h3:before,
.siteorigin-widget-tinymce h3:before,
.feature h3:before {
  content: "";
  display: block;
  background: #fff;
  width: 15px;
  height: 9px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2px;
}
.sow-tabs-panel h4,
.externalLink h4,
.siteorigin-widget-tinymce h4,
.feature h4 {
  font-weight: 700;
  padding: .25rem 1rem .25rem 1rem;
  margin-bottom: 1.5rem;
  border-left: solid 10px #2851b7;
}
.feature h4 {
  margin-top: 3rem;
}
.feature .faq dl {
  /*margin-left: 1.5rem;*/
}
.feature .faq dt,
.feature .faq dd {
  position: relative;
}
.feature .faq dt {
  margin-top: 2rem;
    margin-bottom: .5rem;
}
.feature .faq dt::before,
.feature .faq dd::before {
  font-size: 2.5rem;
  font-weight: 400;
  content: '●';
  margin-right: .5rem;
}
.feature .faq dt::before {
  color: #f06595;
}
.feature .faq dd::before {
  color: #4dabf7;
}
.feature .faq dt::after,
.feature .faq dd::after {
  color: #fff;
  font-size: 1.8rem;
  position: absolute;
  top: .4rem;
}
.feature .faq dt::after {
  content: 'Q';
  left: .6rem;
}
.feature .faq dd::after {
  content: 'A';
  font-weight: bold;
  left: 6.7rem;
}
.feature .faq dd {
  text-indent: -2em;
  /*margin-left: 4rem;*/
    margin-bottom: 3rem;
  padding-left: 3.75em;
    padding-bottom: 3rem;
    /*border-bottom: dotted 1px #E0E0E0;*/
    border-bottom: dotted 1px #CFD8DC;
}
.feature .faq p,
.feature .faq ul {
  text-indent: 0;
  margin: 1em 0 0 1em;
}

/* PDFアイコン */
.feature .pdf::after {
  font-family: 'Font Awesome 5 Free';
  content: '\f1c1';
  color: #ff2116;
  width: 1.8em;
  height: 1.8em;
  margin-left: .5em;
}



/*//////////////////////////////////////////////////
----------------------------------------------------
    ▼▼ PC表示 ▼▼
----------------------------------------------------
//////////////////////////////////////////////////*/

@media (min-width: 1170px) {

/*
記述なし
*/

}/*//// ▲▲ PC表示 ここまで ▲▲////*/




/*//////////////////////////////////////////////////
----------------------------------------------------
    ▼▼ TB表示 ▼▼
----------------------------------------------------
//////////////////////////////////////////////////*/
@media (max-width: 1169px) {
/*--------------------------------------------------
TB .single => main 基本レイアウト
--------------------------------------------------*/
.col-md-9 {
    width: 100%;
}
.imgBlock + .txtBlock,
.stepNo + .imgBlock + .txtBlock {
  width: 100%;
  margin-left: 0;
}

/*.txtBlock,
.stepNo + .txtBlock,
.imgBlock {
    margin-bottom: 0;
}*/

.col-sm-12 {
  width: 100% !important;
}

/*--------------------------------------------------
TB .single => main のスタイル
--------------------------------------------------*/
.single main > .container > .col-xs-12 {
  padding: 0;
}

/*docProperty タイトル下の情報*/
.docProperty + p:before,
.docPropertyText:before {
  width: 6vw;
  height: 4vw;
  background-size: 50%;
  left: -3vw;
}

/*目次*/
#mokuji li{
    line-height: 1.5;
    margin-bottom: 0.6em;
}

/* sidebarのjs用(ajaxもどき) */
.lists__item{
  position: relative;
}
.lists__item:before {
    content: "";
    width: 0.55em;
    height: 0.55em;
    border-top: solid 3px #2851B7;
    border-right: solid 3px #2851B7;
    position: absolute;
    top: 0;
    /* left: 0; */
    right: 0.7em;
    bottom: 0;
    margin: auto;
    transform: rotate(45deg);
}
.lists__item:hover:before {
    border-top: solid 3px #FFF;
    border-right: solid 3px #FFF;
}
.lists__item a {
  padding: 1.0em 2.8em 1.0em 1.0em;
}
.btn-wrap .btn {
  background:#2851B7;
  color: #FFF;
  border:solid 1px #2851B7;
}
.btn-wrap .btn:hover{
  background:#4281E3;
  border:solid 1px #4281E3;
}

/*セクション*/
#sec01, #sec02, #sec03, #sec04, #sec05 {
    margin-bottom: 1.5em;
}

/*タブ*/
.tabAccordion {
    margin-bottom: 1.5em !important;
}

/*sideber*/
#contentsTitle {
    border: solid 1px #CFD8DC;
}
#contentsTitle:before {
    width: calc(100% + 2px);
    left: -1px;
}

/*この説明はお役に立ちましたか？*/
.enqueteContainer h2 {
    margin-bottom: 0.3em;
    font-size: 110%;
}
.custom01 label {
    display: block;
    font-size:1.0em;
    padding: 0.5em 1em 0.5em 2.3em;
}
.custom01 label::before {
    margin-top: -3px;
    left: 1em;
}
.custom01 label::after {
    margin-top: -0.01em;
    left: 1.2em;
}

.feature .faq dl {
  margin-left: 0;
}
.feature .faq dt,
.feature .faq dd {
  text-indent: -2.4rem;
  padding-left: 1.8rem;
}
.feature .faq dt {
  margin: 1rem 0 0 .5rem;
}
.feature .faq dd {
  margin: .5rem 0 0 .5rem;
}
.feature .faq p,
.feature .faq ul {
  text-indent: 0;
  margin: 1em 0 0 0;
}
.feature .faq dt::before,
.feature .faq dd::before {
  margin-right: .3rem;
}
.feature .faq dt::after,
.feature .faq dd::after {
  left: 2.4rem;
}

/*--------------------------------------------------
TB クイックタグ
--------------------------------------------------*/
.confirm .ttl:before,
.attention .ttl:before,
.important .ttl:before {
    display: block;
    float: left;
}
.note {
  width: 100%;
  margin-left: 0;
  overflow: hidden;
}
.btn{
  width:100%;
}
.btn a {
    padding: 20px 35px;
    width: 76%;
    margin: 0 auto;
    max-width: 680px;
}
.btn a i {
    margin-top: -20px !important;
    height: 1.8em;
    line-height: 1.8em;
}
.btn a:before {
    right: 4%;
}



}/*//// ▲▲ TB表示 ここまで ▲▲////*/


/*//////////////////////////////////////////////////
----------------------------------------------------
    ▼▼ SP表示 ▼▼
----------------------------------------------------
//////////////////////////////////////////////////*/
@media (max-width: 767px) {
/*--------------------------------------------------
SP .single 初期設定
--------------------------------------------------*/
.single table {
  border: none;
}
.single table tr{
  display: block;
  height: auto !important;
}
.single table th,
.single table td {
    display: block;
    width: 100% !important;
    height: auto !important;
    padding: 0.5em 0.5em;
}
.single table th {
}
.single table td {
  border-top: none;
  border-bottom:none;
}
.single table tr:last-child td:last-child {
  border-bottom:solid 1px #CCC;
}
/*--------------------------------------------------
SP .single => main 基本レイアウト
--------------------------------------------------*/
.step {
    margin-bottom: 1.5em;
    /*padding-bottom: 1.0em;*/
}
.step:first-child{
    margin-top: 1.5em;
}
.imgBlock {
  width: 100%;
  margin-bottom: 0em;
}
.stepNo + .imgBlock + .txtBlock {
  width: 100%;
  margin-left: 0;
  margin-bottom: 1.5em;
}
.stepNo + .txtBlock {
  width: 100%;
  margin-left: 0;
  margin-bottom: 1.5em;
  padding-right: 0;
}
.txtBlock, .stepNo + .txtBlock_only {
  width: 100%;
  margin-bottom: 1.5em;
  padding-right:0;
}
.generalBlock {
    /*margin: 1.5em 0 1.5em 0;*/
    /*float: left;*/
}

/*--------------------------------------------------
SP .single => main のスタイル
--------------------------------------------------*/
/*heading タイトル箇所*/
.heading .head_ttl {
  font-size: 1.5em;
}
.heading .label_tag {
  padding-left: .5em;
}
.heading h1,
.docProperty + p {
  font-size: 90%;
}
.heading p {
  font-size: 85%;
}


/*docProperty タイトル下の情報*/
.docProperty {
  line-height: 1.3;
  margin-bottom: 1em;
}
.docProperty dl dt {
  padding-left: 0;
}
.docProperty + p,
.docPropertyText {
  padding: 2.5% 1% 2.5% 4%;
}
.docProperty + p:before,
.docPropertyText:before {
  width: 6vw;
  height: 6vw;
  background-size: 100%;
}


/*stepNo ステップ番号*/
.stepNo {
  display: table;
  width: 100%;
  margin: 0 0 0.4em 0;
  padding-left: 0;
  position: relative;
  float: none;
}
.stepNo p {
  display: table-cell;
  border-top: 0;
  border-bottom: 0;
}
.stepNo span {
    font-size: 1.2em;
    display: block;
    padding: 0;
    width: 11vw;
    height: 11vw;
    line-height: 9.5vw;
    border-top: 1.2vw solid #BF2020;
}
/*.stepNo span:before {
    content: "No,";
    font-size: 65%;
    font-weight: 400;
}*/

.step {
    background-position: 50% bottom;
    background-size: auto;
}


/*アンケート投稿後*/
.dialInfo li {
  display: block;
}
.dialInfo ul .receptionTime {
  margin-left: 0;
}
.dialInfo .label {
  font-size: 116%;
}
.dialInfo .telNo {
  font-size: 116%;
}
.dialInfo .telNo span {
  font-size: 167%;
}

/*--------------------------------------------------
SP タブ
--------------------------------------------------*/
.parents {
    margin-top: 1.5em;
}
.resp-accordion img {
  height: 2em;
  width: auto;
  margin-right: .5em;
}
/*-----------Accordion styles-----------*/
ul.resp-tabs-list { display: none; }
h2.resp-accordion { display: block; }
.resp-vtabs .resp-tab-content { border: 1px solid #C1C1C1; }
.resp-vtabs .resp-tabs-container {
  border: none;
  float: none;
  width: 100%;
  min-height: initial;
  clear: none;
}
.sow-tabs-panel h5 {
    padding: 1.2rem 0 1.2rem 1.5rem;
    margin-bottom: 0;
}
.resp-accordion-closed { display: none !important; }
.resp-vtabs .resp-tab-content:last-child { border-bottom: 1px solid #c1c1c1 !important; }
/*--------------------------------------------------
SP セクション
--------------------------------------------------*/
.secttl {
  font-size: 1em;
  margin-top: 1.5em;
}

.secttl i {
    width: 15vw;
    height: 15vw;
}
/*この説明はお役に立ちましたか？*/
.col-xs-12:nth-child(2n) label{
  background:#efefef;
  margin-bottom: 0;
}

/*--------------------------------------------------
秘匿カテゴリ
--------------------------------------------------*/
header.confidentiality img{
    margin: auto;
}
header.confidentiality .backBtn {
  float: none;
  margin-top: -.3em;
  padding: 0;
  text-align: left;
}
header.confidentiality .backBtn li {
  border: none;
  margin: 0;
}
header.confidentiality .backBtn a {
  padding: 0 0 0 2em;
}

/*--------------------------------------------------
page.cssより一部コピペ
--------------------------------------------------*/
.manualTtlList li,
.externalLink li {
    width: 100%;
}




/*--------------------------------------------------
SP クイックタグ
--------------------------------------------------*/
.confirm .ttl:before,
.attention .ttl:before,
.important .ttl:before {
    display: block;
}
.note {
    padding: 4% 3% 4.2% 4.5%;
}
.note .ttl,
.attention .ttl,
.confirm .ttl,
.important .ttl,
.note p,
.attention p,
.confirm p,
.important p {
  font-size: 90%;
}
.rice_mark {
  font-size: 90%;
}
.layout_01 {
    display: block;
    width: 100% !important;
    table-layout: fixed;
    margin-left: 0;
    margin-bottom: 0.8em;
}
.layout_01:after{
  display: table;
  content: "";
  clear: both;
}
.layout_01_Box {
    display: block;
    padding: 0 !important;
    width: 100% !important;
    margin: 0 auto 1.5em 0;
}
.layout_01_Box p {
    font-size: 90%;
    line-height: 1.4;
    display: table;
    width: 100%;
}
.layout_01_Box p:not(:first-child) img {
    width: 10%;
}
.layout_01_Box p br {
    display: none;
}
.layout_01_Box p span.layout_01_Text {
    width: calc(64% - 3.5%);
    display: block;
    float: left;
    margin-left: 3.5%;
}
.single table .layout_02_Right {
    display: block;
    width: 100% !important;
    padding: 0 !important;
    border:none !important;
}
.single table .layout_02_Left {
    display: block;
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 1.2em;
}
.layout_03 {
  display: block;
}
.layout_03 p img {
    max-width: 100%;
    padding: 0;
}
.btn {
  width: 100%;
}
.btn a {
    width: 100%;
    font-size:1.15em;
}
.btn a i {
    width: 80%;
    font-size: 0.75em;
    padding: 0.3vw 4%;
}
.imgSmallSizeSP img{
max-width: 25%;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.imgMiddleSizeSP img{
    max-width: 50%;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.imgSmallSize img {
    max-width: 80% !important;
    margin: 0 auto;
}
.imgMiddleSize img {
    max-width: 95% !important;
    margin: 0 auto;
}


.note .layout_01,
.note .layout_02,
.note .layout_03,
.important .layout_01,
.important .layout_02,
.important .layout_03,
.attention .layout_01,
.attention .layout_02,
.attention .layout_03,
.confirm .layout_01,
.confirm .layout_02,
.confirm .layout_03 {
    margin-bottom: 1.6em;
    margin-top: 0;
}
.note .layout_01:last-child,
.note .layout_02:last-child,
.note .layout_03:last-child,
.important .layout_01:last-child,
.important .layout_02:last-child,
.important .layout_03:last-child,
.attention .layout_01:last-child,
.attention .layout_02:last-child,
.attention .layout_03:last-child,
.confirm .layout_01:last-child,
.confirm .layout_02:last-child,
.confirm .layout_03:last-child{
    margin-bottom: 0;
}



/*--------------------------------------------------
SP 汎用スタイル
--------------------------------------------------*/
/*テーブルプレス　上書き・個別指定*/
.tablepress-id-17,
.tablepress-id-18{ margin-top: -1em !important;}
.tablepress-id-17 ul,
.tablepress-id-18 ul{ margin: 0;}



}/*//// ▲▲ SP表示 ここまで ▲▲////*/



/*//////////////////////////////////////////////////
----------------------------------------------------
    ▼▼ 特殊 ▼▼
----------------------------------------------------
//////////////////////////////////////////////////*/
@media all and (-ms-high-contrast:none) {
 *::-ms-backdrop, div.dataTables_wrapper div.dataTables_filter input {
   font-size: 116%;
   width: 100%;
   margin: 0;
   padding: 0;
   border: solid 1px #CFD8DC;
 }
}
@-moz-document url-prefix() {
  /*Firefox*/
  div.dataTables_wrapper div.dataTables_filter input {
   font-size: 116%;
   width: 100%;
   margin: 0;
   padding: 0;
   border: solid 1px #CFD8DC;
 }
}
.IEall { background: greenyellow\0; }
.IEall { background: greenyellow\9; }
div.dataTables_wrapper div.dataTables_length select { width: auto; }
#sideContainer #filterTable { font-size: 77%; }
#sideContainer #filterTable td p { font-weight: normal; }

/*  data table placeholder
----------------------------------------*/
/* Google Chrome, Safari, Opera 15+, Android, iOS*/
::-webkit-input-placeholder { font-size: 85%;}

/* Firefox 18- */
:-moz-placeholder { font-size: 85%;}

/* Firefox 19+ */
::-moz-placeholder { font-size: 85%;}

/* IE 10+ */
:-ms-input-placeholder { font-size: 85%;}

/*fade-in key frame*/
@-webkit-keyframes fadein {
0%{ opacity:0;}
75%{ opacity:0.5;}
100% { opacity:1;}
}
/*//// ▲▲ 特殊 @media ここまで ▲▲////*/



/*** Window7　サポート終了のご案内 ここから***/

#osJudgement {
	display: none;
	font-size: 131%;
	text-align:  center;
	background-color: #F5F5F5;
	background: url(./../../../../../asset/img/bg_boxCorner01a.png) no-repeat left top, url(./../../../../../asset/img/bg_boxCorner01b.png) no-repeat right top, url(./../../../../../asset/img/bg_boxCorner01c.png) no-repeat left bottom, url(./../../../../../asset/img/bg_boxCorner01d.png) no-repeat right bottom;
	border: dotted 1px #CFD8DC;
	padding: 1.5em;
	margin-bottom: 1em;
	-webkit-transition: 1s;
	transition: .3s;
}

.osName {
	font-size: 146.5%;
	font-weight: 700;
	margin-right: .25em;
}

.judgeMsg {
	font-weight: 700;
	padding-top: 1em;
	margin-top: .5em;
	border-top: dotted 1px #CFD8DC;
}

#osJudgement + .important {
	background:  #FFF;
	display: none;
	-webkit-transition: .3s;
	transition: .3s;
}

.centerBox {
	text-align: center;
	display: block;
	border: solid 5px #CFD8DC;
	padding: 1em 2em;
	margin: 0 auto 1em;
}

.blue_number {
    background: #2851B7;
    color: #fff;
    font-weight: bold;
    padding: 4px 8px;
}

.c_lightBlue { color: #2196F3; }
.c_qt_red02 { color: #D14040; }

.btn02 {
	width: 70%;
	margin: 0 auto 3.125em;
}

.btn02.w100 {
    width: 100%;
}

.btn02 a {
	color: #FFF;
	text-align: center;
	background: url(./../img/icon_arrow01.png) no-repeat 98% center #2851B7;
	background-size: 20px;
	display: inline-block;
	width: 100%;
	padding: 1em 0;
	border: 0;
}

.btn02 a:hover {
	text-decoration: none;
	background: url(./../img/icon_arrow01.png) no-repeat 98% center #4281E3;
	background-size: 20px;
}

.btn02 a p {
	font-size: 131%;
	padding: 0 1.75em;
}


@media only screen and (max-width: 480px) {
	.btn02{
		width: 100%;
	}

	.btn02 span {
		font-size: 4vw;
	}
}

.button {
cursor: pointer;
	}

.disable {
	pointer-events: none;
	background-color: #ccc !important;
}

/*** Window7　サポート終了のご案内 ここまで***/

.pcBR { display: block; }
@media only screen and (max-width: 480px) {
  .pcBR { display: inline; }

}




/* QTnet 工事窓口　営業時間変更 */

.receptTimeBox {
	display: table;
	width: auto;
	margin: 0 auto;
}
.tabs .receptTimeBox {
    font-size: 115%;
	margin: 1.5em auto;
}
/*.receptTimeBox  {
	display: table-cell;
	width: 5em;
}*/
.receptTimeBox .label {
	color: #FFF;
	display: block;
	padding: .5em 1em;
	margin-right: 1em;
}
.receptTimeBox .label {
	background: #BF2020;
}
/*.receptTimeBox .label {
	background: #abcd03;
}*/	
.receptTimeBox dd {
	display: table-cell;
}
.receptTimeBox .receptTime {
	font-size: 1.125em;
}
.receptTime_newyear {
    font-size: 85%;
    margin: .5em 0;
}
.receptTime_newyear .caption {
    margin: 0 0 .25em 0;
    padding: 0 0 0 1.25em; 
    position: relative;
}
.receptTime_newyear .caption:before {
    content: " ";
    display: block;
    background: #EE6C01;
    width: 1em;
    height: 5px;
    margin: auto 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}
.receptTime_newyear .dateTime {
    padding: 0 0 0 1.25em;    
    position: relative;
}
.receptTime_newyear .dateTime .date:after {
    content: "/";
    margin: 0 .5em;    
}
.receptTime_newyear .dateTime.list_circle {

}
.receptTime_newyear .dateTime.list_circle:before {
    content: "";
    display: block;
    background: #333;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    margin: auto 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

@media (max-width: 767px) {
/*smartphone*/
	.receptTimeBox dt,	
	.receptTimeBox dd {
		display: block;
	}
}