:root {
    --color-primary: #003399;
    --color-primary-light: #e5f5ff;
    --color-primary-bg: var(--color-primary-light);
    --color-primary-hover: #525252;
    --color-secondary: #6A6A6A;
    --color-tertiary: #FFE13B;
    --color-tertiary-light: #fffb8b;
    --color-white: #FFF;
    --color-black: #333333;
    --color-gray10: #F8F8F8;
    --color-gray20: #F4F4F4;
    --color-gray30: #EBEBEB;
    --color-gray40: #DDDDDD;
    --color-gray50: #CCCCCC;
    --color-gray60: #AAAAAA;
    --color-gray70: #999999;
    --color-gray80: #777777;
    --color-gray90: #666666;
    --color-gray100: #333333;
    --color-form-bg: var(--color-gray10);
    --color-form-border: var(--color-gray40);
    --color-link: #0061d1;
    --color-required: #c92d2d;
    --color-error: #c92d2d;
    --color-text: var(--color-gray100);
    --color-text-side: var(--color-gray90);
    --color-text-inverse: var(--color-white);
    --color-text-primary: var(--color-primary);
    --color-text-secondary: var(--color-secondary);
    --color-text-point: #676767;
    --box-shadow-error: 0 0 0 2px rgba(201, 45, 45, .4);
}

.main-visual-catch,.main-visual-catch-sub {
    text-shadow: 1px 1px 3px #444;
}
@media screen and (min-width: 768px){
.main-visual-catch {
    font-size: 80px;
}}
.main-visual-catch-sub{
    font-weight: bold;
}
@media screen and (min-width: 768px){
.main-visual-catch-sub {
    font-size: 40px;
}}

.page-title-wrapper{
    background-image: url("../images/top_online_back_img.png");
}

.section-horizontal-text p {
    font-size: 20px;
    color: #092871;
    line-height: 1.7;
    font-weight: bold;
}


@media screen and (min-width: 768px){
.entry-style .ug-border {
    padding: 20px;
}}

.entry-style .entry-text-unit dl dd {
    margin: 0 0 20px 0;
}

@media screen and (min-width: 768px){
.entry-style .entry-text-unit dl.box-bordered dd {
    padding: 0 40px 20px 40px;
}}
.entry-style p.text-danger {
    font-size: 16px;
font-weight: bold;
}

/*定義リスト フローStep１～*/
.entry-style dl.flow{
    counter-reset: count 0;
}
.entry-style dl.flow>dt:before {
counter-increment: count;
content:"Step" counter(count) ". ";
}

.entry-style dl.flow dt {
    margin-left: 0px;
    margin-bottom: 0px;
  padding: 0.3em 2em 0.3em 1em;
  font-size: 18px;
  color: #FFF;
  text-shadow: 1px 1px rgba(0,0,0,.4);
  background-color: #486DB6;
}
.entry-style dl.flow dd {
padding: 0.3em 1em;
  margin-left: 0;
margin-bottom: 0px;
  border-width: 0 1px 1px;
  border-style: none solid solid;
  border-color: #486DB6;
}

/*定義リスト フローStep4～*/
.entry-style dl.flow-step4 dd {
padding: 0.3em 1em;
  margin-left: 0;
      margin-bottom: 0px;
  border-width: 0 1px 1px;
  border-style: none solid solid;
  border-color: #486DB6;
}

.entry-style dl.flow-step4{
    counter-reset: count 3;
}
.entry-style dl.flow-step4>dt:before {
counter-increment: count;
content:"Step" counter(count) ". ";
}

.entry-style dl.flow-step4 dt {
    margin-left: 0px;
    margin-bottom: 0px;
  padding: 0.3em 2em 0.3em 1em;
  font-size: 18px;
  color: #FFF;
  text-shadow: 1px 1px rgba(0,0,0,.4);
  background-color: #486DB6;
}

.entry-style dl.flow-step4 dd {
padding: 0.3em 1em;
  margin-left: 0;
      margin-bottom: 0px;
  border-width: 0 1px 1px;
  border-style: none solid solid;
  border-color: #486DB6;
}

/*トップページのモジュール：banner_topのli画像を中央に配置*/
ul.banner-top li{
 display:flex; 
 align-items: center;  
 justify-content:center
}
.top-nav-cart{
    background-image: url("../images/top_online_back_img.png");
    width: 1200px;
    height: auto;
    background-repeat: no-repeat;
    background-position: center;
    padding: 20px;
}

.btn{
        display: flex;
    align-items: center;
    justify-content: center;
}
.btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 300px;
    height: 60px;
    color: #333;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.3s;
}

.btn a:hover {
    color: #f2f2f2;
}
.btn02 a {
    background-color: #ceb849;
    border: 1px solid #ceb849;
    border-radius: 35px;
}

.btn02 a:hover {
    background-color: #B99b00;
    border: 1px solid #333;
}

.btn02 a::before {
    content: '';
    position: absolute;
    top: calc(50% - 5px);
    right: -35px;
    transform: rotate(30deg);
    width: 12px;
    height: 1px;
    background-color: #333;
}

.btn02 a::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -35px;
    transform: translateY(-50%);
    width: 70px;
    height: 1px;
    background-color: #333;
}
.top-nav-sub,.top-nav-title{
color: #092871;
font-weight: bolder;
text-align: center;
}
.top-nav-sub{
    font-size: 1.4em;
}
.top-nav-title{
    font-size: 4em;
}
/*Newの背景色*/
.headline-badge-news{
background-color: #990033;
}
span.headline-badge-news{
    color: #fff;
    font-size: 14px;
}

span.acms-admin-label{
    color: #fff;
}
button:hover, .button:active, .button:focus {
    color: #fff;
    text-decoration: none;
}