
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap");
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  outline: 0;
  font-size: 1em;
}

html {
  font-size: 62.5%;
}

body, table, input, textarea, select, option {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

:focus {
  outline: 0;
}

ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}

a {
  color: #30393f;
  text-decoration: none;
  transition: all 0.3s;
}
a:link {
  color: #30393f;
  text-decoration: none;
  transition: all 0.3s;
}
a:visited, a:hover, a:active {
  color: #30393f;
  transition: all 0.3s;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
  min-width: 1280px;
  color: #30393f;
  font-size: 1.6rem;
  line-height: 1.5;
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  background-color: #FFF;
}

#container {
  text-align: left;
  overflow: hidden;
}

#main {
  margin-bottom: 137px;
}

a[href^="tel:"] {
  cursor: default;
  pointer-events: none;
}

@media all and (min-width: 897px) {
  .sp {
    display: none !important;
  }
}
@media all and (max-width: 896px) {
  body {
    min-width: inherit;
    font-size: 1.4rem;
  }
  a:hover {
    opacity: 1 !important;
  }
  a:hover img {
    opacity: 1 !important;
  }
  .pc {
    display: none !important;
  }
  a[href^="tel:"] {
    cursor: pointer;
    pointer-events: auto;
  }
  #main {
    margin-bottom: 100px;
  }
}
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
@media all and (max-width: 896px) {
  #gHeader {
    padding: 0 0 0 20px;
    position: relative;
  }
  #gHeader .comBtn {
    width: auto;
    margin-left: 3px;
  }
  #gHeader .comBtn a {
    color: #30393f;
    font-size: 1.2rem;
    border-color: transparent;
    background-color: transparent;
  }
  #gHeader .lBox {
    flex: 1;
  }
  #gHeader .logo {
    margin: 0;
    width: auto;
  }
  #gHeader .link {
    padding-right: 7px;
    font-size: 1.2rem;
    line-height: 1;
    border-right: 1px solid #ddd;
  }
  #gHeader .rBox {
    width: 59.3%;
    justify-content: flex-end;
  }
  #gHeader .menuBox {
    display: none;
    margin-top: 0;
    padding-bottom: 30px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 10;
    background-color: rgb(255, 255, 255);
  }
  #gHeader .gNavi ul li:last-child {
    border-bottom: 1px solid #ddd;
  }
  .menu {
    margin-left: 10px;
    position: relative;
    height: 52px;
    width: 52px;
    cursor: pointer;
    z-index: 100;
    background-color: #3584BC;
    transition: opacity 0.25s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .menu.active .top {
    -webkit-transform: translateY(15px) translateX(0) rotate(-45deg);
    -ms-transform: translateY(15px) translateX(0) rotate(-45deg);
    transform: translateY(15px) translateX(0) rotate(-45deg);
    background: #fff;
  }
  .menu.active .middle {
    opacity: 0;
    background: #fff;
  }
  .menu.active .bottom {
    -webkit-transform: translateY(-7px) translateX(0) rotate(45deg);
    -ms-transform: translateY(-7px) translateX(0) rotate(45deg);
    transform: translateY(-7px) translateX(0) rotate(45deg);
    background: #fff;
  }
  .menu span {
    background: #fff;
    border: none;
    height: 2px;
    width: 39%;
    position: absolute;
    top: 17px;
    left: 50%;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    cursor: pointer;
    transform: translateX(-50%);
  }
  .menu span:nth-of-type(2) {
    top: 25px;
  }
  .menu span:nth-of-type(3) {
    top: 33px;
  }
}
@media all and (max-width: 374px) {
  #gHeader .link, #gHeader .comBtn a {
    font-size: 1rem;
  }
  #gHeader .rBox {
    width: 62.3%;
  }
  .menu {
    margin-left: 0;
  }
  #gHeader .logo {
    margin-top: 5px;
  }
}
/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
  background-color: #FAFAFA;
}
#gFooter .comheader {
  margin-bottom: 35px;
  padding: 48px 40px 40px;
  display: block;
}
#gFooter .comheader .comBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#gFooter .tBox {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2;
  letter-spacing: 1px;
}
#gFooter .ttl {
  font-weight: 600;
}
#gFooter .boxBox {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 1px;
}
#gFooter .pageTop {
  position: absolute;
  right: 40px;
  bottom: calc(100% + 40px);
}
#gFooter .pageTop a:hover {
  opacity: 0.7;
}
#gFooter .fbBox {
  padding: 34px 0;
  margin-top: 38px;
  position: relative;
  color: #fff;
  background-color: #30393F;
}
#gFooter .fbBox .comBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#gFooter .fbBox a {
  color: #fff;
}
#gFooter .fNavi {
  width: 60%;
}
#gFooter .fNavi li {
  margin: 0 4px 4px 0;
  display: inline-block;
}
#gFooter .fNavi li a {
  display: inline-block;
  padding-right: 6px;
  font-size: 1.2rem;
  letter-spacing: 0.5px;
  line-height: 1;
  border-right: 1px solid #68747D;
}
#gFooter .fNavi li:last-child a {
  border-right: none;
}
#gFooter .copyright {
  font-size: 1.4rem;
  text-align: right;
}
#gFooter .bBox {
  font-size: 1.2rem;
  line-height: 2;
  font-weight: 600;
}
#gFooter .comBtn a {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

@media all and (min-width: 897px) {
  #gFooter .fNavi li a:hover {
    text-decoration: underline;
  }
}
@media all and (max-width: 896px) {
  #gFooter {
    position: relative;
  }
  #gFooter .comheader {
    padding: 20px 0 0 0;
  }
  #gFooter .comheader .comBox {
    display: block;
    margin: 0;
  }
  #gFooter .comheader .comBox .rBox {
    margin: 10px 20px;
  }
  #gFooter .tBox {
    margin-bottom: 9px;
    font-size: 1.2rem;
  }
  #gFooter .boxBox {
    font-size: 1rem;
    letter-spacing: 0.6px;
  }
  #gFooter .comheader {
    margin-bottom: 34px;
  }
  #gFooter .fbBox {
    position: static;
    margin-top: 36px;
  }
  #gFooter .fNavi li a {
    font-size: 1rem;
  }
  #gFooter .fbBox .comBox {
    display: block;
  }
  #gFooter .fNavi {
    margin-bottom: 14px;
    width: auto;
    line-height: 1.44;
  }
  #gFooter .fNavi li {
    margin-bottom: 0;
  }
  #gFooter .copyright {
    font-size: 1.2rem;
    text-align: left;
  }
  #gFooter .pageTop {
    width: 40px;
    right: 20px;
    bottom: calc(100% - 20px);
  }
  #gFooter .bBox {
    font-size: 1rem;
    line-height: 2;
    font-weight: 600;
    letter-spacing: 0.9px;
  }
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.flex, .flexA, .flexB, .flexC {
  display: flex;
  flex-wrap: wrap;
}

.flexA {
  justify-content: space-around;
}

.flexB {
  justify-content: space-between;
}

.flexC {
  justify-content: center;
}

.comBox {
  max-width: 1200px;
  margin: 0 auto;
}

@media all and (max-width: 896px) {
  .comBox {
    margin: 0 20px;
  }
}
a.disabled, input.disabled {
  pointer-events: none;
  opacity: 0.6;
  cursor: not-allowed;
}

.comBtn {
  width: 160px;
}
.comBtn a {
  padding: 8px 4px;
  display: block;
  color: #fff;
  text-align: center;
  border-radius: 60px;
  letter-spacing: 1px;
  border: 1px solid #EF5858;
  background-color: #EF5858;
}

.comBtn01 a {
  padding: 8px 35px 6px;
  display: block;
  color: #3584bc;
  text-align: center;
  font-weight: 500;
  border-radius: 60px;
  border: 1px solid #3584bc;
  background-color: #fff;
}

.comBtn02 {
  margin-bottom: 22px;
  width: 280px;
}
.comBtn02 a {
  font-weight: 500;
  color: #3584bc;
  border: 1px solid #3584bc;
  background-color: #fff;
}
.comBtn02 a span {
  padding-left: 31px;
  background: url(/assets/up_img-7fa7efed2b89b34dacaa9fd5f5765cf3402f194d44863b9cdfc8831ef2d6aa97.png) no-repeat left 10px bottom 0;
}

.comBtn03 {
  max-width: 320px;
  margin: 0 auto;
}
.comBtn03 a {
  padding: 16px 35px 14px;
  color: #fff;
  border-color: #3584bc;
  background-color: #3584bc;
}

@media all and (-ms-high-contrast: none) {
  .comBtn a {
    padding: 11px 4px 5px;
  }
  .comBtn01 a {
    padding: 10px 35px 4px;
  }
  .comBtn03 a {
    padding: 16px 35px 10px;
  }
}
@media all and (min-width: 897px) {
  .comBtn a:hover {
    color: #ef5858;
    background-color: #fff;
  }
  .comBtn01 a:hover {
    color: #fff;
    border-color: #3584bc;
    background-color: #3584bc;
  }
  .comBtn02 a:hover {
    color: #fff;
    border-color: #3584bc;
    background-color: #3584bc;
  }
  .comBtn02 a:hover span {
    background-image: url(/assets/up_img01-bcd1291529ca593574f67fefc9c54a8d81b5d4b4e72073f1b883ad75928f0ef9.png);
  }
  .comBtn03 a:hover {
    color: #3584bc;
    background-color: #fff;
  }
}
@media all and (max-width: 896px) {
  .comBtn02 {
    margin-bottom: 6px;
    width: auto;
  }
  .comBtn02 a {
    padding: 15px 4px 14px;
  }
  .comBtn02 a span {
    background-size: 13px auto;
    background-position: left 11px top 3px;
  }
  .comBtn03 {
    width: 88%;
  }
}
.comheader {
  padding: 20px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #DDD;
}
.comheader .logo {
  margin-right: 38px;
}
.comheader .lBox {
  display: flex;
  flex-wrap: wrap;
}
.comheader .rBox {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.comheader .gNavi ul {
  display: flex;
  flex-wrap: wrap;
  letter-spacing: 0.4px;
}
.comheader .gNavi ul li:not(:last-child) {
  margin-right: 28px;
}
.comheader .gNavi ul a {
  padding-bottom: 29px;
  position: relative;
  font-weight: 500;
}
.comheader .gNavi ul a::before {
  content: "";
  width: calc(100% - 6px);
  height: 2px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  z-index: 2;
  background-color: transparent;
}
.comheader .comBtn {
  margin-left: 21px;
}
.comheader .link {
  font-weight: 500;
}
.comheader .link a:hover {
  opacity: 0.7;
}

@media all and (min-width: 897px) {
  .comheader .gNavi a:hover::before {
    background-color: #3584BC;
  }
}
@media all and (max-width: 896px) {
  .comheader {
    padding: 20px 0 0 0;
  }
  .comheader .logo {
    width: 39%;
    margin-left: 20px;
  }
  .comheader .gNavi ul {
    display: block;
  }
  .comheader .menuBox {
    margin-top: 19px;
    width: 100%;
  }
  .comheader .gNavi ul li {
    border-top: 1px solid #ddd;
  }
  .comheader .gNavi ul li:not(:last-child) {
    margin-right: 0;
  }
  .comheader .gNavi ul a {
    position: relative;
    display: block;
    padding: 20px 19px 18px;
  }
  .comheader .gNavi ul a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 22px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #013C83;
    border-right: 2px solid #013C83;
    transform: translateY(-50%) rotate(45deg);
  }
}
.pagepath {
  max-width: 1200px;
  margin: 24px auto 35px;
}
.pagepath ul {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.8px;
}
.pagepath ul a {
  padding-right: 6px;
  color: #3584bc;
}
.pagepath ul li {
  margin-right: 5px;
}
.pagepath a:hover {
  opacity: 0.7;
}

@media all and (max-width: 896px) {
  .pagepath {
    margin: 13px 20px 20px;
  }
  .pagepath ul {
    padding-bottom: 8px;
    padding-right: 20px;
    font-size: 0.8rem;
    margin-right: -40px;
    overflow: hidden;
    overflow-x: scroll;
    position: relative;
    z-index: 1;
  }
  .pagepath ul a {
    padding-right: 3px;
  }
  .pagepath ul li {
    margin-right: 2px;
    white-space: nowrap;
  }
  .pagepath ul li:last-child {
    padding-right: 38px;
  }
  .pagepath01 ul {
    font-size: 1rem;
  }
}
.en {
  font-family: "Roboto", sans-serif;
}

.headLine01 {
  margin-bottom: 74px;
  font-size: 3.2rem;
  text-align: center;
}

@media all and (min-width: 897px) {
  .headLine01 {
    letter-spacing: 3px;
  }
}
@media all and (max-width: 896px) {
  .headLine01 {
    margin-bottom: 37px;
    font-size: 2.4rem;
  }
}
@media all and (max-width: 374px) {
  .headLine01 {
    font-size: 2.2rem;
  }
}
.comLinkUl {
  margin-bottom: 63px;
  display: flex;
  flex-wrap: wrap;
  border-radius: 7px;
  overflow: hidden;
  box-shadow: 0 0 6px rgb(234, 234, 234), 0 2px 6px rgb(234, 234, 234);
}
.comLinkUl li {
  width: 33.3333333333%;
  text-align: center;
}
.comLinkUl li a {
  padding: 18px 10px;
  display: block;
  font-weight: 500;
  border-top: 1px solid #DDD;
  border-right: 1px solid #DDD;
}
.comLinkUl .on a {
  color: #fff;
  background-color: #3584BC;
}

.comLinkUl01 li {
  width: 33.3333333333%;
}

@media all and (-ms-high-contrast: none) {
  .comLinkUl li a {
    padding: 22px 10px 14px;
  }
}
@media all and (min-width: 897px) {
  .comLinkUl li a:hover {
    color: #fff;
    background-color: #3584BC;
  }
  .comLinkUl li:nth-child(3n) a {
    border-right: none;
  }
  .comLinkUl li:nth-child(-n+3) a {
    border-top: none;
  }
}
@media all and (max-width: 896px) {
  .comLinkUl {
    margin-bottom: 42px;
  }
  .comLinkUl li {
    width: 50%;
    text-align: left;
    font-size: 1.4rem;
  }
  .comLinkUl li a {
    padding: 17px 4px 17px 16px;
  }
  .comLinkUl li:nth-child(-n+2) a {
    border-top: none;
  }
  .comLinkUl li:nth-child(2n) a {
    border-right: none;
  }
}
@media all and (max-width: 374px) {
  .comLinkUl li a {
    padding-left: 11px;
    font-size: 1.2rem;
  }
}
li.faqTab {
  cursor: pointer;
}

ul.faqList.jsList {
  display: none;
}
ul.faqList.jsList.active {
  display: block;
}
ul.faqList.jsList .contents {
  display: none;
}

.faqList li {
  padding: 14px 25px;
  border-top: 1px solid #DDD;
}
.faqList li:last-child {
  border-bottom: 1px solid #DDD;
}
.faqList .ttl {
  font-size: 2rem;
  font-weight: 600;
  display: flex;
  letter-spacing: 1.2px;
  align-items: center;
}
.faqList .ttl .en {
  margin-right: 20px;
  font-size: 2.8rem;
  color: #3584bc;
}
.faqList .contents {
  padding-top: 6px;
}
.faqList .contents .ttl .en {
  color: #ef5858;
}
.faqList .contents .txt {
  font-weight: 500;
  margin: 10px 0 0 40px;
  line-height: 1.97;
  letter-spacing: 0.7px;
}
.faqList .ttlBox {
  position: relative;
  cursor: pointer;
  transition: all 0.3s;
}
.faqList .ttlBox::before {
  position: absolute;
  content: "";
  width: 16px;
  height: 2px;
  top: 50%;
  transform: translateY(-50%);
  right: -1px;
  background-color: #30393F;
}
.faqList .ttlBox::after {
  position: absolute;
  content: "";
  width: 16px;
  height: 2px;
  top: 50%;
  transform: translateY(-50%);
  right: -1px;
  background-color: #30393F;
  opacity: 1;
  transform: translateY(-50%) rotate(90deg);
}
.faqList .on::after {
  transform: translateY(-50%) rotate(0);
  opacity: 0;
}

@media all and (-ms-high-contrast: none) {
  .faqList .ttl .en {
    margin-top: -3px;
    margin-bottom: 3px;
  }
}
@media all and (min-width: 897px) {
  .faqList .ttlBox:hover {
    opacity: 0.7;
  }
}
@media all and (max-width: 896px) {
  .faqList .ttl {
    padding-right: 27px;
    font-size: 1.6rem;
    letter-spacing: 0.9px;
    align-items: flex-start;
  }
  .faqList .ttl .en {
    margin: -4px 5px 0 0;
    font-size: 2rem;
  }
  .faqList li {
    padding: 16px 0 13px;
  }
  .faqList .contents {
    padding-top: 14px;
  }
  .faqList .contents .txt {
    margin: 7px 33px 0 21px;
    line-height: 1.72;
  }
  .faqList .ttlBox::before, .faqList .ttlBox::after {
    top: 11px;
    width: 12px;
    right: 0;
  }
}
.wp-pagenavi {
  margin: 80px -5px 0 0;
  font-size: 0;
  clear: both;
  text-align: right;
}
.wp-pagenavi a {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 37px;
  font-size: 1.6rem;
  display: inline-block;
  text-decoration: none;
  border: 1px solid #3584BC;
  padding: 1px 5px;
  font-weight: 500;
  margin: 0 4px;
  color: #3584bc;
  vertical-align: middle;
  box-sizing: border-box;
  border-radius: 4px;
}
.wp-pagenavi span {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 37px;
  font-size: 1.6rem;
  display: inline-block;
  text-decoration: none;
  border: 1px solid #3584BC;
  padding: 1px 5px;
  font-weight: 500;
  margin: 0 4px;
  color: #3584bc;
  vertical-align: middle;
  box-sizing: border-box;
  border-radius: 4px;
}
.wp-pagenavi span.current {
  color: #fff;
  background-color: #3584BC;
}
.wp-pagenavi .first, .wp-pagenavi .last, .wp-pagenavi .pages {
  display: none;
}
.wp-pagenavi .extend {
  border: none;
  line-height: 30px;
  letter-spacing: 2px;
}
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
  line-height: 34px;
}

@media all and (-ms-high-contrast: none) {
  .wp-pagenavi a, .wp-pagenavi span {
    line-height: 42px;
  }
  .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
    line-height: 40px;
  }
  .wp-pagenavi .extend {
    line-height: 35px;
  }
}
@media all and (min-width: 897px) {
  .wp-pagenavi a:hover {
    color: #fff;
    background-color: #3584BC;
  }
}
@media all and (max-width: 896px) {
  .wp-pagenavi {
    margin: 39px -10px 0;
    text-align: center;
  }
  .wp-pagenavi a, .wp-pagenavi span {
    margin: 0 5px;
    font-size: 1.4rem;
  }
}
@media all and (max-width: 374px) {
  .wp-pagenavi a, .wp-pagenavi span {
    margin: 0 2px;
  }
  .wp-pagenavi a, .wp-pagenavi span {
    width: 38px;
    height: 38px;
    line-height: 35px;
  }
}
.comListUl {
  margin: -39px -2px 0 0;
  display: flex;
  flex-wrap: wrap;
}
.comListUl > li {
  margin: 39px 36px 0 0;
  width: 374px;
  overflow: hidden;
  border-radius: 10px;
  border: 1px solid #ddd;
}
.comListUl > li a {
  display: block;
}
.comListUl > li a:hover {
  opacity: 0.7;
}
.comListUl .subList {
  margin-bottom: 14px;
  display: flex;
  flex-wrap: wrap;
}
.comListUl .img {
  position: relative;
}
.comListUl .img .txt {
  padding-bottom: 8px;
  width: 157px;
  height: 157px;
  line-height: 1.16;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: absolute;
  top: -88px;
  left: -86px;
  color: #fff;
  background-color: #30393F;
  font-size: 1.2rem;
  letter-spacing: 1px;
  font-weight: 600;
  text-align: center;
  box-sizing: border-box;
  transform: rotate(-45deg);
}
.comListUl .txt .size {
  font-size: 1.8rem;
}
.comListUl .img .txt01 {
  padding-bottom: 18px;
  color: #30393f;
  font-size: 1.4rem;
  background-color: #D9DEE1;
}
.comListUl .subList li {
  margin-right: 5px;
  padding: 5px 2px 4px;
  min-width: 100px;
  font-size: 1rem;
  border-radius: 4px;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.6px;
  box-sizing: border-box;
  background-color: #EDF2F8;
}
.comListUl .innBox {
  margin: 0 31px;
}
.comListUl .img {
  margin-bottom: 23px;
}
.comListUl .ttl {
  margin-bottom: 18px;
  font-weight: 500;
}
.comListUl .comBar {
  width: 312px;
}

.comBar {
  margin-bottom: 14px;
  padding-left: 15px;
  position: relative;
  height: 16px;
  z-index: 1;
  font-size: 1.2rem;
  color: #fff;
  box-sizing: border-box;
  border-radius: 20px;
  background-color: #E5E5E5;
}
.comBar .progressBar {
  position: absolute;
  left: 0;
  top: 0;
  width: 51.4%;
  height: 100%;
  z-index: -1;
  border-radius: 20px;
  background-color: #EF5858;
}

.comPrice {
  letter-spacing: 1.3px;
  font-weight: 500;
}
.comPrice .txt {
  font-size: 1.2rem;
  display: block;
}
.comPrice .txt01 {
  font-size: 1.6rem;
  letter-spacing: 0.6px;
}
.comPrice .txt01 .size {
  font-size: 2.8rem;
}

.comTxtList {
  margin-top: 22px;
  display: flex;
  border-top: 1px solid #ddd;
}
.comTxtList li {
  padding: 21px 4px 18px;
  width: 33.3333333333%;
  font-size: 1.2rem;
  text-align: center;
  letter-spacing: 1.1px;
  border-right: 1px solid #ddd;
}
.comTxtList .txt {
  display: block;
}
.comTxtList .size {
  font-size: 2rem;
}
.comTxtList .color {
  color: #ef5858;
  font-weight: 600;
}
.comTxtList li:last-child {
  border-right: none;
}

@media all and (-ms-high-contrast: none) {
  .comListUl .subList li {
    padding: 8px 2px 1px;
  }
  .comListUl .comBar {
    line-height: 1.8;
  }
}
@media all and (min-width: 897px) {
  .comListUl > li:nth-child(3n) {
    margin-right: 0;
  }
}
@media all and (max-width: 896px) {
  .comListUl {
    margin: 0;
    display: block;
  }
  .comListUl > li {
    margin: 0 0 19px;
    width: auto;
  }
  .comListUl > li:last-child {
    margin-bottom: 0;
  }
  .comListUl .img .txt {
    padding-bottom: 6px;
    font-size: 1rem;
    top: -90px;
    left: -90px;
    line-height: 1.34;
    letter-spacing: 0;
  }
  .comListUl .txt .size {
    font-size: 1.4rem;
  }
  .comListUl .img .txt01 {
    padding-bottom: 13px;
    font-size: 1.2rem;
  }
  .comListUl .innBox {
    margin: 0 19px;
  }
  .comListUl .img {
    margin-bottom: 19px;
  }
  .comListUl .img img {
    width: 100%;
  }
  .comListUl .subList li {
    padding: 5px 2px 4px;
    letter-spacing: -0.2px;
  }
  .comListUl .ttl {
    margin-bottom: 15px;
  }
  .comListUl .subList {
    margin-bottom: 16px;
  }
  .comListUl .comBar {
    width: auto;
  }
  .comBar {
    margin-bottom: 18px;
    padding-left: 20px;
  }
  .comBar::before {
    width: 50%;
  }
  .comBar01::before {
    width: 100%;
  }
  .comBar02::before {
    width: 74.7%;
  }
  .comPrice {
    margin-left: 4px;
  }
  .comPrice .txt01 {
    font-size: 1.4rem;
  }
  .comPrice .txt01 .size {
    font-size: 2.4rem;
  }
  .comTxtList {
    margin-top: 12px;
  }
  .comTxtList .size {
    font-size: 1.6rem;
  }
  .comTxtList li {
    padding: 17px 4px 18px;
    line-height: 1.6;
  }
}
.comNewsUl {
  padding-top: 5px;
}
.comNewsUl li {
  padding: 22px 27px 24px;
  display: flex;
  font-weight: 500;
  letter-spacing: 1px;
  border-top: 1px solid #ddd;
}
.comNewsUl li:last-child {
  border-bottom: 1px solid #ddd;
}
.comNewsUl .lTxt {
  width: 20.1%;
  position: relative;
}
.comNewsUl .rTxt {
  margin-top: 1px;
}
.comNewsUl .rTxt a {
  color: #3584bc;
  letter-spacing: 0.9px;
}
.comNewsUl .btnTxt {
  padding: 3px 6px;
  position: absolute;
  top: 1px;
  right: 20px;
  border-radius: 4px;
  min-width: 100px;
  box-sizing: border-box;
  text-align: center;
  margin-left: 22px;
  font-size: 1.2rem;
  background-color: #EDF2F8;
}

@media all and (-ms-high-contrast: none) {
  .comNewsUl .btnTxt {
    padding: 6px 6px 0;
    top: -1px;
  }
}
@media all and (min-width: 897px) {
  .comNewsUl .rTxt a:hover {
    text-decoration: underline;
  }
}
@media all and (max-width: 896px) {
  .comNewsUl {
    padding-top: 0;
  }
  .comNewsUl li {
    padding: 17px 0 12px;
    display: block;
  }
  .comNewsUl time {
    display: inline-block;
    padding-top: 1px;
    vertical-align: top;
  }
  .comNewsUl .lTxt {
    margin-bottom: 6px;
    width: auto;
  }
  .comNewsUl .btnTxt {
    margin: 0 0 0 16px;
    min-width: 80px;
    position: static;
    display: inline-block;
    font-size: 1rem;
  }
  .comNewsUl .rTxt {
    margin-left: -2px;
    line-height: 1.76;
  }
  .comNewsUl .rTxt a {
    letter-spacing: 0.5px;
  }
}
.comTtlBox {
  margin-bottom: 71px;
  text-align: center;
  font-weight: 500;
  line-height: 1.8;
}
.comTtlBox .ttl {
  font-size: 2.4rem;
}
.comTtlBox .txt {
  line-height: 2;
}

@media all and (max-width: 896px) {
  .comTtlBox {
    margin-bottom: 38px;
  }
  .comTtlBox .ttl {
    margin-bottom: 7px;
    font-size: 2rem;
  }
  .comTtlBox .txt {
    text-align: left;
    line-height: 1.7;
  }
}
.comStepList {
  margin: -10px 0 68px;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
}
.comStepList li {
  margin-top: 10px;
  width: 122px;
  position: relative;
  z-index: 1;
}
.comStepList li::after {
  content: "";
  position: absolute;
  top: 16px;
  left: 50%;
  z-index: -1;
  width: 100%;
  height: 1px;
  background-color: #ddd;
}
.comStepList li:last-child::after {
  display: none;
}
.comStepList .num {
  margin-bottom: 10px;
  width: 32px;
  height: 32px;
  display: inline-block;
  line-height: 32px;
  border-radius: 50%;
  color: #fff;
  border: 1px solid #D9DEE1;
  background-color: #D9DEE1;
  font-family: "Roboto", sans-serif;
}
.comStepList .txt {
  display: block;
  font-size: 1.2rem;
  letter-spacing: 1px;
  font-weight: 600;
}
.comStepList .on .num {
  background-color: #3584BC;
}
.comStepList .on .txt {
  color: #3584BC;
}
.comStepList .off .num {
  color: #3584BC;
  border-color: #3584BC;
  background-color: #fff;
}
.comStepList .off .txt {
  color: #3584BC;
}
.comStepList .off::after {
  background-color: #3584BC;
}

@media all and (max-width: 896px) {
  .comStepList {
    margin: -10px -8px 36px;
  }
  .comStepList li {
    margin-right: 15px;
    width: 13%;
  }
  .comStepList .txt {
    font-size: 0.9rem;
    color: #6c7174;
  }
  .comStepList .num {
    margin-bottom: 6px;
  }
  .comStepList li:nth-child(6n) {
    margin-right: 0;
  }
  .comStepList li::after {
    top: 15px;
    height: 2px;
  }
}
@media all and (max-width: 374px) {
  .comStepList li {
    margin-right: 13px;
  }
  .comStepList .txt {
    font-size: 0.8rem;
  }
}
.comMailForm {
  max-width: 800px;
  margin: 0 auto;
}
.comMailForm dl dt {
  padding-left: 55px;
  margin-bottom: 28px;
  font-weight: 600;
  position: relative;
  letter-spacing: 1px;
}
.comMailForm dl .tip {
  position: absolute;
  top: 0;
  left: 0;
  margin-right: 7px;
  padding: 3px 10px 1px;
  display: inline-block;
  color: #fff;
  font-size: 1.3rem;
  letter-spacing: 1px;
  background-color: #EF5858;
}
.comMailForm dl dd {
  margin-bottom: 39px;
  padding-bottom: 40px;
  font-weight: 500;
  border-bottom: 1px solid #ddd;
}
.comMailForm .listUl {
  margin: -20px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.comMailForm .listUl li {
  margin-top: 20px;
  width: 47.5%;
}
.comMailForm input[type=text], .comMailForm input[type=tel], .comMailForm input[type=email], .comMailForm input[type=password] {
  padding: 10px 23px;
  font-size: 1.6rem;
  width: 100%;
  height: 56px;
  border-radius: 6px;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none;
  background-color: #EDF2F8;
  border: 1px solid #ddd;
}
.comMailForm select, .comMailForm textarea {
  padding: 10px 23px;
  font-size: 1.6rem;
  width: 100%;
  height: 56px;
  border-radius: 6px;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: none;
  background-color: #EDF2F8;
  border: 1px solid #ddd;
}
.comMailForm input::-webkit-input-placeholder {
  color: rgba(55, 55, 55, 0.6);
  font-weight: 500;
}
.comMailForm input::-moz-placeholder {
  color: rgba(55, 55, 55, 0.6);
  font-weight: 500;
}
.comMailForm input:-moz-placeholder {
  color: rgba(55, 55, 55, 0.6);
  font-weight: 500;
}
.comMailForm input:-ms-input-placeholder {
  color: rgba(55, 55, 55, 0.6);
  font-weight: 500;
}
.comMailForm select::-ms-expand {
  display: none;
}
.comMailForm .ttl {
  margin-bottom: 12px;
  display: block;
  font-weight: 600;
  letter-spacing: 1px;
}
.comMailForm .radioList {
  margin-bottom: -10px;
  display: flex;
  flex-wrap: wrap;
}
.comMailForm .radioList input {
  display: none;
}
.comMailForm .radioList label {
  display: inline-block;
  letter-spacing: 1px;
  padding: 12px 0 10px 32px;
  background: url(/assets/rad_img02-8929dd43612a502a8ef7089c3329b32c7b9e00c0a37fd3b783e397b590a0c1e5.png) no-repeat left top 12px;
}
.comMailForm .radioList input:checked + label {
  background-image: url(/assets/rad_img01-4b03dfb5c5293975a14b1dfc9e0dac246dae602451e7e9664fd5cf94af475779.png);
}
.comMailForm .radioList li {
  margin-right: 39px;
}
.comMailForm .radioList01 {
  display: block;
}
.comMailForm .radioList01 label {
  padding-bottom: 4px;
}
.comMailForm .checkList label {
  background-image: url(/assets/check_img02-bf037c2bc6d62d3eb6355f0b849896f941341f0e9962141f3ed36bf87949a583.png);
}
.comMailForm .checkList input:checked + label {
  background-image: url(/assets/check_img01-0663e856ff26a65455ce280b6cd9b9ee2fff36617cabbf8d4b3bb5bf42d461c9.png);
}
.comMailForm .selectList {
  padding-top: 4px;
  display: flex;
  flex-wrap: wrap;
}
.comMailForm .selectList li, .comMailForm .selectList select {
  margin-right: 12px;
}
.comMailForm .select01 {
  width: 160px;
}
.comMailForm .select02 {
  width: 120px;
}
.comMailForm select {
  background: url(/assets/arr_img01-f12f21026fca7f2805c8e9d47ea4cf8cff8b16cf928ca6ea655daa8dca8d2c34.png) no-repeat right 15px center #EDF2F8;
}
.comMailForm .inpStyle01 {
  width: 320px !important;
}
.comMailForm .inpStyle02 {
  width: 200px !important;
}
.comMailForm .note {
  margin-top: 5px;
  display: block;
  font-size: 1.4rem;
}
.comMailForm .note01 {
  line-height: 2;
}
.comMailForm .oneListUl li:not(:last-child) {
  margin-bottom: 26px;
}

.comMailForm01 dl dd:last-of-type {
  border-bottom: none;
}

.submit {
  padding-top: 1px;
  text-align: center;
}
.submit li {
  margin: 0 10px;
  display: inline-block;
}
.submit input {
  display: inline-block;
  padding: 6px 43px;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 500;
  border-radius: 60px;
  -webkit-appearance: none;
  appearance: none;
  transition: all 0.3s;
  cursor: pointer;
  box-shadow: none;
  border: 1px solid #3584BC;
  background-color: #3584BC;
}
.submit input.btn01 {
  background-color: #fff;
  color: #3584BC;
}

.comBgBox {
  padding: 34px 40px 42px;
  margin: 46px 0 0;
  color: #ef5858;
  line-height: 2;
  font-weight: 500;
  border-radius: 5px;
  background-color: #FDEEEE;
}

.comBgBox01 {
  margin-bottom: 40px;
  padding-bottom: 30px;
}

.comMailForm .imgList {
  margin: 30px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.comConForm dl dt {
  margin-bottom: 9px;
  padding-left: 0;
  font-size: 1.3rem;
  font-weight: 400;
}
.comConForm dl dd {
  margin-bottom: 36px;
  padding-bottom: 31px;
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 500;
}

.bgBox02 {
  margin-bottom: 79px;
  padding: 37px 39px 46px;
  background-color: #EDF2F8;
}
.bgBox02 .ttl {
  margin-bottom: 23px;
}
.bgBox02 .checkList li {
  font-weight: 600;
}

.formList {
  max-width: 800px;
  margin: 0 auto 83px;
}
.formList li {
  position: relative;
  display: flex;
  border-radius: 6px;
  border: 1px solid #ddd;
}
.formList li::before {
  content: "";
  position: absolute;
  top: calc(100% + 18px);
  left: 50%;
  transform: translateX(-50%);
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-top: 17px solid #D9DEE1;
}
.formList li:not(:last-child) {
  margin-bottom: 49px;
}
.formList li:last-child::before {
  display: none;
}
.formList .num {
  width: 9.8%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.4rem;
  color: #3584bc;
  border-radius: 6px 0 0 6px;
  font-family: "Roboto", sans-serif;
  background-color: #EDF2F8;
  border-right: 1px solid #ddd;
}
.formList .rTxt {
  padding: 38px 15px 30px 31px;
  font-weight: 500;
  display: flex;
  align-items: center;
  flex: 1;
  min-height: 172px;
  box-sizing: border-box;
  letter-spacing: 0.7px;
}
.formList .ttl {
  margin-bottom: 8px;
  font-size: 2rem;
}
.formList .txt {
  line-height: 2;
}

.comConForm dl:not(:last-child) {
  margin-bottom: 30px;
}
.comConForm .checkList input:checked + label {
  background-image: url(/assets/check_img01-0663e856ff26a65455ce280b6cd9b9ee2fff36617cabbf8d4b3bb5bf42d461c9.png);
}

@media all and (-ms-high-contrast: none) {
  .comMailForm dl .tip {
    padding: 5px 10px 0;
    top: -3px;
  }
  .submit input {
    padding: 10px 43px 2px;
  }
  .comMailForm .radioList label {
    padding: 14px 0 8px 32px;
  }
  .comMailForm input[type=text], .comMailForm input[type=tel], .comMailForm input[type=email], .comMailForm input[type=password] {
    padding: 14px 10px 6px;
  }
  .comMailForm select, .comMailForm textarea {
    padding: 14px 10px 6px;
  }
}
@media all and (min-width: 897px) {
  .submit input:hover {
    background-color: #fff;
    color: #3584BC;
  }
  .submit input.btn01:hover {
    background-color: #3584BC;
    color: #fff;
  }
}
@media all and (max-width: 896px) {
  .comConForm dl:not(:last-child) {
    margin-bottom: 15px;
  }
  .comMailForm dl .tip {
    padding: 1px 7px;
    font-size: 0.9rem;
    top: 3px;
    letter-spacing: 0;
  }
  .comMailForm .ttl {
    margin-bottom: 1px;
    font-weight: 500;
  }
  .comMailForm input[type=text], .comMailForm input[type=tel], .comMailForm input[type=email] {
    padding: 5px 4px;
    height: 40px;
    font-size: 1.4rem;
    border-radius: 1px;
  }
  .comMailForm select, .comMailForm input[type=password], .comMailForm textarea {
    padding: 5px 4px;
    height: 40px;
    font-size: 1.4rem;
    border-radius: 1px;
  }
  .comMailForm .listUl {
    margin-top: -15px;
  }
  .comMailForm .listUl li {
    margin-top: 15px;
    width: 47.2%;
  }
  .comMailForm dl dd {
    margin-bottom: 17px;
    padding-bottom: 19px;
  }
  .comMailForm .radioList label {
    padding: 5px 0 10px 28px;
    background-size: 21px auto;
    background-position: left top 5px;
  }
  .comMailForm .radioList li {
    margin-right: 29px;
  }
  .comMailForm .radioList01 label {
    padding-bottom: 14px;
  }
  .comMailForm .select01 {
    width: 76%;
  }
  .comMailForm .radioList02 {
    display: block;
  }
  .comMailForm .selectList select {
    margin-right: 12px;
    vertical-align: middle;
  }
  .comMailForm .select02 {
    margin-right: 10px !important;
    width: 76%;
  }
  .comMailForm .selectList li {
    margin-right: 10px;
    width: 30%;
  }
  .comMailForm .selectList li:first-child {
    width: 34%;
  }
  .comMailForm .selectList li:nth-child(3n) {
    margin-right: 0;
  }
  .comMailForm .note {
    font-size: 1.2rem;
  }
  .comMailForm .inpStyle01 {
    width: 60% !important;
  }
  .comMailForm .oneListUl li:not(:last-child) {
    margin-bottom: 12px;
  }
  .submit {
    padding-top: 5px;
    margin: 0 0 0 -2px;
  }
  .submit input {
    padding: 14px 10px;
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size: 1.4rem;
  }
  .submit li {
    margin: 0 8px 0 0;
    width: 48%;
  }
  .submit li:nth-child(2n) {
    margin-right: 0;
  }
  .comBgBox {
    padding: 16px 20px 21px;
    margin-top: 15px;
    line-height: 1.7;
    border-radius: 0;
  }
  .comMailForm .imgList {
    margin: 14px 0 0;
  }
  .comMailForm .imgList li {
    width: 47.2%;
  }
  .comBgBox01 {
    margin-bottom: 18px;
    padding-bottom: 12px;
  }
  .comMailForm .inpStyle02 {
    width: 100% !important;
  }
  .comMailForm dl dt {
    margin-bottom: 12px;
    padding-left: 39px;
    font-size: 1.4rem;
  }
  .comMailForm dl dd {
    margin-bottom: 19px;
    padding-bottom: 12px;
    font-size: 1.4rem;
    line-height: 1.8;
  }
  .bgBox02 {
    padding: 36px 19px 35px;
    margin: 0 -20px 35px;
  }
  .bgBox02 .ttl {
    margin-bottom: 7px;
    line-height: 1.7;
  }
  .bgBox02 .radioList li {
    margin-right: 0;
    font-weight: 500;
  }
  .formList {
    margin-bottom: 40px;
  }
  .formList .num {
    width: 11.4%;
    font-size: 1.6rem;
    border-radius: 3px;
  }
  .formList .rTxt {
    padding: 15px 6px 13px 18px;
    min-height: auto;
  }
  .formList .ttl {
    margin-bottom: 1px;
  }
  .formList .txt {
    line-height: 1.7;
  }
  .formList li {
    border-radius: 3px;
  }
  .formList li:not(:last-child) {
    margin-bottom: 24px;
  }
  .formList li::before {
    top: calc(100% + 9px);
    border-width: 12px;
    border-top-width: 9px;
  }
  .comConForm dl dt {
    padding-left: 0;
    font-size: 1.2rem;
  }
  .comMailForm {
    max-width: 100%;
  }
}
@media all and (max-width: 374px) {
  .submit li {
    width: 47%;
  }
  .comMailForm .selectList li:first-child {
    width: 32%;
  }
  .comMailForm .selectList select {
    margin-right: 6px;
  }
  .comMailForm .select02 {
    margin-right: 5px !important;
  }
}
a.linkTxt {
  color: #3584bc;
  text-decoration: underline;
}

@media all and (min-width: 897px) {
  a.linkTxt:hover {
    text-decoration: none;
  }
}
.comTable {
  width: 100%;
  border-collapse: collapse;
}
.comTable th, .comTable td {
  padding: 15px 30px;
  line-height: 2;
  text-align: left;
  vertical-align: top;
  letter-spacing: 0.5px;
  border: 1px solid #d9dee1;
}
.comTable th {
  border-right: none;
  font-weight: normal;
  background-color: #edf2f8;
}
.comTable td {
  padding-left: 40px;
  border-left: none;
}
.comTable td a {
  color: #3584bc;
}

.comTable01 th, .comTable01 td {
  font-weight: 500;
}
.comTable01 th {
  padding: 15px 32px;
  width: 16.7%;
  letter-spacing: 1.9px;
}
.comTable01 td {
  padding-left: 30px;
}
.comTable01 .txtList .lTxt {
  display: inline-block;
  min-width: 81px;
}

@media all and (-ms-high-contrast: none) {
  .comTable01 th {
    padding: 18px 32px 12px;
  }
}
@media all and (min-width: 897px) {
  .comTable td a:hover {
    text-decoration: underline;
  }
}
@media all and (max-width: 896px) {
  .comTable th, .comTable td {
    padding: 10px 15px;
    letter-spacing: 0;
    line-height: 1.75;
    box-sizing: border-box;
  }
  .comTable th {
    margin-top: -1px;
    border-right: 1px solid #d9dee1;
    border-bottom: none;
  }
  .comTable td {
    border-left: 1px solid #d9dee1;
  }
  .comTable01 .txtList .lTxt {
    min-width: 64px;
  }
  .comTable01 th {
    width: 35.4%;
    padding: 12px 15px;
    letter-spacing: 1px;
    font-weight: 400;
  }
  .comTable01 td {
    padding: 12px 15px;
    letter-spacing: 1px;
    font-weight: 400;
  }
  .comTable01 .pdfTxt {
    display: inline-table;
    background-image: none;
  }
  .comTable01 .pdfTxt span {
    padding-right: 26px;
    word-wrap: break-word;
    word-break: break-all;
    background: url(/assets/pdf_img-cd7a38552ebf8161a9c02edbc648a56a9d172de05cb49fe82c66f7e6c0f28b5d.png) no-repeat right center/26px auto;
  }
}
@media all and (max-width: 374px) {
  .comTable01 th, .comTable01 td {
    font-size: 1.2rem;
  }
}
.comTitleBox {
  max-width: 800px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.comTitleBox .headLine01 {
  margin: 2px 0 32px;
  font-size: 2.9rem;
  letter-spacing: 3px;
}
.comTitleBox .comBtn01 {
  margin-top: 10px;
}
.comTitleBox .comBtn01 a {
  padding: 5px 25px 4px;
  font-size: 1.4rem;
}

@media all and (-ms-high-contrast: none) {
  .comTitleBox .comBtn01 a {
    padding: 8px 25px 2px;
  }
}
@media all and (max-width: 896px) {
  .comTitleBox {
    max-width: 100%;
  }
  .comTitleBox .headLine01 {
    margin: -5px 0 13px;
    font-size: 2rem;
  }
  .comTitleBox .comBtn01 {
    margin-top: -1px;
  }
  .comTitleBox .comBtn01 a {
    padding: 3px 21px 2px;
    font-size: 1rem;
  }
}
.comlogin {
  max-width: 956px;
  margin: 0 auto;
}

.btnList {
  margin: -4px 0 77px;
  display: flex;
  flex-wrap: wrap;
}
.btnList .ttl {
  margin-bottom: 34px;
  text-align: center;
  font-weight: 600;
}
.btnList li {
  width: 50%;
  border-right: 1px solid #ddd;
  box-sizing: border-box;
}
.btnList .btn {
  width: 320px;
  margin: 0 auto;
}
.btnList .btn:not(:last-child) {
  margin-bottom: 8px;
}
.btnList .btn a {
  padding: 16px 10px;
  display: block;
  text-align: center;
  color: #fff;
  font-weight: 500;
  border-radius: 60px;
  background: url(/assets/fa_img-bed6de55179037374cf73a6a041eff5e210df8748d4e2ac7e4d66d0bfd86f6fa.png) no-repeat left 30px center #3F63B1;
}
.btnList .btn01 a {
  background-color: #4CA0EC;
  background-image: url(/assets/twi_img-d4c79e54fd8fefe58609e2a15ceaaa4d3b81d3bc00b143859c43008b2a1209bc.png);
}
.btnList .btn a:hover {
  opacity: 0.7;
}
.btnList .btn02 a {
  background-color: #00B900;
  background-image: url(/assets/line_img-1f361cff4aa7e84dcd49db5e7d3f53194973ecb0bd9377bb0e43ca45476a55aa.png);
}
.btnList .btn03 a {
  background-color: #FF0033;
  background-image: url(/assets/yahoo_img-fc020cc46d1958c558896e3bd7e303a99b814d7628df46c2562ab76924bbfece.png);
}
.btnList .comBtn01 {
  width: 320px;
  margin: 0 auto;
}
.btnList .comBtn01 a {
  padding: 17px 35px 14px;
}

.comlogin .txt, .comlogin .txt01 {
  text-align: center;
  font-weight: 600;
}
.comlogin .txt {
  margin-bottom: 8px;
}

@media all and (-ms-high-contrast: none) {
  .btnList .btn a {
    padding: 18px 10px 14px;
  }
  .btnList .comBtn01 a {
    padding: 19px 35px 12px;
  }
}
@media all and (min-width: 897px) {
  .btnList li:nth-child(2n) {
    border-right: none;
  }
  .btnList01 {
    margin-bottom: 69px;
  }
}
@media all and (max-width: 896px) {
  .comlogin {
    margin: 0 -20px;
  }
  .btnList {
    margin-bottom: 37px;
    display: block;
  }
  .btnList li {
    padding: 0 60px;
    margin-bottom: 39px;
    padding-bottom: 38px;
    border-bottom: 1px solid #ddd;
    width: auto;
    border-right: none;
  }
  .btnList li:last-child {
    margin-bottom: 0;
  }
  .btnList .ttl {
    text-align: left;
  }
  .btnList .btn {
    width: auto;
    max-width: 360px;
  }
  .btnList .ttl {
    margin-bottom: 13px;
  }
  .btnList .btn a {
    letter-spacing: 1px;
    background-size: 30px auto;
    background-position: left 24px center;
  }
  .btnList .btn:not(:last-child) {
    margin-bottom: 11px;
  }
  .btnList .comBtn01 {
    width: auto;
    max-width: 360px;
  }
  .comlogin .txt, .comlogin .txt01 {
    font-weight: 400;
  }
  .comlogin .txt {
    margin-bottom: 3px;
  }
}
@media all and (max-width: 374px) {
  .btnList .btn a {
    background-position: left 13px center;
  }
  .btnList .comBtn01 a {
    padding: 17px 10px 14px;
  }
}
.pdfTxt {
  padding-right: 40px;
  font-weight: 600;
  color: #3584bc;
  letter-spacing: 1px;
  background: url(/assets/pdf_img-cd7a38552ebf8161a9c02edbc648a56a9d172de05cb49fe82c66f7e6c0f28b5d.png) no-repeat right center;
}

@media all and (-ms-high-contrast: none) {
  .pdfTxt {
    background-position: right top 2px;
  }
}
@media all and (max-width: 896px) {
  .pdfTxt {
    padding-right: 34px;
    background-size: 26px auto;
  }
}
.comNaviBox {
  margin-bottom: 56px;
  border-bottom: 4px solid #30393F;
}
.comNaviBox ul {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}
.comNaviBox ul li {
  width: 294px;
  margin-right: 7px;
  box-sizing: border-box;
}
.comNaviBox ul li a {
  display: block;
  text-align: center;
  font-weight: 500;
  border-radius: 8px 8px 0 0;
  padding: 21px 10px 15px;
  letter-spacing: 1px;
  background-color: #E9EFF6;
}
.comNaviBox .on a {
  color: #fff;
  background-color: #30393F;
}
.comNaviBox ul li:nth-child(4n) {
  margin-right: 0;
}

@media all and (-ms-high-contrast: none) {
  .comNaviBox ul li a {
    padding: 24px 10px 12px;
  }
}
@media all and (min-width: 897px) {
  .comNaviBox ul li a:hover {
    color: #fff;
    background-color: #30393F;
  }
}
@media all and (max-width: 896px) {
  .comNaviBox {
    margin-bottom: 20px;
    padding: 0 4px;
  }
  .comNaviBox ul {
    justify-content: center;
  }
  .comNaviBox ul li {
    margin-right: 3px;
    width: 24.3%;
  }
  .comNaviBox ul li a {
    padding: 16px 3px 14px;
    font-size: 1.2rem;
    border-radius: 4px 4px 0 0;
  }
}
@media all and (max-width: 374px) {
  .comNaviBox ul li {
    width: 24.2%;
  }
  .comNaviBox ul li a {
    font-size: 1rem;
  }
}
.text-danger {
  color: red;
}

.field_with_errors {
  border: 2px solid #ef5858;
  border-radius: 6px;
}

.flash {
  color: #fff;
  padding: 10px 40px;
  background-color: rgba(48, 57, 63, 0.6);
  display: flex;
  justify-content: space-between;
  position: relative;
}
.flash button.close {
  width: 25px;
  height: 25px;
  background-color: #fff;
  border-radius: 50%;
  border: none;
  font-size: 20px;
  color: rgba(48, 57, 63, 0.6);
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translate(0%, -50%);
  cursor: pointer;
}

@media all and (max-width: 896px) {
  .flash {
    padding: 10px 40px 20px 10px;
  }
  .flash button.close {
    right: 10px;
  }
}
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
body[data-action=top][data-controller=pages] #gHeader .comheader {
  border-bottom: none;
}
body[data-action=top][data-controller=pages] .mainImg {
  margin-top: -2px;
  position: relative;
  min-height: 520px;
  background: url(/assets/main_img-d9c34d37f151213c982a1a671e07deccef216a583d2b001544417d5f8e1979fc.png) no-repeat center bottom/cover;
  margin-bottom: 55px;
  /* transform: translateY(-50%); */
}
body[data-action=top][data-controller=pages] .mainImg .campaign {
  width: 100%;
  position: absolute;
  left: 310px;
  top: 13%;
  box-sizing: border-box;
  text-align: center;
}
body[data-action=top][data-controller=pages] .mainImg .inner {
  width: 1200px;
  left: 0;
  top: 17%;
  box-sizing: border-box;
  padding-top: 88px;
  margin: 0px auto;
  /* transform: translateY(-50%); */
}
body[data-action=top][data-controller=pages] .mainImg h2 {
  margin-bottom: 16px;
  font-size: 4rem;
  line-height: 1.3;
}
body[data-action=top][data-controller=pages] .mainImg h2 .size {
  font-size: 4.8rem;
}
body[data-action=top][data-controller=pages] .mainImg .note {
  margin-bottom: 35px;
}
body[data-action=top][data-controller=pages] .mainImg .comBtn {
  width: 400px;
  font-size: 1.4rem;
}
body[data-action=top][data-controller=pages] .mainImg .comBtn a {
  padding: 10px 4px;
  line-height: 1.32;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
body[data-action=top][data-controller=pages] .mainImg .comBtn .size {
  display: block;
  font-size: 2.4rem;
  padding: 4px 0 0 0;
}
body[data-action=top][data-controller=pages] .mainImg .comBtn .size01 {
  font-size: 2rem;
}
body[data-action=top][data-controller=pages] #main .btnList01 {
  margin-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
}
body[data-action=top][data-controller=pages] #main .btnList01 li {
  padding: 32px 39px 26px;
  width: 33.3333333333%;
  display: flex;
  align-items: center;
  border-right: 2px solid #fff;
  background-color: #EDF2F8;
  box-sizing: border-box;
}
body[data-action=top][data-controller=pages] #main .btnList01 .img {
  margin: 0 39px 7px 0;
  width: 36px;
}
body[data-action=top][data-controller=pages] #main .btnList01 .txt {
  flex: 1;
  font-size: 1.2rem;
}
body[data-action=top][data-controller=pages] #main .btnList01 .en {
  margin-top: 2px;
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
}
body[data-action=top][data-controller=pages] #main .btnList01 .num {
  font-size: 2.8rem;
}
body[data-action=top][data-controller=pages] #main .tNoteTxt {
  max-width: 1515px;
  margin: 0 auto 55px;
  font-size: 1rem;
  color: #6c7174;
  font-weight: 600;
  text-align: right;
  letter-spacing: 1px;
}
body[data-action=top][data-controller=pages] #main .titleBox {
  position: relative;
}
body[data-action=top][data-controller=pages] #main .titleBox .headLine01 {
  margin-bottom: 43px;
  text-align: left;
}
body[data-action=top][data-controller=pages] #main .titleBox .comBtn01 {
  position: absolute;
  top: 3px;
  right: 0;
}
body[data-action=top][data-controller=pages] #main .fundsBox .imgBox {
  margin: 111px auto 0;
  max-width: 1113px;
  display: flex;
  position: relative;
  z-index: 2;
}
body[data-action=top][data-controller=pages] #main .fundsBox .imgBox .pho {
  width: 495px;
  order: -1;
}
body[data-action=top][data-controller=pages] #main .fundsBox .imgBox .txtBox {
  margin: 37px -30px 0 60px;
  flex: 1;
  line-height: 1.76;
}
body[data-action=top][data-controller=pages] #main .fundsBox .imgBox .headLine01 {
  margin-bottom: 20px;
}
body[data-action=top][data-controller=pages] #main .fundsBox .imgBox p {
  line-height: 2;
  color: #6c7174;
  font-weight: 500;
  letter-spacing: 0.3px;
}
body[data-action=top][data-controller=pages] #main .fundsBox .imgBox .comBtn01 {
  margin-top: 47px;
  position: static;
  display: inline-block;
}
body[data-action=top][data-controller=pages] #main .fundsBox .imgBox .comBtn01 a {
  padding: 5px 51px;
}
body[data-action=top][data-controller=pages] #main .fundsBox .bgBox {
  padding: 104px 0 101px;
  margin: -21px 0 160px;
  position: relative;
  border-radius: 10px;
  background-color: #EDF2F8;
}
body[data-action=top][data-controller=pages] #main .fundsBox .bgBox .imgBox {
  margin-top: 0;
  max-width: 1075px;
}
body[data-action=top][data-controller=pages] #main .fundsBox .bgBox .bgImg01 {
  position: absolute;
  top: -32px;
  left: 88px;
}
body[data-action=top][data-controller=pages] #main .fundsBox .bgBox .bgImg02 {
  position: absolute;
  bottom: -32px;
  right: 88px;
}
body[data-action=top][data-controller=pages] #main .fundsBox .bgBox .pho {
  order: 1;
  width: 570px;
}
body[data-action=top][data-controller=pages] #main .fundsBox .bgBox .txtBox {
  margin: 32px 0 0 16px;
}
body[data-action=top][data-controller=pages] #main .fundsBox .bgBox .headLine01 {
  margin-bottom: 24px;
  font-size: 2.8rem;
}
body[data-action=top][data-controller=pages] #main .fundsBox .bgBox p {
  max-width: 83%;
}
body[data-action=top][data-controller=pages] #main .fundsBox .bgBox .comBtn01 {
  margin-top: 30px;
}
body[data-action=top][data-controller=pages] #main .fundsBox .bgBox .comBtn01 a {
  padding: 6px 35px 4px;
}
body[data-action=top][data-controller=pages] #main .flow {
  margin-bottom: 164px;
  position: relative;
  z-index: 1;
}
body[data-action=top][data-controller=pages] #main .flow .headLine01 {
  margin-bottom: 48px;
}
body[data-action=top][data-controller=pages] #main .flow .listUl {
  margin-top: -26px;
  display: flex;
  flex-wrap: wrap;
}
body[data-action=top][data-controller=pages] #main .flow .listUl li {
  padding: 106px 30px 36px;
  margin: 26px 26px 0 0;
  width: 280px;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  background-color: #fff;
}
body[data-action=top][data-controller=pages] #main .flow .listUl .img {
  margin-bottom: 42px;
  text-align: center;
}
body[data-action=top][data-controller=pages] #main .flow .listUl h3 {
  margin-bottom: 12px;
  font-size: 2rem;
  text-align: center;
  letter-spacing: 0.5px;
}
body[data-action=top][data-controller=pages] #main .flow .listUl p {
  font-size: 1.4rem;
  line-height: 1.72;
}
body[data-action=top][data-controller=pages] #main .flow .listUl a {
  font-weight: 600;
}
body[data-action=top][data-controller=pages] #main .flow .inner {
  position: relative;
}
body[data-action=top][data-controller=pages] #main .flow .stepList {
  position: absolute;
  top: 47px;
  left: 0;
  width: 100%;
  display: flex;
}
body[data-action=top][data-controller=pages] #main .flow .stepList li {
  margin-right: 26px;
  width: 280px;
  position: relative;
  text-align: center;
}
body[data-action=top][data-controller=pages] #main .flow .stepList li::before {
  content: "";
  position: absolute;
  width: calc(100% - 59px);
  height: 2px;
  left: calc(50% + 42px);
  top: 50%;
  transform: translateY(-50%);
  background-color: #ddd;
}
body[data-action=top][data-controller=pages] #main .flow .stepList li:last-child::before {
  display: none;
}
body[data-action=top][data-controller=pages] #main .flow::before {
  content: "";
  position: absolute;
  width: 100%;
  height: calc(50% + 45px);
  top: calc(50% - 73px);
  left: 0;
  z-index: -1;
  background-color: #E9EFF6;
}
body[data-action=top][data-controller=pages] #main .flow .comBtn {
  width: 240px;
  margin: 79px auto 0;
}
body[data-action=top][data-controller=pages] #main .flow .comBtn a {
  padding: 16px 4px 14px;
}
body[data-action=top][data-controller=pages] #main .faqBox {
  margin-bottom: 157px;
}
body[data-action=top][data-controller=pages] #main .faqBox .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body[data-action=top][data-controller=pages] #main .faqBox .inner .subBox {
  padding: 23px 23px 35px;
  width: 588px;
  box-sizing: border-box;
  border-radius: 10px;
  border: 8px solid #D7E6F2;
}
body[data-action=top][data-controller=pages] #main .faqBox .faqList li {
  border-top: none;
}
body[data-action=top][data-controller=pages] #main .faqBox .faqList .ttl .en {
  margin-right: 12px;
}
body[data-action=top][data-controller=pages] #main .faqBox .faqList .contents {
  padding-top: 0;
  margin-top: -1px;
}
body[data-action=top][data-controller=pages] #main .faqBox .faqList .contents .txt {
  margin: 17px -10px 0 0;
  font-weight: 500;
  font-feature-settings: "palt";
  -moz-font-feature-settings: "palt";
}
body[data-action=top][data-controller=pages] #main .faqBox .faqList .ttlBox {
  cursor: inherit;
}
body[data-action=top][data-controller=pages] #main .faqBox .faqList .ttlBox:hover {
  opacity: 1;
}
body[data-action=top][data-controller=pages] #main .faqBox .faqList .ttlBox::before, body[data-action=top][data-controller=pages] #main .faqBox .faqList .ttlBox::after {
  display: none;
}
body[data-action=top][data-controller=pages] #main .faqBox .faqList li:last-child {
  border-bottom: none;
}
body[data-action=top][data-controller=pages] #main .newsBox .comNewsUl li {
  padding: 2px 0 22px;
  border: none;
}
body[data-action=top][data-controller=pages] #main .newsBox .comNewsUl .lTxt {
  width: 19.3%;
}
@media all and (-ms-high-contrast: none) {
  body[data-action=top][data-controller=pages] #main .fundsBox .imgBox .comBtn01 a {
    padding: 8px 51px 2px;
  }
  body[data-action=top][data-controller=pages] #main .fundsBox .bgBox .comBtn01 a {
    padding: 8px 35px 1px;
  }
  body[data-action=top][data-controller=pages] #main .flow .comBtn a {
    padding: 19px 4px 11px;
  }
  body[data-action=top][data-controller=pages] #main .faqBox .faqList .ttl .en {
    margin: -5px 12px 5px 0;
  }
  body[data-action=top][data-controller=pages] .mainImg .comBtn a {
    padding: 21px 4px 15px;
  }
}
@media all and (min-width: 897px) {
  body[data-action=top][data-controller=pages] #main .btnList01 li:nth-child(3n) {
    border-right: none;
  }
  body[data-action=top][data-controller=pages] #main .flow .listUl li:nth-child(4n), body[data-action=top][data-controller=pages] #main .flow .stepList li:nth-child(4n) {
    margin-right: 0;
  }
}
@media all and (max-width: 896px) {
  body[data-action=top][data-controller=pages] .mainImg {
    min-height: 220px;
    background-image: url(/assets/main_img-d9c34d37f151213c982a1a671e07deccef216a583d2b001544417d5f8e1979fc.png);
  }
  body[data-action=top][data-controller=pages] .mainImg h2 {
    font-size: 2rem;
    line-height: 1.5;
    margin: 12px 0;
  }
  body[data-action=top][data-controller=pages] .mainImg h2 .size {
    font-size: 2.4rem;
  }
  body[data-action=top][data-controller=pages] .mainImg .note {
    margin-bottom: 32px;
    font-size: 1.2rem;
    color: #30393f;
    line-height: 2rem;
  }
  body[data-action=top][data-controller=pages] .mainImg .comBtn {
    width: 70%;
    margin: 0px auto;
  }
  body[data-action=top][data-controller=pages] .mainImg .comBtn a {
    padding: 8px 4px;
    font-size: 1.2rem;
  }
  body[data-action=top][data-controller=pages] .mainImg .comBtn .size01 {
    font-size: 1.4rem;
  }
  body[data-action=top][data-controller=pages] .mainImg .comBtn .size {
    font-size: 1.8rem;
  }
  body[data-action=top][data-controller=pages] .mainImg .inner {
    top: 19%;
    width: auto;
    padding: 32px 0;
    text-align: center;
  }
  body[data-action=top][data-controller=pages] .mainImg .campaign {
    width: 100%;
    position: static;
    left: auto;
    top: auto;
    box-sizing: border-box;
    text-align: center;
    /* transform: translateY(-50%); */
  }
  body[data-action=top][data-controller=pages] #main .btnList01 li {
    padding: 62px 10px 26px;
    display: block;
    text-align: center;
    border-right-width: 1px;
  }
  body[data-action=top][data-controller=pages] #main .btnList01 .txt {
    font-size: 1rem;
  }
  body[data-action=top][data-controller=pages] #main .btnList01 .en {
    font-size: 1.2rem;
  }
  body[data-action=top][data-controller=pages] #main .btnList01 .num {
    font-size: 1.6rem;
  }
  body[data-action=top][data-controller=pages] #main .btnList01 .img {
    width: 32px;
    margin: 0 auto 17px;
  }
  body[data-action=top][data-controller=pages] #main .tNoteTxt {
    margin-bottom: 31px;
    padding: 0 17px;
  }
  body[data-action=top][data-controller=pages] #main .titleBox .comBtn01 {
    position: static;
  }
  body[data-action=top][data-controller=pages] #main .titleBox .headLine01 {
    margin-bottom: 19px;
  }
  body[data-action=top][data-controller=pages] #main .titleBox .comBtn01 {
    width: 41.9%;
    margin: 38px auto 0;
  }
  body[data-action=top][data-controller=pages] #main .titleBox .comBtn01 a {
    padding: 16px 15px 13px;
  }
  body[data-action=top][data-controller=pages] #main .fundsBox .imgBox {
    margin-top: 75px;
    display: block;
  }
  body[data-action=top][data-controller=pages] #main .fundsBox .imgBox .txtBox {
    margin: 0 0 41px;
  }
  body[data-action=top][data-controller=pages] #main .fundsBox .imgBox .headLine01 {
    margin-bottom: 14px;
    line-height: 1.5;
  }
  body[data-action=top][data-controller=pages] #main .fundsBox .imgBox p {
    line-height: 1.74;
  }
  body[data-action=top][data-controller=pages] #main .fundsBox .imgBox .comBtn01 {
    margin: 20px 0 0;
    width: 93%;
    display: block;
  }
  body[data-action=top][data-controller=pages] #main .fundsBox .imgBox .comBtn01 a {
    padding: 14px 10px 12px;
  }
  body[data-action=top][data-controller=pages] #main .fundsBox .imgBox .pho {
    width: 74%;
    margin: 0 auto;
  }
  body[data-action=top][data-controller=pages] #main .fundsBox .imgBox .pho img {
    width: 100%;
  }
  body[data-action=top][data-controller=pages] #main .fundsBox .bgBox {
    padding: 55px 19px 58px;
    border-radius: 0;
    margin: -29px -20px 0;
  }
  body[data-action=top][data-controller=pages] #main .fundsBox .bgBox .headLine01 {
    margin-bottom: 16px;
    font-size: 2rem;
    line-height: 1.6;
  }
  body[data-action=top][data-controller=pages] #main .fundsBox .bgBox p {
    max-width: 100%;
  }
  body[data-action=top][data-controller=pages] #main .fundsBox .bgBox .comBtn01 {
    width: 42%;
  }
  body[data-action=top][data-controller=pages] #main .fundsBox .bgBox .pho {
    width: auto;
  }
  body[data-action=top][data-controller=pages] #main .fundsBox .bgBox .txtBox {
    margin-bottom: 39px;
  }
  body[data-action=top][data-controller=pages] #main .fundsBox .bgBox .bgImg01 {
    width: 42px;
    top: -16px;
    left: 19px;
  }
  body[data-action=top][data-controller=pages] #main .fundsBox .bgBox .bgImg02 {
    width: 42px;
    bottom: -16px;
    right: 19px;
  }
  body[data-action=top][data-controller=pages] #main .titleBox {
    margin-bottom: 74px;
  }
  body[data-action=top][data-controller=pages] #main .flow {
    margin-bottom: 72px;
  }
  body[data-action=top][data-controller=pages] #main .flow .headLine01 {
    margin-bottom: 22px;
  }
  body[data-action=top][data-controller=pages] #main .flow .listUl {
    margin-top: 0;
    display: block;
  }
  body[data-action=top][data-controller=pages] #main .flow .listUl li {
    padding: 28px 18px 31px 72px;
    margin: 0 0 8px;
    width: auto;
    min-height: 136px;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border-radius: 4px;
  }
  body[data-action=top][data-controller=pages] #main .flow .listUl li:last-child {
    margin-bottom: 0;
  }
  body[data-action=top][data-controller=pages] #main .flow .stepList {
    left: 19px;
    top: 8.8%;
    width: 37px;
    height: 100%;
    display: block;
  }
  body[data-action=top][data-controller=pages] #main .flow .stepList li {
    margin-right: 0;
    width: auto;
    height: calc(25% + 2px);
  }
  body[data-action=top][data-controller=pages] #main .flow .listUl h3 {
    margin-bottom: 5px;
    font-size: 1.6rem;
    text-align: left;
  }
  body[data-action=top][data-controller=pages] #main .flow .listUl p {
    font-size: 1rem;
    line-height: 1.6;
  }
  body[data-action=top][data-controller=pages] #main .flow .listUl .img {
    order: 1;
    width: 16.5%;
    margin: 0 0 -3px 17px;
    align-self: flex-end;
  }
  body[data-action=top][data-controller=pages] #main .flow .listUl .txtBox {
    flex: 1;
  }
  body[data-action=top][data-controller=pages] #main .flow .stepList li::before {
    width: 2px;
    height: calc(100% - 74px);
    bottom: 18px;
    left: 50%;
    top: auto;
    transform: translate(-50%, 0);
  }
  body[data-action=top][data-controller=pages] #main .flow .comBtn {
    width: 60%;
    margin: 40px auto 0;
  }
  body[data-action=top][data-controller=pages] #main .flow::before {
    width: calc(50% + 68px);
    top: calc(50% - 263px);
    height: calc(100% - 122px);
  }
  body[data-action=top][data-controller=pages] #main .flow .titleBox {
    margin-bottom: 0;
  }
  body[data-action=top][data-controller=pages] #main .faqBox .inner {
    display: block;
  }
  body[data-action=top][data-controller=pages] #main .faqBox .inner .subBox {
    border-width: 4px;
    padding: 2px 20px 2px;
    width: auto;
  }
  body[data-action=top][data-controller=pages] #main .faqBox .inner .subBox:not(:last-child) {
    margin-bottom: 20px;
  }
  body[data-action=top][data-controller=pages] #main .faqBox .faqList .ttl {
    margin-right: -10px;
    padding-right: 0;
    font-size: 1.4rem;
  }
  body[data-action=top][data-controller=pages] #main .faqBox .faqList .ttl .en {
    margin-right: 8px;
    margin-top: -5px;
  }
  body[data-action=top][data-controller=pages] #main .faqBox .faqList .contents {
    padding-top: 4px;
  }
  body[data-action=top][data-controller=pages] #main .faqBox .faqList .contents .txt {
    margin-top: 9px;
  }
  body[data-action=top][data-controller=pages] #main .newsBox .comNewsUl .lTxt {
    width: auto;
  }
  body[data-action=top][data-controller=pages] #main .newsBox .comBtn01 {
    margin-top: 9px;
  }
}
@media all and (max-width: 374px) {
  body[data-action=top][data-controller=pages] .mainImg h2 {
    font-size: 1.9rem;
  }
  body[data-action=top][data-controller=pages] #main .fundsBox .imgBox .headLine01 {
    font-size: 2rem;
  }
  body[data-action=top][data-controller=pages] #main .flow .listUl h3 {
    font-size: 1.4rem;
  }
  body[data-action=top][data-controller=pages] #main .fundsBox .imgBox .comBtn01 a {
    padding: 14px 4px 12px;
    font-size: 1.3rem;
  }
}

body[data-action=new][data-controller=member_sessions] #main .comMailForm,
body[data-action=create][data-controller=member_sessions] #main .comMailForm {
  margin-top: -4px;
  max-width: 320px;
}
body[data-action=new][data-controller=member_sessions] #main .comMailForm dt,
body[data-action=create][data-controller=member_sessions] #main .comMailForm dt {
  padding-left: 0;
  margin-bottom: 4px;
}
body[data-action=new][data-controller=member_sessions] #main .comMailForm dl dd,
body[data-action=create][data-controller=member_sessions] #main .comMailForm dl dd {
  margin-bottom: 12px;
  padding-bottom: 0;
  border-bottom: none;
}
body[data-action=new][data-controller=member_sessions] #main .comMailForm dt,
body[data-action=create][data-controller=member_sessions] #main .comMailForm dt {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body[data-action=new][data-controller=member_sessions] #main .comMailForm .rTxt,
body[data-action=create][data-controller=member_sessions] #main .comMailForm .rTxt {
  font-size: 1.2rem;
  font-weight: 400;
}
body[data-action=new][data-controller=member_sessions] #main .submit,
body[data-action=create][data-controller=member_sessions] #main .submit {
  padding-top: 5px;
  margin-bottom: 20px;
}
body[data-action=new][data-controller=member_sessions] #main .submit li,
body[data-action=create][data-controller=member_sessions] #main .submit li {
  width: 320px;
  margin: 0;
  border-right: none;
}
body[data-action=new][data-controller=member_sessions] #main .submit li input,
body[data-action=create][data-controller=member_sessions] #main .submit li input {
  padding: 14px 43px;
  width: 100%;
}
@media all and (-ms-high-contrast: none) {
  body[data-action=new][data-controller=member_sessions] #main .submit li input,
  body[data-action=create][data-controller=member_sessions] #main .submit li input {
    padding: 18px 43px 10px;
  }
}
@media all and (max-width: 896px) {
  body[data-action=new][data-controller=member_sessions] #main .comMailForm dt,
  body[data-action=create][data-controller=member_sessions] #main .comMailForm dt {
    font-size: 1.4rem;
    margin-bottom: 6px;
    font-weight: 400;
  }
  body[data-action=new][data-controller=member_sessions] #main .comMailForm dl,
  body[data-action=create][data-controller=member_sessions] #main .comMailForm dl {
    position: relative;
  }
  body[data-action=new][data-controller=member_sessions] #main .comMailForm dl dd,
  body[data-action=create][data-controller=member_sessions] #main .comMailForm dl dd {
    margin-bottom: 17px;
  }
  body[data-action=new][data-controller=member_sessions] #main .comMailForm .rTxt,
  body[data-action=create][data-controller=member_sessions] #main .comMailForm .rTxt {
    position: absolute;
    bottom: -70px;
    left: 0;
  }
  body[data-action=new][data-controller=member_sessions] #main .submit,
  body[data-action=create][data-controller=member_sessions] #main .submit {
    padding-top: 43px;
    margin-bottom: 18px;
  }
  body[data-action=new][data-controller=member_sessions] #main .submit li,
  body[data-action=create][data-controller=member_sessions] #main .submit li {
    padding: 0;
    width: 100%;
    border-bottom: none;
  }
}

body[data-action=index][data-controller=members] .signup01,
body[data-action=new][data-controller=members] .signup01,
body[data-action=create][data-controller=members] .signup01,
body[data-action=new][data-controller=sns_registrations] .signup01,
body[data-action=create][data-controller=sns_registrations] .signup01,
#member_register_confirm .signup01, #member_register_finish .signup01 {
  max-width: 482px;
}
body[data-action=index][data-controller=members] .signup01 .comMailForm,
body[data-action=new][data-controller=members] .signup01 .comMailForm,
body[data-action=create][data-controller=members] .signup01 .comMailForm,
body[data-action=new][data-controller=sns_registrations] .signup01 .comMailForm,
body[data-action=create][data-controller=sns_registrations] .signup01 .comMailForm,
#member_register_confirm .signup01 .comMailForm, #member_register_finish .signup01 .comMailForm {
  margin-top: -6px;
}
body[data-action=index][data-controller=members] .signup01 .comMailForm dl dt,
body[data-action=new][data-controller=members] .signup01 .comMailForm dl dt,
body[data-action=create][data-controller=members] .signup01 .comMailForm dl dt,
body[data-action=new][data-controller=sns_registrations] .signup01 .comMailForm dl dt,
body[data-action=create][data-controller=sns_registrations] .signup01 .comMailForm dl dt,
#member_register_confirm .signup01 .comMailForm dl dt, #member_register_finish .signup01 .comMailForm dl dt {
  margin-bottom: 4px;
  padding-left: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body[data-action=index][data-controller=members] .signup01 .comMailForm dl .rTxt,
body[data-action=new][data-controller=members] .signup01 .comMailForm dl .rTxt,
body[data-action=create][data-controller=members] .signup01 .comMailForm dl .rTxt,
body[data-action=new][data-controller=sns_registrations] .signup01 .comMailForm dl .rTxt,
body[data-action=create][data-controller=sns_registrations] .signup01 .comMailForm dl .rTxt,
#member_register_confirm .signup01 .comMailForm dl .rTxt, #member_register_finish .signup01 .comMailForm dl .rTxt {
  font-size: 1.2rem;
  font-weight: 400;
}
body[data-action=index][data-controller=members] .signup01 dl dd,
body[data-action=new][data-controller=members] .signup01 dl dd,
body[data-action=create][data-controller=members] .signup01 dl dd,
body[data-action=new][data-controller=sns_registrations] .signup01 dl dd,
body[data-action=create][data-controller=sns_registrations] .signup01 dl dd,
#member_register_confirm .signup01 dl dd, #member_register_finish .signup01 dl dd {
  margin-bottom: 12px;
  padding-bottom: 0;
  border-bottom: none;
}
body[data-action=index][data-controller=members] .signup01 .checkList,
body[data-action=new][data-controller=members] .signup01 .checkList,
body[data-action=create][data-controller=members] .signup01 .checkList,
body[data-action=new][data-controller=sns_registrations] .signup01 .checkList,
body[data-action=create][data-controller=sns_registrations] .signup01 .checkList,
#member_register_confirm .signup01 .checkList, #member_register_finish .signup01 .checkList {
  margin-bottom: 35px;
  font-weight: 600;
  padding-top: 8px;
}
body[data-action=index][data-controller=members] .signup01 .submit li,
body[data-action=new][data-controller=members] .signup01 .submit li,
body[data-action=create][data-controller=members] .signup01 .submit li,
body[data-action=new][data-controller=sns_registrations] .signup01 .submit li,
body[data-action=create][data-controller=sns_registrations] .signup01 .submit li,
#member_register_confirm .signup01 .submit li, #member_register_finish .signup01 .submit li {
  width: 320px;
}
body[data-action=index][data-controller=members] .signup01 .submit input,
body[data-action=new][data-controller=members] .signup01 .submit input,
body[data-action=create][data-controller=members] .signup01 .submit input,
body[data-action=new][data-controller=sns_registrations] .signup01 .submit input,
body[data-action=create][data-controller=sns_registrations] .signup01 .submit input,
#member_register_confirm .signup01 .submit input, #member_register_finish .signup01 .submit input {
  width: 100%;
  padding: 14px 43px;
}
body[data-action=index][data-controller=members] .signup02,
body[data-action=new][data-controller=members] .signup02,
body[data-action=create][data-controller=members] .signup02,
body[data-action=new][data-controller=sns_registrations] .signup02,
body[data-action=create][data-controller=sns_registrations] .signup02,
#member_register_confirm .signup02, #member_register_finish .signup02 {
  max-width: 563px;
}
body[data-action=index][data-controller=members] .signup02 .txt,
body[data-action=new][data-controller=members] .signup02 .txt,
body[data-action=create][data-controller=members] .signup02 .txt,
body[data-action=new][data-controller=sns_registrations] .signup02 .txt,
body[data-action=create][data-controller=sns_registrations] .signup02 .txt,
#member_register_confirm .signup02 .txt, #member_register_finish .signup02 .txt {
  text-align: left;
  line-height: 2;
}
body[data-action=index][data-controller=members] .signup02 .comBtn03,
body[data-action=new][data-controller=members] .signup02 .comBtn03,
body[data-action=create][data-controller=members] .signup02 .comBtn03,
body[data-action=new][data-controller=sns_registrations] .signup02 .comBtn03,
body[data-action=create][data-controller=sns_registrations] .signup02 .comBtn03,
#member_register_confirm .signup02 .comBtn03, #member_register_finish .signup02 .comBtn03 {
  margin-top: 32px;
}
body[data-action=index][data-controller=members] .signup02 .headLine01,
body[data-action=new][data-controller=members] .signup02 .headLine01,
body[data-action=create][data-controller=members] .signup02 .headLine01,
body[data-action=new][data-controller=sns_registrations] .signup02 .headLine01,
body[data-action=create][data-controller=sns_registrations] .signup02 .headLine01,
#member_register_confirm .signup02 .headLine01, #member_register_finish .signup02 .headLine01 {
  margin-bottom: 56px;
}
body[data-action=index][data-controller=members] .signup02 .inner:not(:last-child),
body[data-action=new][data-controller=members] .signup02 .inner:not(:last-child),
body[data-action=create][data-controller=members] .signup02 .inner:not(:last-child),
body[data-action=new][data-controller=sns_registrations] .signup02 .inner:not(:last-child),
body[data-action=create][data-controller=sns_registrations] .signup02 .inner:not(:last-child),
#member_register_confirm .signup02 .inner:not(:last-child), #member_register_finish .signup02 .inner:not(:last-child) {
  padding-bottom: 41px;
  margin-bottom: 33px;
  border-bottom: 1px solid #ddd;
}
body[data-action=index][data-controller=members] .signup02 .txt01,
body[data-action=new][data-controller=members] .signup02 .txt01,
body[data-action=create][data-controller=members] .signup02 .txt01,
body[data-action=new][data-controller=sns_registrations] .signup02 .txt01,
body[data-action=create][data-controller=sns_registrations] .signup02 .txt01,
#member_register_confirm .signup02 .txt01, #member_register_finish .signup02 .txt01 {
  text-align: left;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2;
}
body[data-action=index][data-controller=members] .signup02 .txt01 .ttl,
body[data-action=new][data-controller=members] .signup02 .txt01 .ttl,
body[data-action=create][data-controller=members] .signup02 .txt01 .ttl,
body[data-action=new][data-controller=sns_registrations] .signup02 .txt01 .ttl,
body[data-action=create][data-controller=sns_registrations] .signup02 .txt01 .ttl,
#member_register_confirm .signup02 .txt01 .ttl, #member_register_finish .signup02 .txt01 .ttl {
  display: block;
  font-weight: 600;
}
body[data-action=index][data-controller=members] .signup03 .txt,
body[data-action=new][data-controller=members] .signup03 .txt,
body[data-action=create][data-controller=members] .signup03 .txt,
body[data-action=new][data-controller=sns_registrations] .signup03 .txt,
body[data-action=create][data-controller=sns_registrations] .signup03 .txt,
#member_register_confirm .signup03 .txt, #member_register_finish .signup03 .txt {
  margin: -14px 0 45px;
  font-weight: 500;
}
@media all and (-ms-high-contrast: none) {
  body[data-action=index][data-controller=members] .signup01 .submit input,
  body[data-action=new][data-controller=members] .signup01 .submit input,
  body[data-action=create][data-controller=members] .signup01 .submit input,
  body[data-action=new][data-controller=sns_registrations] .signup01 .submit input,
  body[data-action=create][data-controller=sns_registrations] .signup01 .submit input,
  #member_register_confirm .signup01 .submit input, #member_register_finish .signup01 .submit input {
    padding: 19px 43px 9px;
  }
}
@media all and (max-width: 896px) {
  body[data-action=index][data-controller=members] .signup01,
  body[data-action=new][data-controller=members] .signup01,
  body[data-action=create][data-controller=members] .signup01,
  body[data-action=new][data-controller=sns_registrations] .signup01,
  body[data-action=create][data-controller=sns_registrations] .signup01,
  #member_register_confirm .signup01, #member_register_finish .signup01 {
    max-width: 100%;
    margin: 0 20px;
  }
  body[data-action=index][data-controller=members] .signup01 .comMailForm dl dt,
  body[data-action=new][data-controller=members] .signup01 .comMailForm dl dt,
  body[data-action=create][data-controller=members] .signup01 .comMailForm dl dt,
  body[data-action=new][data-controller=sns_registrations] .signup01 .comMailForm dl dt,
  body[data-action=create][data-controller=sns_registrations] .signup01 .comMailForm dl dt,
  #member_register_confirm .signup01 .comMailForm dl dt, #member_register_finish .signup01 .comMailForm dl dt {
    font-size: 1.4rem;
    font-weight: 400;
    margin-bottom: 6px;
  }
  body[data-action=index][data-controller=members] .signup01 dl,
  body[data-action=new][data-controller=members] .signup01 dl,
  body[data-action=create][data-controller=members] .signup01 dl,
  body[data-action=new][data-controller=sns_registrations] .signup01 dl,
  body[data-action=create][data-controller=sns_registrations] .signup01 dl,
  #member_register_confirm .signup01 dl, #member_register_finish .signup01 dl {
    position: relative;
  }
  body[data-action=index][data-controller=members] .signup01 dl dd,
  body[data-action=new][data-controller=members] .signup01 dl dd,
  body[data-action=create][data-controller=members] .signup01 dl dd,
  body[data-action=new][data-controller=sns_registrations] .signup01 dl dd,
  body[data-action=create][data-controller=sns_registrations] .signup01 dl dd,
  #member_register_confirm .signup01 dl dd, #member_register_finish .signup01 dl dd {
    margin-bottom: 16px;
  }
  body[data-action=index][data-controller=members] .signup01 .radioList li,
  body[data-action=new][data-controller=members] .signup01 .radioList li,
  body[data-action=create][data-controller=members] .signup01 .radioList li,
  body[data-action=new][data-controller=sns_registrations] .signup01 .radioList li,
  body[data-action=create][data-controller=sns_registrations] .signup01 .radioList li,
  #member_register_confirm .signup01 .radioList li, #member_register_finish .signup01 .radioList li {
    margin-right: 0;
  }
  body[data-action=index][data-controller=members] .signup01 .checkList,
  body[data-action=new][data-controller=members] .signup01 .checkList,
  body[data-action=create][data-controller=members] .signup01 .checkList,
  body[data-action=new][data-controller=sns_registrations] .signup01 .checkList,
  body[data-action=create][data-controller=sns_registrations] .signup01 .checkList,
  #member_register_confirm .signup01 .checkList, #member_register_finish .signup01 .checkList {
    margin-bottom: 21px;
    margin-right: -10px;
    padding-top: 41px;
    font-weight: 400;
  }
  body[data-action=index][data-controller=members] .signup01 .submit li,
  body[data-action=new][data-controller=members] .signup01 .submit li,
  body[data-action=create][data-controller=members] .signup01 .submit li,
  body[data-action=new][data-controller=sns_registrations] .signup01 .submit li,
  body[data-action=create][data-controller=sns_registrations] .signup01 .submit li,
  #member_register_confirm .signup01 .submit li, #member_register_finish .signup01 .submit li {
    margin-right: 0;
    width: 87%;
  }
  body[data-action=index][data-controller=members] .signup02,
  body[data-action=new][data-controller=members] .signup02,
  body[data-action=create][data-controller=members] .signup02,
  body[data-action=new][data-controller=sns_registrations] .signup02,
  body[data-action=create][data-controller=sns_registrations] .signup02,
  #member_register_confirm .signup02, #member_register_finish .signup02 {
    margin: 0;
    max-width: 100%;
  }
  body[data-action=index][data-controller=members] .signup02 .inner,
  body[data-action=new][data-controller=members] .signup02 .inner,
  body[data-action=create][data-controller=members] .signup02 .inner,
  body[data-action=new][data-controller=sns_registrations] .signup02 .inner,
  body[data-action=create][data-controller=sns_registrations] .signup02 .inner,
  #member_register_confirm .signup02 .inner, #member_register_finish .signup02 .inner {
    padding: 0 20px;
    margin-bottom: 35px;
  }
  body[data-action=index][data-controller=members] .signup02 .headLine01,
  body[data-action=new][data-controller=members] .signup02 .headLine01,
  body[data-action=create][data-controller=members] .signup02 .headLine01,
  body[data-action=new][data-controller=sns_registrations] .signup02 .headLine01,
  body[data-action=create][data-controller=sns_registrations] .signup02 .headLine01,
  #member_register_confirm .signup02 .headLine01, #member_register_finish .signup02 .headLine01 {
    margin-bottom: 29px;
  }
  body[data-action=index][data-controller=members] .signup02 .txt,
  body[data-action=new][data-controller=members] .signup02 .txt,
  body[data-action=create][data-controller=members] .signup02 .txt,
  body[data-action=new][data-controller=sns_registrations] .signup02 .txt,
  body[data-action=create][data-controller=sns_registrations] .signup02 .txt,
  #member_register_confirm .signup02 .txt, #member_register_finish .signup02 .txt {
    line-height: 1.7;
  }
  body[data-action=index][data-controller=members] .signup02 .comBtn03,
  body[data-action=new][data-controller=members] .signup02 .comBtn03,
  body[data-action=create][data-controller=members] .signup02 .comBtn03,
  body[data-action=new][data-controller=sns_registrations] .signup02 .comBtn03,
  body[data-action=create][data-controller=sns_registrations] .signup02 .comBtn03,
  #member_register_confirm .signup02 .comBtn03, #member_register_finish .signup02 .comBtn03 {
    margin-top: 35px;
  }
  body[data-action=index][data-controller=members] .signup02 .inner:not(:last-child),
  body[data-action=new][data-controller=members] .signup02 .inner:not(:last-child),
  body[data-action=create][data-controller=members] .signup02 .inner:not(:last-child),
  body[data-action=new][data-controller=sns_registrations] .signup02 .inner:not(:last-child),
  body[data-action=create][data-controller=sns_registrations] .signup02 .inner:not(:last-child),
  #member_register_confirm .signup02 .inner:not(:last-child), #member_register_finish .signup02 .inner:not(:last-child) {
    padding-bottom: 39px;
  }
  body[data-action=index][data-controller=members] .signup02 .txt01,
  body[data-action=new][data-controller=members] .signup02 .txt01,
  body[data-action=create][data-controller=members] .signup02 .txt01,
  body[data-action=new][data-controller=sns_registrations] .signup02 .txt01,
  body[data-action=create][data-controller=sns_registrations] .signup02 .txt01,
  #member_register_confirm .signup02 .txt01, #member_register_finish .signup02 .txt01 {
    font-size: 1.2rem;
    line-height: 1.7;
  }
  body[data-action=index][data-controller=members] .signup03 .txt,
  body[data-action=new][data-controller=members] .signup03 .txt,
  body[data-action=create][data-controller=members] .signup03 .txt,
  body[data-action=new][data-controller=sns_registrations] .signup03 .txt,
  body[data-action=create][data-controller=sns_registrations] .signup03 .txt,
  #member_register_confirm .signup03 .txt, #member_register_finish .signup03 .txt {
    margin: -5px 10px 58px;
  }
  body[data-action=index][data-controller=members] .signup03 .comBtn03,
  body[data-action=new][data-controller=members] .signup03 .comBtn03,
  body[data-action=create][data-controller=members] .signup03 .comBtn03,
  body[data-action=new][data-controller=sns_registrations] .signup03 .comBtn03,
  body[data-action=create][data-controller=sns_registrations] .signup03 .comBtn03,
  #member_register_confirm .signup03 .comBtn03, #member_register_finish .signup03 .comBtn03 {
    width: 71%;
  }
}
@media all and (max-width: 374px) {
  body[data-action=index][data-controller=members] .signup03 .txt,
  body[data-action=new][data-controller=members] .signup03 .txt,
  body[data-action=create][data-controller=members] .signup03 .txt,
  body[data-action=new][data-controller=sns_registrations] .signup03 .txt,
  body[data-action=create][data-controller=sns_registrations] .signup03 .txt,
  #member_register_confirm .signup03 .txt, #member_register_finish .signup03 .txt {
    font-size: 1.3rem;
  }
}

body[data-action=edit][data-controller=step1_registers] .register01 .headLine01,
body[data-action=update][data-controller=step1_registers] .register01 .headLine01,
body[data-action=show][data-controller=step2_registers] .register01 .headLine01,
body[data-action=update][data-controller=step2_registers] .register01 .headLine01,
body[data-action=show][data-controller=step3_registers] .register01 .headLine01,
body[data-action=edit][data-controller=step4_registers] .register01 .headLine01,
body[data-action=update][data-controller=step4_registers] .register01 .headLine01,
body[data-action=edit][data-controller=member_details] .register01 .headLine01,
body[data-action=update][data-controller=member_details] .register01 .headLine01 {
  margin-bottom: 62px;
}
body[data-action=edit][data-controller=step1_registers] .register06 .comBtn01,
body[data-action=update][data-controller=step1_registers] .register06 .comBtn01,
body[data-action=show][data-controller=step2_registers] .register06 .comBtn01,
body[data-action=update][data-controller=step2_registers] .register06 .comBtn01,
body[data-action=show][data-controller=step3_registers] .register06 .comBtn01,
body[data-action=edit][data-controller=step4_registers] .register06 .comBtn01,
body[data-action=update][data-controller=step4_registers] .register06 .comBtn01,
body[data-action=edit][data-controller=member_details] .register06 .comBtn01,
body[data-action=update][data-controller=member_details] .register06 .comBtn01 {
  width: 162px;
  margin: 0 auto;
}
body[data-action=edit][data-controller=step1_registers] .register06 .comBtn01 a,
body[data-action=update][data-controller=step1_registers] .register06 .comBtn01 a,
body[data-action=show][data-controller=step2_registers] .register06 .comBtn01 a,
body[data-action=update][data-controller=step2_registers] .register06 .comBtn01 a,
body[data-action=show][data-controller=step3_registers] .register06 .comBtn01 a,
body[data-action=edit][data-controller=step4_registers] .register06 .comBtn01 a,
body[data-action=update][data-controller=step4_registers] .register06 .comBtn01 a,
body[data-action=edit][data-controller=member_details] .register06 .comBtn01 a,
body[data-action=update][data-controller=member_details] .register06 .comBtn01 a {
  padding: 8px 10px 6px;
}
body[data-action=edit][data-controller=step1_registers] .select02,
body[data-action=update][data-controller=step1_registers] .select02,
body[data-action=show][data-controller=step2_registers] .select02,
body[data-action=update][data-controller=step2_registers] .select02,
body[data-action=show][data-controller=step3_registers] .select02,
body[data-action=edit][data-controller=step4_registers] .select02,
body[data-action=update][data-controller=step4_registers] .select02,
body[data-action=edit][data-controller=member_details] .select02,
body[data-action=update][data-controller=member_details] .select02 {
  margin-left: 12px;
}
body[data-action=edit][data-controller=step1_registers] .comBgBox.explanation,
body[data-action=update][data-controller=step1_registers] .comBgBox.explanation,
body[data-action=show][data-controller=step2_registers] .comBgBox.explanation,
body[data-action=update][data-controller=step2_registers] .comBgBox.explanation,
body[data-action=show][data-controller=step3_registers] .comBgBox.explanation,
body[data-action=edit][data-controller=step4_registers] .comBgBox.explanation,
body[data-action=update][data-controller=step4_registers] .comBgBox.explanation,
body[data-action=edit][data-controller=member_details] .comBgBox.explanation,
body[data-action=update][data-controller=member_details] .comBgBox.explanation {
  background-color: #eeeeee;
  color: #30393f;
}
body[data-action=edit][data-controller=step1_registers] .comBgBox.explanation p.indent,
body[data-action=update][data-controller=step1_registers] .comBgBox.explanation p.indent,
body[data-action=show][data-controller=step2_registers] .comBgBox.explanation p.indent,
body[data-action=update][data-controller=step2_registers] .comBgBox.explanation p.indent,
body[data-action=show][data-controller=step3_registers] .comBgBox.explanation p.indent,
body[data-action=edit][data-controller=step4_registers] .comBgBox.explanation p.indent,
body[data-action=update][data-controller=step4_registers] .comBgBox.explanation p.indent,
body[data-action=edit][data-controller=member_details] .comBgBox.explanation p.indent,
body[data-action=update][data-controller=member_details] .comBgBox.explanation p.indent {
  margin-left: 2rem;
}
body[data-action=edit][data-controller=step1_registers] .btn-title,
body[data-action=update][data-controller=step1_registers] .btn-title,
body[data-action=show][data-controller=step2_registers] .btn-title,
body[data-action=update][data-controller=step2_registers] .btn-title,
body[data-action=show][data-controller=step3_registers] .btn-title,
body[data-action=edit][data-controller=step4_registers] .btn-title,
body[data-action=update][data-controller=step4_registers] .btn-title,
body[data-action=edit][data-controller=member_details] .btn-title,
body[data-action=update][data-controller=member_details] .btn-title {
  margin-bottom: 10px;
}
@media all and (-ms-high-contrast: none) {
  body[data-action=edit][data-controller=step1_registers] .register06 .comBtn01 a,
  body[data-action=update][data-controller=step1_registers] .register06 .comBtn01 a,
  body[data-action=show][data-controller=step2_registers] .register06 .comBtn01 a,
  body[data-action=update][data-controller=step2_registers] .register06 .comBtn01 a,
  body[data-action=show][data-controller=step3_registers] .register06 .comBtn01 a,
  body[data-action=edit][data-controller=step4_registers] .register06 .comBtn01 a,
  body[data-action=update][data-controller=step4_registers] .register06 .comBtn01 a,
  body[data-action=edit][data-controller=member_details] .register06 .comBtn01 a,
  body[data-action=update][data-controller=member_details] .register06 .comBtn01 a {
    padding: 11px 10px 3px;
  }
}
@media all and (max-width: 896px) {
  body[data-action=edit][data-controller=step1_registers] .register01 .headLine01,
  body[data-action=update][data-controller=step1_registers] .register01 .headLine01,
  body[data-action=show][data-controller=step2_registers] .register01 .headLine01,
  body[data-action=update][data-controller=step2_registers] .register01 .headLine01,
  body[data-action=show][data-controller=step3_registers] .register01 .headLine01,
  body[data-action=edit][data-controller=step4_registers] .register01 .headLine01,
  body[data-action=update][data-controller=step4_registers] .register01 .headLine01,
  body[data-action=edit][data-controller=member_details] .register01 .headLine01,
  body[data-action=update][data-controller=member_details] .register01 .headLine01 {
    margin-bottom: 27px;
  }
  body[data-action=edit][data-controller=step1_registers] .register06 .comTtlBox,
  body[data-action=update][data-controller=step1_registers] .register06 .comTtlBox,
  body[data-action=show][data-controller=step2_registers] .register06 .comTtlBox,
  body[data-action=update][data-controller=step2_registers] .register06 .comTtlBox,
  body[data-action=show][data-controller=step3_registers] .register06 .comTtlBox,
  body[data-action=edit][data-controller=step4_registers] .register06 .comTtlBox,
  body[data-action=update][data-controller=step4_registers] .register06 .comTtlBox,
  body[data-action=edit][data-controller=member_details] .register06 .comTtlBox,
  body[data-action=update][data-controller=member_details] .register06 .comTtlBox {
    margin-bottom: 33px;
  }
  body[data-action=edit][data-controller=step1_registers] .register06 .comTtlBox .ttl,
  body[data-action=update][data-controller=step1_registers] .register06 .comTtlBox .ttl,
  body[data-action=show][data-controller=step2_registers] .register06 .comTtlBox .ttl,
  body[data-action=update][data-controller=step2_registers] .register06 .comTtlBox .ttl,
  body[data-action=show][data-controller=step3_registers] .register06 .comTtlBox .ttl,
  body[data-action=edit][data-controller=step4_registers] .register06 .comTtlBox .ttl,
  body[data-action=update][data-controller=step4_registers] .register06 .comTtlBox .ttl,
  body[data-action=edit][data-controller=member_details] .register06 .comTtlBox .ttl,
  body[data-action=update][data-controller=member_details] .register06 .comTtlBox .ttl {
    padding-top: 2px;
    line-height: 1.4;
  }
  body[data-action=edit][data-controller=step1_registers] .register06 .comTtlBox .txt,
  body[data-action=update][data-controller=step1_registers] .register06 .comTtlBox .txt,
  body[data-action=show][data-controller=step2_registers] .register06 .comTtlBox .txt,
  body[data-action=update][data-controller=step2_registers] .register06 .comTtlBox .txt,
  body[data-action=show][data-controller=step3_registers] .register06 .comTtlBox .txt,
  body[data-action=edit][data-controller=step4_registers] .register06 .comTtlBox .txt,
  body[data-action=update][data-controller=step4_registers] .register06 .comTtlBox .txt,
  body[data-action=edit][data-controller=member_details] .register06 .comTtlBox .txt,
  body[data-action=update][data-controller=member_details] .register06 .comTtlBox .txt {
    text-align: center;
  }
  body[data-action=edit][data-controller=step1_registers] .register06 .comBtn01 a,
  body[data-action=update][data-controller=step1_registers] .register06 .comBtn01 a,
  body[data-action=show][data-controller=step2_registers] .register06 .comBtn01 a,
  body[data-action=update][data-controller=step2_registers] .register06 .comBtn01 a,
  body[data-action=show][data-controller=step3_registers] .register06 .comBtn01 a,
  body[data-action=edit][data-controller=step4_registers] .register06 .comBtn01 a,
  body[data-action=update][data-controller=step4_registers] .register06 .comBtn01 a,
  body[data-action=edit][data-controller=member_details] .register06 .comBtn01 a,
  body[data-action=update][data-controller=member_details] .register06 .comBtn01 a {
    padding: 15px 10px 14px;
  }
  body[data-action=edit][data-controller=step1_registers] ul.selectList li,
  body[data-action=update][data-controller=step1_registers] ul.selectList li,
  body[data-action=show][data-controller=step2_registers] ul.selectList li,
  body[data-action=update][data-controller=step2_registers] ul.selectList li,
  body[data-action=show][data-controller=step3_registers] ul.selectList li,
  body[data-action=edit][data-controller=step4_registers] ul.selectList li,
  body[data-action=update][data-controller=step4_registers] ul.selectList li,
  body[data-action=edit][data-controller=member_details] ul.selectList li,
  body[data-action=update][data-controller=member_details] ul.selectList li {
    width: 100%;
  }
  body[data-action=edit][data-controller=step1_registers] ul.selectList li select,
  body[data-action=update][data-controller=step1_registers] ul.selectList li select,
  body[data-action=show][data-controller=step2_registers] ul.selectList li select,
  body[data-action=update][data-controller=step2_registers] ul.selectList li select,
  body[data-action=show][data-controller=step3_registers] ul.selectList li select,
  body[data-action=edit][data-controller=step4_registers] ul.selectList li select,
  body[data-action=update][data-controller=step4_registers] ul.selectList li select,
  body[data-action=edit][data-controller=member_details] ul.selectList li select,
  body[data-action=update][data-controller=member_details] ul.selectList li select {
    margin-right: 3px;
    width: 25%;
    max-width: 75px;
  }
  body[data-action=edit][data-controller=step1_registers] ul.selectList li .select02,
  body[data-action=update][data-controller=step1_registers] ul.selectList li .select02,
  body[data-action=show][data-controller=step2_registers] ul.selectList li .select02,
  body[data-action=update][data-controller=step2_registers] ul.selectList li .select02,
  body[data-action=show][data-controller=step3_registers] ul.selectList li .select02,
  body[data-action=edit][data-controller=step4_registers] ul.selectList li .select02,
  body[data-action=update][data-controller=step4_registers] ul.selectList li .select02,
  body[data-action=edit][data-controller=member_details] ul.selectList li .select02,
  body[data-action=update][data-controller=member_details] ul.selectList li .select02 {
    width: 18%;
    margin-left: 10px;
  }
}

body[data-action=show][data-controller=funds] .navList.slider-nav.slick-initialized.slick-slider,
body[data-action=index][data-controller=funds] .navList.slider-nav.slick-initialized.slick-slider {
  position: static;
}
body[data-action=show][data-controller=funds] button.slick-arrow,
body[data-action=index][data-controller=funds] button.slick-arrow {
  width: auto;
  position: absolute;
  top: calc(50% + 5px);
  cursor: pointer;
  transform: translateY(-50%);
}
body[data-action=show][data-controller=funds] button.slick-arrow.slick-prev,
body[data-action=index][data-controller=funds] button.slick-arrow.slick-prev {
  left: -7%;
}
body[data-action=show][data-controller=funds] button.slick-arrow.slick-prev::before,
body[data-action=index][data-controller=funds] button.slick-arrow.slick-prev::before {
  content: url(/assets/arr_img03-cd1b6a8d56d924130d2d58e20a4fb396be5e976d12e53ac6fe0ab23c534e45a9.png);
}
body[data-action=show][data-controller=funds] button.slick-arrow.slick-next,
body[data-action=index][data-controller=funds] button.slick-arrow.slick-next {
  right: -7%;
}
@media all and (max-width: 896px) {
  body[data-action=show][data-controller=funds] button.slick-arrow.slick-next,
  body[data-action=index][data-controller=funds] button.slick-arrow.slick-next {
    padding: 0;
    margin: 0;
    border-top: none;
  }
}
body[data-action=show][data-controller=funds] button.slick-arrow.slick-next::before,
body[data-action=index][data-controller=funds] button.slick-arrow.slick-next::before {
  content: url(/assets/arr_img02-08a41c708bffa196968760d8c515d369e1d5afad13f6f23676ae23260cfeef2a.png);
}
body[data-action=show][data-controller=funds] .tabContent,
body[data-action=index][data-controller=funds] .tabContent {
  display: none;
}
body[data-action=show][data-controller=funds] .tabContent.active,
body[data-action=index][data-controller=funds] .tabContent.active {
  display: block;
}
body[data-action=show][data-controller=funds] .topList,
body[data-action=index][data-controller=funds] .topList {
  margin-bottom: 5px;
  display: flex;
  flex-wrap: wrap;
}
body[data-action=show][data-controller=funds] .topList li,
body[data-action=index][data-controller=funds] .topList li {
  margin-right: 5px;
  padding: 6px 2px 3px;
  min-width: 100px;
  font-size: 1rem;
  border-radius: 4px;
  text-align: center;
  font-weight: 500;
  box-sizing: border-box;
  background-color: #EDF2F8;
}
body[data-action=show][data-controller=funds] .tBox,
body[data-action=index][data-controller=funds] .tBox {
  padding-top: 41px;
  margin-bottom: 42px;
}
body[data-action=show][data-controller=funds] .tBox h2,
body[data-action=index][data-controller=funds] .tBox h2 {
  font-size: 3.2rem;
  letter-spacing: 2px;
}
body[data-action=show][data-controller=funds] .imgBox,
body[data-action=index][data-controller=funds] .imgBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
body[data-action=show][data-controller=funds] .imgBox .phoList,
body[data-action=index][data-controller=funds] .imgBox .phoList {
  margin-bottom: 40px;
}
body[data-action=show][data-controller=funds] .imgBox .phoList img,
body[data-action=index][data-controller=funds] .imgBox .phoList img {
  width: 800px;
  max-height: 530px;
  object-fit: cover;
}
body[data-action=show][data-controller=funds] .imgBox .lBox,
body[data-action=index][data-controller=funds] .imgBox .lBox {
  width: 800px;
}
body[data-action=show][data-controller=funds] .imgBox .navList,
body[data-action=index][data-controller=funds] .imgBox .navList {
  display: flex;
  justify-content: center;
  position: relative;
}
body[data-action=show][data-controller=funds] .imgBox .navList .slick-slide,
body[data-action=index][data-controller=funds] .imgBox .navList .slick-slide {
  margin: 0 4px;
  width: 80px;
  cursor: pointer;
  position: relative;
}
body[data-action=show][data-controller=funds] .imgBox .navList .slick-slide::before,
body[data-action=index][data-controller=funds] .imgBox .navList .slick-slide::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
}
body[data-action=show][data-controller=funds] .imgBox .navList .on::before,
body[data-action=index][data-controller=funds] .imgBox .navList .on::before {
  background-color: rgba(0, 0, 0, 0.5);
}
body[data-action=show][data-controller=funds] .imgBox .navBox,
body[data-action=index][data-controller=funds] .imgBox .navBox {
  position: relative;
  width: 85%;
  max-width: 706px;
  margin: 0 auto;
}
body[data-action=show][data-controller=funds] .imgBox .ttl,
body[data-action=index][data-controller=funds] .imgBox .ttl {
  margin: 4px 0 11px;
  font-weight: 500;
  font-size: 1.4rem;
}
body[data-action=show][data-controller=funds] .imgBox .rBox,
body[data-action=index][data-controller=funds] .imgBox .rBox {
  width: 345px;
}
body[data-action=show][data-controller=funds] .imgBox .comBar,
body[data-action=index][data-controller=funds] .imgBox .comBar {
  margin-right: 31px;
  margin-bottom: 25px;
}
body[data-action=show][data-controller=funds] .imgBox .comTxtList,
body[data-action=index][data-controller=funds] .imgBox .comTxtList {
  margin-bottom: 22px;
  display: block;
}
body[data-action=show][data-controller=funds] .imgBox .comTxtList li,
body[data-action=index][data-controller=funds] .imgBox .comTxtList li {
  width: auto;
  text-align: left;
  border-right: none;
  font-size: 1.6rem;
  border-bottom: 1px solid #ddd;
}
body[data-action=show][data-controller=funds] .imgBox .comTxtList .txt,
body[data-action=index][data-controller=funds] .imgBox .comTxtList .txt {
  margin-bottom: 4px;
  font-size: 1.2rem;
}
body[data-action=show][data-controller=funds] .imgBox .comTxtList .size,
body[data-action=index][data-controller=funds] .imgBox .comTxtList .size {
  display: inline-block;
  margin-top: -4px;
}
body[data-action=show][data-controller=funds] .imgBox .comTxtList .size01,
body[data-action=index][data-controller=funds] .imgBox .comTxtList .size01 {
  display: inline-block;
  font-size: 1.4rem;
}
body[data-action=show][data-controller=funds] .imgBox .comTxtList .subBox,
body[data-action=index][data-controller=funds] .imgBox .comTxtList .subBox {
  margin: 6px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body[data-action=show][data-controller=funds] .imgBox .comTxtList .subBox:not(:last-child),
body[data-action=index][data-controller=funds] .imgBox .comTxtList .subBox:not(:last-child) {
  margin-bottom: 22px;
}
body[data-action=show][data-controller=funds] .imgBox .comTxtList .lTxt,
body[data-action=index][data-controller=funds] .imgBox .comTxtList .lTxt {
  width: 58%;
}
body[data-action=show][data-controller=funds] .imgBox .comTxtList .subBox input, body[data-action=show][data-controller=funds] .imgBox .comTxtList .subBox select,
body[data-action=index][data-controller=funds] .imgBox .comTxtList .subBox input,
body[data-action=index][data-controller=funds] .imgBox .comTxtList .subBox select {
  padding: 10px;
  margin-right: 10px;
  width: 87%;
  height: 56px;
  box-sizing: border-box;
  -webkit-appearance: none;
  appearance: none;
  text-align: right;
  font-size: 1.6rem;
  color: #30393f;
  box-shadow: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
body[data-action=show][data-controller=funds] input::-webkit-input-placeholder,
body[data-action=index][data-controller=funds] input::-webkit-input-placeholder {
  color: #30393f;
}
body[data-action=show][data-controller=funds] input::-moz-placeholder,
body[data-action=index][data-controller=funds] input::-moz-placeholder {
  color: #30393f;
  color: #30393f;
}
body[data-action=show][data-controller=funds] input::-ms-input-placeholder,
body[data-action=index][data-controller=funds] input::-ms-input-placeholder {
  color: #30393f;
}
body[data-action=show][data-controller=funds] input.no-spin::-webkit-inner-spin-button,
body[data-action=show][data-controller=funds] input.no-spin::-webkit-outer-spin-button,
body[data-action=index][data-controller=funds] input.no-spin::-webkit-inner-spin-button,
body[data-action=index][data-controller=funds] input.no-spin::-webkit-outer-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
  -moz-appearance: textfield !important;
}
body[data-action=show][data-controller=funds] .imgBox .comTxtList .rSubBox,
body[data-action=index][data-controller=funds] .imgBox .comTxtList .rSubBox {
  width: 103%;
  margin-right: -7px;
  text-align: right;
}
body[data-action=show][data-controller=funds] .imgBox .comTxtList .rSubBox .size,
body[data-action=index][data-controller=funds] .imgBox .comTxtList .rSubBox .size {
  font-size: 2.8rem;
}
body[data-action=show][data-controller=funds] .imgBox .rBox .note,
body[data-action=index][data-controller=funds] .imgBox .rBox .note {
  margin-bottom: 37px;
  text-align: right;
  font-size: 1.2rem;
}
body[data-action=show][data-controller=funds] .imgBox .btnList02,
body[data-action=index][data-controller=funds] .imgBox .btnList02 {
  justify-content: space-between;
}
body[data-action=show][data-controller=funds] .imgBox .btnList02 li,
body[data-action=index][data-controller=funds] .imgBox .btnList02 li {
  width: 100%;
}
body[data-action=show][data-controller=funds] .imgBox .btnList02 a,
body[data-action=index][data-controller=funds] .imgBox .btnList02 a {
  display: block;
  padding: 10px;
  margin: 0 0 8px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  border-radius: 60px;
  -webkit-appearance: none;
  appearance: none;
  letter-spacing: 1px;
  transition: all 0.3s;
  cursor: pointer;
  box-shadow: none;
  color: #3584BC;
  border: 1px solid #3584BC;
}
body[data-action=show][data-controller=funds] .imgBox .submit,
body[data-action=index][data-controller=funds] .imgBox .submit {
  margin-top: 17px;
}
body[data-action=show][data-controller=funds] .imgBox .submit li,
body[data-action=index][data-controller=funds] .imgBox .submit li {
  margin: 0;
  display: block;
}
body[data-action=show][data-controller=funds] .imgBox .submit input,
body[data-action=index][data-controller=funds] .imgBox .submit input {
  display: block;
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  padding: 15px 4px 12px;
  display: block;
  color: #fff;
  text-align: center;
  border-radius: 60px;
  letter-spacing: 1px;
  border: 1px solid #EF5858;
  background-color: #EF5858;
}
body[data-action=show][data-controller=funds] .h2Ttl,
body[data-action=index][data-controller=funds] .h2Ttl {
  margin-bottom: 28px;
  font-size: 2.8rem;
}
body[data-action=show][data-controller=funds] .boxBox,
body[data-action=index][data-controller=funds] .boxBox {
  margin-top: -351px;
  max-width: 800px;
  padding-top: 71px;
  border-top: 1px solid #ddd;
}
body[data-action=show][data-controller=funds] .boxBox .inner .cautionTxt,
body[data-action=index][data-controller=funds] .boxBox .inner .cautionTxt {
  padding: 16px;
  border: 1px dashed #ef5858;
  color: #ef5858;
  font-size: 1.4rem;
  border-radius: 3px;
  margin-bottom: 16px;
}
body[data-action=show][data-controller=funds] .boxBox .inner p,
body[data-action=index][data-controller=funds] .boxBox .inner p {
  line-height: 2;
  font-weight: 500;
}
body[data-action=show][data-controller=funds] .boxBox .inner:not(:last-child),
body[data-action=index][data-controller=funds] .boxBox .inner:not(:last-child) {
  margin-bottom: 66px;
}
body[data-action=show][data-controller=funds] .boxBox .comTable01 th,
body[data-action=index][data-controller=funds] .boxBox .comTable01 th {
  width: 25%;
  font-weight: 500;
}
body[data-action=show][data-controller=funds] .boxBox .comTable01 td,
body[data-action=index][data-controller=funds] .boxBox .comTable01 td {
  color: #6c7174;
  font-weight: 500;
}
body[data-action=show][data-controller=funds] .boxBox .mapBox,
body[data-action=index][data-controller=funds] .boxBox .mapBox {
  margin-bottom: 27px;
  height: 490px;
}
body[data-action=show][data-controller=funds] .boxBox .mapBox iframe,
body[data-action=index][data-controller=funds] .boxBox .mapBox iframe {
  width: 100%;
  height: 100%;
}
body[data-action=show][data-controller=funds] .boxBox .inner .sTtl,
body[data-action=index][data-controller=funds] .boxBox .inner .sTtl {
  font-weight: 600;
}
body[data-action=show][data-controller=funds] .h2Ttl01,
body[data-action=index][data-controller=funds] .h2Ttl01 {
  margin-bottom: 41px;
  font-size: 3.2rem;
}
body[data-action=show][data-controller=funds] .listBox,
body[data-action=index][data-controller=funds] .listBox {
  margin-top: 72px;
  padding-top: 69px;
  border-top: 1px solid #ddd;
}
body[data-action=show][data-controller=funds] .pop01,
body[data-action=index][data-controller=funds] .pop01 {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 6;
  /* display: none; */
  background-color: rgba(0, 0, 0, 0.4);
}
body[data-action=show][data-controller=funds] .pop01 .inner,
body[data-action=index][data-controller=funds] .pop01 .inner {
  padding: 72px 110px 76px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 45%;
  border-radius: 10px;
  background-color: #fff;
  box-sizing: border-box;
}
body[data-action=show][data-controller=funds] .pop01 .inner .ttl,
body[data-action=index][data-controller=funds] .pop01 .inner .ttl {
  margin-bottom: 26px;
  font-weight: 600;
  text-align: center;
  font-size: 1.6rem;
  letter-spacing: 1px;
}
body[data-action=show][data-controller=funds] .pop01 .inner .ttl01,
body[data-action=index][data-controller=funds] .pop01 .inner .ttl01 {
  margin-bottom: 33px;
  font-size: 2.2rem;
  font-weight: 600;
  text-align: center;
  letter-spacing: 1px;
}
body[data-action=show][data-controller=funds] .pop01 .popList,
body[data-action=index][data-controller=funds] .pop01 .popList {
  margin-bottom: 25px;
}
body[data-action=show][data-controller=funds] .pop01 .popList li,
body[data-action=index][data-controller=funds] .pop01 .popList li {
  padding: 14px 0 16px;
  display: flex;
  border-top: 1px solid #ddd;
  justify-content: space-between;
  letter-spacing: 1px;
}
body[data-action=show][data-controller=funds] .pop01 .popList li:last-child,
body[data-action=index][data-controller=funds] .pop01 .popList li:last-child {
  border-bottom: 1px solid #ddd;
}
body[data-action=show][data-controller=funds] .pop01 p.note,
body[data-action=index][data-controller=funds] .pop01 p.note {
  margin-bottom: 35px !important;
  text-align: left !important;
  line-height: 2;
}
body[data-action=show][data-controller=funds] .pop01 .comBtn,
body[data-action=index][data-controller=funds] .pop01 .comBtn {
  width: 280px;
  margin: 0 auto;
}
body[data-action=show][data-controller=funds] .pop01 .comBtn a,
body[data-action=index][data-controller=funds] .pop01 .comBtn a {
  padding: 17px 4px 14px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
body[data-action=show][data-controller=funds] .pop01 .link,
body[data-action=index][data-controller=funds] .pop01 .link {
  margin-top: 20px;
  text-align: center;
  font-weight: 500;
}
body[data-action=show][data-controller=funds] .pop01 .close,
body[data-action=index][data-controller=funds] .pop01 .close {
  width: 168px;
}
body[data-action=show][data-controller=funds] .pop01 .close a,
body[data-action=index][data-controller=funds] .pop01 .close a {
  box-shadow: none;
}
@media all and (-ms-high-contrast: none) {
  body[data-action=show][data-controller=funds] .imgBox .comBar,
  body[data-action=index][data-controller=funds] .imgBox .comBar {
    line-height: 1.7;
  }
  body[data-action=show][data-controller=funds] .topList li,
  body[data-action=index][data-controller=funds] .topList li {
    padding: 7px 2px 2px;
  }
  body[data-action=show][data-controller=funds] .imgBox .btnList02 a,
  body[data-action=index][data-controller=funds] .imgBox .btnList02 a {
    padding: 9px 10px 3px;
  }
  body[data-action=show][data-controller=funds] .imgBox .submit input,
  body[data-action=index][data-controller=funds] .imgBox .submit input {
    padding: 17px 4px 10px;
  }
  body[data-action=show][data-controller=funds] .pop01 .popList li,
  body[data-action=index][data-controller=funds] .pop01 .popList li {
    padding: 17px 0 13px;
  }
  body[data-action=show][data-controller=funds] .imgBox .comTxtList .subBox input, body[data-action=show][data-controller=funds] .subBox select,
  body[data-action=index][data-controller=funds] .imgBox .comTxtList .subBox input,
  body[data-action=index][data-controller=funds] .subBox select {
    padding: 15px 10px 5px;
  }
}
@media all and (min-width: 897px) {
  body[data-action=show][data-controller=funds] .policyBox p a:hover,
  body[data-action=index][data-controller=funds] .policyBox p a:hover {
    text-decoration: none;
  }
  body[data-action=show][data-controller=funds] .imgBox .btnList02 a:hover,
  body[data-action=index][data-controller=funds] .imgBox .btnList02 a:hover {
    background-color: #3584BC;
    color: #fff;
  }
  body[data-action=show][data-controller=funds] .imgBox .submit input:hover,
  body[data-action=index][data-controller=funds] .imgBox .submit input:hover {
    color: #ef5858;
    background-color: #fff;
  }
  body[data-action=show][data-controller=funds] .imgBox .navList li:hover::before,
  body[data-action=index][data-controller=funds] .imgBox .navList li:hover::before {
    background-color: rgba(0, 0, 0, 0.5);
  }
  body[data-action=show][data-controller=funds] .imgBox .navBox .arrBox .lBox:hover, body[data-action=show][data-controller=funds] .imgBox .navBox .arrBox .rBox:hover,
  body[data-action=index][data-controller=funds] .imgBox .navBox .arrBox .lBox:hover,
  body[data-action=index][data-controller=funds] .imgBox .navBox .arrBox .rBox:hover {
    opacity: 0.7;
  }
  body[data-action=show][data-controller=funds] .imgBox .rBox.formBox,
  body[data-action=index][data-controller=funds] .imgBox .rBox.formBox {
    min-height: 984px;
  }
}
@media all and (max-width: 896px) {
  body[data-action=show][data-controller=funds] .topList,
  body[data-action=index][data-controller=funds] .topList {
    margin-bottom: 7px;
  }
  body[data-action=show][data-controller=funds] .topList li,
  body[data-action=index][data-controller=funds] .topList li {
    padding: 5px 2px 4px;
    letter-spacing: -0.2px;
  }
  body[data-action=show][data-controller=funds] .imgBox .ttl,
  body[data-action=index][data-controller=funds] .imgBox .ttl {
    margin-bottom: 15px;
  }
  body[data-action=show][data-controller=funds] .tBox,
  body[data-action=index][data-controller=funds] .tBox {
    margin-bottom: 21px;
    padding-top: 7px;
  }
  body[data-action=show][data-controller=funds] .tBox h2,
  body[data-action=index][data-controller=funds] .tBox h2 {
    font-size: 2.4rem;
    letter-spacing: 1px;
    line-height: 1.34;
  }
  body[data-action=show][data-controller=funds] .imgBox,
  body[data-action=index][data-controller=funds] .imgBox {
    display: block;
  }
  body[data-action=show][data-controller=funds] .imgBox .lBox,
  body[data-action=index][data-controller=funds] .imgBox .lBox {
    width: auto;
  }
  body[data-action=show][data-controller=funds] .imgBox .phoList,
  body[data-action=index][data-controller=funds] .imgBox .phoList {
    margin-bottom: 13px;
  }
  body[data-action=show][data-controller=funds] .imgBox .phoList img,
  body[data-action=index][data-controller=funds] .imgBox .phoList img {
    width: 100%;
  }
  body[data-action=show][data-controller=funds] .imgBox .navBox .arrBox .lBox,
  body[data-action=index][data-controller=funds] .imgBox .navBox .arrBox .lBox {
    left: -3px;
  }
  body[data-action=show][data-controller=funds] .imgBox .navBox .arrBox .rBox,
  body[data-action=index][data-controller=funds] .imgBox .navBox .arrBox .rBox {
    padding: 0;
    margin: 0;
    right: -3px;
    border-top: none;
  }
  body[data-action=show][data-controller=funds] .imgBox .navBox .arrBox .lBox img, body[data-action=show][data-controller=funds] .imgBox .navBox .arrBox .rBox img,
  body[data-action=index][data-controller=funds] .imgBox .navBox .arrBox .lBox img,
  body[data-action=index][data-controller=funds] .imgBox .navBox .arrBox .rBox img {
    width: 10px;
  }
  body[data-action=show][data-controller=funds] .imgBox .rBox,
  body[data-action=index][data-controller=funds] .imgBox .rBox {
    padding-top: 16px;
    margin-top: 41px;
    width: auto;
    border-top: 1px solid #ddd;
  }
  body[data-action=show][data-controller=funds] .imgBox .comPrice .txt,
  body[data-action=index][data-controller=funds] .imgBox .comPrice .txt {
    color: #6c7174;
  }
  body[data-action=show][data-controller=funds] .imgBox .ttl,
  body[data-action=index][data-controller=funds] .imgBox .ttl {
    margin: 10px 0 9px;
    font-size: 1.2rem;
    color: #6c7174;
  }
  body[data-action=show][data-controller=funds] .imgBox .comBar,
  body[data-action=index][data-controller=funds] .imgBox .comBar {
    margin-bottom: 20px;
    margin-right: 41px;
  }
  body[data-action=show][data-controller=funds] .imgBox .comTxtList li,
  body[data-action=index][data-controller=funds] .imgBox .comTxtList li {
    padding: 16px 0 12px;
    color: #6c7174;
    font-size: 1.4rem;
  }
  body[data-action=show][data-controller=funds] .imgBox .comTxtList .txt,
  body[data-action=index][data-controller=funds] .imgBox .comTxtList .txt {
    margin-bottom: 4px;
  }
  body[data-action=show][data-controller=funds] .boxBox,
  body[data-action=index][data-controller=funds] .boxBox {
    margin-top: 54px;
    padding-top: 0;
    border-top: none;
  }
  body[data-action=show][data-controller=funds] .h2Ttl,
  body[data-action=index][data-controller=funds] .h2Ttl {
    margin-bottom: 9px;
    font-size: 2.4rem;
  }
  body[data-action=show][data-controller=funds] .boxBox .inner p,
  body[data-action=index][data-controller=funds] .boxBox .inner p {
    line-height: 1.7;
    color: #6c7174;
  }
  body[data-action=show][data-controller=funds] .imgBox .comTxtList .subBox,
  body[data-action=index][data-controller=funds] .imgBox .comTxtList .subBox {
    margin: 3px 0 0;
  }
  body[data-action=show][data-controller=funds] .imgBox .comTxtList .lTxt,
  body[data-action=index][data-controller=funds] .imgBox .comTxtList .lTxt {
    width: 80%;
  }
  body[data-action=show][data-controller=funds] .imgBox .comTxtList .subBox input, body[data-action=show][data-controller=funds] .imgBox .comTxtList .subBox select,
  body[data-action=index][data-controller=funds] .imgBox .comTxtList .subBox input,
  body[data-action=index][data-controller=funds] .imgBox .comTxtList .subBox select {
    padding: 10px;
    margin-right: 13px;
    width: 75.9%;
    height: 40px;
    font-size: 1.4rem;
    text-align: right;
    box-sizing: border-box;
    border-radius: 4px;
  }
  body[data-action=show][data-controller=funds] .imgBox .comTxtList .rSubBox,
  body[data-action=index][data-controller=funds] .imgBox .comTxtList .rSubBox {
    margin-right: 0;
  }
  body[data-action=show][data-controller=funds] .imgBox .comTxtList .subBox:first-child .rSubBox,
  body[data-action=index][data-controller=funds] .imgBox .comTxtList .subBox:first-child .rSubBox {
    margin-right: 7px;
  }
  body[data-action=show][data-controller=funds] .imgBox .comTxtList .rSubBox .size,
  body[data-action=index][data-controller=funds] .imgBox .comTxtList .rSubBox .size {
    font-size: 2.4rem;
    color: #30393f;
  }
  body[data-action=show][data-controller=funds] .imgBox .comTxtList .subBox:not(:last-child),
  body[data-action=index][data-controller=funds] .imgBox .comTxtList .subBox:not(:last-child) {
    margin-bottom: 13px;
  }
  body[data-action=show][data-controller=funds] .imgBox .rBox .note,
  body[data-action=index][data-controller=funds] .imgBox .rBox .note {
    margin-bottom: 23px;
    font-size: 1rem;
    color: #6c7174;
  }
  body[data-action=show][data-controller=funds] .imgBox .comTxtList,
  body[data-action=index][data-controller=funds] .imgBox .comTxtList {
    margin-bottom: 10px;
  }
  body[data-action=show][data-controller=funds] .imgBox .btnList02 a,
  body[data-action=index][data-controller=funds] .imgBox .btnList02 a {
    font-size: 1.4rem;
    padding: 15px 10px;
  }
  body[data-action=show][data-controller=funds] .imgBox .submit,
  body[data-action=index][data-controller=funds] .imgBox .submit {
    margin-top: 10px;
  }
  body[data-action=show][data-controller=funds] .imgBox .submit li,
  body[data-action=index][data-controller=funds] .imgBox .submit li {
    width: auto;
  }
  body[data-action=show][data-controller=funds] .boxBox .inner:not(:last-child),
  body[data-action=index][data-controller=funds] .boxBox .inner:not(:last-child) {
    margin-bottom: 49px;
  }
  body[data-action=show][data-controller=funds] .boxBox .comTable01 th,
  body[data-action=index][data-controller=funds] .boxBox .comTable01 th {
    width: 35.3%;
    border-right: none;
  }
  body[data-action=show][data-controller=funds] .boxBox .comTable01 td,
  body[data-action=index][data-controller=funds] .boxBox .comTable01 td {
    border-left: none;
  }
  body[data-action=show][data-controller=funds] .boxBox .mapBox,
  body[data-action=index][data-controller=funds] .boxBox .mapBox {
    margin-bottom: 20px;
    height: 205px;
  }
  body[data-action=show][data-controller=funds] .boxBox .inner .sTtl,
  body[data-action=index][data-controller=funds] .boxBox .inner .sTtl {
    color: #30393f;
  }
  body[data-action=show][data-controller=funds] .listBox,
  body[data-action=index][data-controller=funds] .listBox {
    margin-top: 28px;
    padding-top: 23px;
  }
  body[data-action=show][data-controller=funds] .h2Ttl01,
  body[data-action=index][data-controller=funds] .h2Ttl01 {
    margin-bottom: 12px;
    font-size: 2.4rem;
  }
  body[data-action=show][data-controller=funds] .pop01 .inner,
  body[data-action=index][data-controller=funds] .pop01 .inner {
    width: 94%;
    padding: 26px 20px 76px;
  }
  body[data-action=show][data-controller=funds] .pop01 .inner .ttl,
  body[data-action=index][data-controller=funds] .pop01 .inner .ttl {
    margin-bottom: 10px;
    font-size: 1.4rem;
  }
  body[data-action=show][data-controller=funds] .pop01 .inner .ttl01,
  body[data-action=index][data-controller=funds] .pop01 .inner .ttl01 {
    margin-bottom: 20px;
    font-size: 1.8rem;
  }
}

body[data-action=show][data-controller=tops] #main .inner .comMailForm.comConForm.todoInfo,
body[data-action=index][data-controller=histories] #main .inner .comMailForm.comConForm.todoInfo,
body[data-action=edit][data-controller=member_details] #main .inner .comMailForm.comConForm.todoInfo,
body[data-action=index][data-controller=operations] #main .inner .comMailForm.comConForm.todoInfo,
body[data-action=index][data-controller=revenue_statements] #main .inner .comMailForm.comConForm.todoInfo,
body[data-action=index][data-controller=applications] #main .inner .comMailForm.comConForm.todoInfo,
body[data-action=show][data-controller=members] #main .inner .comMailForm.comConForm.todoInfo,
body[data-action=new][data-controller=contacts] #main .inner .comMailForm.comConForm.todoInfo,
#contact_finished #main .inner .comMailForm.comConForm.todoInfo {
  max-width: none;
  width: 100%;
}
body[data-action=show][data-controller=tops] #main .inner .comMailForm.comConForm.todoInfo .bgBox02,
body[data-action=index][data-controller=histories] #main .inner .comMailForm.comConForm.todoInfo .bgBox02,
body[data-action=edit][data-controller=member_details] #main .inner .comMailForm.comConForm.todoInfo .bgBox02,
body[data-action=index][data-controller=operations] #main .inner .comMailForm.comConForm.todoInfo .bgBox02,
body[data-action=index][data-controller=revenue_statements] #main .inner .comMailForm.comConForm.todoInfo .bgBox02,
body[data-action=index][data-controller=applications] #main .inner .comMailForm.comConForm.todoInfo .bgBox02,
body[data-action=show][data-controller=members] #main .inner .comMailForm.comConForm.todoInfo .bgBox02,
body[data-action=new][data-controller=contacts] #main .inner .comMailForm.comConForm.todoInfo .bgBox02,
#contact_finished #main .inner .comMailForm.comConForm.todoInfo .bgBox02 {
  margin: 0 0 20px;
  padding: 20px 32px;
  background-color: #eeeeee;
}
body[data-action=show][data-controller=tops] #main .inner .comMailForm.comConForm.todoInfo .bgBox02 ul.radioList.radioList01.checkList,
body[data-action=index][data-controller=histories] #main .inner .comMailForm.comConForm.todoInfo .bgBox02 ul.radioList.radioList01.checkList,
body[data-action=edit][data-controller=member_details] #main .inner .comMailForm.comConForm.todoInfo .bgBox02 ul.radioList.radioList01.checkList,
body[data-action=index][data-controller=operations] #main .inner .comMailForm.comConForm.todoInfo .bgBox02 ul.radioList.radioList01.checkList,
body[data-action=index][data-controller=revenue_statements] #main .inner .comMailForm.comConForm.todoInfo .bgBox02 ul.radioList.radioList01.checkList,
body[data-action=index][data-controller=applications] #main .inner .comMailForm.comConForm.todoInfo .bgBox02 ul.radioList.radioList01.checkList,
body[data-action=show][data-controller=members] #main .inner .comMailForm.comConForm.todoInfo .bgBox02 ul.radioList.radioList01.checkList,
body[data-action=new][data-controller=contacts] #main .inner .comMailForm.comConForm.todoInfo .bgBox02 ul.radioList.radioList01.checkList,
#contact_finished #main .inner .comMailForm.comConForm.todoInfo .bgBox02 ul.radioList.radioList01.checkList {
  margin-bottom: 5px;
}
body[data-action=show][data-controller=tops] #main .inner p.text-warning,
body[data-action=index][data-controller=histories] #main .inner p.text-warning,
body[data-action=edit][data-controller=member_details] #main .inner p.text-warning,
body[data-action=index][data-controller=operations] #main .inner p.text-warning,
body[data-action=index][data-controller=revenue_statements] #main .inner p.text-warning,
body[data-action=index][data-controller=applications] #main .inner p.text-warning,
body[data-action=show][data-controller=members] #main .inner p.text-warning,
body[data-action=new][data-controller=contacts] #main .inner p.text-warning,
#contact_finished #main .inner p.text-warning {
  font-weight: bold;
}
body[data-action=show][data-controller=tops] #main .inner .applicationTable,
body[data-action=index][data-controller=histories] #main .inner .applicationTable,
body[data-action=edit][data-controller=member_details] #main .inner .applicationTable,
body[data-action=index][data-controller=operations] #main .inner .applicationTable,
body[data-action=index][data-controller=revenue_statements] #main .inner .applicationTable,
body[data-action=index][data-controller=applications] #main .inner .applicationTable,
body[data-action=show][data-controller=members] #main .inner .applicationTable,
body[data-action=new][data-controller=contacts] #main .inner .applicationTable,
#contact_finished #main .inner .applicationTable {
  margin-bottom: 50px;
}
body[data-action=show][data-controller=tops] #main h2.headLine01.h2Ttl.operationFundName, body[data-action=show][data-controller=tops] #main h2.headLine01.h2Ttl.paymentReportYear,
body[data-action=index][data-controller=histories] #main h2.headLine01.h2Ttl.operationFundName,
body[data-action=index][data-controller=histories] #main h2.headLine01.h2Ttl.paymentReportYear,
body[data-action=edit][data-controller=member_details] #main h2.headLine01.h2Ttl.operationFundName,
body[data-action=edit][data-controller=member_details] #main h2.headLine01.h2Ttl.paymentReportYear,
body[data-action=index][data-controller=operations] #main h2.headLine01.h2Ttl.operationFundName,
body[data-action=index][data-controller=operations] #main h2.headLine01.h2Ttl.paymentReportYear,
body[data-action=index][data-controller=revenue_statements] #main h2.headLine01.h2Ttl.operationFundName,
body[data-action=index][data-controller=revenue_statements] #main h2.headLine01.h2Ttl.paymentReportYear,
body[data-action=index][data-controller=applications] #main h2.headLine01.h2Ttl.operationFundName,
body[data-action=index][data-controller=applications] #main h2.headLine01.h2Ttl.paymentReportYear,
body[data-action=show][data-controller=members] #main h2.headLine01.h2Ttl.operationFundName,
body[data-action=show][data-controller=members] #main h2.headLine01.h2Ttl.paymentReportYear,
body[data-action=new][data-controller=contacts] #main h2.headLine01.h2Ttl.operationFundName,
body[data-action=new][data-controller=contacts] #main h2.headLine01.h2Ttl.paymentReportYear,
#contact_finished #main h2.headLine01.h2Ttl.operationFundName,
#contact_finished #main h2.headLine01.h2Ttl.paymentReportYear {
  font-size: 2rem;
  margin-bottom: 5px;
}
body[data-action=show][data-controller=tops] #main .operationTable, body[data-action=show][data-controller=tops] #main .paymentReportTable,
body[data-action=index][data-controller=histories] #main .operationTable,
body[data-action=index][data-controller=histories] #main .paymentReportTable,
body[data-action=edit][data-controller=member_details] #main .operationTable,
body[data-action=edit][data-controller=member_details] #main .paymentReportTable,
body[data-action=index][data-controller=operations] #main .operationTable,
body[data-action=index][data-controller=operations] #main .paymentReportTable,
body[data-action=index][data-controller=revenue_statements] #main .operationTable,
body[data-action=index][data-controller=revenue_statements] #main .paymentReportTable,
body[data-action=index][data-controller=applications] #main .operationTable,
body[data-action=index][data-controller=applications] #main .paymentReportTable,
body[data-action=show][data-controller=members] #main .operationTable,
body[data-action=show][data-controller=members] #main .paymentReportTable,
body[data-action=new][data-controller=contacts] #main .operationTable,
body[data-action=new][data-controller=contacts] #main .paymentReportTable,
#contact_finished #main .operationTable,
#contact_finished #main .paymentReportTable {
  margin-bottom: 20px;
}
body[data-action=show][data-controller=tops] #main .paymentReportTable th,
body[data-action=index][data-controller=histories] #main .paymentReportTable th,
body[data-action=edit][data-controller=member_details] #main .paymentReportTable th,
body[data-action=index][data-controller=operations] #main .paymentReportTable th,
body[data-action=index][data-controller=revenue_statements] #main .paymentReportTable th,
body[data-action=index][data-controller=applications] #main .paymentReportTable th,
body[data-action=show][data-controller=members] #main .paymentReportTable th,
body[data-action=new][data-controller=contacts] #main .paymentReportTable th,
#contact_finished #main .paymentReportTable th {
  width: 25%;
}
@media all and (max-width: 896px) {
  body[data-action=show][data-controller=tops] #main .paymentReportTable th,
  body[data-action=index][data-controller=histories] #main .paymentReportTable th,
  body[data-action=edit][data-controller=member_details] #main .paymentReportTable th,
  body[data-action=index][data-controller=operations] #main .paymentReportTable th,
  body[data-action=index][data-controller=revenue_statements] #main .paymentReportTable th,
  body[data-action=index][data-controller=applications] #main .paymentReportTable th,
  body[data-action=show][data-controller=members] #main .paymentReportTable th,
  body[data-action=new][data-controller=contacts] #main .paymentReportTable th,
  #contact_finished #main .paymentReportTable th {
    width: 35.4%;
  }
}
body[data-action=show][data-controller=tops] #main .titleBox,
body[data-action=index][data-controller=histories] #main .titleBox,
body[data-action=edit][data-controller=member_details] #main .titleBox,
body[data-action=index][data-controller=operations] #main .titleBox,
body[data-action=index][data-controller=revenue_statements] #main .titleBox,
body[data-action=index][data-controller=applications] #main .titleBox,
body[data-action=show][data-controller=members] #main .titleBox,
body[data-action=new][data-controller=contacts] #main .titleBox,
#contact_finished #main .titleBox {
  position: relative;
}
body[data-action=show][data-controller=tops] #main .titleBox .headLine01,
body[data-action=index][data-controller=histories] #main .titleBox .headLine01,
body[data-action=edit][data-controller=member_details] #main .titleBox .headLine01,
body[data-action=index][data-controller=operations] #main .titleBox .headLine01,
body[data-action=index][data-controller=revenue_statements] #main .titleBox .headLine01,
body[data-action=index][data-controller=applications] #main .titleBox .headLine01,
body[data-action=show][data-controller=members] #main .titleBox .headLine01,
body[data-action=new][data-controller=contacts] #main .titleBox .headLine01,
#contact_finished #main .titleBox .headLine01 {
  margin-bottom: 35px;
  text-align: left;
}
body[data-action=show][data-controller=tops] #main .titleBox .comBtn01,
body[data-action=index][data-controller=histories] #main .titleBox .comBtn01,
body[data-action=edit][data-controller=member_details] #main .titleBox .comBtn01,
body[data-action=index][data-controller=operations] #main .titleBox .comBtn01,
body[data-action=index][data-controller=revenue_statements] #main .titleBox .comBtn01,
body[data-action=index][data-controller=applications] #main .titleBox .comBtn01,
body[data-action=show][data-controller=members] #main .titleBox .comBtn01,
body[data-action=new][data-controller=contacts] #main .titleBox .comBtn01,
#contact_finished #main .titleBox .comBtn01 {
  position: absolute;
  top: 3px;
  right: 0;
}
body[data-action=show][data-controller=tops] #main .newsBox .comNewsUl li,
body[data-action=index][data-controller=histories] #main .newsBox .comNewsUl li,
body[data-action=edit][data-controller=member_details] #main .newsBox .comNewsUl li,
body[data-action=index][data-controller=operations] #main .newsBox .comNewsUl li,
body[data-action=index][data-controller=revenue_statements] #main .newsBox .comNewsUl li,
body[data-action=index][data-controller=applications] #main .newsBox .comNewsUl li,
body[data-action=show][data-controller=members] #main .newsBox .comNewsUl li,
body[data-action=new][data-controller=contacts] #main .newsBox .comNewsUl li,
#contact_finished #main .newsBox .comNewsUl li {
  padding: 2px 0 22px;
  border: none;
}
body[data-action=show][data-controller=tops] #main .h2Ttl,
body[data-action=index][data-controller=histories] #main .h2Ttl,
body[data-action=edit][data-controller=member_details] #main .h2Ttl,
body[data-action=index][data-controller=operations] #main .h2Ttl,
body[data-action=index][data-controller=revenue_statements] #main .h2Ttl,
body[data-action=index][data-controller=applications] #main .h2Ttl,
body[data-action=show][data-controller=members] #main .h2Ttl,
body[data-action=new][data-controller=contacts] #main .h2Ttl,
#contact_finished #main .h2Ttl {
  margin-bottom: 24px;
  text-align: left;
}
body[data-action=show][data-controller=tops] #main .color,
body[data-action=index][data-controller=histories] #main .color,
body[data-action=edit][data-controller=member_details] #main .color,
body[data-action=index][data-controller=operations] #main .color,
body[data-action=index][data-controller=revenue_statements] #main .color,
body[data-action=index][data-controller=applications] #main .color,
body[data-action=show][data-controller=members] #main .color,
body[data-action=new][data-controller=contacts] #main .color,
#contact_finished #main .color {
  color: #ef5858;
}
body[data-action=show][data-controller=tops] #main .tBox,
body[data-action=index][data-controller=histories] #main .tBox,
body[data-action=edit][data-controller=member_details] #main .tBox,
body[data-action=index][data-controller=operations] #main .tBox,
body[data-action=index][data-controller=revenue_statements] #main .tBox,
body[data-action=index][data-controller=applications] #main .tBox,
body[data-action=show][data-controller=members] #main .tBox,
body[data-action=new][data-controller=contacts] #main .tBox,
#contact_finished #main .tBox {
  margin-bottom: 90px;
}
body[data-action=show][data-controller=tops] #main .inner:not(:last-child),
body[data-action=index][data-controller=histories] #main .inner:not(:last-child),
body[data-action=edit][data-controller=member_details] #main .inner:not(:last-child),
body[data-action=index][data-controller=operations] #main .inner:not(:last-child),
body[data-action=index][data-controller=revenue_statements] #main .inner:not(:last-child),
body[data-action=index][data-controller=applications] #main .inner:not(:last-child),
body[data-action=show][data-controller=members] #main .inner:not(:last-child),
body[data-action=new][data-controller=contacts] #main .inner:not(:last-child),
#contact_finished #main .inner:not(:last-child) {
  margin-bottom: 57px;
}
body[data-action=show][data-controller=tops] #main .linkList,
body[data-action=index][data-controller=histories] #main .linkList,
body[data-action=edit][data-controller=member_details] #main .linkList,
body[data-action=index][data-controller=operations] #main .linkList,
body[data-action=index][data-controller=revenue_statements] #main .linkList,
body[data-action=index][data-controller=applications] #main .linkList,
body[data-action=show][data-controller=members] #main .linkList,
body[data-action=new][data-controller=contacts] #main .linkList,
#contact_finished #main .linkList {
  display: flex;
  flex-wrap: wrap;
}
body[data-action=show][data-controller=tops] #main .linkList li,
body[data-action=index][data-controller=histories] #main .linkList li,
body[data-action=edit][data-controller=member_details] #main .linkList li,
body[data-action=index][data-controller=operations] #main .linkList li,
body[data-action=index][data-controller=revenue_statements] #main .linkList li,
body[data-action=index][data-controller=applications] #main .linkList li,
body[data-action=show][data-controller=members] #main .linkList li,
body[data-action=new][data-controller=contacts] #main .linkList li,
#contact_finished #main .linkList li {
  margin-right: 16px;
  width: 288px;
}
body[data-action=show][data-controller=tops] #main .linkList li a,
body[data-action=index][data-controller=histories] #main .linkList li a,
body[data-action=edit][data-controller=member_details] #main .linkList li a,
body[data-action=index][data-controller=operations] #main .linkList li a,
body[data-action=index][data-controller=revenue_statements] #main .linkList li a,
body[data-action=index][data-controller=applications] #main .linkList li a,
body[data-action=show][data-controller=members] #main .linkList li a,
body[data-action=new][data-controller=contacts] #main .linkList li a,
#contact_finished #main .linkList li a {
  display: block;
  padding: 7px 10px;
  text-align: center;
  border: 1px solid #3584bc;
  border-radius: 60px;
}
body[data-action=show][data-controller=tops] #main .linkList li a:hover,
body[data-action=index][data-controller=histories] #main .linkList li a:hover,
body[data-action=edit][data-controller=member_details] #main .linkList li a:hover,
body[data-action=index][data-controller=operations] #main .linkList li a:hover,
body[data-action=index][data-controller=revenue_statements] #main .linkList li a:hover,
body[data-action=index][data-controller=applications] #main .linkList li a:hover,
body[data-action=show][data-controller=members] #main .linkList li a:hover,
body[data-action=new][data-controller=contacts] #main .linkList li a:hover,
#contact_finished #main .linkList li a:hover {
  opacity: 0.7;
}
body[data-action=show][data-controller=tops] .comLinkUl,
body[data-action=index][data-controller=histories] .comLinkUl,
body[data-action=edit][data-controller=member_details] .comLinkUl,
body[data-action=index][data-controller=operations] .comLinkUl,
body[data-action=index][data-controller=revenue_statements] .comLinkUl,
body[data-action=index][data-controller=applications] .comLinkUl,
body[data-action=show][data-controller=members] .comLinkUl,
body[data-action=new][data-controller=contacts] .comLinkUl,
#contact_finished .comLinkUl {
  margin-bottom: 94px;
}
body[data-action=show][data-controller=tops] .mypage05 .txt,
body[data-action=index][data-controller=histories] .mypage05 .txt,
body[data-action=edit][data-controller=member_details] .mypage05 .txt,
body[data-action=index][data-controller=operations] .mypage05 .txt,
body[data-action=index][data-controller=revenue_statements] .mypage05 .txt,
body[data-action=index][data-controller=applications] .mypage05 .txt,
body[data-action=show][data-controller=members] .mypage05 .txt,
body[data-action=new][data-controller=contacts] .mypage05 .txt,
#contact_finished .mypage05 .txt {
  font-weight: 500;
  margin-bottom: 73px;
}
body[data-action=show][data-controller=tops] .mypage05 .comBtn03,
body[data-action=index][data-controller=histories] .mypage05 .comBtn03,
body[data-action=edit][data-controller=member_details] .mypage05 .comBtn03,
body[data-action=index][data-controller=operations] .mypage05 .comBtn03,
body[data-action=index][data-controller=revenue_statements] .mypage05 .comBtn03,
body[data-action=index][data-controller=applications] .mypage05 .comBtn03,
body[data-action=show][data-controller=members] .mypage05 .comBtn03,
body[data-action=new][data-controller=contacts] .mypage05 .comBtn03,
#contact_finished .mypage05 .comBtn03 {
  width: auto;
  max-width: 241px;
}
body[data-action=show][data-controller=tops] .mypage05 .comBtn03 a,
body[data-action=index][data-controller=histories] .mypage05 .comBtn03 a,
body[data-action=edit][data-controller=member_details] .mypage05 .comBtn03 a,
body[data-action=index][data-controller=operations] .mypage05 .comBtn03 a,
body[data-action=index][data-controller=revenue_statements] .mypage05 .comBtn03 a,
body[data-action=index][data-controller=applications] .mypage05 .comBtn03 a,
body[data-action=show][data-controller=members] .mypage05 .comBtn03 a,
body[data-action=new][data-controller=contacts] .mypage05 .comBtn03 a,
#contact_finished .mypage05 .comBtn03 a {
  padding: 10px 35px 6px;
}
body[data-action=show][data-controller=tops] .comStepList,
body[data-action=index][data-controller=histories] .comStepList,
body[data-action=edit][data-controller=member_details] .comStepList,
body[data-action=index][data-controller=operations] .comStepList,
body[data-action=index][data-controller=revenue_statements] .comStepList,
body[data-action=index][data-controller=applications] .comStepList,
body[data-action=show][data-controller=members] .comStepList,
body[data-action=new][data-controller=contacts] .comStepList,
#contact_finished .comStepList {
  margin-bottom: 0;
}
body[data-action=show][data-controller=tops] #main .mypage01 .timeList01 .ttl .rTxt,
body[data-action=index][data-controller=histories] #main .mypage01 .timeList01 .ttl .rTxt,
body[data-action=edit][data-controller=member_details] #main .mypage01 .timeList01 .ttl .rTxt,
body[data-action=index][data-controller=operations] #main .mypage01 .timeList01 .ttl .rTxt,
body[data-action=index][data-controller=revenue_statements] #main .mypage01 .timeList01 .ttl .rTxt,
body[data-action=index][data-controller=applications] #main .mypage01 .timeList01 .ttl .rTxt,
body[data-action=show][data-controller=members] #main .mypage01 .timeList01 .ttl .rTxt,
body[data-action=new][data-controller=contacts] #main .mypage01 .timeList01 .ttl .rTxt,
#contact_finished #main .mypage01 .timeList01 .ttl .rTxt {
  margin-right: 0;
}
body[data-action=show][data-controller=tops] #main .timeList,
body[data-action=index][data-controller=histories] #main .timeList,
body[data-action=edit][data-controller=member_details] #main .timeList,
body[data-action=index][data-controller=operations] #main .timeList,
body[data-action=index][data-controller=revenue_statements] #main .timeList,
body[data-action=index][data-controller=applications] #main .timeList,
body[data-action=show][data-controller=members] #main .timeList,
body[data-action=new][data-controller=contacts] #main .timeList,
#contact_finished #main .timeList {
  padding-top: 23px;
}
body[data-action=show][data-controller=tops] #main .timeList li,
body[data-action=index][data-controller=histories] #main .timeList li,
body[data-action=edit][data-controller=member_details] #main .timeList li,
body[data-action=index][data-controller=operations] #main .timeList li,
body[data-action=index][data-controller=revenue_statements] #main .timeList li,
body[data-action=index][data-controller=applications] #main .timeList li,
body[data-action=show][data-controller=members] #main .timeList li,
body[data-action=new][data-controller=contacts] #main .timeList li,
#contact_finished #main .timeList li {
  padding: 21px 16px 18px;
  font-weight: 500;
  letter-spacing: 1px;
  display: flex;
  border-bottom: 1px solid #ddd;
}
body[data-action=show][data-controller=tops] #main .timeList .ttl,
body[data-action=index][data-controller=histories] #main .timeList .ttl,
body[data-action=edit][data-controller=member_details] #main .timeList .ttl,
body[data-action=index][data-controller=operations] #main .timeList .ttl,
body[data-action=index][data-controller=revenue_statements] #main .timeList .ttl,
body[data-action=index][data-controller=applications] #main .timeList .ttl,
body[data-action=show][data-controller=members] #main .timeList .ttl,
body[data-action=new][data-controller=contacts] #main .timeList .ttl,
#contact_finished #main .timeList .ttl {
  padding: 11px 16px 9px;
  font-size: 1.4rem;
  font-weight: 500;
  background-color: #E9EFF6;
}
body[data-action=show][data-controller=tops] #main .timeList .lTxt,
body[data-action=index][data-controller=histories] #main .timeList .lTxt,
body[data-action=edit][data-controller=member_details] #main .timeList .lTxt,
body[data-action=index][data-controller=operations] #main .timeList .lTxt,
body[data-action=index][data-controller=revenue_statements] #main .timeList .lTxt,
body[data-action=index][data-controller=applications] #main .timeList .lTxt,
body[data-action=show][data-controller=members] #main .timeList .lTxt,
body[data-action=new][data-controller=contacts] #main .timeList .lTxt,
#contact_finished #main .timeList .lTxt {
  width: 71.9%;
  box-sizing: border-box;
}
body[data-action=show][data-controller=tops] #main .timeList .rTxt,
body[data-action=index][data-controller=histories] #main .timeList .rTxt,
body[data-action=edit][data-controller=member_details] #main .timeList .rTxt,
body[data-action=index][data-controller=operations] #main .timeList .rTxt,
body[data-action=index][data-controller=revenue_statements] #main .timeList .rTxt,
body[data-action=index][data-controller=applications] #main .timeList .rTxt,
body[data-action=show][data-controller=members] #main .timeList .rTxt,
body[data-action=new][data-controller=contacts] #main .timeList .rTxt,
#contact_finished #main .timeList .rTxt {
  flex: 1;
  display: flex;
}
body[data-action=show][data-controller=tops] #main .timeList .subLTxt,
body[data-action=index][data-controller=histories] #main .timeList .subLTxt,
body[data-action=edit][data-controller=member_details] #main .timeList .subLTxt,
body[data-action=index][data-controller=operations] #main .timeList .subLTxt,
body[data-action=index][data-controller=revenue_statements] #main .timeList .subLTxt,
body[data-action=index][data-controller=applications] #main .timeList .subLTxt,
body[data-action=show][data-controller=members] #main .timeList .subLTxt,
body[data-action=new][data-controller=contacts] #main .timeList .subLTxt,
#contact_finished #main .timeList .subLTxt {
  width: 65%;
}
body[data-action=show][data-controller=tops] #main .timeList a,
body[data-action=index][data-controller=histories] #main .timeList a,
body[data-action=edit][data-controller=member_details] #main .timeList a,
body[data-action=index][data-controller=operations] #main .timeList a,
body[data-action=index][data-controller=revenue_statements] #main .timeList a,
body[data-action=index][data-controller=applications] #main .timeList a,
body[data-action=show][data-controller=members] #main .timeList a,
body[data-action=new][data-controller=contacts] #main .timeList a,
#contact_finished #main .timeList a {
  margin-top: 0;
  text-decoration: none;
}
body[data-action=show][data-controller=tops] #main .timeList .subRTxt,
body[data-action=index][data-controller=histories] #main .timeList .subRTxt,
body[data-action=edit][data-controller=member_details] #main .timeList .subRTxt,
body[data-action=index][data-controller=operations] #main .timeList .subRTxt,
body[data-action=index][data-controller=revenue_statements] #main .timeList .subRTxt,
body[data-action=index][data-controller=applications] #main .timeList .subRTxt,
body[data-action=show][data-controller=members] #main .timeList .subRTxt,
body[data-action=new][data-controller=contacts] #main .timeList .subRTxt,
#contact_finished #main .timeList .subRTxt {
  flex: 1;
}
body[data-action=show][data-controller=tops] #main .timeList01,
body[data-action=index][data-controller=histories] #main .timeList01,
body[data-action=edit][data-controller=member_details] #main .timeList01,
body[data-action=index][data-controller=operations] #main .timeList01,
body[data-action=index][data-controller=revenue_statements] #main .timeList01,
body[data-action=index][data-controller=applications] #main .timeList01,
body[data-action=show][data-controller=members] #main .timeList01,
body[data-action=new][data-controller=contacts] #main .timeList01,
#contact_finished #main .timeList01 {
  padding-top: 0;
}
body[data-action=show][data-controller=tops] #main .timeList01 .ttl .subLTxt,
body[data-action=index][data-controller=histories] #main .timeList01 .ttl .subLTxt,
body[data-action=edit][data-controller=member_details] #main .timeList01 .ttl .subLTxt,
body[data-action=index][data-controller=operations] #main .timeList01 .ttl .subLTxt,
body[data-action=index][data-controller=revenue_statements] #main .timeList01 .ttl .subLTxt,
body[data-action=index][data-controller=applications] #main .timeList01 .ttl .subLTxt,
body[data-action=show][data-controller=members] #main .timeList01 .ttl .subLTxt,
body[data-action=new][data-controller=contacts] #main .timeList01 .ttl .subLTxt,
#contact_finished #main .timeList01 .ttl .subLTxt {
  width: 26.5%;
}
body[data-action=show][data-controller=tops] #main .timeList01 .subLTxt,
body[data-action=index][data-controller=histories] #main .timeList01 .subLTxt,
body[data-action=edit][data-controller=member_details] #main .timeList01 .subLTxt,
body[data-action=index][data-controller=operations] #main .timeList01 .subLTxt,
body[data-action=index][data-controller=revenue_statements] #main .timeList01 .subLTxt,
body[data-action=index][data-controller=applications] #main .timeList01 .subLTxt,
body[data-action=show][data-controller=members] #main .timeList01 .subLTxt,
body[data-action=new][data-controller=contacts] #main .timeList01 .subLTxt,
#contact_finished #main .timeList01 .subLTxt {
  width: 26.5%;
  display: inline-block;
}
body[data-action=show][data-controller=tops] #main .timeList01 .lTxt,
body[data-action=index][data-controller=histories] #main .timeList01 .lTxt,
body[data-action=edit][data-controller=member_details] #main .timeList01 .lTxt,
body[data-action=index][data-controller=operations] #main .timeList01 .lTxt,
body[data-action=index][data-controller=revenue_statements] #main .timeList01 .lTxt,
body[data-action=index][data-controller=applications] #main .timeList01 .lTxt,
body[data-action=show][data-controller=members] #main .timeList01 .lTxt,
body[data-action=new][data-controller=contacts] #main .timeList01 .lTxt,
#contact_finished #main .timeList01 .lTxt {
  width: 70.6%;
  display: flex;
}
body[data-action=show][data-controller=tops] #main .timeList01 a,
body[data-action=index][data-controller=histories] #main .timeList01 a,
body[data-action=edit][data-controller=member_details] #main .timeList01 a,
body[data-action=index][data-controller=operations] #main .timeList01 a,
body[data-action=index][data-controller=revenue_statements] #main .timeList01 a,
body[data-action=index][data-controller=applications] #main .timeList01 a,
body[data-action=show][data-controller=members] #main .timeList01 a,
body[data-action=new][data-controller=contacts] #main .timeList01 a,
#contact_finished #main .timeList01 a {
  display: block;
  margin-top: 10px;
  text-decoration: underline;
}
body[data-action=show][data-controller=tops] #main .timeList01 .rTxt,
body[data-action=index][data-controller=histories] #main .timeList01 .rTxt,
body[data-action=edit][data-controller=member_details] #main .timeList01 .rTxt,
body[data-action=index][data-controller=operations] #main .timeList01 .rTxt,
body[data-action=index][data-controller=revenue_statements] #main .timeList01 .rTxt,
body[data-action=index][data-controller=applications] #main .timeList01 .rTxt,
body[data-action=show][data-controller=members] #main .timeList01 .rTxt,
body[data-action=new][data-controller=contacts] #main .timeList01 .rTxt,
#contact_finished #main .timeList01 .rTxt {
  justify-content: space-between;
}
body[data-action=show][data-controller=tops] #main .timeList01 .subRTxt,
body[data-action=index][data-controller=histories] #main .timeList01 .subRTxt,
body[data-action=edit][data-controller=member_details] #main .timeList01 .subRTxt,
body[data-action=index][data-controller=operations] #main .timeList01 .subRTxt,
body[data-action=index][data-controller=revenue_statements] #main .timeList01 .subRTxt,
body[data-action=index][data-controller=applications] #main .timeList01 .subRTxt,
body[data-action=show][data-controller=members] #main .timeList01 .subRTxt,
body[data-action=new][data-controller=contacts] #main .timeList01 .subRTxt,
#contact_finished #main .timeList01 .subRTxt {
  flex: none;
}
body[data-action=show][data-controller=tops] #main .timeList01 .subRTxt span,
body[data-action=index][data-controller=histories] #main .timeList01 .subRTxt span,
body[data-action=edit][data-controller=member_details] #main .timeList01 .subRTxt span,
body[data-action=index][data-controller=operations] #main .timeList01 .subRTxt span,
body[data-action=index][data-controller=revenue_statements] #main .timeList01 .subRTxt span,
body[data-action=index][data-controller=applications] #main .timeList01 .subRTxt span,
body[data-action=show][data-controller=members] #main .timeList01 .subRTxt span,
body[data-action=new][data-controller=contacts] #main .timeList01 .subRTxt span,
#contact_finished #main .timeList01 .subRTxt span {
  display: block;
}
body[data-action=show][data-controller=tops] #main .mypage01 .timeList01 a,
body[data-action=index][data-controller=histories] #main .mypage01 .timeList01 a,
body[data-action=edit][data-controller=member_details] #main .mypage01 .timeList01 a,
body[data-action=index][data-controller=operations] #main .mypage01 .timeList01 a,
body[data-action=index][data-controller=revenue_statements] #main .mypage01 .timeList01 a,
body[data-action=index][data-controller=applications] #main .mypage01 .timeList01 a,
body[data-action=show][data-controller=members] #main .mypage01 .timeList01 a,
body[data-action=new][data-controller=contacts] #main .mypage01 .timeList01 a,
#contact_finished #main .mypage01 .timeList01 a {
  margin-top: 0;
}
body[data-action=show][data-controller=tops] #main .mypage01 .timeList a,
body[data-action=index][data-controller=histories] #main .mypage01 .timeList a,
body[data-action=edit][data-controller=member_details] #main .mypage01 .timeList a,
body[data-action=index][data-controller=operations] #main .mypage01 .timeList a,
body[data-action=index][data-controller=revenue_statements] #main .mypage01 .timeList a,
body[data-action=index][data-controller=applications] #main .mypage01 .timeList a,
body[data-action=show][data-controller=members] #main .mypage01 .timeList a,
body[data-action=new][data-controller=contacts] #main .mypage01 .timeList a,
#contact_finished #main .mypage01 .timeList a {
  text-decoration: none;
}
@media all and (-ms-high-contrast: none) {
  body[data-action=show][data-controller=tops] #main .timeList .ttl,
  body[data-action=index][data-controller=histories] #main .timeList .ttl,
  body[data-action=edit][data-controller=member_details] #main .timeList .ttl,
  body[data-action=index][data-controller=operations] #main .timeList .ttl,
  body[data-action=index][data-controller=revenue_statements] #main .timeList .ttl,
  body[data-action=index][data-controller=applications] #main .timeList .ttl,
  body[data-action=show][data-controller=members] #main .timeList .ttl,
  body[data-action=new][data-controller=contacts] #main .timeList .ttl,
  #contact_finished #main .timeList .ttl {
    padding: 15px 16px 5px;
  }
  body[data-action=show][data-controller=tops] #main .linkList li a,
  body[data-action=index][data-controller=histories] #main .linkList li a,
  body[data-action=edit][data-controller=member_details] #main .linkList li a,
  body[data-action=index][data-controller=operations] #main .linkList li a,
  body[data-action=index][data-controller=revenue_statements] #main .linkList li a,
  body[data-action=index][data-controller=applications] #main .linkList li a,
  body[data-action=show][data-controller=members] #main .linkList li a,
  body[data-action=new][data-controller=contacts] #main .linkList li a,
  #contact_finished #main .linkList li a {
    padding: 11px 10px 3px;
  }
  body[data-action=show][data-controller=tops] .mypage05 .comBtn03 a,
  body[data-action=index][data-controller=histories] .mypage05 .comBtn03 a,
  body[data-action=edit][data-controller=member_details] .mypage05 .comBtn03 a,
  body[data-action=index][data-controller=operations] .mypage05 .comBtn03 a,
  body[data-action=index][data-controller=revenue_statements] .mypage05 .comBtn03 a,
  body[data-action=index][data-controller=applications] .mypage05 .comBtn03 a,
  body[data-action=show][data-controller=members] .mypage05 .comBtn03 a,
  body[data-action=new][data-controller=contacts] .mypage05 .comBtn03 a,
  #contact_finished .mypage05 .comBtn03 a {
    padding: 12px 35px 4px;
  }
}
@media all and (min-width: 897px) {
  body[data-action=show][data-controller=tops] #main .timeList01 a:hover,
  body[data-action=index][data-controller=histories] #main .timeList01 a:hover,
  body[data-action=edit][data-controller=member_details] #main .timeList01 a:hover,
  body[data-action=index][data-controller=operations] #main .timeList01 a:hover,
  body[data-action=index][data-controller=revenue_statements] #main .timeList01 a:hover,
  body[data-action=index][data-controller=applications] #main .timeList01 a:hover,
  body[data-action=show][data-controller=members] #main .timeList01 a:hover,
  body[data-action=new][data-controller=contacts] #main .timeList01 a:hover,
  #contact_finished #main .timeList01 a:hover {
    text-decoration: none;
  }
  body[data-action=show][data-controller=tops] #main .mypage01 .timeList .ttl .subLTxt,
  body[data-action=index][data-controller=histories] #main .mypage01 .timeList .ttl .subLTxt,
  body[data-action=edit][data-controller=member_details] #main .mypage01 .timeList .ttl .subLTxt,
  body[data-action=index][data-controller=operations] #main .mypage01 .timeList .ttl .subLTxt,
  body[data-action=index][data-controller=revenue_statements] #main .mypage01 .timeList .ttl .subLTxt,
  body[data-action=index][data-controller=applications] #main .mypage01 .timeList .ttl .subLTxt,
  body[data-action=show][data-controller=members] #main .mypage01 .timeList .ttl .subLTxt,
  body[data-action=new][data-controller=contacts] #main .mypage01 .timeList .ttl .subLTxt,
  #contact_finished #main .mypage01 .timeList .ttl .subLTxt {
    width: 65%;
  }
  body[data-action=show][data-controller=tops] #main .mypage01 .timeList .subRTxt,
  body[data-action=index][data-controller=histories] #main .mypage01 .timeList .subRTxt,
  body[data-action=edit][data-controller=member_details] #main .mypage01 .timeList .subRTxt,
  body[data-action=index][data-controller=operations] #main .mypage01 .timeList .subRTxt,
  body[data-action=index][data-controller=revenue_statements] #main .mypage01 .timeList .subRTxt,
  body[data-action=index][data-controller=applications] #main .mypage01 .timeList .subRTxt,
  body[data-action=show][data-controller=members] #main .mypage01 .timeList .subRTxt,
  body[data-action=new][data-controller=contacts] #main .mypage01 .timeList .subRTxt,
  #contact_finished #main .mypage01 .timeList .subRTxt {
    width: 35%;
  }
  body[data-action=show][data-controller=tops] #main .mypage01 .timeList .lTxt,
  body[data-action=index][data-controller=histories] #main .mypage01 .timeList .lTxt,
  body[data-action=edit][data-controller=member_details] #main .mypage01 .timeList .lTxt,
  body[data-action=index][data-controller=operations] #main .mypage01 .timeList .lTxt,
  body[data-action=index][data-controller=revenue_statements] #main .mypage01 .timeList .lTxt,
  body[data-action=index][data-controller=applications] #main .mypage01 .timeList .lTxt,
  body[data-action=show][data-controller=members] #main .mypage01 .timeList .lTxt,
  body[data-action=new][data-controller=contacts] #main .mypage01 .timeList .lTxt,
  #contact_finished #main .mypage01 .timeList .lTxt {
    width: 71.9%;
    box-sizing: border-box;
  }
  body[data-action=show][data-controller=tops] #main .mypage01 .timeList a:hover,
  body[data-action=index][data-controller=histories] #main .mypage01 .timeList a:hover,
  body[data-action=edit][data-controller=member_details] #main .mypage01 .timeList a:hover,
  body[data-action=index][data-controller=operations] #main .mypage01 .timeList a:hover,
  body[data-action=index][data-controller=revenue_statements] #main .mypage01 .timeList a:hover,
  body[data-action=index][data-controller=applications] #main .mypage01 .timeList a:hover,
  body[data-action=show][data-controller=members] #main .mypage01 .timeList a:hover,
  body[data-action=new][data-controller=contacts] #main .mypage01 .timeList a:hover,
  #contact_finished #main .mypage01 .timeList a:hover {
    text-decoration: underline;
  }
  body[data-action=show][data-controller=tops] #main .h2Ttl01,
  body[data-action=index][data-controller=histories] #main .h2Ttl01,
  body[data-action=edit][data-controller=member_details] #main .h2Ttl01,
  body[data-action=index][data-controller=operations] #main .h2Ttl01,
  body[data-action=index][data-controller=revenue_statements] #main .h2Ttl01,
  body[data-action=index][data-controller=applications] #main .h2Ttl01,
  body[data-action=show][data-controller=members] #main .h2Ttl01,
  body[data-action=new][data-controller=contacts] #main .h2Ttl01,
  #contact_finished #main .h2Ttl01 {
    margin-bottom: 46px;
  }
  body[data-action=show][data-controller=tops] #main .comBox div.inner01,
  body[data-action=index][data-controller=histories] #main .comBox div.inner01,
  body[data-action=edit][data-controller=member_details] #main .comBox div.inner01,
  body[data-action=index][data-controller=operations] #main .comBox div.inner01,
  body[data-action=index][data-controller=revenue_statements] #main .comBox div.inner01,
  body[data-action=index][data-controller=applications] #main .comBox div.inner01,
  body[data-action=show][data-controller=members] #main .comBox div.inner01,
  body[data-action=new][data-controller=contacts] #main .comBox div.inner01,
  #contact_finished #main .comBox div.inner01 {
    margin-bottom: 88px;
  }
}
@media all and (max-width: 896px) {
  body[data-action=show][data-controller=tops] .mypage02 .headLine01,
  body[data-action=index][data-controller=histories] .mypage02 .headLine01,
  body[data-action=edit][data-controller=member_details] .mypage02 .headLine01,
  body[data-action=index][data-controller=operations] .mypage02 .headLine01,
  body[data-action=index][data-controller=revenue_statements] .mypage02 .headLine01,
  body[data-action=index][data-controller=applications] .mypage02 .headLine01,
  body[data-action=show][data-controller=members] .mypage02 .headLine01,
  body[data-action=new][data-controller=contacts] .mypage02 .headLine01,
  #contact_finished .mypage02 .headLine01 {
    font-size: 2rem;
    letter-spacing: 1px;
    line-height: 1.6;
  }
  body[data-action=show][data-controller=tops] .comLinkUl,
  body[data-action=index][data-controller=histories] .comLinkUl,
  body[data-action=edit][data-controller=member_details] .comLinkUl,
  body[data-action=index][data-controller=operations] .comLinkUl,
  body[data-action=index][data-controller=revenue_statements] .comLinkUl,
  body[data-action=index][data-controller=applications] .comLinkUl,
  body[data-action=show][data-controller=members] .comLinkUl,
  body[data-action=new][data-controller=contacts] .comLinkUl,
  #contact_finished .comLinkUl {
    margin-bottom: 58px;
  }
  body[data-action=show][data-controller=tops] .pdfTxt,
  body[data-action=index][data-controller=histories] .pdfTxt,
  body[data-action=edit][data-controller=member_details] .pdfTxt,
  body[data-action=index][data-controller=operations] .pdfTxt,
  body[data-action=index][data-controller=revenue_statements] .pdfTxt,
  body[data-action=index][data-controller=applications] .pdfTxt,
  body[data-action=show][data-controller=members] .pdfTxt,
  body[data-action=new][data-controller=contacts] .pdfTxt,
  #contact_finished .pdfTxt {
    word-wrap: break-word;
    word-break: break-all;
  }
  body[data-action=show][data-controller=tops] #main .h2Ttl,
  body[data-action=index][data-controller=histories] #main .h2Ttl,
  body[data-action=edit][data-controller=member_details] #main .h2Ttl,
  body[data-action=index][data-controller=operations] #main .h2Ttl,
  body[data-action=index][data-controller=revenue_statements] #main .h2Ttl,
  body[data-action=index][data-controller=applications] #main .h2Ttl,
  body[data-action=show][data-controller=members] #main .h2Ttl,
  body[data-action=new][data-controller=contacts] #main .h2Ttl,
  #contact_finished #main .h2Ttl {
    margin-bottom: 20px;
  }
  body[data-action=show][data-controller=tops] #main .tBox,
  body[data-action=index][data-controller=histories] #main .tBox,
  body[data-action=edit][data-controller=member_details] #main .tBox,
  body[data-action=index][data-controller=operations] #main .tBox,
  body[data-action=index][data-controller=revenue_statements] #main .tBox,
  body[data-action=index][data-controller=applications] #main .tBox,
  body[data-action=show][data-controller=members] #main .tBox,
  body[data-action=new][data-controller=contacts] #main .tBox,
  #contact_finished #main .tBox {
    margin-top: -2px;
    margin-bottom: 47px;
  }
  body[data-action=show][data-controller=tops] #main .tBox .h2Ttl,
  body[data-action=index][data-controller=histories] #main .tBox .h2Ttl,
  body[data-action=edit][data-controller=member_details] #main .tBox .h2Ttl,
  body[data-action=index][data-controller=operations] #main .tBox .h2Ttl,
  body[data-action=index][data-controller=revenue_statements] #main .tBox .h2Ttl,
  body[data-action=index][data-controller=applications] #main .tBox .h2Ttl,
  body[data-action=show][data-controller=members] #main .tBox .h2Ttl,
  body[data-action=new][data-controller=contacts] #main .tBox .h2Ttl,
  #contact_finished #main .tBox .h2Ttl {
    margin-bottom: 10px;
  }
  body[data-action=show][data-controller=tops] #main .timeList .lTxt,
  body[data-action=index][data-controller=histories] #main .timeList .lTxt,
  body[data-action=edit][data-controller=member_details] #main .timeList .lTxt,
  body[data-action=index][data-controller=operations] #main .timeList .lTxt,
  body[data-action=index][data-controller=revenue_statements] #main .timeList .lTxt,
  body[data-action=index][data-controller=applications] #main .timeList .lTxt,
  body[data-action=show][data-controller=members] #main .timeList .lTxt,
  body[data-action=new][data-controller=contacts] #main .timeList .lTxt,
  #contact_finished #main .timeList .lTxt {
    width: 60%;
  }
  body[data-action=show][data-controller=tops] #main .timeList .ttl,
  body[data-action=index][data-controller=histories] #main .timeList .ttl,
  body[data-action=edit][data-controller=member_details] #main .timeList .ttl,
  body[data-action=index][data-controller=operations] #main .timeList .ttl,
  body[data-action=index][data-controller=revenue_statements] #main .timeList .ttl,
  body[data-action=index][data-controller=applications] #main .timeList .ttl,
  body[data-action=show][data-controller=members] #main .timeList .ttl,
  body[data-action=new][data-controller=contacts] #main .timeList .ttl,
  #contact_finished #main .timeList .ttl {
    padding: 11px 4px 9px 11px;
    font-size: 1.2rem;
  }
  body[data-action=show][data-controller=tops] #main .timeList .ttl .subLTxt, body[data-action=show][data-controller=tops] #main .timeList .ttl .subRTxt,
  body[data-action=index][data-controller=histories] #main .timeList .ttl .subLTxt,
  body[data-action=index][data-controller=histories] #main .timeList .ttl .subRTxt,
  body[data-action=edit][data-controller=member_details] #main .timeList .ttl .subLTxt,
  body[data-action=edit][data-controller=member_details] #main .timeList .ttl .subRTxt,
  body[data-action=index][data-controller=operations] #main .timeList .ttl .subLTxt,
  body[data-action=index][data-controller=operations] #main .timeList .ttl .subRTxt,
  body[data-action=index][data-controller=revenue_statements] #main .timeList .ttl .subLTxt,
  body[data-action=index][data-controller=revenue_statements] #main .timeList .ttl .subRTxt,
  body[data-action=index][data-controller=applications] #main .timeList .ttl .subLTxt,
  body[data-action=index][data-controller=applications] #main .timeList .ttl .subRTxt,
  body[data-action=show][data-controller=members] #main .timeList .ttl .subLTxt,
  body[data-action=show][data-controller=members] #main .timeList .ttl .subRTxt,
  body[data-action=new][data-controller=contacts] #main .timeList .ttl .subLTxt,
  body[data-action=new][data-controller=contacts] #main .timeList .ttl .subRTxt,
  #contact_finished #main .timeList .ttl .subLTxt,
  #contact_finished #main .timeList .ttl .subRTxt {
    width: auto;
  }
  body[data-action=show][data-controller=tops] #main .timeList01 .ttl .subLTxt,
  body[data-action=index][data-controller=histories] #main .timeList01 .ttl .subLTxt,
  body[data-action=edit][data-controller=member_details] #main .timeList01 .ttl .subLTxt,
  body[data-action=index][data-controller=operations] #main .timeList01 .ttl .subLTxt,
  body[data-action=index][data-controller=revenue_statements] #main .timeList01 .ttl .subLTxt,
  body[data-action=index][data-controller=applications] #main .timeList01 .ttl .subLTxt,
  body[data-action=show][data-controller=members] #main .timeList01 .ttl .subLTxt,
  body[data-action=new][data-controller=contacts] #main .timeList01 .ttl .subLTxt,
  #contact_finished #main .timeList01 .ttl .subLTxt {
    width: auto;
  }
  body[data-action=show][data-controller=tops] #main .timeList01 .rTxt,
  body[data-action=index][data-controller=histories] #main .timeList01 .rTxt,
  body[data-action=edit][data-controller=member_details] #main .timeList01 .rTxt,
  body[data-action=index][data-controller=operations] #main .timeList01 .rTxt,
  body[data-action=index][data-controller=revenue_statements] #main .timeList01 .rTxt,
  body[data-action=index][data-controller=applications] #main .timeList01 .rTxt,
  body[data-action=show][data-controller=members] #main .timeList01 .rTxt,
  body[data-action=new][data-controller=contacts] #main .timeList01 .rTxt,
  #contact_finished #main .timeList01 .rTxt {
    display: block;
    flex: none;
    text-align: right;
    align-self: flex-end;
  }
  body[data-action=show][data-controller=tops] #main .timeList li,
  body[data-action=index][data-controller=histories] #main .timeList li,
  body[data-action=edit][data-controller=member_details] #main .timeList li,
  body[data-action=index][data-controller=operations] #main .timeList li,
  body[data-action=index][data-controller=revenue_statements] #main .timeList li,
  body[data-action=index][data-controller=applications] #main .timeList li,
  body[data-action=show][data-controller=members] #main .timeList li,
  body[data-action=new][data-controller=contacts] #main .timeList li,
  #contact_finished #main .timeList li {
    padding: 11px 0 12px;
    align-items: center;
    line-height: 1.7;
    justify-content: space-between;
  }
  body[data-action=show][data-controller=tops] #main .timeList .lTxt,
  body[data-action=index][data-controller=histories] #main .timeList .lTxt,
  body[data-action=edit][data-controller=member_details] #main .timeList .lTxt,
  body[data-action=index][data-controller=operations] #main .timeList .lTxt,
  body[data-action=index][data-controller=revenue_statements] #main .timeList .lTxt,
  body[data-action=index][data-controller=applications] #main .timeList .lTxt,
  body[data-action=show][data-controller=members] #main .timeList .lTxt,
  body[data-action=new][data-controller=contacts] #main .timeList .lTxt,
  #contact_finished #main .timeList .lTxt {
    margin-right: 13px;
    width: auto;
    flex-wrap: wrap;
  }
  body[data-action=show][data-controller=tops] #main .timeList01 .ttl .rTxt,
  body[data-action=index][data-controller=histories] #main .timeList01 .ttl .rTxt,
  body[data-action=edit][data-controller=member_details] #main .timeList01 .ttl .rTxt,
  body[data-action=index][data-controller=operations] #main .timeList01 .ttl .rTxt,
  body[data-action=index][data-controller=revenue_statements] #main .timeList01 .ttl .rTxt,
  body[data-action=index][data-controller=applications] #main .timeList01 .ttl .rTxt,
  body[data-action=show][data-controller=members] #main .timeList01 .ttl .rTxt,
  body[data-action=new][data-controller=contacts] #main .timeList01 .ttl .rTxt,
  #contact_finished #main .timeList01 .ttl .rTxt {
    margin-right: 0;
  }
  body[data-action=show][data-controller=tops] #main .timeList .subLTxt, body[data-action=show][data-controller=tops] #main .timeList .subRTxt,
  body[data-action=index][data-controller=histories] #main .timeList .subLTxt,
  body[data-action=index][data-controller=histories] #main .timeList .subRTxt,
  body[data-action=edit][data-controller=member_details] #main .timeList .subLTxt,
  body[data-action=edit][data-controller=member_details] #main .timeList .subRTxt,
  body[data-action=index][data-controller=operations] #main .timeList .subLTxt,
  body[data-action=index][data-controller=operations] #main .timeList .subRTxt,
  body[data-action=index][data-controller=revenue_statements] #main .timeList .subLTxt,
  body[data-action=index][data-controller=revenue_statements] #main .timeList .subRTxt,
  body[data-action=index][data-controller=applications] #main .timeList .subLTxt,
  body[data-action=index][data-controller=applications] #main .timeList .subRTxt,
  body[data-action=show][data-controller=members] #main .timeList .subLTxt,
  body[data-action=show][data-controller=members] #main .timeList .subRTxt,
  body[data-action=new][data-controller=contacts] #main .timeList .subLTxt,
  body[data-action=new][data-controller=contacts] #main .timeList .subRTxt,
  #contact_finished #main .timeList .subLTxt,
  #contact_finished #main .timeList .subRTxt {
    width: 100%;
  }
  body[data-action=show][data-controller=tops] #main .timeList01 a,
  body[data-action=index][data-controller=histories] #main .timeList01 a,
  body[data-action=edit][data-controller=member_details] #main .timeList01 a,
  body[data-action=index][data-controller=operations] #main .timeList01 a,
  body[data-action=index][data-controller=revenue_statements] #main .timeList01 a,
  body[data-action=index][data-controller=applications] #main .timeList01 a,
  body[data-action=show][data-controller=members] #main .timeList01 a,
  body[data-action=new][data-controller=contacts] #main .timeList01 a,
  #contact_finished #main .timeList01 a {
    margin-top: 0;
  }
  body[data-action=show][data-controller=tops] #main .timeList01 .subRTxt span.sp,
  body[data-action=index][data-controller=histories] #main .timeList01 .subRTxt span.sp,
  body[data-action=edit][data-controller=member_details] #main .timeList01 .subRTxt span.sp,
  body[data-action=index][data-controller=operations] #main .timeList01 .subRTxt span.sp,
  body[data-action=index][data-controller=revenue_statements] #main .timeList01 .subRTxt span.sp,
  body[data-action=index][data-controller=applications] #main .timeList01 .subRTxt span.sp,
  body[data-action=show][data-controller=members] #main .timeList01 .subRTxt span.sp,
  body[data-action=new][data-controller=contacts] #main .timeList01 .subRTxt span.sp,
  #contact_finished #main .timeList01 .subRTxt span.sp {
    display: inline;
  }
  body[data-action=show][data-controller=tops] .mypage05 .txt,
  body[data-action=index][data-controller=histories] .mypage05 .txt,
  body[data-action=edit][data-controller=member_details] .mypage05 .txt,
  body[data-action=index][data-controller=operations] .mypage05 .txt,
  body[data-action=index][data-controller=revenue_statements] .mypage05 .txt,
  body[data-action=index][data-controller=applications] .mypage05 .txt,
  body[data-action=show][data-controller=members] .mypage05 .txt,
  body[data-action=new][data-controller=contacts] .mypage05 .txt,
  #contact_finished .mypage05 .txt {
    margin-bottom: 38px;
  }
  body[data-action=show][data-controller=tops] .mypage05 .comBtn03,
  body[data-action=index][data-controller=histories] .mypage05 .comBtn03,
  body[data-action=edit][data-controller=member_details] .mypage05 .comBtn03,
  body[data-action=index][data-controller=operations] .mypage05 .comBtn03,
  body[data-action=index][data-controller=revenue_statements] .mypage05 .comBtn03,
  body[data-action=index][data-controller=applications] .mypage05 .comBtn03,
  body[data-action=show][data-controller=members] .mypage05 .comBtn03,
  body[data-action=new][data-controller=contacts] .mypage05 .comBtn03,
  #contact_finished .mypage05 .comBtn03 {
    max-width: 87%;
  }
  body[data-action=show][data-controller=tops] .mypage05 .comBtn03 a,
  body[data-action=index][data-controller=histories] .mypage05 .comBtn03 a,
  body[data-action=edit][data-controller=member_details] .mypage05 .comBtn03 a,
  body[data-action=index][data-controller=operations] .mypage05 .comBtn03 a,
  body[data-action=index][data-controller=revenue_statements] .mypage05 .comBtn03 a,
  body[data-action=index][data-controller=applications] .mypage05 .comBtn03 a,
  body[data-action=show][data-controller=members] .mypage05 .comBtn03 a,
  body[data-action=new][data-controller=contacts] .mypage05 .comBtn03 a,
  #contact_finished .mypage05 .comBtn03 a {
    padding: 16px 35px 14px;
  }
  body[data-action=show][data-controller=tops] .comMailForm dl dt,
  body[data-action=index][data-controller=histories] .comMailForm dl dt,
  body[data-action=edit][data-controller=member_details] .comMailForm dl dt,
  body[data-action=index][data-controller=operations] .comMailForm dl dt,
  body[data-action=index][data-controller=revenue_statements] .comMailForm dl dt,
  body[data-action=index][data-controller=applications] .comMailForm dl dt,
  body[data-action=show][data-controller=members] .comMailForm dl dt,
  body[data-action=new][data-controller=contacts] .comMailForm dl dt,
  #contact_finished .comMailForm dl dt {
    margin-bottom: 8px;
    padding-left: 40px;
    font-size: 1.4rem;
  }
  body[data-action=show][data-controller=tops] #main .titleBox,
  body[data-action=index][data-controller=histories] #main .titleBox,
  body[data-action=edit][data-controller=member_details] #main .titleBox,
  body[data-action=index][data-controller=operations] #main .titleBox,
  body[data-action=index][data-controller=revenue_statements] #main .titleBox,
  body[data-action=index][data-controller=applications] #main .titleBox,
  body[data-action=show][data-controller=members] #main .titleBox,
  body[data-action=new][data-controller=contacts] #main .titleBox,
  #contact_finished #main .titleBox {
    margin: 0;
  }
  body[data-action=show][data-controller=tops] #main .titleBox .comBtn01,
  body[data-action=index][data-controller=histories] #main .titleBox .comBtn01,
  body[data-action=edit][data-controller=member_details] #main .titleBox .comBtn01,
  body[data-action=index][data-controller=operations] #main .titleBox .comBtn01,
  body[data-action=index][data-controller=revenue_statements] #main .titleBox .comBtn01,
  body[data-action=index][data-controller=applications] #main .titleBox .comBtn01,
  body[data-action=show][data-controller=members] #main .titleBox .comBtn01,
  body[data-action=new][data-controller=contacts] #main .titleBox .comBtn01,
  #contact_finished #main .titleBox .comBtn01 {
    position: static;
    width: 42%;
    margin: 9px auto 0;
  }
  body[data-action=show][data-controller=tops] #main .titleBox .comBtn01 a,
  body[data-action=index][data-controller=histories] #main .titleBox .comBtn01 a,
  body[data-action=edit][data-controller=member_details] #main .titleBox .comBtn01 a,
  body[data-action=index][data-controller=operations] #main .titleBox .comBtn01 a,
  body[data-action=index][data-controller=revenue_statements] #main .titleBox .comBtn01 a,
  body[data-action=index][data-controller=applications] #main .titleBox .comBtn01 a,
  body[data-action=show][data-controller=members] #main .titleBox .comBtn01 a,
  body[data-action=new][data-controller=contacts] #main .titleBox .comBtn01 a,
  #contact_finished #main .titleBox .comBtn01 a {
    padding: 15px 35px 14px;
  }
  body[data-action=show][data-controller=tops] #main .titleBox .headLine01,
  body[data-action=index][data-controller=histories] #main .titleBox .headLine01,
  body[data-action=edit][data-controller=member_details] #main .titleBox .headLine01,
  body[data-action=index][data-controller=operations] #main .titleBox .headLine01,
  body[data-action=index][data-controller=revenue_statements] #main .titleBox .headLine01,
  body[data-action=index][data-controller=applications] #main .titleBox .headLine01,
  body[data-action=show][data-controller=members] #main .titleBox .headLine01,
  body[data-action=new][data-controller=contacts] #main .titleBox .headLine01,
  #contact_finished #main .titleBox .headLine01 {
    margin-bottom: 20px;
  }
  body[data-action=show][data-controller=tops] #main .inner:not(:last-child),
  body[data-action=index][data-controller=histories] #main .inner:not(:last-child),
  body[data-action=edit][data-controller=member_details] #main .inner:not(:last-child),
  body[data-action=index][data-controller=operations] #main .inner:not(:last-child),
  body[data-action=index][data-controller=revenue_statements] #main .inner:not(:last-child),
  body[data-action=index][data-controller=applications] #main .inner:not(:last-child),
  body[data-action=show][data-controller=members] #main .inner:not(:last-child),
  body[data-action=new][data-controller=contacts] #main .inner:not(:last-child),
  #contact_finished #main .inner:not(:last-child) {
    margin-bottom: 58px;
  }
  body[data-action=show][data-controller=tops] #main .h2Ttl01,
  body[data-action=index][data-controller=histories] #main .h2Ttl01,
  body[data-action=edit][data-controller=member_details] #main .h2Ttl01,
  body[data-action=index][data-controller=operations] #main .h2Ttl01,
  body[data-action=index][data-controller=revenue_statements] #main .h2Ttl01,
  body[data-action=index][data-controller=applications] #main .h2Ttl01,
  body[data-action=show][data-controller=members] #main .h2Ttl01,
  body[data-action=new][data-controller=contacts] #main .h2Ttl01,
  #contact_finished #main .h2Ttl01 {
    line-height: 1.14;
  }
  body[data-action=show][data-controller=tops] #main .timeList01 a,
  body[data-action=index][data-controller=histories] #main .timeList01 a,
  body[data-action=edit][data-controller=member_details] #main .timeList01 a,
  body[data-action=index][data-controller=operations] #main .timeList01 a,
  body[data-action=index][data-controller=revenue_statements] #main .timeList01 a,
  body[data-action=index][data-controller=applications] #main .timeList01 a,
  body[data-action=show][data-controller=members] #main .timeList01 a,
  body[data-action=new][data-controller=contacts] #main .timeList01 a,
  #contact_finished #main .timeList01 a {
    font-size: 1.4rem;
  }
  body[data-action=show][data-controller=tops] #main .mypage01 .timeList01 .rTxt,
  body[data-action=index][data-controller=histories] #main .mypage01 .timeList01 .rTxt,
  body[data-action=edit][data-controller=member_details] #main .mypage01 .timeList01 .rTxt,
  body[data-action=index][data-controller=operations] #main .mypage01 .timeList01 .rTxt,
  body[data-action=index][data-controller=revenue_statements] #main .mypage01 .timeList01 .rTxt,
  body[data-action=index][data-controller=applications] #main .mypage01 .timeList01 .rTxt,
  body[data-action=show][data-controller=members] #main .mypage01 .timeList01 .rTxt,
  body[data-action=new][data-controller=contacts] #main .mypage01 .timeList01 .rTxt,
  #contact_finished #main .mypage01 .timeList01 .rTxt {
    flex: 1;
    font-weight: 500;
  }
  body[data-action=show][data-controller=tops] #main .linkList,
  body[data-action=index][data-controller=histories] #main .linkList,
  body[data-action=edit][data-controller=member_details] #main .linkList,
  body[data-action=index][data-controller=operations] #main .linkList,
  body[data-action=index][data-controller=revenue_statements] #main .linkList,
  body[data-action=index][data-controller=applications] #main .linkList,
  body[data-action=show][data-controller=members] #main .linkList,
  body[data-action=new][data-controller=contacts] #main .linkList,
  #contact_finished #main .linkList {
    display: block;
  }
  body[data-action=show][data-controller=tops] #main .linkList li,
  body[data-action=index][data-controller=histories] #main .linkList li,
  body[data-action=edit][data-controller=member_details] #main .linkList li,
  body[data-action=index][data-controller=operations] #main .linkList li,
  body[data-action=index][data-controller=revenue_statements] #main .linkList li,
  body[data-action=index][data-controller=applications] #main .linkList li,
  body[data-action=show][data-controller=members] #main .linkList li,
  body[data-action=new][data-controller=contacts] #main .linkList li,
  #contact_finished #main .linkList li {
    margin: 0 0 12px;
    width: auto;
  }
  body[data-action=show][data-controller=tops] #main .linkList li:last-child,
  body[data-action=index][data-controller=histories] #main .linkList li:last-child,
  body[data-action=edit][data-controller=member_details] #main .linkList li:last-child,
  body[data-action=index][data-controller=operations] #main .linkList li:last-child,
  body[data-action=index][data-controller=revenue_statements] #main .linkList li:last-child,
  body[data-action=index][data-controller=applications] #main .linkList li:last-child,
  body[data-action=show][data-controller=members] #main .linkList li:last-child,
  body[data-action=new][data-controller=contacts] #main .linkList li:last-child,
  #contact_finished #main .linkList li:last-child {
    margin-bottom: 0;
  }
  body[data-action=show][data-controller=tops] #main .linkList li a,
  body[data-action=index][data-controller=histories] #main .linkList li a,
  body[data-action=edit][data-controller=member_details] #main .linkList li a,
  body[data-action=index][data-controller=operations] #main .linkList li a,
  body[data-action=index][data-controller=revenue_statements] #main .linkList li a,
  body[data-action=index][data-controller=applications] #main .linkList li a,
  body[data-action=show][data-controller=members] #main .linkList li a,
  body[data-action=new][data-controller=contacts] #main .linkList li a,
  #contact_finished #main .linkList li a {
    padding: 15px 10px 14px;
  }
}

body[data-action=index][data-controller=notices] .comLinkUl01 li,
body[data-action=show][data-controller=notices] .comLinkUl01 li {
  width: 33.3333333333%;
}
body[data-action=index][data-controller=notices] ul.comNewsUl li,
body[data-action=show][data-controller=notices] ul.comNewsUl li {
  display: none;
}
body[data-action=index][data-controller=notices] ul.comNewsUl li.active,
body[data-action=show][data-controller=notices] ul.comNewsUl li.active {
  display: flex;
}
@media all and (max-width: 896px) {
  body[data-action=index][data-controller=notices] ul.comNewsUl li.active,
  body[data-action=show][data-controller=notices] ul.comNewsUl li.active {
    display: block;
  }
}
body[data-action=index][data-controller=notices] .detail,
body[data-action=show][data-controller=notices] .detail {
  padding: 40px 0 0;
}
body[data-action=index][data-controller=notices] .detail .btnTxt01,
body[data-action=show][data-controller=notices] .detail .btnTxt01 {
  padding: 3px 6px;
  border-radius: 4px;
  display: inline-block;
  min-width: 100px;
  box-sizing: border-box;
  text-align: center;
  margin-left: 22px;
  font-size: 1.2rem;
  background-color: #EDF2F8;
}
body[data-action=index][data-controller=notices] .detail .lTxt,
body[data-action=show][data-controller=notices] .detail .lTxt {
  margin-bottom: 14px;
  font-weight: 500;
  letter-spacing: 1px;
}
body[data-action=index][data-controller=notices] .detail .ttl,
body[data-action=show][data-controller=notices] .detail .ttl {
  padding-bottom: 25px;
  margin-bottom: 36px;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.76;
  border-bottom: 1px solid #ddd;
}
body[data-action=index][data-controller=notices] .detail .ttl01,
body[data-action=show][data-controller=notices] .detail .ttl01 {
  letter-spacing: 1px;
  margin-bottom: 36px;
  font-weight: 500;
}
body[data-action=index][data-controller=notices] .detail .txt,
body[data-action=show][data-controller=notices] .detail .txt {
  margin-bottom: 32px;
  line-height: 2;
  letter-spacing: 1px;
  font-weight: 500;
}
body[data-action=index][data-controller=notices] .detail .comBtn,
body[data-action=show][data-controller=notices] .detail .comBtn {
  padding-top: 39px;
  margin: 0 auto;
  width: 124px;
}
@media all and (-ms-high-contrast: none) {
  body[data-action=index][data-controller=notices] .detail .btnTxt01,
  body[data-action=show][data-controller=notices] .detail .btnTxt01 {
    padding: 6px 6px 0;
  }
}
@media all and (max-width: 896px) {
  body[data-action=index][data-controller=notices] .detail,
  body[data-action=show][data-controller=notices] .detail {
    padding: 5px 0 0;
  }
  body[data-action=index][data-controller=notices] .detail .btnTxt01,
  body[data-action=show][data-controller=notices] .detail .btnTxt01 {
    margin: 0 0 0 16px;
    min-width: 80px;
    position: static;
    display: inline-block;
    font-size: 1rem;
  }
  body[data-action=index][data-controller=notices] .detail .ttl,
  body[data-action=show][data-controller=notices] .detail .ttl {
    margin-bottom: 16px;
    padding-bottom: 15px;
    font-size: 2rem;
    line-height: 1.56;
  }
  body[data-action=index][data-controller=notices] .detail .ttl01,
  body[data-action=show][data-controller=notices] .detail .ttl01 {
    margin-bottom: 2px;
    font-weight: 500;
  }
  body[data-action=index][data-controller=notices] .detail .txt,
  body[data-action=show][data-controller=notices] .detail .txt {
    margin-bottom: 0;
    line-height: 1.7;
    font-weight: 500;
    letter-spacing: 0;
  }
  body[data-action=index][data-controller=notices] .detail .comBtn,
  body[data-action=show][data-controller=notices] .detail .comBtn {
    width: 139px;
  }
  body[data-action=index][data-controller=notices] .comBtn01 a,
  body[data-action=show][data-controller=notices] .comBtn01 a {
    padding: 14px 10px 11px;
  }
  body[data-action=index][data-controller=notices] .comLinkUl01 li:nth-child(-n+3) a,
  body[data-action=show][data-controller=notices] .comLinkUl01 li:nth-child(-n+3) a {
    border-top: none;
  }
  body[data-action=index][data-controller=notices] .comLinkUl01 li:nth-child(2n) a,
  body[data-action=show][data-controller=notices] .comLinkUl01 li:nth-child(2n) a {
    border-right: 1px solid #DDD;
  }
  body[data-action=index][data-controller=notices] .comLinkUl01 li:nth-child(3n) a,
  body[data-action=show][data-controller=notices] .comLinkUl01 li:nth-child(3n) a {
    border-right: none;
  }
}

#main.policy .policyBox {
  min-height: 500px;
}
#main.policy .policyBox .headLine01 {
  margin-bottom: 65px;
}
#main.policy .policyBox p {
  margin-bottom: 65px;
  line-height: 2;
}
#main.policy .policyBox .right {
  margin-bottom: 34px;
  text-align: right;
}
#main.policy .policyBox .text {
  margin-bottom: 34px;
}
#main.policy .policyBox p:last-child {
  margin-bottom: 0;
}
#main.policy .policyBox h3 {
  margin-bottom: 18px;
  font-size: 2.4rem;
  letter-spacing: 2px;
}
#main.policy .policyBox .comTable th {
  width: 33.4%;
}
@media all and (min-width: 897px) {
  #main.policy .policyBox p a:hover {
    text-decoration: none;
  }
}
@media all and (max-width: 896px) {
  #main.policy .policyBox {
    min-height: inherit;
  }
  #main.policy .policyBox .headLine01 {
    margin-bottom: 30px;
    font-size: 2rem;
  }
  #main.policy .policyBox p {
    margin-bottom: 30px;
    line-height: 1.75;
  }
  #main.policy .policyBox .comTable th, #main.policy .policyBox .comTable td {
    width: 100%;
  }
  #main.policy .policyBox .right {
    margin-bottom: 20px;
  }
  #main.policy .policyBox .text {
    margin-bottom: 15px;
  }
  #main.policy .policyBox h3 {
    margin-bottom: 10px;
    font-size: 2rem;
  }
  #main.policy .comTable th, #main.policy .comTable td {
    display: block;
  }
  #main.policy .comTable th {
    width: 30%;
    border-top: none;
  }
}

#main.flow .listUl {
  padding: 22px 0 0;
  margin: 0 0 0 104px;
}
#main.flow .listUl > li {
  position: relative;
  padding-bottom: 100px;
}
#main.flow .listUl > li::before {
  content: "";
  height: 100%;
  width: 15px;
  position: absolute;
  left: -71px;
  top: 0;
  background-color: rgb(225, 237, 245);
}
#main.flow .listUl h3 {
  margin-bottom: 55px;
  position: relative;
  font-size: 3.2rem;
  letter-spacing: 1px;
}
#main.flow .listUl h3 .note {
  padding: 17px 4px;
  position: absolute;
  line-height: 1;
  right: calc(100% + 25px);
  top: -15px;
  width: 79px;
  font-weight: 400;
  font-size: 3rem;
  color: #fff;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 50%;
  background-color: #3584BC;
  font-family: "Roboto", sans-serif;
}
#main.flow .listUl h3 .note .size {
  display: block;
  font-size: 1.4rem;
}
#main.flow .listUl .tableBox {
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #D9DEE1;
}
#main.flow .listUl .table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
#main.flow .listUl .table th,
#main.flow .listUl .table td {
  padding: 33px 10px 40px 38px;
  font-size: 1.6rem;
  text-align: left;
  font-weight: 500;
  line-height: 2;
  border-radius: 4px;
  letter-spacing: 1.4px;
  font-feature-settings: "palt";
  -moz-font-feature-settings: "palt";
  border-bottom: 1px solid #D9DEE1;
  vertical-align: top;
  box-sizing: border-box;
}
#main.flow .listUl .table th {
  padding: 34px 34px;
  width: 21.8%;
  background-color: #FAFAFA;
  border-right: 1px solid #D9DEE1;
}
#main.flow .listUl .table .comBtn {
  margin-top: 15px;
}
#main.flow .listUl .table .comBtn a {
  padding: 3px 4px;
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.2);
}
#main.flow .listUl .table .pho {
  margin-top: 31px;
}
#main.flow .listUl .table .color01 a {
  background-color: #3584BC;
  border-color: #3584BC;
}
#main.flow .comStepList .txt {
  min-height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#main.flow .comStepList .txt::after {
  content: "";
  min-height: inherit;
  font-size: 0;
}
@media all and (-ms-high-contrast: none) {
  #main.flow .listUl .table .comBtn a {
    padding: 11px 4px 5px;
  }
}
@media all and (min-width: 897px) {
  #main.flow .listUl .table .color01 a:hover {
    background-color: #fff;
    color: #3584BC;
  }
  #main.flow .listUl .table .color01 a:hover {
    background-color: #fff;
  }
  #main.flow .listUl .table tr:last-child th,
  #main.flow .listUl .table tr:last-child td {
    border-bottom: none;
  }
  #main.flow .listUl > li:last-child::before {
    display: none;
  }
  #main.flow .comStepList a {
    display: block;
  }
  #main.flow .comStepList a:hover {
    opacity: 0.7;
  }
}
@media all and (max-width: 896px) {
  #main.flow .comStepList {
    margin: -10px -77px 36px -62px;
    font-feature-settings: "palt";
    -moz-font-feature-settings: "palt";
  }
  #main.flow .comStepList .txt {
    margin: 0 -10px;
  }
  #main.flow .listUl h3 .note {
    padding: 11px 4px 7px;
    width: 40px;
    top: -6px;
    font-size: 1.5rem;
    left: 0;
    right: auto;
  }
  #main.flow .listUl h3 .note .size {
    font-size: 0.7rem;
  }
  #main.flow .listUl {
    padding: 13px 0 0;
    margin: 0;
  }
  #main.flow .listUl h3 {
    margin-bottom: 24px;
    padding-left: 51px;
    font-size: 2rem;
    letter-spacing: 0;
  }
  #main.flow .listUl .table th, #main.flow .listUl .table td {
    padding: 16px 19px 20px;
    float: left;
    width: 100%;
    line-height: 1.7;
    border-radius: 0;
  }
  #main.flow .listUl .table td {
    letter-spacing: 0;
    font-size: 1.4rem;
    background-color: #fff;
  }
  #main.flow .listUl .table th {
    padding: 16px 21px 15px;
    border-right: none;
  }
  #main.flow .listUl .table .comBtn {
    margin: 14px auto 0;
    width: 200px;
  }
  #main.flow .listUl .table .comBtn a {
    padding: 13px 4px;
    font-size: 1.4rem;
  }
  #main.flow .listUl .table .pho {
    margin-top: 13px;
    text-align: center;
  }
  #main.flow .listUl > li {
    padding-bottom: 52px;
  }
  #main.flow .listUl > li::before {
    width: 8px;
    left: 16px;
    z-index: -1;
  }
  #main.flow .listUl > li:last-child {
    padding-bottom: 0;
  }
  #main.flow .listUl .table tr:last-child td {
    border-bottom: none;
  }
}
@media all and (max-width: 374px) {
  #main.flow .comStepList li {
    margin-right: 8px;
  }
}

#main.guide .outPhoto {
  margin-bottom: 70px;
  position: relative;
}
#main.guide .outPhoto .txtBox {
  position: absolute;
  left: 50%;
  bottom: 49px;
  width: 90%;
  font-size: 3.2rem;
  color: #fff;
  font-weight: 600;
  transform: translateX(-50%);
}
#main.guide .h3Ttl {
  margin-bottom: 25px;
  font-size: 2.8rem;
}
#main.guide .h3Ttl .txt {
  display: block;
}
#main.guide .h3Ttl .en {
  margin-bottom: 13px;
  padding: 6px 4px;
  min-width: 80px;
  display: inline-block;
  font-size: 1.4rem;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  box-sizing: border-box;
  background-color: #3584BC;
}
#main.guide .txt01 {
  margin-bottom: 72px;
  line-height: 2;
}
#main.guide .phoList {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}
#main.guide .phoList li {
  margin: 0 46px;
}
#main.guide .listUl > li {
  margin-bottom: 69px;
  padding-bottom: 77px;
  border-bottom: 1px solid #DDDDDD;
}
#main.guide .listUl > li:last-child {
  border-bottom: none;
}
#main.guide .inner:not(:last-child) {
  padding-bottom: 15px;
}
#main.guide .imgBox {
  padding: 43px 0 0;
  display: flex;
}
#main.guide .imgBox .txtBox {
  flex: 1;
}
#main.guide .imgBox .photo {
  margin: 13px 0 0 60px;
  width: 557px;
  text-align: center;
}
#main.guide .listUl01 > li {
  margin-bottom: 27px;
  padding-bottom: 0;
}
@media all and (max-width: 896px) {
  #main.guide .outPhoto {
    margin: 0 -20px 32px;
  }
  #main.guide .outPhoto img {
    width: 100%;
  }
  #main.guide .outPhoto .txtBox {
    font-size: 2rem;
    bottom: 13px;
  }
  #main.guide .h3Ttl .en {
    margin-bottom: 7px;
    padding: 3px 4px;
    font-size: 1rem;
    min-width: 60px;
    letter-spacing: 1px;
  }
  #main.guide .h3Ttl {
    margin-bottom: 12px;
    font-size: 2rem;
    letter-spacing: -0.6px;
  }
  #main.guide .txt01 {
    margin-bottom: 35px;
    line-height: 1.7;
  }
  #main.guide .phoList {
    display: block;
  }
  #main.guide .phoList li {
    margin: 0;
  }
  #main.guide .listUl > li {
    margin-bottom: 31px;
    padding-bottom: 41px;
  }
  #main.guide .listUl > li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  #main.guide .phoList img {
    width: 100%;
  }
  #main.guide .inner:not(:last-child) {
    padding-bottom: 71px;
  }
  #main.guide .phoList01 {
    margin: 0 39px;
  }
  #main.guide .phoList01 li {
    margin-bottom: 26px;
  }
  #main.guide .imgBox {
    padding: 2px 0 0;
    display: block;
  }
  #main.guide .imgBox .h3Ttl {
    margin-bottom: 6px;
  }
  #main.guide .imgBox .photo {
    width: auto;
    margin: 13px 9px 0;
  }
  #main.guide .imgBox .photo img {
    width: 100%;
  }
}
body[data-action=new][data-controller=contacts] #main .g-recaptcha,
body[data-action=create][data-controller=contacts] #main .g-recaptcha {
  width: 304px;
  margin: 0 auto;
}
body[data-action=new][data-controller=contacts] #main #submit-btn:disabled,
body[data-action=create][data-controller=contacts] #main #submit-btn:disabled {
  background-color: #ccc;
  border-color: #ccc;
  pointer-events: none;
}
