/*bread*/

.breadcrumb {
    background: #fff;
    padding: 10px 0 11px
}

.breadcrumb {
    margin-bottom: 0px;
}
@media (max-width: 767px){
.breadcrumb {
    margin-bottom: 41px;
}
}
.breadcrumb .wcm {
    max-width: 100%;
    padding: 0 80px
}

@media only screen and (max-width: 992px) {
    .breadcrumb .wcm {
        padding:0 40px
    }
}

.breadcrumb ul {
    font-size: 0px;
    font-size: 0rem
}

.breadcrumb ul li {
    display: inline;
    vertical-align: middle;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: .05em;
    font-weight: 400;
    padding-right: 0;
    margin-right: 15px;
    position: relative
}

.breadcrumb ul li:after {
    content: "";
    vertical-align: middle;
    display: inline-block;
    margin-left: 11px;
    width: 6px;
    height: 6px;
    border-left: 1px solid #262626;
    border-top: 1px solid #262626;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg)
}

.breadcrumb ul li:last-child {
    padding-right: 0;
    margin-right: 0
}

.breadcrumb ul li:last-child:after {
    display: none
}

.breadcrumb ul a {
    vertical-align: middle
}

@media (max-width: 767px) {
    .breadcrumb .wcm {
        padding:0 25px
    }

    .breadcrumb ul li {
        padding-right: 0;
        margin-right: 11px;
        line-height: 1.5
    }

    .breadcrumb ul li::after {
        margin-left: 7px
    }
}


body:not(.no_fixed_hd) .header.trans .header__main,body:not(.no_fixed_hd) .header.fixed .header__main {
    -webkit-transition: top 0.3s;
    -moz-transition: top 0.3s;
    -ms-transition: top 0.3s;
    -o-transition: top 0.3s;
    transition: top 0.3s
}

body:not(.no_fixed_hd) .header.hide .header__main {
    position: fixed;
    top: -87px;
    background: #fff;
    padding: 20px 18px 0 45px
}

body:not(.no_fixed_hd) .header.hide .header__main--title {
    display: none
}

@media only screen and (min-width: 1024px) {
    body:not(.no_fixed_hd) .header.hide .header__main--logo {
        width:298px;
        top: -1px
    }

    body:not(.no_fixed_hd) .header.hide .header__main--right {
        width: calc(100% - 298px)
    }
}

body:not(.no_fixed_hd) .header.fixed .header__main {
    background: #fff;
    position: fixed;
    box-shadow: 0px 3px 8px 0px rgba(206,206,206,0.3);
    top: 0
}

body:not(.no_fixed_hd) .header.fixed .header__main--title {
    display: none
}

@media only screen and (min-width: 1024px) and (max-width: 1050px) {
    body:not(.no_fixed_hd) .header.fixed .header__main {
        padding-left:20px
    }

    body:not(.no_fixed_hd) .header.fixed .header__main--logo {
        width: 260px;
        top: 1px
    }

    body:not(.no_fixed_hd) .header.fixed .header__main--right {
        width: calc(100% - 260px)
    }
}



/*news*/

.c-block.-works-corp .c-block__column+.c-block__column {
    margin-top: 102px
}

.c-block.-corp-staff .c-block__column+.c-block__column {
    margin-top: 162px
}
@media print, screen and (min-width: 64em){
.c-block.-inblock-news .c-block__column {
    padding: 102px 80px 114px
}

}


@media print, screen and (min-width: 64em){
.p-news.-recruit {
    margin-top: 44px;
}
}
@media print, screen and (min-width: 48em){
.p-news {
    margin-top: 38px;
}
}

@media only screen and (max-width: 47.9375em){
.p-news {
    margin-top: 12px;
}
}
.p-news {
    --color-text: #101715;
}

.p-news__list {
    width: 100%;
}



.p-news.-recruit .p-news__link {
    padding-top: 16px;
    padding-bottom: 16px;
}


@media only screen and (max-width: 47.9375em){
.p-news__title {
    margin-top: 10px;
    font-weight: 500;
}
}
@media print, screen and (max-width: 63.9375em){
.p-news__title {
    line-height: 1.75;
}
}
@media print, screen and (max-width: 63.9375em){
.p-news__date, .p-news__title {
    font-size: 16px;
    font-size: 1.6rem;
}
}
@media print, screen and (min-width: 48em){
    .p-news__link {
        display: grid;
        grid: "info title"auto/200px auto;
        align-items: start;
        gap: 12px;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    }
@media print, screen and (min-width: 64em){
.p-news__link {
    grid: "info title"auto/220px auto;
    padding-top: 20px;
    padding-bottom: 20px;
}
}

@media only screen and (max-width: 47.9375em){
.p-news__link {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
}
}
.p-news__link {
    color: var(--color-text);
    text-decoration: none;
}


@media print, screen and (max-width: 63.9375em){
.p-news__info {
    gap: 8px 10px;
}
}
.p-news__info {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    grid-area: info;
}

@media print, screen and (min-width: 64em){
    .p-news__info {
        gap: 0 24px;
    }
    }

    @media print, screen and (max-width: 63.9375em){
.c-tag.-news {
    min-width: 70px;
    padding: 5px 8px;
}
    }
@media print, screen and (max-width: 63.9375em){
.c-tag {
    padding: 3px 10px;
    font-size: 10px;
    font-size: 1.2rem;
}
}
.p-news__tag {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    background-color: #E1E3E6;

}
@media print, screen and (min-width: 48em){
    .p-news__tag {
        flex: 0 0 90px;
    }
    }

@media print, screen and (min-width: 64em){
.c-tag.-news {
    min-width: 90px;
    padding: 4px 12px 5px;
}
}
.c-tag.-news {
    background-color: #E1E3E6;
    color: #000B2B;
    --color-text:#000b2b;
    font-weight: 400;
    text-align: center;
}
.c-tag.-green, .c-tag.-news {
    border-radius: 0;
    line-height: 1.3;
}
.c-tag {
    --color-bg: transparent;
    --color-text: #333
    
    display: inline-block;
   
    border-radius: 100px;
    min-height: 20px;
    padding: 2px 8px 3px;
    font-size: 12px;
   
    font-weight: 700;
    background-color: var(--color-bg);
    color: var(--color-text);
    line-height: 1.25;
}



.p-news__date {
    font-family: "Roboto",sans-serif;
    font-weight: 300;;
    line-height: 1.5;
    color: #000B2B;
    font-size: 15px;
}


.p-pagination {
    --text-color: #006F46;
    --bg-color: transparent
}

.p-pagination__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px
}

.p-pagination__item>a,.p-pagination__item>span {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background-color: var(--bg-color);
    font-family: "Roboto",sans-serif;
    font-weight: 700;
    color: var(--text-color)
}

.p-pagination__item>a {
    position: relative;
    text-decoration: none
}

.p-pagination__item>a.next,.p-pagination__item>a.prev {
    --text-color: transparent;
    font-size: 0
}

.p-pagination.-lgreen .p-pagination__item::before,.p-pagination__item>a.next::before,.p-pagination__item>a.prev::before {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 100%
}

.p-pagination__item>a.next::before,.p-pagination__item>a.prev::before {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 7px 10px;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226.667%22%20height%3D%2210%22%3E%3Cpath%20d%3D%22M.3.263a.821.821%200%200%200%200%201.263L4.224%205%20.3%208.475a.821.821%200%200%200%200%201.263%201.1%201.1%200%200%200%201.427%200l4.644-4.111a.821.821%200%200%200%200-1.263L1.724.254A1.114%201.114%200%200%200%20.3.263Z%22%20fill%3D%22%23006F46%22%2F%3E%3C%2Fsvg%3E);
    transform: rotate(-180deg)
}

.p-pagination__item>a.next::before {
    transform: rotate(0)
}

.p-pagination__item>span.current {
    --text-color: #FFFFFF;
    --bg-color: #184382;
}

.p-pagination.-lgreen {
    --text-color: #184382;
}

.p-pagination.-lgreen .p-pagination__item {
    position: relative;
    border-radius: 100px;
    overflow: hidden
}

.p-pagination.-lgreen .p-pagination__item::before {
    background: linear-gradient(to bottom left,#184382,#00183b);
    opacity: 0
}

.p-pagination.-lgreen .p-pagination__item>a.next::before,.p-pagination.-lgreen .p-pagination__item>a.prev::before {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 7px 10px;
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%226.667%22%20height%3D%2210%22%3E%3Cpath%20d%3D%22M.3.263a.821.821%200%200%200%200%201.263L4.224%205%20.3%208.475a.821.821%200%200%200%200%201.263%201.1%201.1%200%200%200%201.427%200l4.644-4.111a.821.821%200%200%200%200-1.263L1.724.254A1.114%201.114%200%200%200%20.3.263Z%22%20fill%3D%22%2300B06F%22%2F%3E%3C%2Fsvg%3E);
    transform: rotate(-180deg)
}

.p-pagination.-lgreen .p-pagination__item>a.next::before {
    transform: rotate(0)
}

.p-pagination.-lgreen .p-pagination__item>span.current {
    --bg-color: #184382;
    position: relative;
    background: linear-gradient(to bottom left,#184382,#00183b);
}


@media print, screen and (min-width: 64em){
.p-news__title {
    margin-top: -2px;
    line-height: 1.5;
}
}
@media print, screen and (min-width: 64em){
.p-news__date {
    
    font-family: "Roboto",sans-serif;
    font-weight: 700;

    
}

 .p-news__title {
    font-size: 18px;
    font-family: "Roboto",sans-serif;
    font-weight: 700;

    
}
}
@media print, screen and (min-width: 48em){
.p-news__title {
    margin-top: -4px;
}
}
.p-news__title {
    grid-area: title;
}


/*投稿一覧*/
@media only screen and (max-width: 47.9375em){
.c-select-label__select {
    position: relative;
}
}
.c-select-label {
    display: block;
}


@media only screen and (max-width: 47.9375em){
.c-select-label__select>select {
    display: block;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 1px solid #ededed;
    border-radius: 4px;
    width: 100%;
    padding: 13px 16px;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: inherit;
    background-color: #fff;
    color: #666;
}
}
@media print, screen and (max-width: 63.9375em){
.p-news__info {
    gap: 8px 10px;
}
}



.c-select-label__list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.c-select-label.-lgreen .c-select-label__item.-current {
    --color-bg: #184382;
    --color-border: #184382;
}
.c-select-label__item.-current {
    --color-bg: #184382;
    --color-text: #FFFFFF;
    --color-border: ##184382;
    pointer-events: none;
}
.c-select-label__item {
    --color-bg: transparent;
    --color-text: #8C8C8C;
    --color-border: #8C8C8C;
}
@media print, screen and (min-width: 48em){
.c-select-label__item>a {
    min-height: 38px;
    min-width: 143px;
    padding: 8px 10px 7px;
    font-size: 14px;
    font-size: 1.4rem;
}
}
.c-select-label__item>a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: 1px solid var(--color-border);
    border-radius: 100px;
    background-color: var(--color-bg);
    line-height: 1.4;
    cursor: pointer;
    transition: color cubic-bezier(.215,.61,.355,1) .3s,border cubic-bezier(.215,.61,.355,1) .3s,background-color cubic-bezier(.215,.61,.355,1) .3s;
}
.c-link, .c-select-label__item>a {
    color: var(--color-text);
    font-weight: 700;
    text-decoration: none;
}

@media print, screen and (min-width: 64em){
.p-news__head {
    margin-top: 12px;
}
}
@media print, screen and (min-width: 48em){
.p-news__head {
    margin-top: 20px;
}
}

@media only screen and (max-width: 47.9375em){
.p-news__head {
    margin-top: 20px;
}
}
@media print, screen and (min-width: 64em){
.c-heading-01.-detail {
    font-size:30px;
    font-size: 3rem;
    line-height: 1.4;
}
}
@media print, screen and (min-width: 64em){
.c-heading-01 {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 1.25;
}
}

@media print, screen and (max-width: 63.9375em){
.c-heading-01.-detail {
    line-height: 1.25;
}
}
@media print, screen and (max-width: 63.9375em){
.c-heading-01 {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.5;
}
}
@media print, screen and (min-width: 64em){
.p-news__head {
    margin-top: 12px;
}
}
@media print, screen and (min-width: 48em){
.p-news__head {
    margin-top: 20px;
}
}



@media print, screen and (min-width: 64em){
.p-news__body {
    margin-top: 50px;
}
}
@media print, screen and (min-width: 48em){
.p-news__body {
    margin-top: 40px;
}
}

@media only screen and (max-width: 47.9375em){
.p-news__body {
    margin-top: 40px;
}
}
@-moz-document url-prefix() {
    html.is-macos .header__main--menu>li.has_sub>a span::before {
        margin-top: -2px
    }
}


.w1000 {
    max-width: 1000px;
    margin: 0 auto;
}

.section1 {
    margin-top: 105px;
}

.mv {
  position: relative; 
    padding-top: 100px;
}
  .mv figure {
    height: 600px;
 }

    
    @media only screen and (max-width: 767px) {
      .mv figure {
        height: 350px; } }

     
  .mv h2 {
    color: #fff;
    position: absolute;
    top: calc(50% + -10px);
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center; }
    @media only screen and (max-width: 767px) {
      .mv h2 {
        text-align: center;
        top: 50% } }
    .mv h2 span.en {
      font-size: 58px;
      font-size: 5.8rem;
      letter-spacing: 0.06em;
      line-height: 1.293103448;
      font-family: "EB Garamond", serif; }
      @media only screen and (max-width: 767px) {
        .mv h2 span.en {
          font-size: 38px;
          font-size: 3.8rem;
          letter-spacing: 0.04em; } }
    .mv h2 span.ja {
      font-size: 18px;
      font-size: 1.8rem;
      letter-spacing: 0.1em;
      font-weight: 500;
      font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
      display: block;
      margin-top: 15px; }
      @media only screen and (max-width: 767px) {
        .mv h2 span.ja {
          font-size: 16px;
          font-size: 1.6rem; } }

          
/*contact*/

.phone-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 50px);
    max-width: 1000px;
    margin: 82px auto 118px
}

@media (max-width: 767px) {
  .phone-info {
        flex-direction:column;
        align-items: flex-start;
        margin: 52px auto 65px
    }
}

.phone-info .c-title {
    flex: 1;
    padding: 0 20px 32px 0
}

@media (max-width: 767px) {
     .phone-info .c-title {
        flex-direction:column;
        align-items: flex-start
    }
}

.phone-info .info {
    border-left: 1px solid #bbc8ce;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    width: 72.8%;
    padding-top: 2px
}

@media (max-width: 767px) {
   .phone-info .info {
        border:none;
        width: 100%
    }
}

.phone-info .info .txt {
    width: calc(100% - 20px);
    max-width: 660px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 2.13333;
    letter-spacing: .05em;
    font-weight: 500;
    padding-bottom: 22px
}

@media (max-width: 767px) {
    .phone-info .info .txt {
        width:100%;
        max-width: unset;
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.86667;
        padding-bottom: 24px
    }
}

.phone-info .info .box {
    background: #f7f7f7;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 20px);
    max-width: 660px;
    height: 108px
}

@media (max-width: 767px) {
     .phone-info .info .box {
        flex-wrap:wrap;
        width: 100%;
        max-width: unset;
        height: auto;
        padding: 24px 30px
    }
}

.phone-info .info .box .tel {
    background-image: url("../images/tel.svg");
    background-position: left center;
    background-size: 22px 30px;
    background-repeat: no-repeat;
    color: #184382;
    font-family: "Lato", sans-serif;
    font-size: 40px;
    font-size: 4rem;
    line-height: .75;
    letter-spacing: 0em;
    font-weight: 700;
    padding-left: 30px
}

@media (min-width: 768px) {
    .phone-info .info .box .tel {
        pointer-events:none
    }
}

@media (max-width: 767px) {
   .phone-info .info .box .tel {
        background-size:16px 22px;
        font-size: 30px;
        font-size: 3rem;
        line-height: 1;
        padding: 0 4px 0 24px
    }
}

 .phone-info .info .box .time {
    border: 1px solid currentColor;
    border-radius: 4px;
    color: #184382;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.23077;
    letter-spacing: 0em;
    font-weight: 700;
    padding: 4px 16px 2px;
    margin-left: 12px
}

@media (max-width: 767px) {
   .phone-info .info .box .time {
        width:100%;
        text-align: center;
        margin: 6px 0 0;
        padding: 6px 0
    }
}

.c-box-title {
    margin-bottom: 65px;
}
.stepImg {
    display: block;
    margin: 0 auto 60px;
    text-align: center;
}


.tableContact {
    table-layout: fixed;
    border-top: 1px solid #e6ebf0
}

@media (max-width: 1023px) {
    .tableContact {
        width:100%;
        display: block;
        border: 0
    }

    .tableContact tbody {
        display: block;
        width: 100%
    }
}

.tableContact tr {
    border-bottom: 1px solid #e6ebf0
}
.tableContact  .last{
    border: none;
}
@media (max-width: 1023px) {
    .tableContact tr {
        width:100%;
        display: block
    }

    .tableContact tr:first-child {
        border-top: 1px solid #e6ebf0
    }

    .tableContact tr:last-child td {
        line-height: 0
    }
}

.tableContact tr th,.tableContact tr td {
    padding: 30px 0;
    vertical-align: middle;
    text-align: left;
    font-weight: normal;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 32px;
    letter-spacing: .05em
}

.tableContact tr th.vertop,.tableContact tr td.vertop {
    vertical-align: top
}

@media (max-width: 1023px) {
    .tableContact tr th,.tableContact tr td {
        padding:25px 0;
        display: block
    }
}

.tableContact tr th {
    width: 311px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 32px;
    letter-spacing: .05em;
    padding-left: 50px
}

@media (max-width: 1023px) {
    .tableContact tr th {
        width:100%;
        background: none;
        padding-left: 0;
        padding-bottom: 0;
        line-height: 20px
    }
}

@media (min-width: 1024px) {
    .tableContact tr th.padd30 {
        padding-top:38px;
        padding-bottom: 38px
    }
}

.tableContact tr th .subtxt {
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    letter-spacing: 0;
    font-weight: 300
}

@media (max-width: 1023px) {
    .tableContact tr th .subtxt {
        display:inline-block;
        font-size: 10px;
        font-size: 1rem;
        margin: 0 0 0 10px
    }
}

.tableContact tr td.td-sub {
    width: 120px;
    text-align: center
}

@media (max-width: 1023px) {
    .tableContact tr td.td-sub {
        display:none
    }
}

.tableContact tr td.td-sub.vertop {
    padding-top: 40px
}

@media (max-width: 1023px) {
    .tableContact tr td {
        padding-top:15px
    }
}

.tableContact tr em {
    width: 60px;
    height: 26px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 26px;
    letter-spacing: .1em;
    text-align: center;
    background: #184382;
    color: #fff;
    font-style: normal;
    display: inline-block;
    margin-right: 20px;
    position: relative;
    top: -2px
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .tableContact tr em {
        padding-top: 2px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .tableContact tr em {
        height:auto;
        padding-bottom: 2px;
        line-height: 24px
    }
}

@media (max-width: 1023px) {
    .tableContact tr em {
        display:inline-block;
        vertical-align: middle;
        margin-right: 15px;
        margin-top: -3px;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 19px;
        letter-spacing: .05em;
        width: 50px;
        height: auto;
        top: auto;
        padding-bottom: 1px
    }
}

@media only screen and (max-width: 359px) {
    .tableContact tr em {
        margin-top:0
    }
}

.tableContact tr em.none {
    background: #e6ebf0;
    color: #3d4143
}

@media (min-width: 1024px) {
    .tableContact tr.vat th {
        vertical-align:top;
        padding-top: 62px
    }

    .tableContact tr.vat td {
        padding-top: 37px;
        padding-bottom: 23px
    }
}

@media (min-width: 1024px) {
    .tableContact tr.last td {
        padding-bottom:20px
    }
}

.tableContact input[type="text"],.tableContact input[type="email"],.tableContact input[type="number"],.tableContact input[type="url"],.tableContact input[type="tel"] {
    width: 100%;
    height: 56px;
    border: 1px solid #efeeee;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    letter-spacing: 0;
    padding: 10px 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    max-width: 600px;
    border-radius: 0
}

@media (max-width: 1023px) {
    .tableContact input[type="text"],.tableContact input[type="email"],.tableContact input[type="number"],.tableContact input[type="url"],.tableContact input[type="tel"] {
        height:45px;
        padding: 0 20px
    }
}

.tableContact textarea {
    width: 100%;
    height: 200px;
    border: 1px solid #e6ebf0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 30px;
    letter-spacing: 0;
    padding: 20px 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    max-width: 600px;
    border-radius: 0
}

@media (max-width: 1023px) {
    .tableContact textarea {
        height:150px;
        padding: 10px 20px
    }
}

.tableContact .chkradio {
    display: block
}

.tableContact .chkradio:before,.tableContact .chkradio:after {
    content: " ";
    display: table
}

.tableContact .chkradio:after {
    clear: both
}

.tableContact .chkradio label {
    float: left;
    vertical-align: middle;
    padding: 0;
    padding-right: 32px;
    position: relative;
    font-weight: normal;
    width: 29.5%
}

@media (max-width: 1023px) {
    .tableContact .chkradio label {
        vertical-align:top;
        width: 50%
    }
}

.tableContact .chkradio label input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid #e6ebf0;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    margin-right: 17px;
    position: relative;
    top: -3px
}

@media (max-width: 1023px) {
    .tableContact .chkradio label input[type="radio"] {
        width:25px;
        height: 25px;
        top: auto;
        margin-right: 10px
    }
}

@media only screen and (max-width: 359px) {
    .tableContact .chkradio label input[type="radio"] {
        width:24px;
        height: 24px
    }
}

.tableContact .chkradio label input[type="radio"]:checked {
    border-color: #0661a0;
    background: #fff url("../../img/contact/radio_btn.svg") center no-repeat
}

@media (max-width: 1023px) {
    .tableContact .chkradio label input[type="radio"]:checked {
        background-size:16px
    }
}

.tableContact .chkradio label:last-child {
    padding-right: 0
}

.tableContact .chkradio#chkradio02CT label {
    margin-bottom: 16px;
    position: relative;
    padding-left: 40px
}

@media (max-width: 1023px) {
    .tableContact .chkradio#chkradio02CT label {
        width:100%;
        line-height: 22px;
        padding-left: 35px
    }

    .tableContact .chkradio#chkradio02CT label:last-child {
        margin-bottom: 5px
    }
}

.tableContact .chkradio#chkradio02CT label input[type="radio"] {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 2px
}

@media (max-width: 1023px) {
    .tableContact .chkradio#chkradio02CT label input[type="radio"] {
        margin:0
    }
}

@media (min-width: 1024px) {
    .tableContact .chkradio#chkradio02CT label {
        width:41%;
        padding-right: 20px
    }
}

@media (min-width: 1024px) {
    .tableContact .chkradio#chkradio02CT label:nth-child(2n) {
        width:58%;
        padding-right: 0
    }
}

.tableContact .chkcheckbox {
    display: block
}

.tableContact .chkcheckbox:before,.tableContact .chkcheckbox:after {
    content: " ";
    display: table
}

.tableContact .chkcheckbox:after {
    clear: both
}

.tableContact .chkcheckbox label {
    display: block;
    vertical-align: middle;
    letter-spacing: 0.04em;
    line-height: 32px;
    padding: 0;
    padding-right: 20px;
    position: relative;
    width: 41%;
    float: left
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .tableContact .chkcheckbox label {
        font-size:15px;
        font-size: 1.5rem
    }
}

@media (max-width: 1023px) {
    .tableContact .chkcheckbox label {
        width:50%;
        padding: 0;
        font-size: 16px;
        font-size: 1.6rem
    }
}

.tableContact .chkcheckbox label input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 28px;
    height: 28px;
    border-radius: 0;
    border: 1px solid #e6ebf0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    position: relative;
    top: -2px
}

@media (max-width: 1023px) {
    .tableContact .chkcheckbox label input[type="checkbox"] {
        margin-right:10px;
        width: 25px;
        height: 25px;
        position: relative;
        top: -1px
    }
}

.tableContact .chkcheckbox label input[type="checkbox"]:checked {
    background: url("../../img/contact/ico_check.png") center no-repeat;
    background-size: 15px 13px;
    border-color: #0661a0
}

.tableContact .chkcheckbox#checkbox02 label,.tableContact .chkcheckbox#checkbox03 label {
    margin-bottom: 16px
}

@media (max-width: 1023px) {
    .tableContact .chkcheckbox#checkbox02 label,.tableContact .chkcheckbox#checkbox03 label {
        width:100%;
        margin-bottom: 8px;
        padding-right: 0;
        position: relative;
        padding-left: 35px
    }

    .tableContact .chkcheckbox#checkbox02 label input[type="checkbox"],.tableContact .chkcheckbox#checkbox03 label input[type="checkbox"] {
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-top: 2px
    }

    .tableContact .chkcheckbox#checkbox02 label:last-child,.tableContact .chkcheckbox#checkbox03 label:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 1024px) {
    .tableContact .chkcheckbox#checkbox02 label:nth-child(2n),.tableContact .chkcheckbox#checkbox03 label:nth-child(2n) {
        width:58%;
        padding-right: 0
    }
}

@media (max-width: 1023px) {
    .tableContact .chkcheckbox#checkbox02 {
        padding:5px 0
    }
}

@media (max-width: 1023px) {
    .tableContact .chkcheckbox#checkbox02 label {
        line-height:22px;
        margin-bottom: 16px
    }
}

@media (min-width: 1024px) {
    .tableContact .chkcheckbox#checkbox03 label {
        width:auto;
        float: none;
        display: inline-block;
        padding-right: 11%;
        margin-bottom: 0
    }

    .tableContact .chkcheckbox#checkbox03 label:nth-child(2n) {
        width: auto;
        padding-right: 11%
    }

    .tableContact .chkcheckbox#checkbox03 label:last-child {
        padding-right: 0
    }
}

@media (max-width: 1023px) {
    .tableContact .chkcheckbox#checkbox03 label:last-child {
        margin-bottom:-4px
    }
}

.tableContact .txtNote {
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 32px;
    letter-spacing: .05em;
    position: relative;
    top: -7px
}

@media (max-width: 1023px) {
    .tableContact .txtNote {
        font-size:12px;
        font-size: 1.2rem;
        line-height: 18px;
        top: 0;
        margin-top: 11px
    }
}

.disnone {
    display: none
}

.c-btn-line {
    border: none;
    width: 300px;
    margin: 54px auto 200px;
    -webkit-appearance: none;
    outline: none;
    background: none;
    padding-left: 0;
    font-family: "游ゴシック体",YuGothic,"Yu Gothic","Noto Sans JP","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック","MS PGothic",sans-serif;
    font-weight: normal
}

@media (max-width: 1023px) {
    .c-btn-line {
        margin:31px auto 126px;
        max-width: 275px
    }
}

.confirmform .taR {
    text-align: right
}

.confirmform .a-back {
    display: inline-block;
    margin-top: 20px
}

@media (max-width: 1023px) {
    .confirmform .a-back {
        margin-top:15px
    }
}

.confirmform .tableContact tr:last-child td {
    line-height: normal
}

@media (max-width: 1023px) {
    .confirmform .tableContact tr td {
        padding-top:5px
    }
}

@media (max-width: 1023px) {
    .indexThx .c-breadcrumb {
        margin-bottom:70px;
        padding-right: 10px
    }
}

@media only screen and (max-width: 359px) {
    .indexThx .c-breadcrumb li {
        font-size:11px;
        font-size: 1.1rem
    }
}

.indexThx .c-box-title {
    margin-bottom: 60px
}

@media (max-width: 1023px) {
    .indexThx .c-box-title {
        margin-bottom:36px
    }
}

@media only screen and (max-width: 359px) {
    .indexThx .c-box-title__jp {
        font-size:19px;
        font-size: 1.9rem
    }
}

.indexThx .stepImg {
    margin-bottom: 68px
}

@media (max-width: 1023px) {
    .indexThx .stepImg {
        margin-bottom:47px
    }
}

.indexThx .containerIndexThx {
    text-align: center
}

@media (max-width: 1023px) {
    .indexThx .containerIndexThx {
        text-align:left
    }
}

.indexThx .containerIndexThx__txt {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 32px;
    letter-spacing: .05em
}

@media (max-width: 1023px) {
    .indexThx .containerIndexThx__txt {
        line-height:26px
    }
}

.indexThx .containerIndexThx__btn .c-btn-line {
    margin-top: 44px
}

@media (max-width: 1023px) {
    .indexThx .containerIndexThx__btn .c-btn-line {
        margin-top:25px
    }
}

/*worksdetail*/

.works{
    padding:120px 0 180px;
}

@media (max-width: 767px) {
 .works{
    padding:50px 0 120px;
}   
    
}
.cont-wrap .title-wrap {
    padding-bottom: 100px;
}

@media only screen and (max-width: 767px){
 .cont-wrap .title-wrap {
    padding-bottom: 50px;
}
}
.title-wrap .title-text {
    border-bottom: 1px solid #B3B3B3;
    padding-bottom: 30px;
}


@media only screen and (max-width: 767px){
.cont-wrap .title-wrap .title-text {
    padding-bottom: 15px;
}
}
.title-wrap .title-text span {
    font-size: 26px;
    font-size: 2.6rem;
    letter-spacing: 0.02em;
    font-weight: 500;
    line-height: 1.615384615;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

@media only screen and (max-width: 767px){
 .cont-wrap .title-wrap .title-text span {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.6;
}
}
 .title-wrap .img-cont {
    margin-top: 50px;
    max-width: 800px;
    margin: 60px auto 0;
}

@media only screen and (max-width: 767px){
 .cont-wrap .title-wrap .img-cont {
    margin-top: 30px;
}
}
 .title-wrap .inner {
    max-width: 900px;
}

.title-wrap .cont-bottom {
    max-width: 900px;
    margin: 59px auto 0;
    padding: 30px 55px 40px;
    background-color: #f7f7f7;
}

@media only screen and (max-width: 767px){
.cont-wrap .title-wrap .cont-bottom {
    padding: 40px 30px 50px;
}
    
}
 .title-wrap .cont-bottom .title {
    display: flex;
}
     
@media only screen and (max-width: 767px){
.cont-wrap .title-wrap .cont-bottom .title {
    flex-direction: column;
    text-align: center;
}
}
   .title-wrap .cont-bottom .title h3 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 0.1em;
    font-weight: 500;
}

@media only screen and (max-width: 767px){
.cont-wrap .title-wrap .cont-bottom .title .cat-cont {
    margin-top: 10px;
}
}
@media only screen and (min-width: 768px){
.title-wrap .cont-bottom .title .cat-cont {
    margin-left: auto;
}
}

 .title-wrap .cont-bottom .title .cat-cont .cat {
    display: inline-block;
    padding: 5px 10px;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 0.02em;
    font-weight: 500;
    background-color: #fff;
}

 .title-wrap .cont-bottom .text {
    margin-top: 30px;
}

 .title-wrap .cont-bottom .text ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

@media only screen and (max-width: 767px){
.cont-wrap .title-wrap .cont-bottom .text ul {
    flex-direction: column;
}
}
 .title-wrap .cont-bottom .text ul li {
    margin-right: 36px;
    width: calc(50% - 18px);
    border-bottom: 1px solid #B3B3B3;
    padding-bottom: 10px;
    line-height: 1.7;
}

@media only screen and (min-width: 768px){
 .title-wrap .cont-bottom .text ul li em {
    margin-right: 10px;
}
}
  .title-wrap .cont-bottom .text ul li em {
    font-size: 14px;
    font-size: 1.4rem;
    letter-spacing: 0.02em;
    font-weight: bold;
}


@media only screen and (max-width: 767px){
    .cont-wrap .title-wrap .cont-bottom .text ul li.plural-line {
    display: block;
}
}
@media only screen and (max-width: 767px){
 .cont-wrap .title-wrap .cont-bottom .text ul li {
    width: 100%;
    padding-left: 10px;
    display: flex;
}
    }

@media only screen and (min-width: 768px){
 .title-wrap .cont-bottom .text ul li:nth-of-type(2), .cont-bottom .text ul li:nth-of-type(5) {
    margin-right: 0;
}
}

@media only screen and (max-width: 767px){
 .cont-wrap .title-wrap .cont-bottom .text ul li:nth-of-type(n + 2) {
    margin-top: 20px;
}
}
@media only screen and (max-width: 767px){
.cont-wrap .title-wrap .cont-bottom .text ul li:nth-of-type(n + 3) {
    width: 100%;
}
    }
.title-wrap .cont-bottom .text ul li {
    margin-right: 36px;
    width: calc(50% - 18px);
    border-bottom: 1px solid #B3B3B3;
    padding-bottom: 10px;
    line-height: 1.7;
}

@media only screen and (min-width: 768px){
 .title-wrap .cont-bottom .text ul li:last-of-type {
    white-space: nowrap;
}
}
@media only screen and (min-width: 768px){
  .title-wrap .cont-bottom .text ul li:nth-of-type(n + 3) {
    margin-top: 20px;
}
    } .title-wrap .cont-bottom .text ul li:nth-of-type(n + 3) {
    width: 29.5798319%;
    width: calc((100% - 72px)/3);
}
  @media only screen and (max-width: 767px) {
   .section1 {
      margin-top: 25px; } }
  .section1 h3 .en {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 0.15em;
    color: #184382;
    font-family: "Chakra Petch", sans-serif;
    font-weight: bold;
    display: block;
    margin-bottom: 27px; }
    @media only screen and (min-width: 768px) {
      .section1 h3 .en {
        display: flex;
        align-items: center; } }
    @media only screen and (max-width: 767px) {
     .section1 h3 .en {
        font-size: 18px;
        font-size: 1.8rem;
        margin-bottom: 15px; } }
    .section1 h3 .en:before {
      content: '';
      width: 2px;
      height: 16px;
      display: inline-block;
      background: linear-gradient(90deg, #482d54 0%, #253957 100%);
      margin-right: 14px; }
      @media only screen and (max-width: 767px) {
        .section1 h3 .en:before {
          margin-top: 10px;
          height: 13px;
          margin-right: 10px; } }
 .section1 h3 .ja {
    font-size: 32px;
    font-size: 3.2rem;
    letter-spacing: 0.1em;
    font-weight: bold; }
    @media only screen and (max-width: 767px) {
     .section1 h3 .ja {
        font-size: 22px;
        font-size: 2.2rem;
        line-height: 1.59095064; } }
  .section1 .block1 .cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 48px;
    margin-bottom: 85px; }
    @media only screen and (max-width: 767px) {
      .section1 .block1 .cont {
        flex-direction: column-reverse;
        margin-top: 0px;
        margin-bottom: 0; } }
    .section1 .block1 .cont .text-cont {
      width: 50.1%; }
      @media only screen and (max-width: 767px) {
      .section1 .block1 .cont .text-cont  {
          width: 100%; } }
     .section1 .block1 .cont .text-cont p {
        font-size: 15px;
        font-size: 1.5rem;
        letter-spacing: 0.05em;
        line-height: 2.133333333; }
        @media only screen and (max-width: 767px) {
         .section1 .block1 .cont .text-cont p {
            line-height: 1.733333333;
            margin-top: 25px; } }
   .section1 .block1 .cont .img-cont {
      width: 44%; }
      @media only screen and (max-width: 767px) {
       .section1 .block1 .cont .img-cont {
          width: 100%; } }
  .section1 .block1 .list-box-g {
    background: #f7f7f7;
    margin: 55px 0 68px;
    position: relative;
    padding: 43px 40px 38px; }
    @media only screen and (max-width: 767px) {
     .section1 .block1 .list-box-g {
        background-image: url(../images/common/bg-g-sp.png);
        padding: 30px 15px 13px;
        margin: 48px 0 41px; } }
   .section1 .block1 .list-box-g img {
      position: absolute;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      top: 0; }
      @media only screen and (max-width: 767px) {
       .section1 .block1 .list-box-g img {
          width: 37.5px;
          top: 0; } }
    .section1 .block1 .list-box-g h4 {
      font-size: 20px;
      font-size: 2rem;
      letter-spacing: 0.05em;
      font-weight: bold;
      text-align: center; }
      @media only screen and (max-width: 767px) {
       .section1 .block1 .list-box-g h4 {
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 1.388888889; } }
      .section1 .block1 .list-box-g h4:after {
        content: '';
        width: 30px;
        height: 1px;
        display: block;
        background:#184382;
        margin: 24px auto 0; }
        @media only screen and (max-width: 767px) {
          .section1 .block1 .list-box-g h4:after {
            margin: 15px auto 0;
            width: 20px; } }
   .section1 .block1 .list-box-g ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-top: 29px; }
      @media only screen and (max-width: 767px) {
      .section1 .block1 .list-box-g ul {
          flex-direction: column;
          margin-top: 25px; } }
     .section1 .block1 .list-box-g ul li {
        width: calc((100% - 10px)/2);
        height: 50px;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        background-color: #fff;
        margin-bottom: 11px;
        position: relative;
        font-size: 15px;
        font-size: 1.5rem;
        letter-spacing: 0.05em;
        font-weight: bold;
        padding-left: 40px; }
        @media only screen and (max-width: 767px) {
          .section1 .block1 .list-box-g ul li {
            width: 100%;
            margin-bottom: 5px;
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 1.285714286;
            padding: 10px 10px 10px 42px;
            height: 50px; } }
       .section1 .block1 .list-box-g ul li:before {
          content: '';
          width: 30px;
          height: 30px;
          display: block;
          background-image: url(../images/check-box.png);
          background-repeat: no-repeat;
          background-size: contain;
          position: absolute;
          left: 5px;
          top: 50%;
          transform: translateY(-50%); }
          @media only screen and (max-width: 767px) {
          .section1 .block1 .list-box-g ul li:before {
              width: 22px;
              height: 22px;
              left: 10px; } }
        @media all and (-ms-high-contrast: none) {
           .section1 .block1 .list-box-g ul li h5 {
            padding-top: 5px; } }
  .section1 .block2 h4 {
    font-size: 20px;
    font-size: 2rem;
    letter-spacing: 0.05em;
    font-weight: bold;
    color: #3a3a8b; }
    @media only screen and (max-width: 767px) {
   .section1 .block2 h4 {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.388888889; } }
  .section1 .block2 h4:after {
      content: '';
      width: 30px;
      height: 1px;
      display: block;
      background: linear-gradient(90deg, #482d54 0%, #253957 100%);
      margin: 24px 0 0 0; }
      @media only screen and (max-width: 767px) {
       .section1 .block2 h4:after {
          margin: 15px 0 0 0;
          width: 20px; } }
   .section1 .block2 ul {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 30px; }
    @media only screen and (max-width: 767px) {
     .section1 .block2 ul {
        flex-direction: column;
        margin-top: 33px;
        margin-bottom: 0; } }
   .section1 .block2 ul li {
      width: calc((100% - 67px*3 )/4);
      background: linear-gradient(90deg, #482d54 0%, #253957 100%);
      color: #fff;
      font-size: 15px;
      font-size: 1.5rem;
      letter-spacing: 0.05em;
      font-weight: bold;
      padding: 12px 20px;
      text-align: center;
      position: relative; }
      @media only screen and (max-width: 767px) {
        .section1 .block2 ul li {
          width: 100%;
          margin-bottom: 36px;
          padding: 8px 0; } }
       .section1 .block2 ul li:after {
        content: '';
        position: absolute;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain; }
        @media only screen and (min-width: 768px) {
        .section1 .block2 ul li:after {
            width: 39px;
            height: 17px;
            top: 50%;
            transform: translateY(-50%);
            right: -50px;
            background-image: url("../images/cad_cam/arrow-r.png"); } }
        @media only screen and (max-width: 767px) {
          .section1 .block2 ul li:after {
            height: 25px;
            width: 20px;
            left: 50%;
            transform: translateX(-50%);
            bottom: -30px;
            background-image: url("../images/cad_cam/arrow-b.png"); } }
      @media only screen and (min-width: 768px) {
       .section1 .block2 ul li:nth-child(2):after {
          width: 39px;
          height: 30px;
          background-image: url("../images/cad_cam/arrow-l-r.png"); } }
      @media only screen and (max-width: 767px) {
        .section1 .block2 ul li:nth-child(2):after {
          width: 43px;
          height: 25px;
          background-image: url("../images/cad_cam/arrow-bt.png"); } }
      @media only screen and (max-width: 767px) {
         .section1 .block2 ul li:last-child {
          margin-bottom: 0; } }
  .section1 .block2 ul li:last-child:after {
        display: none; }
      @media all and (-ms-high-contrast: none) {
     .section1 .block2 ul li span {
          display: inline-block;
          padding-top: 5px; } }
 .section1 .block2 p {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 0.05em;
    line-height: 2.133333333; }
    @media only screen and (max-width: 767px) {
  .section1 .block2 p {
        line-height: 1.733333333;
        margin-top: 20px; } }
   .section1 .block3 {
    margin-top: 55px; }
    @media only screen and (max-width: 767px) {
      body.cad_cam main .section1 .block3 {
        margin-top: 35px; } }
   .section1 .block3 h4 {
      font-size: 20px;
      font-size: 2rem;
      letter-spacing: 0.05em;
      font-weight: bold;
      color: #3a3a8b; }
      @media only screen and (max-width: 767px) {
       .section1 .block3 h4 {
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 1.388888889; } }
      .section1 .block3 h4:after {
        content: '';
        width: 30px;
        height: 1px;
        display: block;
        background: linear-gradient(90deg, #482d54 0%, #253957 100%);
        margin: 24px 0 0 0; }
        @media only screen and (max-width: 767px) {
          .section1 .block3 h4:after {
            margin: 15px 0 0 0;
            width: 20px; } }
 .section1 .block3 .img-cont {
      display: flex;
      justify-content: space-between;
      margin-top: 50px; }
      @media only screen and (max-width: 767px) {
      .section1 .block3 .img-cont {
          flex-direction: column;
          margin-top: 33px; } }
       .section1 .block3 .img-cont > div {
        width: 46.1%;
        position: relative; }
        @media only screen and (max-width: 767px) {
          .section1 .block3 .img-cont > div {
            width: 100%; }
            .section1 .block3 .img-cont > div:first-child {
              margin-bottom: 37px; } }
         .section1 .block3 .img-cont > div .data {
          background: linear-gradient(90deg, #482d54 0%, #253957 100%);
          text-align: center;
          position: absolute;
          right: 0;
          bottom: 0; }
          @media only screen and (min-width: 768px) {
           .section1 .block3 .img-cont > div .data {
              width: 43.4782609%;
              padding: 13px 20px; } }
          @media only screen and (max-width: 767px) {
           .section1 .block3 .img-cont > div .data {
              width: 46.1538462%;
              padding: 8px 20px; } }
       .section1 .block3 .img-cont > div span {
          color: #fff;
          font-size: 15px;
          font-size: 1.5rem;
          letter-spacing: 0.05em;
          font-weight: bold; }
          @media all and (-ms-high-contrast: none) {
           .section1 .block3 .img-cont > div span {
              position: relative;
              top: 3px; } }
       .section1 .block3 .img-cont > div:first-child:after {
          content: '';
          position: absolute;
          background-repeat: no-repeat;
          background-position: center;
          background-size: contain; }
          @media only screen and (min-width: 768px) {
           .section1 .block3 .img-cont > div:first-child:after {
              width: 39px;
              height: 17px;
              top: 50%;
              transform: translateY(-50%);
              right: -60px;
              background-image: url("../images/cad_cam/arrow-r.png"); } }
          @media only screen and (max-width: 767px) {
          .section1 .block3 .img-cont > div:first-child:after {
              height: 25px;
              width: 20px;
              left: 50%;
              transform: translateX(-50%);
              bottom: -30px;
              background-image: url("../images/cad_cam/arrow-b.png"); } }
  .section1 .block3 p {
      font-size: 15px;
      font-size: 1.5rem;
      letter-spacing: 0.05em;
      line-height: 2.133333333;
      margin-top: 30px; }
      @media only screen and (max-width: 767px) {
     .section1 .block3 p {
          line-height: 1.733333333;
          margin-top: 23px; } }
  .section1 .block4 {
    margin-top: 57px;
    padding-bottom: 140px; }
    @media only screen and (max-width: 767px) {
   .section1 .block4 {
        margin-top: 35px;
        padding-bottom: 80px; } }
   .section1 .block4 h4 {
      font-size: 20px;
      font-size: 2rem;
      letter-spacing: 0.05em;
      font-weight: bold;
      color: #3a3a8b; }
      @media only screen and (max-width: 767px) {
       .section1 .block4 h4 {
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 1.388888889; } }
      .section1 .block4 h4:after {
        content: '';
        width: 30px;
        height: 1px;
        display: block;
        background: linear-gradient(90deg, #482d54 0%, #253957 100%);
        margin: 24px 0 0 0; }
        @media only screen and (max-width: 767px) {
         .section1 .block4 h4:after {
            margin: 15px 0 0 0;
            width: 20px; } }
    .section1 .block4 p {
      font-size: 15px;
      font-size: 1.5rem;
      letter-spacing: 0.05em;
      line-height: 2.133333333;
      margin-top: 39px; }
      @media only screen and (max-width: 767px) {
       .section1 .block4 p {
          line-height: 1.733333333;
          margin: 27px 0 25px; } }
    .section1 .block4 .img-cont {
      display: flex;
      justify-content: space-between;
      margin-top: 30px; }
      @media only screen and (max-width: 767px) {
       .section1 .block4 .img-cont {
          margin: 0 -25px; } }
    .section1 .block4 .img-cont > div {
        width: 49.8%; }
        @media only screen and (max-width: 767px) {
          body.cad_cam main .section1 .block4 .img-cont > div {
            width: 49.3333333%; } }

.care {
    padding-top: 100px;
    margin-bottom: 40px;
}

@media (max-width: 1024px){
.care {
    padding-top: 10px;
}
}
 .care__hd {
    text-align: center;
    color: #1C4388;
    font-size: 28px;
    line-height: 46px;
    letter-spacing: .05em;
    font-weight: bold;
    margin-bottom: 30px;
}

@media (min-width: 1024px){
.care__list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
}

.care-item__tt {
    color: #1C4388;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: .08em;
    font-weight: bold;
    margin-top: 13px;
}

@media (max-width: 1023px){
.care-item__tt {
    font-size: 17px;
    line-height: 24px;
    letter-spacing: .05em;
    margin-top: 8px;
    width: auto;
}
}
@media (min-width: 1024px){
.care-item {
    width: calc(50% - 10px);
    margin-right: 20px;
    margin-bottom: 0;
}
}

@media (min-width: 1024px){
.care-item:nth-child(2n) {
    margin-right: 0;
}
}


.care-item {
    background-color: #fff;
    box-shadow: 4px 4px 20px rgba(6,145,196,0.2);
    border-radius: 20px;
    padding: 24px 40px;
    line-height: 26px;
    letter-spacing: .08em;
    font-weight: bold;
    position: relative;
    background-repeat: no-repeat;
    background-position: right 30px center;
    background-image: url(../images/service_check.svg) ;
    margin-bottom: 10px;
}


@media (max-width: 1023px){
 .care-item {
    padding: 27px 30px 26px;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: .05em;
    background-image: url(../images/service_check_sp.svg);
}
}

@media only screen and (max-width: 320px){
.care-item {
    padding-left: 15px;
    padding-right: 15px;
}
    
}
@media (min-width: 1024px){
.care-item:not(:nth-child(-n+2)) {
    margin-top: 20px;
}
}

.cooper {
    border-radius: 30px;
    border: 2px solid #1C4388;
    background-color: #fff;
    padding: 49px 50px 58px;
    text-align: center;
}

@media (max-width: 1023px){
.cooper {
    padding: 35px 20px 38px;
    border-radius: 20px;
}
}
.cooper__hd {
    text-align: center;
    color: #1C4388;
    font-size: 28px;
    line-height: 46px;
    letter-spacing: .05em;
    font-weight: bold;
    margin-bottom: 30px;
}
@media (max-width: 1023px){
.cooper__hd {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 21px;
}
}
@media (max-width: 1023px){
.care__hd {
    text-align: left;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 15px;
}
}



.s-box{
    margin: 50px 0;
    
}

/*feature*/
.merit {
    position: relative;
    z-index: 0;
    padding: 79px 0 100px;
    margin-bottom: 100px;
}
.container1080 {
    max-width: 1130px;
}
.container, .container1080, .container900 {
   
    margin: 0 auto;
    padding: 0 25px;
}

@media (min-width: 1024px){
.merit .merit_ctn {
	margin-top: 120px;
    margin-bottom: 120px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
}

@media (min-width: 1024px){
.merit .merit_ctn__txt {
    width: 52.777%;
    padding-top: 60px;
    padding-right: 80px;
}
}
.merit .merit_ctn {
    margin-bottom: 65px;
}
.c-title--center {
    text-align: center;
}

@media (min-width: 1024px){
.strength.merit .c-title__en {
    margin-bottom: 6px;
}
}
.strength .c-title__en {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .08em;
    font-family: "Jost",sans-serif;
    display: inline-block;
    color:#184382;
    margin-bottom: 2px;
}

@media (max-width: 1023px){
.strength .c-title__en {
    font-size: 16px;
}
}
.strength .c-title__ja {
    font-size: 34px;
    line-height: 50px;
    font-weight: bold;
    letter-spacing: .08em;
}

@media (max-width: 1023px){
.strength .c-title__ja {
    font-size: 18px;
    line-height: 34px;
}
}






.information .w1280 {
    max-width: 1170px;
    position: relative;
    margin: 57px auto 0;
}

@media (min-width: 1024px){
.action .information__img {
    left: auto;
    right: 0;
    width: 45.313%;
}
}
@media (min-width: 1024px){
.information__img {
   
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 46.876%;
    padding-right: 0;
}
	}
.information__img {
    padding-right: 25px;
}


@media (min-width: 1024px){
.action .information__ctn {
   display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
}
@media (min-width: 1024px){
.information__ctn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0;
}
	}
.information__ctn {
    margin-top: 35px;
}

@media (min-width: 1024px){
.action .information__txt {
    margin-top: -5px;
    margin-bottom: 66px;
    padding: 0 50px 0 0;
}
}
@media (min-width: 1024px){
.information__txt {
    width: calc(48% + 60px);
    padding-left: 60px;
    padding-top: 33px;
}
	}

@media (min-width: 1024px){
.action .information__txt .c-title {
    margin-bottom: 35px;
}
}
@media (min-width: 1024px){
.merit .merit_ctn__img {
    margin-top: 0;
    width: 47.223%;
}
}

@media only screen and (min-width: 768px) and (max-width: 1024px){
.strength .strength-list__btn {
    margin-top: 15px;
}
}
.strength .strength-list__btn {
    margin: 40px 0 0;
}


@media only screen and (min-width: 768px) and (max-width: 1024px){
.strength .strength-list__btn a {
    padding: 10px 0;
    min-height: auto;
    min-width: 230px;
    max-width: 230px;
    margin-bottom: 5px;
}
}
@media (min-width: 768px){
.strength .strength-list__btn a {
    padding: 20px 0;
}
	}

.c-btn {
    border-radius: 4px;
    padding: 11px 16px 10px 10px;
    position: relative;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: .05em;
    font-weight: 700;
    transition: all 0.3s;
    overflow: hidden;
    text-align: center
}





.c-btn::before {
    left: 0
}

.c-btn::after {
    left: -100%;
    transform: scaleX(-1)
}

@media (hover: hover), screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .c-btn:hover {
        opacity:1;
        padding: 11px 10px 0
    }

    .c-btn:hover::before {
        left: 100%
    }

    .c-btn:hover::after {
        left: 0
    }

    .c-btn:hover img {
        opacity: 0
    }
}

@media (max-width: 767px) {
    .c-btn {
        width:100%;
        display: block;
        margin: 17px auto 0;
        padding: 14px 19px 14px 10px;
        font-size: 20px;
        font-size: 2rem;
        line-height: 1.5
    }
}

.c-btn img,.c-btn span {
    position: relative;
    z-index: 2;
    transition: all 0.3s
}

.c-btn img {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%)
}

.c-btn span {
    color: #fff;
    line-height: 1;
    overflow: visible
}

.c-btn__span {
    overflow: hidden;
    position: relative
}

.c-btn__span::before {
    content: attr(data-text);
    left: 0;
    position: absolute;
    top: 0;
    transition: transform 0.3s cubic-bezier(0.25, 0.26, 0.17, 1);
    pointer-events: none
}

.c-btn__inner {
    pointer-events: none;
    transform: translateX(200%);
    display: inline-block;
    transition: transform 0.3s cubic-bezier(0.25, 0.26, 0.17, 1)
}

.c-btn__inn {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%
}

.c-btn--basic {
    max-width: 320px;
    border-radius: 10px;
    background: transparent;
    border: 1px solid #0691c4;
    min-height: 60px;
    display: inline-flex;
    padding: 21px 0;
    text-align: left;
    overflow: visible;
    font-size: 15px;
    font-size: 1.5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center
}

.c-btn--basic::after,.c-btn--basic::before {
    display: none
}

.c-btn--basic span {
    color: #0691c4;
    line-height: 1.2;
    transition: transform 0.3s cubic-bezier(0.25, 0.26, 0.17, 1)
}

@media (min-width: 768px) {
    .c-btn--basic span {
        padding-left:30px
    }
}

.c-btn--basic .c-btn__inner {
    opacity: 0
}

.c-btn--basic .ico_effort {
    position: absolute;
    top: 50%;
    right: 28px;
    transform: translateY(-50%);
    width: 8px;
    height: 15px;
    background: url(../img/common/icon/ico_arrow_next.svg) no-repeat;
    background-size: cover
}

@media (max-width: 767px) {
    .c-btn--basic .ico_effort {
        right:20px;
        width: 8px;
        height: 14px
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .c-btn--basic {
        min-width:290px
    }
}

@media (max-width: 767px) {
    .c-btn--basic {
        max-width:265px;
        min-width: auto;
        min-height: 60px;
        padding: 23px 19px 20px;
        font-size: 14px;
        font-size: 1.4rem
    }
}

@media (hover: hover), screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .c-btn--basic:hover {
        padding:21px 0;
        border-color: #40adc0;
        text-align: center;
        background: linear-gradient(to right, #58acea 0%, #1ead97 100%)
    }
}

@media (hover: hover) and (max-width: 767px), screen and (-ms-high-contrast: active) and (max-width: 767px), (-ms-high-contrast: none) and (max-width: 767px) {
    .c-btn--basic:hover {
        background:linear-gradient(45deg, #58acea 0%, #1ead97 100%)
    }
}

@media (hover: hover), screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .c-btn--basic:hover span {
        color:#fff;
        padding: 0
    }

    .c-btn--basic:hover .c-btn__span::before {
        transform: translateX(-100%)
    }

    .c-btn--basic:hover .c-btn__inner {
        transform: translateX(0%);
        opacity: 1;
        color: #fff
    }

    .c-btn--basic:hover .c-btn__span::before {
        opacity: 0
    }

    .c-btn--basic:hover .ico_effort {
        background: url(../img/common/icon/ico_arrow_next_white.svg) no-repeat;
        background-size: cover
    }
}

.c-btn--pdf .ico_effort {
    right: 20px;
    background: url(../img/common/icon/ico_pdf.svg) no-repeat;
    background-size: contain;
    width: 16px;
    height: 18px
}

@media (max-width: 767px) {
    .c-btn--pdf .ico_effort {
        right:15px;
        width: 13px
    }
}

@media (hover: hover), screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .c-btn--pdf:hover .ico_effort {
        opacity:0;
        position: absolute
    }
}

@media (min-width: 1024px){
.strength-item {
    margin-bottom: 107px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
}
.strength-item {
    margin-bottom: 49px;
}
@media (min-width: 1024px){
.strength-item__img {
    margin-top: 0;
    width: 42.594%;
}
}
.strength-item__img {
    margin-top: 0px;
}

@media (min-width: 1024px){
.strength-item__txt {
    width: 57.406%;
    padding-left: 80px;
}
}

.strength-item__desc {
    margin-top: 25px;
}

@media (max-width: 1023px){
.proposal {
    margin-bottom: 56px;
}
}

@media only screen and (max-width: 320px){
.container, .container1080, .container900 {
    padding: 0 15px;
}
}
.proposal .img-list-box {
    margin: 80px auto 110px;
    position: relative;
}

@media only screen and (max-width: 767px){
.proposal .img-list-box {
    margin: 50px auto 46px;
}
}
@media only screen and (min-width: 768px){
.proposal .img-list-box:before {
    background-color: #fef7e5;
    content: "";
    margin: 0 auto;
    position: absolute;
    right: 0;
    bottom: -40px;
    height: 190px;
    width: calc(50% + 475px);
}
}

@media only screen and (min-width: 768px){
.proposal ul.list:before {
    background-color: #fff;
    content: "";
    margin: 0 auto;
    position: absolute;
    left: 0;
    bottom: -49px;
    height: 100%;
    width: 10%;
}
}

.proposal ul.list li {
    position: relative;
    width: calc(100%/5);
}


@media only screen and (max-width: 767px){
.proposal ul.list li {
    width: calc(100% - 30px);
}
}
@media only screen and (min-width: 768px){
.proposal .list {
    position: relative;
}
}

@media only screen and (max-width: 767px){
.proposal ul.list {
    padding: 0 25px;
}
}
@media only screen and (min-width: 768px){
 .proposal .list li:nth-child(even) {
    margin-top: 48px;
}
}
@media only screen and (min-width: 768px){
 .proposal ul.list li:nth-child(odd) .txt {
    bottom: 48px;
}
}
 .proposal ul.list .txt {
    color: #ffffff;
    margin: 0 auto;
    position: absolute;
    right: 0;
    bottom: 0;
    *zoom: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    flex-direction: column;
}

.proposal ul.list .txt .up {
    background-color: #f7af00;
    display: inline-block;
    font-size: 15px;
    font-family: din-condensed, sans-serif;
    letter-spacing: 0.06em;
    text-align: center;
    text-transform: uppercase;
    padding: 2px 12px;
    height: 26px;
}

@media only screen and (max-width: 767px){
.proposal ul.list .txt .up {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 4px 12px;
    height: 23px;
}
}
.proposal ul.list .txt:after {
    content: "";
    display: table;
    clear: both;
}
.proposal ul.list .txt .down {
    background-color: #263345;
    display: inline-block;
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;
    letter-spacing: 0.06em;
    padding: 14px 13px;
    text-align: center;
    height: 50px;
}

@media only screen and (max-width: 767px){
.proposal ul.list .txt .down {
    font-size: 17px;
    font-size: 1.7rem;
    padding: 10px 10px;
    height: 37px;
}
}
 .proposal ul.list {
    margin: 0 auto;
    max-width: 1200px;
}
.flex-row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
@media only screen and (max-width: 767px){
.proposal ul.list li:nth-child(even) {
    margin-left: 30px;
}
}
@media only screen and (max-width: 767px){
.proposal ul.list li {
    width: calc(100% - 30px);
}
	}

.reg-txt {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 2;
    padding-top: 25px;
}

.strength .strength-box .content04 {
    margin-top: 20px; }
    @media only screen and (max-width: 767px) {
      .strength .strength-box .content04 {
        margin-top: 50px; } }
    .strength .strength-box .content04 .content04-inner01 {
      display: flex;
      justify-content: space-between; }
      @media only screen and (max-width: 767px) {
        .strength .strength-box .content04 .content04-inner01 {
          display: block; } }
      .strength .strength-box .content04 .content04-inner01 .staffleft {
        width: 42%; }
        @media only screen and (max-width: 767px) {
          .strength .strength-box .content04 .content04-inner01 .staffleft {
            width: 100%; } }
        @media only screen and (max-width: 767px) {
          .strength .strength-box .content04 .content04-inner01 .staffleft .number {
            margin-bottom: 30px; } }
        @media only screen and (min-width: 768px) {
          .strength .strength-box .content04 .content04-inner01 .staffleft .number {
            position: relative;
            bottom: -45px;
            left: -30px;
            z-index: 2; } }
      .strength .strength-box .content04 .content04-inner01 .staffright {
        width: 50%;
        margin-top: 85px; }
        @media only screen and (max-width: 767px) {
          .strength .strength-box .content04 .content04-inner01 .staffright {
            width: 100%;
            margin-top: 30px; } }
        .strength .strength-box .content04 .content04-inner01 .staffright .h3-tit {
          letter-spacing: 0.5px; }
          @media only screen and (max-width: 767px) {
            .strength .strength-box .content04 .content04-inner01 .staffright .h3-tit {
              letter-spacing: 1px;
              line-height: 42px; } }
    .strength .strength-box .content04 .content04-inner02 {
      background: #F7F7F7;
      padding: 50px 125px 60px;
      margin-top: 70px; }
      @media screen and (max-width: 1024px) {
        .strength .strength-box .content04 .content04-inner02 {
          padding: 50px 25px 60px; } }
      @media only screen and (max-width: 767px) {
        .strength .strength-box .content04 .content04-inner02 {
          padding: 43px 20px 38px;
          margin-top: 40px; } }
      .strength .strength-box .content04 .content04-inner02 .h4-tit em {
        font-size: 18px;
        font-size: 1.8rem; }
      .strength .strength-box .content04 .content04-inner02 .textbox01 {
        display: flex;
        align-items: center;
        padding: 0 85px 0 113px; }
        @media only screen and (max-width: 767px) {
          .strength .strength-box .content04 .content04-inner02 .textbox01 {
            display: block;
            text-align: center;
            padding: 0; } }
        .strength .strength-box .content04 .content04-inner02 .textbox01 .text01 {
          display: flex;
          align-items: center;
          margin-top: 55px; }
          @media only screen and (max-width: 767px) {
            .strength .strength-box .content04 .content04-inner02 .textbox01 .text01 {
              justify-content: center;
              margin-top: 45px; } }
          .strength .strength-box .content04 .content04-inner02 .textbox01 .text01 .tit {
            font-size: 22px;
            font-size: 2.2rem;
            display: block;
            white-space: nowrap;
            letter-spacing: 0; }
            @media screen and (max-width: 1024px) {
              .strength .strength-box .content04 .content04-inner02 .textbox01 .text01 .tit {
                font-size: 18px;
                font-size: 1.8rem; } }
            @media only screen and (max-width: 767px) {
              .strength .strength-box .content04 .content04-inner02 .textbox01 .text01 .tit {
                font-size: 17px;
                font-size: 1.7rem; } }
          .strength .strength-box .content04 .content04-inner02 .textbox01 .text01 .staffnum {
            display: flex;
            align-items: baseline;
            margin-left: 15px; }
            @media only screen and (max-width: 767px) {
              .strength .strength-box .content04 .content04-inner02 .textbox01 .text01 .staffnum {
                margin-left: 10px;
                margin-top: -5px; } }
            .strength .strength-box .content04 .content04-inner02 .textbox01 .text01 .staffnum em {
              font-size: 36px;
              font-size: 3.6rem;
              color: #E65C17;
              font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
              letter-spacing: 0; }
              @media only screen and (max-width: 767px) {
                .strength .strength-box .content04 .content04-inner02 .textbox01 .text01 .staffnum em {
                  font-size: 30px;
                  font-size: 3rem; } }
            .strength .strength-box .content04 .content04-inner02 .textbox01 .text01 .staffnum span {
              font-size: 18px;
              font-size: 1.8rem;
              letter-spacing: 0;
              position: relative;
              top: -2px;
              margin-left: 3px; }
              @media only screen and (max-width: 767px) {
                .strength .strength-box .content04 .content04-inner02 .textbox01 .text01 .staffnum span {
                  font-size: 15px;
                  font-size: 1.5rem; } }
        .strength .strength-box .content04 .content04-inner02 .textbox01 .text02 {
          margin-left: 90px; }
          @media only screen and (max-width: 767px) {
            .strength .strength-box .content04 .content04-inner02 .textbox01 .text02 {
              margin-left: 0;
              margin-top: 15px; } }
      .strength .strength-box .content04 .content04-inner02 .textbox02 {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        background: #fff;
        padding: 25px 20px 10px 40px;
        margin-top: 30px;
        font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        letter-spacing: 0; }
        @media only screen and (max-width: 767px) {
          .strength .strength-box .content04 .content04-inner02 .textbox02 {
            margin-top: 28px;
            padding: 30px 20px 15px 35px; } }
        .strength .strength-box .content04 .content04-inner02 .textbox02 li {
          width: 33%;
          font-size: 15px;
          font-size: 1.5rem;
          position: relative;
          padding-left: 16px;
          white-space: nowrap;
          text-align: left;
          margin-bottom: 15px; }
          @media only screen and (max-width: 767px) {
            .strength .strength-box .content04 .content04-inner02 .textbox02 li {
              padding-bottom: 15px;
              width: 100%;
              margin-bottom: 0; } }
          .strength .strength-box .content04 .content04-inner02 .textbox02 li::after {
            content: "";
            position: absolute;
            height: 1px;
            width: 8px;
            background-color: #E65C17;
            display: block;
            left: 0;
            top: 7px; }
        .strength .strength-box .content04 .content04-inner02 .textbox02 .lefts {
          margin-left: -30px; }
          @media only screen and (max-width: 767px) {
            .strength .strength-box .content04 .content04-inner02 .textbox02 .lefts {
              margin-left: 0; } }
    .strength .strength-box .content04 .note {
      display: block;
      font-size: 12px;
      font-size: 1.2rem;
      margin-top: 10px;
      text-align: right; }
      @media only screen and (max-width: 767px) {
        .strength .strength-box .content04 .note {
          justify-content: center; } }

.content04-inner02 .textbox02 li .small{
    font-size: 1rem;
}
@media only screen and (min-width: 768px) {
    
    
}
  .content04-inner02 {
      background: #F7F7F7;
      padding: 50px 80px 60px;
      margin-top: 70px; }
      @media screen and (max-width: 1024px) {
    .content04-inner02 {
          padding: 50px 25px 60px; } }
      @media only screen and (max-width: 767px) {
        .content04-inner02 {
          padding: 43px 20px 38px;
          margin-top: 40px; } }
    .content04-inner02 .h4-tit em {
        font-size: 18px;
        font-size: 1.8rem; }
      .content04-inner02 .textbox01 {
        display: flex;
        align-items: center;
        padding: 0 85px 0 113px; }
        @media only screen and (max-width: 767px) {
         .content04-inner02 .textbox01 {
            display: block;
            text-align: center;
            padding: 0; } }
         .content04-inner02 .textbox01 .text01 {
          display: flex;
          align-items: center;
          margin-top: 55px; }
          @media only screen and (max-width: 767px) {
         .content04-inner02 .textbox01 .text01 {
              justify-content: center;
              margin-top: 45px; } }
    .content04-inner02 .textbox01 .text01 .tit {
            font-size: 22px;
            font-size: 2.2rem;
            display: block;
            white-space: nowrap;
            letter-spacing: 0; }
            @media screen and (max-width: 1024px) {
            .content04-inner02 .textbox01 .text01 .tit {
                font-size: 18px;
                font-size: 1.8rem; } }
            @media only screen and (max-width: 767px) {
              .strength .strength-box .content04 .text01 .tit {
                font-size: 17px;
                font-size: 1.7rem; } }
        .content04-inner02 .textbox01 .text01 .staffnum {
            display: flex;
            align-items: baseline;
            margin-left: 15px; }
            @media only screen and (max-width: 767px) {
            .content04-inner02 .textbox01 .text01 .staffnum {
                margin-left: 10px;
                margin-top: -5px; } }
            .content04-inner02 .textbox01 .text01 .staffnum em {
              font-size: 36px;
              font-size: 3.6rem;
              color: #E65C17;
              font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
              letter-spacing: 0; }
              @media only screen and (max-width: 767px) {
            .content04-inner02 .textbox01 .text01 .staffnum em {
                  font-size: 30px;
                  font-size: 3rem; } }
            .content04-inner02 .textbox01 .text01 .staffnum span {
              font-size: 18px;
              font-size: 1.8rem;
              letter-spacing: 0;
              position: relative;
              top: -2px;
              margin-left: 3px; }
              @media only screen and (max-width: 767px) {
            .content04-inner02 .textbox01 .text01 .staffnum span {
                  font-size: 15px;
                  font-size: 1.5rem; } }
        .content04-inner02 .textbox01 .text02 {
          margin-left: 90px; }
          @media only screen and (max-width: 767px) {
            .strength .strength-box .content04 .content04-inner02 .textbox01 .text02 {
              margin-left: 0;
              margin-top: 15px; } }

.content04-inner02 .textbox02 li {
    width: 33%;
    font-size: 15px;
    font-size: 1.5rem;
    position: relative;
    padding-left: 16px;
    white-space: nowrap;
    text-align: left;
    margin-bottom: 15px;
}
    .content04-inner02 .textbox02 {
       
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        background: #fff;
        padding: 25px 40px 10px 40px;
        margin-top: 40px;
        font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
        letter-spacing: 0; }
        @media only screen and (max-width: 767px) {
          .content04-inner02 .textbox02 {
            margin-top: 28px;
			  margin-right: auto;
			  margin-left: auto;
            padding: 30px 15px 15px 25px; } }
       .content04-inner02 .textbox02 li {
          width: 33%;
          font-size: 15px;
          font-size: 1.3rem;
          position: relative;
          padding-left: 16px;
          white-space: nowrap;
          text-align: left;
          margin-bottom: 15px; }
          @media only screen and (max-width: 767px) {
           .content04-inner02 .textbox02 li {
              padding-bottom: 15px;
              width: 100%;
              margin-bottom: 0; } }
         .content04-inner02 .textbox02 li::after {
            content: "";
            position: absolute;
            height: 1px;
            width: 8px;
            background-color: #184382;
            display: block;
            left: 0;
            top: 7px; }
     .content04-inner02 .textbox02 .lefts {
          margin-left: -30px; }
          @media only screen and (max-width: 767px) {
        .content04-inner02 .textbox02 .lefts {
              margin-left: 0; } }
 .content04 .note {
      display: block;
      font-size: 12px;
      font-size: 1.2rem;
      margin-top: 10px;
      text-align: right; }
      @media only screen and (max-width: 767px) {
     .content04 .note {
          justify-content: center; } }

.h4-tit {
    text-align: center;
    letter-spacing: 2px;
}
 .h4-tit h4 {
    font-size: 24px;
    font-size: 2.4rem;
    position: relative;
    display: inline;
     font-weight: bold;
}
.contact .container{
   padding-bottom: 120px;
}
 .list-box {
    background-color: #fff;
    border: 2px solid #184382;
    max-width: 960px;
    margin: 53px auto 0;
    overflow: scroll;
    overflow-y: scroll;
    height: 200px;
	 border-radius: 10px;
}

@media only screen and (max-width: 767px){
.list-box {
    margin-top: 35px;
    
}
}
 .list-box ul.txt-list {
  background: #F7F7F7;
    padding: 50px 125px 60px;
   
}

@media only screen and (min-width: 768px){
.list-box ul.txt-list li:nth-child(3n-2) {
    width: 37.2%;
}
}
@media only screen and (min-width: 768px){
 .list-box ul.txt-list li {
    padding-right: 15px;
    width: 30%;
}
	}
.list-box ul.txt-list li {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 0.02em;
    padding-left: 15px;
    position: relative;
    margin-bottom: 16px;
    line-height: 1.4;
}

.list-box ul.txt-list li:before {
    background-color: #184382;
    content: "";
    margin: 0 auto;
    position: absolute;
    left: 0;
    top: 7px;
    height: 8px;
    width: 8px;
}

@media only screen and (max-width: 767px){
	.strength03{
		padding-top: 0;
		
	}
}
.information {
    position: relative;
    padding-top: 200px;
    padding-bottom: 120px;
   
}


.strength03{
    padding: 80px 0 90px;
}

.strength04 {
    padding: 30px 0 80px;
}


@media only screen and (max-width: 767px){
    
    .strength03{
        padding: 0px 0 30px;
    }
    .strength04 {
    padding: 0px 0 30px;
}
    .information .w1280 {
    margin: 0;
}
    
    .strength-item{
        margin-bottom: 0;
    }
    
}
.strength04 .information{
	position: relative;
	padding-top: 0;
	padding-bottom: 0;
}
@media only screen and (max-width: 767px){
	.strength03{
		padding-top: 0;
		
	}
}

@media only screen and (max-width: 767px){
	.strength03 .c-title{
		padding: 25px 0;
	}
	
}

@media only screen and (max-width: 767px){
 .strength-box .h4-tit h4 {
    font-size: 18px;
    font-size: 1.8rem;
}

	.content04-inner02 .textbox02 li {
    padding-bottom: 15px;
    width: 100%;
    margin-bottom: 0;
      
}

.strength05{
    padding: 80px 0 120px;
}


	.information {
    
    padding-bottom: 30px;
    
		padding-top: 0;
}
}


@media (min-width: 1024px){
.information__img {
    padding-right: 25px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 46.876%;
    padding-right: 0;
}
}

@media only screen and (max-width: 767px){
	.information__img{
		padding: 20px 0;
	}
	
}

@media (min-width: 1024px){
.information__ctn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 0;
}
}
.information__ctn {
    margin-top: 35px;
}

@media (min-width: 1024px){
.information__txt {
    width: 540px;
    padding-left: 60px;
    padding-top: 33px;
}
}
@media (min-width: 1024px){
.information .information-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    margin-top: 53px;
    padding: 47px 60px 43px;
    border-radius: 30px;
}
}
.information .information-box {
    width: 100%;
    border: 2px solid #184382;
    background-color: #fff;
    border-radius: 20px;
    padding: 33px 28px 25px;
    position: relative;
    margin-top: 33px;
}

@media (min-width: 1024px){
.information .information-box__tt {
    position: relative;
    left: -5px;
}
}
.information .information-box__tt {
    font-size: 28px;
    line-height: 42px;
    letter-spacing: .05em;
    font-weight: bold;
    color: #184382;
    text-align: center;
    width: 210px;
}




@media (min-width: 1024px){
.information .information-box .information-list {
    padding-left: 50px;
    width: calc(100% - 210px);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
.c-line:before {
    top: 15px;
}
}
@media (min-width: 1024px){
.information .information-box .information-list ul {
    width: 55%;
    padding-right: 20px;
}
}
@media (min-width: 1024px){
.information .information-box .information-list ul:nth-child(2) {
    width: 45%;
    padding-right: 0;
}
	
	@media (min-width: 1024px){
.information .information-box .information-list .c-line:not(:last-child) {
    margin-bottom: 10px;
}
	}
	@media (min-width: 1024px){
.information .information-box .information-list .c-line {
    line-height: 26px;
}
}
	
@media (max-width: 1023px){
.c-line:before {
    top: 9px;
}
	}
.c-line:before {
    content: '';
    position: absolute;
    left: 0;
    top: 14px;
    width: 10px;
    height: 2px;
    background-color: #184382;
}
.proposal {
   padding: 130px 0 120px;
}

.proposal .voice {
    position: relative;
    z-index: 0;
    padding-bottom: 120px;
}


.regiter--02 .regiter__tt {
    margin-bottom: 24px;
    padding-right: 28px;
}
}


@media (min-width: 1024px){
.regiter__tt {
    margin-bottom: 27px;
    padding-right: 35px;
}
	}


.regiter__tt {
    text-align: center;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .05em;
    font-weight: bold;
    color: #184382;
    margin-bottom: 21px;
}
@media (max-width: 1023px){
.regiter__tt {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    text-align: left;
    font-size: 20px;
    line-height: 30px;
}
}
.regiter--02 {
    padding: 32px 76px 35px;
}



@media (min-width: 1024px){
.regiter--02 .regiter__list {
    max-width: 782px;
    margin: 0 auto;
}
}

@media (min-width: 1024px){
.regiter--02 .regiter__list {
    max-width: 782px;
    margin: 0 auto;
}
}
@media (min-width: 1024px){
.regiter__list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
	}

@media (min-width: 1024px){
.regiter--02 .regiter__list .c-line:nth-child(2), .regiter--02 .regiter__list .c-line:nth-child(5) {
    width: 44%;
}
}
@media (min-width: 1024px){
.regiter--02 .regiter__list .c-line {
    width: 41%;
}
	}
@media (min-width: 1024px){
.regiter__list .c-line:nth-child(2), .regiter__list .c-line:nth-child(5),.regiter__list .c-line:nth-child(8),.regiter__list .c-line:nth-child(11),.regiter__list .c-line:nth-child(14),.regiter__list .c-line:nth-child(17),.regiter__list .c-line:nth-child(20){
    width: 30%;
}
	}
@media (min-width: 1024px){
.regiter__list .c-line:not(:nth-child(3n)) {
    padding-right: 10px;
}
	}

@media (min-width: 1024px){
.regiter--02 .regiter__list .c-line:nth-child(3), .regiter--02 .regiter__list .c-line:nth-child(6) {
    width: 21%;
}
}
.fs1{
	font-size: 1.2rem;
}

	
	
.proposal .voice .w1280 {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
    padding-top: 45px;
}
@media (min-width: 1024px){
.regiter--02 .regiter__list .c-line {
    width: 35%;
}
}

@media (min-width: 1024px){
.regiter__list .c-line {
    width: 41%;
    margin-bottom: 6px;
}
	}


@media (min-width: 1024px){
.regiter__list .c-line:nth-child(3), .regiter__list .c-line:nth-child(6),.regiter__list .c-line:nth-child(9),.regiter__list .c-line:nth-child(12),.regiter__list .c-line:nth-child(15),.regiter__list .c-line:nth-child(18),.regiter__list .c-line:nth-child(21){
    width: 26%;
}
}

@media (max-width: 1023px){
.regiter__list .c-line:not(:last-child) {
    margin-bottom: 8px;
}
}
@media (max-width: 1023px){
.c-line {
    font-size: 15px;
    line-height: 22px;
    letter-spacing: .05em;
	position: relative;
}
	}
.c-line {
    position: relative;
    padding-left: 20px;
    font-weight: bold;
}
@media (min-width: 1024px){
.proposal .voice__img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    border-radius: 50px;
    overflow: hidden;
}
}

.proposal .voice:after {
    content: '';
    background-color: #FDFAEF;
    position: absolute;
    top: 72px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.regiter .regiter--02 {
    border-radius: 20px;
    padding: 35px 28px 34px;
	 border: 2px solid #184382;
    background-color: #fff;
	position: relative;
}
	
	

		.regiter {
	margin-top: 50px;
    border-radius: 30px;
    border: 2px solid #184382;
    background-color: #fff;
    padding: 40px 76px 35px;
	position: relative;
	}


	
@media (max-width: 1023px){
.regiter {
    border-radius: 20px;
    padding: 35px 28px 34px;
}
}

.merit .merit_ctn__img {
    margin-top: 24px;
}

.merit .merit_ctn__desc {
    margin-top: 25px;
}
.c-16 {
    font-weight: bold;
}

.regiter__tt .ico--free {
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='70' height='53' viewBox='0 0 70 53'%3E%3Cg id='icon' transform='translate(0)'%3E%3Cpath id='Path_1046' data-name='Path 1046' d='M37.64,20.733a28.659,28.659,0,0,0-8.731,1.511.827.827,0,0,0,.531,1.566,27.031,27.031,0,0,1,8.233-1.423c10.919-.222,19.926,5.765,20.079,13.345S49.144,49.66,38.225,49.882,18.3,44.118,18.147,36.538c-.085-4.217,2.585-8.2,7.324-10.936a.831.831,0,0,0,.3-1.13.821.821,0,0,0-1.123-.306C19.375,27.209,16.4,31.73,16.5,36.571c0,.208.018.414.034.62a.846.846,0,0,0-.018.184l.072,3.548c.171,8.493,9.931,15.206,21.757,14.966s21.309-7.345,21.138-15.838l-.08-4.007a.762.762,0,0,0-.011-.09c0-.085.005-.17,0-.255-.171-8.493-9.93-15.206-21.757-14.966M49.231,51.7a26.235,26.235,0,0,1-10.918,2.53c-10.006.2-18.4-4.809-19.854-11.482,3.443,5.335,11.054,8.962,19.8,8.785a27.937,27.937,0,0,0,10.921-2.394Zm1.628-.883-.05-2.5a17.852,17.852,0,0,0,6.88-6.371c-.617,3.509-3.136,6.643-6.83,8.867' transform='translate(-2.299 -2.895)' fill='%23ed6b00'/%3E%3Cpath id='Path_1047' data-name='Path 1047' d='M31.567,38.192a.827.827,0,0,0,.033,1.654l7.339-.149.109,5.383a.823.823,0,1,0,1.645-.033l-.108-5.383,7.235-.147a.828.828,0,0,0-.033-1.655l-7.235.148-.057-2.842,7.234-.147a.827.827,0,0,0-.033-1.654l-6.007.121L46.41,28.7a.831.831,0,0,0-.006-1.17.82.82,0,0,0-1.164.005L39.56,33.3,33.5,27.764a.819.819,0,0,0-1.162.057.83.83,0,0,0,.057,1.168l5.025,4.586-5.939.121a.828.828,0,0,0,.033,1.655l7.339-.15.057,2.842Z' transform='translate(-4.065 -3.557)' fill='%23ed6b00'/%3E%3Cpath id='Path_1048' data-name='Path 1048' d='M24.365,9.091l-4.007,1.9,1.948,4.163-2.087.988L15.451,5.951l6.6-3.122.8,1.7-4.51,2.135,1.232,2.63,4.007-1.9Z' transform='translate(-2.03 -0.34)' fill='%23ed6b00'/%3E%3Cpath id='Path_1049' data-name='Path 1049' d='M33.78,7.5l-1.821.26.578,4.082-2.285.326L28.677,1.02,32.8.431A4.679,4.679,0,0,1,35.95.879a3.062,3.062,0,0,1,1.417,2.335,3.48,3.48,0,0,1-.221,1.973,3.393,3.393,0,0,1-1.317,1.427l3.041,4.212.016.108-2.453.35ZM31.7,5.9l1.843-.265A1.9,1.9,0,0,0,34.81,5a1.594,1.594,0,0,0,.3-1.28,1.715,1.715,0,0,0-.62-1.177,1.867,1.867,0,0,0-1.43-.256l-1.836.263Z' transform='translate(-3.772 -0.042)' fill='%23ed6b00'/%3E%3Cpath id='Path_1050' data-name='Path 1050' d='M49.884,7.4l-4.37-.728L45.024,9.65l5.13.853-.3,1.84-7.4-1.234L44.274,0l7.391,1.23L51.36,3.085l-5.114-.853L45.81,4.881l4.371.727Z' transform='translate(-5.58)' fill='%23ed6b00'/%3E%3Cpath id='Path_1051' data-name='Path 1051' d='M61.132,11.951l-3.99-1.936-1.3,2.717L60.522,15l-.806,1.677-6.76-3.28,4.867-10.14,6.746,3.274-.813,1.693L59.088,5.963,57.928,8.378l3.989,1.937Z' transform='translate(-6.975 -0.392)' fill='%23ed6b00'/%3E%3Cline id='bdr' x1='7.398' y2='6.287' transform='translate(58.343 12.913)' fill='%23ec6b00'/%3E%3Cpath id='Path_1052' data-name='Path 1052' d='M67.069,21.85a.874.874,0,0,1-.669-.311.884.884,0,0,1,.1-1.241l7.4-6.286a.872.872,0,0,1,1.233.1.884.884,0,0,1-.1,1.24l-7.4,6.287a.872.872,0,0,1-.564.208' transform='translate(-8.724 -1.767)' fill='%23ed6b00'/%3E%3Cline id='bdr-2' data-name='bdr' x1='6.599' y2='2.578' transform='translate(60.542 19.721)' fill='%23ec6b00'/%3E%3Cpath id='Path_1053' data-name='Path 1053' d='M69.582,25.932a.881.881,0,0,1-.317-1.7l6.6-2.577a.879.879,0,0,1,.633,1.64l-6.6,2.578a.871.871,0,0,1-.317.06' transform='translate(-9.039 -2.751)' fill='%23ed6b00'/%3E%3Cline id='bdr-3' data-name='bdr' x1='1.006' y2='0.855' transform='translate(68.12 10.037)' fill='%23ec6b00'/%3E%3Cpath id='Path_1054' data-name='Path 1054' d='M78.242,13.111a.874.874,0,0,1-.669-.311.884.884,0,0,1,.1-1.241l1.006-.855a.872.872,0,0,1,1.233.1.883.883,0,0,1-.1,1.241l-1.006.855a.872.872,0,0,1-.564.208' transform='translate(-10.122 -1.334)' fill='%23ed6b00'/%3E%3Cline id='bdr-4' data-name='bdr' x2='7.645' y2='5.981' transform='translate(4.374 13.322)' fill='%23ec6b00'/%3E%3Cpath id='Path_1055' data-name='Path 1055' d='M12.519,22.012a.866.866,0,0,1-.536-.186L4.337,15.846a.885.885,0,0,1-.151-1.235.87.87,0,0,1,1.228-.153l7.644,5.981a.884.884,0,0,1,.153,1.234.873.873,0,0,1-.691.34' transform='translate(-0.501 -1.826)' fill='%23ed6b00'/%3E%3Cline id='bdr-5' data-name='bdr' x2='6.697' y2='2.308' transform='translate(3.25 21.019)' fill='%23ec6b00'/%3E%3Cpath id='Path_1056' data-name='Path 1056' d='M10.285,27.147A.865.865,0,0,1,10,27.1L3.3,24.791a.882.882,0,0,1-.544-1.117.872.872,0,0,1,1.112-.546l6.7,2.308a.88.88,0,0,1-.283,1.712' transform='translate(-0.34 -2.939)' fill='%23ed6b00'/%3E%3Cline id='bdr-6' data-name='bdr' x2='1.04' y2='0.814' transform='translate(0.875 10.585)' fill='%23ec6b00'/%3E%3Cpath id='Path_1057' data-name='Path 1057' d='M1.915,13.7a.872.872,0,0,1-.536-.185L.338,12.7a.884.884,0,0,1-.153-1.234.874.874,0,0,1,1.228-.155l1.039.813a.883.883,0,0,1,.153,1.235.873.873,0,0,1-.691.34' transform='translate(0 -1.414)' fill='%23ed6b00'/%3E%3C/g%3E%3C/svg%3E%0A);
    width: 70px;
    height: 53px;
}
.regiter__tt .ico {
    display: inline-block;
    vertical-align: middle;
    width: 43px;
    height: 59px;
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='59' viewBox='0 0 43 59'%3E%3Cg id='icon' transform='translate(0)'%3E%3Cpath id='Path_1060' data-name='Path 1060' d='M57.393,76.484a.575.575,0,0,0-.32-.663l-.767-.347-.168-.824a.578.578,0,0,0-.574-.459h0l-.841.018-.509-.668a.571.571,0,0,0-.719-.165l-.749.383L52,73.377a.571.571,0,0,0-.718.163l-.51.67-.854-.019a.576.576,0,0,0-.562.459l-.168.824-.767.347a.576.576,0,0,0-.32.663l.206.817-.537.645a.572.572,0,0,0,0,.737l.539.646-.206.817a.574.574,0,0,0,.32.663l.483.219L46.3,85.546a.576.576,0,0,0,.043.639l-.15.26.257-.154a.587.587,0,0,0,.64.035L48,85.782l.194.339a.6.6,0,0,0,.994,0l1.9-3.287.2.256a.572.572,0,0,0,.719.165l.749-.382.749.382a.586.586,0,0,0,.717-.164l.275-.361,1.955,3.389a.56.56,0,0,0,.5.288.576.576,0,0,0,.5-.293l.2-.358.892.563a.584.584,0,0,0,.637-.019l.294.186-.174-.3a.57.57,0,0,0,.045-.639L56.7,80.98l.376-.17a.575.575,0,0,0,.319-.663l-.206-.817.537-.644a.572.572,0,0,0,0-.737l-.539-.647Zm-1.274,2.334a.574.574,0,0,0-.116.508l.16.635-.368.167-.062-.108-.031.15-.052.023h0l-.082.038a.576.576,0,0,0-.324.407l-.132.642-.444-.01h0l-.2,0a.548.548,0,0,0-.479.226l-.4.521-.586-.3a.572.572,0,0,0-.519,0l-.583.3-.4-.522a.559.559,0,0,0-.338-.2.5.5,0,0,0-.081-.018c-.017,0-.032-.011-.049-.011l-.654.015-.131-.643a.577.577,0,0,0-.037-.078c-.008-.017-.015-.035-.024-.051a.567.567,0,0,0-.265-.277l-.6-.27.16-.637a.577.577,0,0,0-.117-.506l-.419-.5.419-.5a.579.579,0,0,0,.116-.509l-.16-.634.6-.271a.579.579,0,0,0,.325-.408l.131-.642.652.015a.558.558,0,0,0,.472-.226l.4-.521.583.3a.574.574,0,0,0,.522,0l.583-.3.4.52a.556.556,0,0,0,.47.228l.655-.015.132.644a.578.578,0,0,0,.325.407l.6.269L56,77.3a.576.576,0,0,0,.115.511l.42.5ZM57.3,84.391a.578.578,0,0,0-.363.276l0,.006-1.291-2.236c.016,0,.028-.012.044-.015a.684.684,0,0,0,.216-.09.584.584,0,0,0,.145-.144c0-.006.011-.009.015-.015l1.275,2.211-.037.008M49.985,82.44l-1.293,2.242a.581.581,0,0,0-.34-.249l-.08-.016,1.238-2.146c.006.006.015.008.021.014a.567.567,0,0,0,.117.079.539.539,0,0,0,.058.033.566.566,0,0,0,.209.042Z' transform='translate(-20.111 -31.906)' fill='%23ec6b00'/%3E%3Cpath id='Path_1061' data-name='Path 1061' d='M28.886,31.023a13.149,13.149,0,0,0,5.687-25,6.029,6.029,0,0,0-12.059.012.844.844,0,0,0,.06.312,13.147,13.147,0,0,0,6.312,24.679M28.544,1.709A4.326,4.326,0,0,1,32.8,5.32a13.135,13.135,0,0,0-8.555.252,4.328,4.328,0,0,1,4.3-3.864m.343,4.725A11.452,11.452,0,0,1,40.31,17.345c-8.548-.333-14.647-7.032-14.709-7.1a.853.853,0,0,0-1.135-.125L17.85,14.881A11.456,11.456,0,0,1,28.886,6.433M17.467,17.261l7.4-5.323c1.74,1.728,7.52,6.825,15.4,7.116A11.437,11.437,0,0,1,17.45,17.874c0-.206.006-.409.017-.612' transform='translate(-6.854 0)' fill='%23ec6b00'/%3E%3Cpath id='Path_1062' data-name='Path 1062' d='M38.562,61.793a12.918,12.918,0,0,0-8.65-3.6.849.849,0,0,0-.675.364L21.4,61.875l-3.658-1.581a.854.854,0,0,0-.678,1.568L19.5,62.913l-3.377,1.951L15.3,63.057l-1.535-3.677-.251-.692a.854.854,0,0,0-.8-.563H12.7a10.87,10.87,0,0,0-8.091,3.237C-.13,66.211-.008,74.722,0,75.155c0,.279.041,8.157.041,8.157H.2c0,.029-.008.057-.008.086a.854.854,0,0,0,.853.855l40.942.031a1.145,1.145,0,0,0,.152.013h0a.866.866,0,0,0,.6-.261.884.884,0,0,0,.251-.593V83.42L43,74.643c0-5.642-1.489-9.965-4.438-12.85m-10.292-.97-1.807,4.223L23.22,62.96Zm-6.9,2.98,4.408,2.835L21.5,76.657,16.833,66.426Zm19.914,16.25v.011l0,2.509-39.54-.029-.035-7.059c0-.068,0-.155-.007-.25a.872.872,0,0,0,.006-.094H1.7c0-.007,0-.014,0-.021h.016c0-.081-.141-8.2,4.121-12.564a9.078,9.078,0,0,1,6.286-2.709l.049.134c0,.013.01.025.015.038l1.554,3.721,7.01,15.383a.878.878,0,0,0,.787.5.855.855,0,0,0,.775-.518l8.2-19.175a11.38,11.38,0,0,1,6.877,3.1c2.595,2.551,3.909,6.456,3.9,11.608,0,2.335,0,4.1,0,5.413' transform='translate(0 -25.296)' fill='%23ec6b00'/%3E%3C/g%3E%3C/svg%3E%0A);
    background-repeat: no-repeat;
    background-position: center;
}

.ser-ctn {
    margin-top: 44px;
    background-color: #FDFAEF;
    border-radius: 50px;
    padding: 53px 50px 80px;
}

.ser-ctn__hd {
    text-align: center;
    color: #ED6B00;
    font-size: 28px;
    line-height: 40px;
    letter-spacing: .05em;
    font-weight: bold;
    margin-bottom: 35px;
}

 .ser-ctn {
    margin-top: 44px;
    background-color: #FDFAEF;
    border-radius: 50px;
    padding: 53px 50px 80px;
}

@media (min-width: 1024px){
.ser-ctn__list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
}

@media (min-width: 1024px){
.ser-ctn-item--w50:first-child {
    margin-right: 20px;
}
}
@media (min-width: 1024px){
.ser-ctn-item--w50 {
    width: calc(50% - 10px);
	
}
	.mr10{
		margin-right: 20px;
	}
	}
.ser-ctn-item {
   
    background-color: #f7f7f7;
    border-radius: 20px;
    padding: 35px 50px;
    margin-bottom: 20px;
    font-weight: bold;
}
@media only screen and (max-width: 320px){
.ser-ctn-item {
    padding-left: 15px;
    padding-right: 15px;
}
}
@media (max-width: 1023px){
.ser-ctn-item {
    padding: 26px 31px 26px 30px;
    border-radius: 10px;
    margin-bottom: 20px;
}
    }
@media (min-width: 1024px){
.g-option .g-option-item--w50 {
    width: calc(50% - 10px);
    margin-right: 20px;
}
}
 .ser-ctn-item__tt {
    font-size: 22px;
    line-height: 30px;
    letter-spacing: .08em;
    font-weight: bold;
    color: #1C4388;
    margin-bottom: 10px;
	text-align: center;
     position: relative;
}
@media (max-width: 1023px){
.ser-ctn-item__tt {
    font-size: 20px;
   
    margin-bottom: 10px;
}
}
.ser-ctn-item__tt:before{
	 
	 content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
	background-repeat: no-repeat;
    background-position: left center;
    height: 48px;
    width: 45px;
}

@media (max-width: 1023px){
.g-option .g-option-item__tt--01:before {
    left: 5px;
}
}
@media (max-width: 1023px){
.g-option .g-option-item__tt:before {
    background-size: 38px 38px;
    width: 38px;
    height: 38px;
    left: 9px;
}
}
/*.kanro:before{
    background: url(../images/service_kanro.svg);
     content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
	background-repeat: no-repeat;
    background-position: left center;
    height: 48px;
    width: 45px;
}*/

@media (max-width: 1023px){
.kanro:before{
    top: 50%;
    background-size: 38px 38px;
    width: 38px;
    height: 38px;
    left: 5px;
}
}

/*.sextuti:before{
    background: url(../images/service_sextutisen.svg);
     content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
	background-repeat: no-repeat;
    background-position: left center;
    height: 48px;
    width: 45px;
}

.fep:before{
    background: url(../images/service_fep.svg);
     content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
	background-repeat: no-repeat;
    background-position: left center;
    height: 48px;
    width: 45px;
}

.hando:before{
    background: url(../images/service_hando.svg);
     content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
	background-repeat: no-repeat;
    background-position: left center;
    height: 48px;
    width: 45px;
}

.kiki:before{
    background: url(../images/service_kiki.svg);
     content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
	background-repeat: no-repeat;
    background-position: left center;
    height: 48px;
    width: 45px;
}

.haiden:before{
    background: url(../images/service_haiden.svg);
     content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
	background-repeat: no-repeat;
    background-position: left center;
    height: 48px;
    width: 45px;
}

.textukou:before{
    background: url(../images/service_textukou.svg);
     content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
	background-repeat: no-repeat;
    background-position: left center;
    height: 48px;
    width: 45px;
}

.tr:before{
    background: url(../images/service_tr.svg);
     content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
	background-repeat: no-repeat;
    background-position: left center;
    height: 48px;
    width: 45px;
}

.kemikaru:before{
     background: url(../images/service_kemikaru.svg);
     content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
	background-repeat: no-repeat;
    background-position: left center;
    height: 48px;
    width: 45px;
}

.koro:before{
     background: url(../images/service_koro.svg);
     content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
	background-repeat: no-repeat;
    background-position: left center;
    height: 48px;
    width: 45px;
}

.hikari:before{
     background: url(../images/service_hikari.svg);
     content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
	background-repeat: no-repeat;
    background-position: left center;
    height: 48px;
    width: 45px;
}

.hikari_tan:before{
     background: url(../images/service_hikari_tan.svg);
     content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
	background-repeat: no-repeat;
    background-position: left center;
    height: 48px;
    width: 45px;
}

.ke6:before{
     background: url(../images/service_6.6.svg);
     content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
	background-repeat: no-repeat;
    background-position: left center;
    height: 48px;
    width: 45px;
}


.maxtutan:before{
    background: url(../images/service_maxtutan.svg);
     content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
	background-repeat: no-repeat;
    background-position: left center;
    height: 48px;
    width: 45px;
}

.kasen:before{
    background: url(../images/service_kasen.svg);
     content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
	background-repeat: no-repeat;
    background-position: left center;
    height: 48px;
    width: 45px;
}
.g-option .g-option-item__tt:before {
    content: '';
    position: absolute;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    
    background-repeat: no-repeat;
    background-position: left center;
    height: 48px;
    width: 45px;
}*/
.flow {
	margin-top: 100px;
    margin-bottom: 81px;
    padding-top: 150px;
}

.flow__list {
    margin-top: 85px;
}

.flow .flow-item:not(:last-child) {
    padding-bottom: 76px;
    margin-bottom: 58px;
    position: relative;
    background-image: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1000' height='14.705' viewBox='0 0 1000 14.705'%3E%3Cpath id='Path_1157' data-name='Path 1157' d='M16419,8126.25l-476.7-.211-23.275,13.626-23.74-13.626-476.286.211' transform='translate(-15419 -8125.539)' fill='none' stroke='%23d9d9d9' stroke-width='1'/%3E%3C/svg%3E%0A);
    background-repeat: no-repeat;
    background-position: center bottom;
}
@media (min-width: 1024px){
.flow .flow-item:nth-child(odd) {
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
}
@media (min-width: 1024px){
.flow .flow-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
	}

@media (min-width: 1024px){
.flow .flow-item--01 .flow-item__img, .flow .flow-item--01 .flow-item__txt {
    width: 50%;
    padding-top: 0;
}
}
@media (min-width: 1024px){
.flow .flow-item__img {
    margin-bottom: 0;
    width: 45%;
}
	}
.flow .flow-item__img {
    margin-bottom: 25px;
}

@media (min-width: 1024px){
.flow .flow-item:nth-child(odd) .flow-item__txt {
    padding-left: 0;
    padding-right: 80px;
}
}
@media (min-width: 1024px){
.flow .flow-item--01 .flow-item__img, .flow .flow-item--01 .flow-item__txt {
    width: 50%;
    padding-top: 0;
}
	}
@media (min-width: 1024px){
.flow .flow-item__txt {
    width: 55%;
    padding-left: 80px;
    padding-top: 25px;
}
	}

@media (min-width: 1024px){
.flow .flow-item--01 .c-hd {
    margin-bottom: 33px;
}
}
.flow .flow-item__txt .c-hd {
    position: relative;
    margin-bottom: 46px;
}
.c-hd {
    font-size: 28px;
    line-height: 42px;
    letter-spacing: .05em;
    font-weight: bold;
    color: #184382;
    border-bottom: 1px dashed #184382;
    padding-bottom: 7px;
}

.flow .flow-item__txt .c-hd .txtNum {
    color: #F1f1f1;
    font-size: 45px;
    line-height: 50px;
    letter-spacing: 0em;
    font-weight: 600;
    font-family: "Jost",sans-serif;
    position: absolute;
    right: 0;
    bottom: 8px;
}
.c-16 {
    font-weight: bold;
}

.c-block.-blue {
    --theme-color: #0071BB;
    --theme-lightColor: #EDF6FB;
}

/*.c-block__inner {
    --padding: calc(100px * 2);
    position: relative;
    width: 1200px;
    max-width: calc(100% - var(--padding));
    margin: 0 auto;
}

@media print, screen and (min-width: 48em){
.c-block__inner {
    --padding: calc(60px * 2);
    padding-top: 80px;
    padding-bottom: 80px;
}
	
}*/

@media print, screen and (min-width: 64em){
.p-page-head__heading.-point {
    padding-left: 28px;
}
}
.p-page-head__heading {
    position: relative;
    margin-top: 8px;
}
@media print, screen and (min-width: 64em){
.c-block__inner {
    --padding: calc(60px * 2);
   
    padding-bottom: 100px;
}
	
}

.c-block.-blue {
    --theme-color: #0071BB;
    --theme-lightColor: #EDF6FB;
}

.section, .c-block.-green .p-intro-section, .c-block.-purple .p-intro-section {
    background-color: var(--theme-lightColor);
}
.p-intro-section:not(:first-child) {
    margin-top: 100px;
}

@media print, screen and (min-width: 64em){
.p-post-contents h2:not([class]), .p-post-contents h2.wp-block-heading, .p-post-contents .-index-none {
    margin-top: 100px;
    margin-bottom: 40px;
}
}
@media print, screen and (min-width: 64em){
.p-post-contents h2:not([class]), .p-post-contents h2.wp-block-heading, .p-post-contents .-index-none {
    padding-bottom: 20px;
    font-size: 32px;
    
}
}
.p-post-contents h2:not([class]), .p-post-contents h2.wp-block-heading, .p-post-contents .-index-none {
    position: relative;
    font-weight: 800;
    line-height: 1.5;
    color: #001733;
    list-style-position: outside;
}
.p-post-contents h1, .p-post-contents h2, .p-post-contents h3, .p-post-contents h4, .p-post-contents h5, .p-post-contents h6 {
    font-weight: 800;
    line-height: 1.5;
}

@media print, screen and (min-width: 64em){
.p-post-contents h2:not([class])::before, .p-post-contents h2:not([class])::after, .p-post-contents h2.wp-block-heading::before, .p-post-contents h2.wp-block-heading::after, .p-post-contents .-index-none::before, .p-post-contents .-index-none::after {
    height: 2px;
}
}
.p-post-contents h2:not([class])::before, .p-post-contents h2.wp-block-heading::before, .p-post-contents .-index-none::before {
    width: 100%;
    background-color: #e1e3e6;
}
.p-post-contents h2:not([class])::before, .p-post-contents h2:not([class])::after, .p-post-contents h2.wp-block-heading::before, .p-post-contents h2.wp-block-heading::after, .p-post-contents .-index-none::before, .p-post-contents .-index-none::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}



@media print, screen and (min-width: 64em){
.p-post-contents .wp-block-image {
    margin-top: 40px;
    margin-bottom: 40px;
}
}
@media print, screen and (min-width: 64em){
.p-post-contents h3:not([class]), .p-post-contents h3.wp-block-heading {
    font-size: 26px;
   
}
	}
.p-post-contents h3:not([class]), .p-post-contents h3.wp-block-heading {
    font-weight: 800;
    line-height: 1.5;
    color: #184382;
}
.p-post-contents h1, .p-post-contents h2, .p-post-contents h3, .p-post-contents h4, .p-post-contents h5, .p-post-contents h6 {
    font-weight: 800;
    line-height: 1.5;
}
.c-block.-pt_0 .c-block__inner {
    padding-top: 0;
}
.c-block.-narrow .c-block__inner {
    width: 860px;
}

.c-block.-pt_0 .c-block__inner {
    padding-top: 0;
}
.c-block.-narrow .c-block__inner {
    width: 860px;
}

.p-post-contents p:not([class]) {
    font-size: 18px;
    line-height: 1.8;
}
.c-block.-red .c-heading-2::after, .c-block.-red .p-post-contents h2:not([class])::after, .c-block.-red .p-post-contents h2.wp-block-heading::after, .c-block.-blue .c-heading-2::after, .c-block.-blue .p-post-contents h2:not([class])::after, .c-block.-blue .p-post-contents h2.wp-block-heading::after, .c-block.-yellow .c-heading-2::after, .c-block.-yellow .p-post-contents h2:not([class])::after, .c-block.-yellow .p-post-contents h2.wp-block-heading::after, .c-block.-green .c-heading-2::after, .c-block.-green .p-post-contents h2:not([class])::after, .c-block.-green .p-post-contents h2.wp-block-heading::after, .c-block.-purple .c-heading-2::after, .c-block.-purple .p-post-contents h2:not([class])::after, .c-block.-purple .p-post-contents h2.wp-block-heading::after {
    background-color: #184382;
}
@media print, screen and (min-width: 64em){
.p-post-contents h2:not([class])::after, .p-post-contents h2.wp-block-heading::after, .p-post-contents .-index-none::after {
    width: 100px;
}
}
@media print, screen and (min-width: 64em){
.p-post-contents h2:not([class])::before, .p-post-contents h2:not([class])::after, .p-post-contents h2.wp-block-heading::before, .p-post-contents h2.wp-block-heading::after, .p-post-contents .-index-none::before, .p-post-contents .-index-none::after {
    height: 2px;
}
	}
.p-post-contents h2:not([class])::after, .p-post-contents h2.wp-block-heading::after, .p-post-contents .-index-none::after {
    --accent-color: #103A8C;
    background-color: var(--accent-color);
}
.p-post-contents h2:not([class])::before, .p-post-contents h2:not([class])::after, .p-post-contents h2.wp-block-heading::before, .p-post-contents h2.wp-block-heading::after, .p-post-contents .-index-none::before, .p-post-contents .-index-none::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}

@media print, screen and (min-width: 64em){
.p-theme-message {
    margin-top: 32px;
    margin-bottom: 32px;
}
}
.p-theme-message {
    font-size: 36px;
    font-size: 2.25rem;
    line-height: 1.5;
    font-weight: bold;
    display: inline-block;
}

@media print, screen and (min-width: 64em){
.p-post-contents .wp-block-image {
    margin-top: 40px;
    margin-bottom: 40px;
}
}
.u-show-XS {
    display: none;
}



@media print, screen and (min-width: 64em){
 .p-post-contents h3.wp-block-heading {
    margin-top: 84px;
    margin-bottom: 20px;
}

}

@media print, screen and (min-width: 64em){
.p-post-contents .wp-block-columns {
    gap: 40px;
    margin-top: 14px;
    margin-bottom: 64px;
}
}
.is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
}
.is-layout-flex {
    display: flex;
}
@media (min-width: 782px){
.wp-block-columns {
    flex-wrap: nowrap!important;
}
}
.wp-block-columns {
    align-items: normal!important;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap!important;
}

@media (min-width: 782px){
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    flex-basis: 0;
    flex-grow: 1;
}
}
body .is-layout-flex > * {
    margin: 0;
}
.wp-block-column {
    flex-grow: 1;
    min-width: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}


@media print, screen and (min-width: 64em){
.p-post-contents h4:not([class]), .p-post-contents h4.wp-block-heading {
    margin-top: 48px;
    margin-bottom: 16px;
}
}
@media print, screen and (min-width: 64em){
.p-post-contents h4:not([class]), .p-post-contents h4.wp-block-heading {
    font-size: 20px;
   
}
	}
.p-post-contents strong, .p-post-contents b {
    font-weight: 800;
}
.p-post-contents h4:not([class]), .p-post-contents h4.wp-block-heading {
    font-weight: 800;
    line-height: 1.5;
    color: #001733;
}

@media print, screen and (min-width: 64em){
.p-post-contents > ul, .p-post-contents ol:not([class]) {
    margin-top: 20px;
    margin-bottom: 20px;
}
}

.p-post-contents > ul li, .p-post-contents ol:not([class]) li {
    position: relative;
    line-height: 1.8;
    padding-left: 16px;
}

.c-block.-red .p-post-contents ul:not([class]) li::before, .c-block.-blue .p-post-contents ul:not([class]) li::before, .c-block.-yellow .p-post-contents ul:not([class]) li::before, .c-block.-green .p-post-contents ul:not([class]) li::before, .c-block.-purple .p-post-contents ul:not([class]) li::before {
    background-color: var(--theme-color);
}
.p-post-contents > ul:not([class]) li::before {
    --circle-color: #586180;
    --circle-size: 6px;
    content: "";
    position: absolute;
    top: 0.75em;
    left: 0;
    border-radius: 50%;
    width: var(--circle-size);
    height: var(--circle-size);
    background-color: var(--circle-color);
}

.p-post-contents > ul li + li, .p-post-contents ol:not([class]) li + li {
    margin-top: 5px;
}
.p-post-contents .wp-element-caption {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.5;
    color: #586180;
}
.wp-block-image figcaption {
    margin-bottom: 1em;
    margin-top: .5em;
}
.inview {
    opacity: 0;
    transition-delay: .3s;
    transition: transform .6s, opacity .6s;
    position: relative
}

.inview.on {
    opacity: 1
}

.inview.fadeInLeft {
    transform: translateX(-60px);
    -o-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    -moz-transform: translateX(-60px);
    -webkit-transform: translateX(-60px)
}

.inview.fadeInLeft.on {
    transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0)
}

.inview.fadeInRight {
    transform: translateX(60px);
    -o-transform: translateX(60px);
    -ms-transform: translateX(60px);
    -moz-transform: translateX(60px);
    -webkit-transform: translateX(60px)
}

.inview.fadeInRight.on {
    transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0)
}

.inview.fadeInBottom {
    opacity: 0;
    transform: translateY(60px);
    -o-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -webkit-transform: translateY(60px)
}

.inview.fadeInBottom.on {
    opacity: 1;
    transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0)
}

.inview.fadeInBottomDelay {
    transform: translateY(60px);
    -o-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -moz-transform: translateY(60px);
    -webkit-transform: translateY(60px);
    transition-delay: 0.3s
}

.inview.fadeInBottomDelay.on {
    transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0)
}

.inview.fadeInTop {
    transform: translateY(-60px);
    -o-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    -webkit-transform: translateY(-60px)
}

.inview.fadeInTop.on {
    transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0)
}

@-webkit-keyframes updownmove {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes updownmove {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes updownmove_sp {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(0)
    }
}

@keyframes updownmove_sp {
    0% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(0)
    }
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    line-height: 0
}

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

p {
    margin: 0;
    padding: 0
}

ol,ul {
    list-style: none;
    margin: 0;
    padding: 0
}

input,textarea {
    margin: 0;
    font-size: 100%;
    resize: none
}

input[type="text"],input[type="date"],input[type="email"],input[type="number"],input[type="url"] {
    word-break: normal;
    white-space: nowrap;
    -webkit- appearance: none;
    -moz- appearance: none;
    -ms- appearance: none;
    -o- appearance: none;
    appearance: none;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 100%;
}

dl,dt,dd,th,td {
    margin: 0;
    padding: 0;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    margin: 0;
    padding: 0;
}

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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,dialog {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

img {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    border: 0;
    max-width: 100%;
    height: auto;
}

table img {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    border: 0
}

article,aside,dialog,figure,footer,header,hgroup,nav,section {
    display: block;
}

nav ul {
    list-style: none;
}

*,*:before,*:after {
    -webkit- box-sizing: border-box;
    -moz- box-sizing: border-box;
    -ms- box-sizing: border-box;
    -o- box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

*:focus {
    outline: none !important
}

label,select,button {
    cursor: pointer;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    select::-ms-expand {
        display: none
    }
}

@media screen\0 {
    select::-ms-expand {
        display: none
    }
}

em,i {
    font-style: normal
}

a {
    outline: none;
    transition: 0.3s;
    color: #4D4D4D;
    text-decoration: none
}

@media (min-width: 768px) {
    a:hover {
        text-decoration:none;
        opacity: 0.5
    }
}

.ffN {
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "メイリオ", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

.ffM {
    font-family: "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif
}

.ffYG {
    font-family: "游ゴシック体","游ゴシック","Yu Gothic",YuGothic,"Noto Sans JP","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック","MS PGothic",sans-serif
}

.ffYM {
    font-family: "游明朝体","Yu Mincho",YuMincho,"Noto Serif JP","ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0,0,0,0.6);
    clip: auto !important;
    color: #184382;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

html {
    font-size: 62.5%;
    -webkit- text-size-adjust: 100%;
    -moz- text-size-adjust: 100%;
    -ms- text-size-adjust: 100%;
    -o- text-size-adjust: 100%;
    text-size-adjust: 100%
}

body {
    font-family: "游ゴシック体","游ゴシック","Yu Gothic",YuGothic,"Noto Sans JP","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック","MS PGothic",sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 0.75px;
    width: 100%;
    color: #4D4D4D;
    margin: 0;
    padding: 0;
    line-height: 1.6;
    height: 100%;
    word-break: break-word
}

@media only screen and (max-width: 1023px) {
    body.menu_opened {
        overflow:hidden
    }
}

@media only screen and (min-width: 768px) {
    .sp,.SP {
        display:none !important
    }
}

@media only screen and (max-width: 767px) {
    .pc,.PC {
        display:none !important
    }
}

.inner-sm {
    width: 100%;
    margin: 0 auto;
    padding: 0 25px
}

@media only screen and (max-width: 47.9375em){
    .inner{
        width: 100%;
}
}
@media print, screen and (min-width: 48em){
    .inner{
        padding-right: 5%;
        padding-left: 5%;
}
}
@media print, screen and (min-width:64em){
    .inner {
        max-width: 1120px;
    }
    }
    
.inner-sm {
    max-width: 1050px
}

#wrap {
    width: 100%;
	overflow: hidden;
    
}

main {
    display: block;
}

.lazy[data-bg],img.lazy {
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0
}

.lazy.loaded {
    opacity: 1
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}
/*works*/
@media print, screen and (min-width: 48em){
    .c-section-2 {
        margin-top: 70px;
    }
    }
   
    
    @media print, screen and (min-width: 48em){
    .p-history__title {
        font-size: 24px;
        font-size: 2rem;
    }
    }
    @media print, screen and (min-width: 48em){
    .p-history__title {
        font-family: "YakuHanJP", "Noto Sans", "Noto Sans CJK JP", "Noto Sans CJK JP Subset", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo";
    }
    }
    .p-history .p-history__title {
        line-height: 1.4;
        -webkit-font-feature-settings: 'palt' 1;
        font-feature-settings: 'palt' 1;
        font-weight: 600;
        line-height: 1.4;
        font-weight: bold;
    }
    
    
    @media print, screen and (min-width: 61.25em){
    .p-history .p-history__title > span {
        font-size: 44px;
        font-size: 2.75rem;
    }
    }
    @media print, screen and (min-width: 48em){
    .p-history .p-history__title > span {
        font-size: 34px;
        font-size: 2.125rem;
    }
    }
    .p-history .p-history__title > span {
        padding-right: 10px;
    }

    .p-history__block {
        position: relative;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-bottom: 45px;
    }

    .p-history__block:before {
        content: '';
        position: absolute;
        z-index: 10;
        top: 0.5em;
        left: 0;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        background-color: #184382;
    }
    @media print, screen and (min-width: 48em){
    .p-history__age {
        margin-left: 35px;
    }
}
    .p-history__age {
        white-space: nowrap;
        font-weight: bold;
        font-size: 18px;
        font-size: 2.125rem;
    }

    .p-history__content {
        margin-top: -16px;
        margin-left: 16px;
    }

    .p-history__text {
        margin-top: 16px;
        padding-left: 3.2rem;
        text-indent: -3.2rem;
    }

    .p-history__text span {
        display: inline-block;
        width: 3.2rem;
        box-sizing: border-box;
        text-indent: 0;
    }

    .p-history__text {
        margin-top: 16px;
        padding-left: 3.2rem;
        text-indent: -3.2rem;
    }

    .p-history__text span {
        display: inline-block;
        width: 3.2rem;
        box-sizing: border-box;
        text-indent: 0;
    }
    .p-history__block {
        position: relative;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-bottom: 45px;
    }

    .p-history__block:after {
        content: '';
        position: absolute;
        top: 0.5em;
        left: 6px;
        height: 100%;
        width: 2px;
        background-color: #ddd;
    }
@media (min-width: 768px) {
    .is-safari .breadcrumb li:not(:last-child):after {
        top:calc(50% - 2px)
    }
}

@media (max-width: 767px) {
    .is-safari .breadcrumb li:not(:last-child):after {
        top:calc(50% - 2px)
    }
}

.ipad-portrait .breadcrumb li:not(:last-child):after {
    top: calc(50% - 2px)
}

.is-ipad110 .breadcrumb li:not(:last-child):after {
    top: calc(50% + 1px)
}

.wp-pagenavi {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0px;
    font-size: 0rem;
    line-height: 0;
    letter-spacing: 0em
}

.wp-pagenavi .current,.wp-pagenavi .page {
    margin: 0 7px;
    height: 42px;
    min-width: 42px;
    padding: 0 10px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #184382;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 40px;
    letter-spacing: .12em;
    font-weight: 300;
    font-family: "Lato",sans-serif
}

@media (max-width: 767px) {
    .wp-pagenavi .current,.wp-pagenavi .page {
        height:34px;
        min-width: 34px;
        margin: 0 5px;
        line-height: 32px;
        padding: 0 7px 0 10px;
    }
}

@media only screen and (max-width: 370px) {
    .wp-pagenavi .current,.wp-pagenavi .page {
        margin:0 3px;
        min-width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 28px;
        padding: 0 5px;
    }
}

.wp-pagenavi .current {
    background: #184382;
    color: #fff;
}

.wp-pagenavi .page {
    background: #fff;
    color: #484382;
}

@media only screen and (min-width: 1025px) {
    .wp-pagenavi .page:hover {
        opacity:1;
        background: #184382;
        color: #fff;
    }
}

.wp-pagenavi .previouspostslink,.wp-pagenavi .nextpostslink {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 26px;
    border: 1px solid #184382;
    border-radius: 50%;
    background: #fff url(../img/common/icon/ico_ar_right_green.svg) center left 10px/6px 10px no-repeat;
}

.wp-pagenavi .previouspostslink:before,.wp-pagenavi .nextpostslink:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
    transition: all 0.3s;
    opacity: 0;
    background: url(../img/common/icon/ico_ar_right_white.svg) center left 10px/6px 10px no-repeat;
}

@media only screen and (min-width: 1025px) {
    .wp-pagenavi .previouspostslink:hover,.wp-pagenavi .nextpostslink:hover {
        opacity:1;
        background-color: #184382;
    }

    .wp-pagenavi .previouspostslink:hover:before,.wp-pagenavi .nextpostslink:hover:before {
        opacity: 1
    }
}

.wp-pagenavi .previouspostslink {
    margin-right: 24px;
    transform: rotateY(180deg);
}

@media (max-width: 767px) {
    .wp-pagenavi .previouspostslink {
        margin-right:20px;
    }
}

@media only screen and (max-width: 370px) {
    .wp-pagenavi .previouspostslink {
        margin-right:12px
    }
}

.wp-pagenavi .nextpostslink {
    margin-left: 24px
}

@media (max-width: 767px) {
    .wp-pagenavi .nextpostslink {
        margin-left:20px
    }
}

@media only screen and (max-width: 370px) {
    .wp-pagenavi .nextpostslink {
        margin-left:12px
    }
}

.alignnone {
    margin: 5px 0 20px
}

.aligncenter,div.aligncenter {
    display: block;
    margin: 5px auto 5px auto
}

.alignright {
    float: right;
    margin: 5px 0 20px auto
}

.alignleft {
    float: left;
    margin: 5px auto 20px 0
}

a img.alignright {
    float: right;
    margin: 5px 0 20px auto
}

a img.alignnone {
    margin: 5px 0 20px
}

a img.alignleft {
    float: left;
    margin: 5px auto 20px 0
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center
}

.wp-caption.alignnone {
    margin: 5px 0 20px
}

.wp-caption.alignleft {
    margin: 5px auto 20px 0
}

.wp-caption.alignright {
    margin: 5px 0 20px auto
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px
}

.wp-video {
    max-width: 100%;
    margin-bottom: 40px
}

.wp-video video {
    max-width: 100%;
    height: auto
}

.cmsContent {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    word-wrap: break-word;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 2.26667;
    letter-spacing: .05em;
    margin-left: auto;
    margin-right: auto
}

.cmsContent:before,.cmsContent:after {
    content: " ";
    display: table
}

.cmsContent:after {
    clear: both
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .cmsContent {
        font-size:14px
    }
}

@media (max-width: 767px) {
    .cmsContent {
        width:100%;
        line-height: calc(30/15)
    }
}

@media only screen and (max-width: 370px) {
    .cmsContent {
        font-size:14px
    }
}

.cmsContent>*:last-child {
    margin-bottom: 0
}

.cmsContent>*:first-child {
    margin-top: 0
}

.cmsContent video {
    max-width: 100%
}

.cmsContent h3 {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1.5;
    letter-spacing: .05em;
    font-weight: 500;
    font-family: "游明朝体","Yu Mincho",YuMincho,"Noto Serif JP","ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 41px;
    margin-top: 63px
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .cmsContent h3 {
        font-size:22px;
        padding-bottom: 16px
    }
}

@media (max-width: 767px) {
    .cmsContent h3 {
        font-size:24px;
        line-height: calc(38/24);
        padding-bottom: 14px;
        margin-bottom: 23px;
        margin-top: 45px
    }
}

@media only screen and (max-width: 370px) {
    .cmsContent h3 {
        font-size:22px
    }
}

.cmsContent h3:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 1px;
    background: linear-gradient(to right, #FAD713, #FFEF38, #A7F416)
}

@media (max-width: 767px) {
    .cmsContent h3:before {
        width:30px
    }
}

.cmsContent h4 {
    margin: 61px auto 22px;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.75;
    letter-spacing: .05em;
    font-weight: 500;
    font-family: "游明朝体","Yu Mincho",YuMincho,"Noto Serif JP","ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;
    position: relative;
    position: relative
}

.cmsContent h4:before {
    content: "";
    position: absolute;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    background: #E0F7A9;
    filter: blur(12px);
    z-index: -1;
    top: 10px;
    left: -10px
}

.cmsContent h4:before {
    z-index: -1
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .cmsContent h4 {
        font-size:20px
    }
}

@media (max-width: 767px) {
    .cmsContent h4 {
        font-size:20px;
        line-height: 1.5;
        margin: 47px auto 18px
    }

    .cmsContent h4:before {
        top: -5px;
        left: -15px
    }
}

@media only screen and (max-width: 370px) {
    .cmsContent h4 {
        font-size:18px
    }
}

.cmsContent h5 {
    margin: 64px 0 16px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5;
    letter-spacing: .05em;
    font-weight: 500;
    font-family: "游明朝体","Yu Mincho",YuMincho,"Noto Serif JP","ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;
    position: relative
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .cmsContent h5 {
        font-size:18px;
        padding-left: 25px
    }
}

@media (max-width: 767px) {
    .cmsContent h5 {
        padding-left:32px;
        margin: 47px 0 18px
    }
}

@media only screen and (max-width: 370px) {
    .cmsContent h5 {
        font-size:18px;
        padding-left: 26px
    }
}

.cmsContent h5:before {
    content: "";
    position: absolute;
    top: 15px;
    left: 0;
    left: -30px;
    width: 15px;
    height: 1px;
    background: #C6C6C6
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .cmsContent h5:before {
        left:0
    }
}

@media (max-width: 767px) {
    .cmsContent h5:before {
        left:0;
        width: 20px
    }
}

@media only screen and (max-width: 370px) {
    .cmsContent h5:before {
        width:15px
    }
}

.cmsContent blockquote {
    margin: 40px 0;
    border: 1px solid #E3E3E3;
    padding: 42.5px 50px;
    border-radius: 5px;
    line-height: calc(28/15)
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .cmsContent blockquote {
        padding:25px 25px
    }
}

@media (max-width: 767px) {
    .cmsContent blockquote {
        margin:53px auto 20px;
        line-height: 2;
        padding: 22px 29px 22px 29px
    }
}

@media only screen and (max-width: 370px) {
    .cmsContent blockquote {
        padding:15px 20px
    }
}

.cmsContent blockquote p {
    margin-bottom: 0
}

.cmsContent blockquote u,.cmsContent blockquote [style="text-decoration: underline;"] {
    padding-bottom: 5px
}

@media (max-width: 767px) {
    .cmsContent blockquote u,.cmsContent blockquote [style="text-decoration: underline;"] {
        padding-bottom:0px
    }
}

.cmsContent ul,.cmsContent ol {
    padding-left: 20px;
    margin-bottom: 20px
}

.cmsContent ul[style*="list-style-type: circle;"] li {
    list-style-type: circle
}

.cmsContent ul[style*="list-style-type: square;"] li {
    list-style-type: square
}

.cmsContent ul li {
    list-style: disc
}

.cmsContent ol[style*="list-style-type: lower-roman;"] li {
    list-style-type: lower-roman
}

.cmsContent ol[style*="list-style-type: lower-alpha;"] li {
    list-style-type: lower-alpha
}

.cmsContent ol[style*="list-style-type: lower-greek;"] li {
    list-style-type: lower-greek
}

.cmsContent ol[style*="list-style-type: upper-alpha;"] li {
    list-style-type: upper-alpha
}

.cmsContent ol[style*="list-style-type: upper-roman;"] li {
    list-style-type: upper-roman
}

.cmsContent ol li {
    list-style-type: decimal
}

.cmsContent u,.cmsContent [style="text-decoration: underline;"] {
    text-decoration: none !important;
    padding-bottom: 3px;
    background: linear-gradient(to top, #FFF362 2px, transparent 2px, transparent calc(100% - 2px))
}

@media (max-width: 767px) {
    .cmsContent u,.cmsContent [style="text-decoration: underline;"] {
        padding-bottom:0px
    }
}

.cmsContent p {
    margin-bottom: 51px
}

@media (max-width: 767px) {
    .cmsContent p {
        margin-bottom:30px
    }

    .cmsContent p+p img {
        margin-top: -7px;
        margin-bottom: -7px
    }
}

.cmsContent p+blockquote {
    margin-top: -11px
}

@media (max-width: 767px) {
    .cmsContent p+blockquote {
        margin-top:53px
    }
}

.cmsContent a {
    color: #184382;
    text-decoration: underline;
    text-underline-offset: 4px
}

@media (max-width: 767px) {
    .cmsContent a {
        text-underline-offset:3px;
        margin-top: 15px;
        display: inline-block
    }
}

.cmsContent iframe {
    max-width: 100% !important
}

.cmsContent img {
    max-width: 100%;
    height: auto;
    max-height: 100%;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    border-radius: 5px
}

.cmsContent table {
    table-layout: fixed;
    border: 1px solid #4D4D4D;
    margin-bottom: 40px
}

.cmsContent table td,.cmsContent table th {
    border: 1px solid #4D4D4D
}

html.os-html,html.os-html>.os-host {
    display: block;
    overflow: hidden;
    box-sizing: border-box;
    height: 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    position: absolute !important
}

html.os-html>.os-host>.os-padding {
    position: absolute
}

body.os-dragging,body.os-dragging * {
    cursor: default
}

.os-host,.os-host-textarea {
    position: relative;
    overflow: visible !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -ms-grid-row-align: flex-start;
    align-items: flex-start
}

.os-host-flexbox {
    overflow: hidden !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.os-host-flexbox>.os-size-auto-observer {
    height: inherit !important
}

.os-host-flexbox>.os-content-glue {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.os-host-flexbox>.os-size-auto-observer,.os-host-flexbox>.os-content-glue {
    min-height: 0;
    min-width: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

#os-dummy-scrollbar-size {
    position: fixed;
    opacity: 0;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    visibility: hidden;
    overflow: scroll;
    height: 500px;
    width: 500px
}

#os-dummy-scrollbar-size>div {
    width: 200%;
    height: 200%;
    margin: 10px 0
}

#os-dummy-scrollbar-size:before,#os-dummy-scrollbar-size:after,.os-content:before,.os-content:after {
    content: '';
    display: table;
    width: .01px;
    height: .01px;
    line-height: 0;
    font-size: 0;
    flex-grow: 0;
    flex-shrink: 0;
    visibility: hidden
}

#os-dummy-scrollbar-size,.os-viewport {
    -ms-overflow-style: scrollbar !important
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,.os-viewport-native-scrollbars-invisible.os-viewport {
    scrollbar-width: none !important
}

.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,.os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,.os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    visibility: hidden !important;
    background: 0 0 !important
}

.os-content-glue {
    box-sizing: inherit;
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none
}

.os-padding {
    box-sizing: inherit;
    direction: inherit;
    position: absolute;
    overflow: visible;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0
}

.os-host-overflow>.os-padding {
    overflow: hidden
}

.os-viewport {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    outline: 0 !important;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch
}

.os-content-arrange {
    position: absolute;
    z-index: -1;
    min-height: 1px;
    min-width: 1px;
    pointer-events: none
}

.os-content {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    height: 100%;
    width: 100%;
    visibility: visible
}

.os-content>.os-textarea {
    box-sizing: border-box !important;
    direction: inherit !important;
    background: 0 0 !important;
    outline: 0 transparent !important;
    overflow: hidden !important;
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    float: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    border: 0 !important;
    resize: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    max-width: none !important;
    max-height: none !important;
    box-shadow: none !important;
    -webkit-perspective: none !important;
    perspective: none !important;
    opacity: 1 !important;
    z-index: 1 !important;
    clip: auto !important;
    vertical-align: baseline !important;
    padding: 0
}

.os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea {
    right: 0 !important
}

.os-content>.os-textarea-cover {
    z-index: -1;
    pointer-events: none
}

.os-content>.os-textarea[wrap=off] {
    white-space: pre !important;
    margin: 0 !important
}

.os-text-inherit {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    font-variant: inherit;
    text-transform: inherit;
    text-decoration: inherit;
    text-indent: inherit;
    text-align: inherit;
    text-shadow: inherit;
    text-overflow: inherit;
    letter-spacing: inherit;
    word-spacing: inherit;
    line-height: inherit;
    unicode-bidi: inherit;
    direction: inherit;
    color: inherit;
    cursor: text
}

.os-resize-observer,.os-resize-observer-host {
    box-sizing: inherit;
    display: block;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1
}

.os-resize-observer-host {
    padding: inherit;
    border: inherit;
    border-color: transparent;
    border-style: solid;
    box-sizing: border-box
}

.os-resize-observer-host.observed {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start
}

.os-resize-observer-host>.os-resize-observer,.os-resize-observer-host.observed>.os-resize-observer {
    height: 200%;
    width: 200%;
    padding: inherit;
    border: inherit;
    margin: 0;
    display: block;
    box-sizing: content-box
}

.os-resize-observer-host.observed>.os-resize-observer,.os-resize-observer-host.observed>.os-resize-observer:before {
    display: flex;
    position: relative;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
    box-sizing: border-box
}

.os-resize-observer-host.observed>.os-resize-observer:before {
    content: '';
    box-sizing: content-box;
    padding: inherit;
    border: inherit;
    margin: 0
}

.os-size-auto-observer {
    box-sizing: inherit !important;
    height: 100%;
    width: inherit;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    -webkit-box-flex: inherit;
    -ms-flex-positive: inherit;
    flex-grow: inherit;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0
}

.os-size-auto-observer>.os-resize-observer {
    width: 1000%;
    height: 1000%;
    min-height: 1px;
    min-width: 1px
}

.os-resize-observer-item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: -1;
    opacity: 0;
    direction: ltr !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important
}

.os-resize-observer-item-final {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important
}

.os-resize-observer {
    -webkit-animation-duration: .001s;
    animation-duration: .001s;
    -webkit-animation-name: os-resize-observer-dummy-animation;
    animation-name: os-resize-observer-dummy-animation
}

object.os-resize-observer {
    box-sizing: border-box !important
}

@-webkit-keyframes os-resize-observer-dummy-animation {
    0% {
        z-index: 0
    }

    to {
        z-index: -1
    }
}

@keyframes os-resize-observer-dummy-animation {
    0% {
        z-index: 0
    }

    to {
        z-index: -1
    }
}

.os-host-transition>.os-scrollbar,.os-host-transition>.os-scrollbar-corner {
    -webkit-transition: opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s;
    transition: opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s
}

html.os-html>.os-host>.os-scrollbar {
    position: absolute;
    z-index: 999999
}

.os-scrollbar,.os-scrollbar-corner {
    position: absolute;
    opacity: 1;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
    z-index: 1
}

.os-scrollbar-corner {
    bottom: 0;
    right: 0
}

.os-scrollbar {
    pointer-events: none
}

.os-scrollbar-track {
    pointer-events: auto;
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0 !important;
    border: 0 !important
}

.os-scrollbar-handle {
    pointer-events: auto;
    position: absolute;
    width: 100%;
    height: 100%
}

.os-scrollbar-handle-off,.os-scrollbar-track-off {
    pointer-events: none
}

.os-scrollbar.os-scrollbar-unusable,.os-scrollbar.os-scrollbar-unusable * {
    pointer-events: none !important
}

.os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {
    opacity: 0 !important
}

.os-scrollbar-horizontal {
    bottom: 0;
    left: 0
}

.os-scrollbar-vertical {
    top: 0;
    right: 0
}

.os-host-rtl>.os-scrollbar-horizontal {
    right: 0
}

.os-host-rtl>.os-scrollbar-vertical {
    right: auto;
    left: 0
}

.os-host-rtl>.os-scrollbar-corner {
    right: auto;
    left: 0
}

.os-scrollbar-auto-hidden,.os-padding+.os-scrollbar-corner,.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner,.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal,.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner,.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical,.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner,.os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner,.os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.os-scrollbar-corner-resize-both {
    cursor: nwse-resize
}

.os-host-rtl>.os-scrollbar-corner-resize-both {
    cursor: nesw-resize
}

.os-scrollbar-corner-resize-horizontal {
    cursor: ew-resize
}

.os-scrollbar-corner-resize-vertical {
    cursor: ns-resize
}

.os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {
    cursor: default
}

.os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical {
    top: 0;
    bottom: 0
}

.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal,.os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal {
    right: 0;
    left: 0
}

.os-scrollbar:hover,.os-scrollbar-corner.os-scrollbar-corner-resize {
    opacity: 1 !important;
    visibility: visible !important
}

.os-scrollbar-corner.os-scrollbar-corner-resize {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    pointer-events: auto !important
}

.os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

.os-host-overflow {
    overflow: hidden !important
}

.os-theme-none>.os-scrollbar-horizontal,.os-theme-none>.os-scrollbar-vertical,.os-theme-none>.os-scrollbar-corner {
    display: none !important
}

.os-theme-none>.os-scrollbar-corner-resize {
    display: block !important;
    min-width: 10px;
    min-height: 10px
}

.os-theme-dark>.os-scrollbar-horizontal,.os-theme-light>.os-scrollbar-horizontal {
    right: 10px;
    height: 10px
}

.os-theme-dark>.os-scrollbar-vertical,.os-theme-light>.os-scrollbar-vertical {
    bottom: 10px;
    width: 10px
}

.os-theme-dark.os-host-rtl>.os-scrollbar-horizontal,.os-theme-light.os-host-rtl>.os-scrollbar-horizontal {
    left: 10px;
    right: 0
}

.os-theme-dark>.os-scrollbar-corner,.os-theme-light>.os-scrollbar-corner {
    height: 10px;
    width: 10px
}

.os-theme-dark>.os-scrollbar-corner,.os-theme-light>.os-scrollbar-corner {
    background-color: transparent
}

.os-theme-dark>.os-scrollbar,.os-theme-light>.os-scrollbar {
    padding: 2px;
    box-sizing: border-box;
    background: 0 0
}

.os-theme-dark>.os-scrollbar.os-scrollbar-unusable,.os-theme-light>.os-scrollbar.os-scrollbar-unusable {
    background: 0 0
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track,.os-theme-light>.os-scrollbar>.os-scrollbar-track {
    background: 0 0
}

.os-theme-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle {
    min-width: 30px
}

.os-theme-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle {
    min-height: 30px
}

.os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle,.os-theme-dark>.os-scrollbar>.os-scrollbar-track,.os-theme-light>.os-scrollbar>.os-scrollbar-track {
    border-radius: 10px
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    background: rgba(0,0,0,0.4)
}

.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    background: rgba(255,255,255,0.4)
}

.os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle {
    background: rgba(0,0,0,0.55)
}

.os-theme-light>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle {
    background: rgba(255,255,255,0.55)
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active {
    background: rgba(0,0,0,0.7)
}

.os-theme-light>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle.active {
    background: rgba(255,255,255,0.7)
}

.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block
}

.os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before {
    display: none
}

.os-theme-dark>.os-scrollbar-horizontal .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-horizontal .os-scrollbar-handle:before {
    top: -6px;
    bottom: -2px
}

.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
    left: -6px;
    right: -2px
}

.os-host-rtl.os-theme-dark>.os-scrollbar-vertical .os-scrollbar-handle:before,.os-host-rtl.os-theme-light>.os-scrollbar-vertical .os-scrollbar-handle:before {
    right: -6px;
    left: -2px
}

.slick-loading .slick-list {
    background: #fff
}

.slick-prev,.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent
}

.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,.slick-next:before {
    font-family: "serif";
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir="rtl"] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir="rtl"] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover,.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "serif";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block;
	height: auto;
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.disabled {
    pointer-events: none;
    cursor: default
}

.disabled.gray {
    color: #999
}

.disabled.gray::before {
    background: #999 !important
}

.fancybox__container {
    z-index: 1000000 !important
}

.fancybox-is-open .fancybox-bg {
    background: #4D4D4D;
    opacity: .6 !important
}

.fancybox__slide {
    padding: 12px !important
}

.fancybox__content {
    background: none !important
}

.slick-loaded .slick-slide>div {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.thumb {
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
   
}


/*strength*/

 .worksbox {
      margin-top: 70px; }
      @media only screen and (max-width: 767px) {
       .worksbox {
          margin-top: 40px; } }
       .box-inner {
        display: flex;
        justify-content: space-between;
        margin: 70px 0 50px; }
        @media only screen and (max-width: 767px) {
          .box-inner {
            flex-wrap: wrap;
            margin: 45px 0 32px; } }
        .box-inner li {
          display: block;
          width: 24.2%;
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center; }
          @media only screen and (max-width: 767px) {
            .box-inner li {
              width: 48.5%;
              margin-bottom: 10px; } }
          .box-inner li a {
            height: 350px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            font-size: 24px;
            font-size: 2.4rem;
            font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
            letter-spacing: 1px; }
            @media only screen and (max-width: 767px) {
           .box-inner li a {
                height: 160px;
                font-size: 18px;
                font-size: 1.8rem; } }
        .box-inner li:nth-child(1) {
            background-image: url("../images/strength-service01.jpg"); }
            @media only screen and (max-width: 767px) {
       .box-inner li:nth-child(1) {
                background-image: url("../images/strength-service01.jpg"); } }
          .box-inner li:nth-child(2) {
            background-image: url("../images/strength-service01.jpg"); }
            @media only screen and (max-width: 767px) {
             .box-inner li:nth-child(2) {
                background-image: url("../images/strength-service01.jpg"); } }
         .box-inner li:nth-child(3) {
            background-image: url("../images/strength-service01.jpg"); }
            @media only screen and (max-width: 767px) {
               .box-inner li:nth-child(3) {
                background-image: url("../images/strength-service01.jpg"); } }
           .box-inner li:nth-child(4) {
            background-image: url("../images/strength-service01.jpg"); }
            @media only screen and (max-width: 767px) {
               .box-inner li:nth-child(4) {
                background-image: url("../images/strength-service01.jpg"); } }
           .box-inner li:hover {
            opacity: 0.8; }
            .box-inner li:hover a {
              opacity: 1; }
.abs {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.zimg {
    display: block;
    opacity: 1 !important;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    position: relative
}

.zimg,.zimg * {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    -o-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0)
}

.zimg .zimg_frame {
    overflow: hidden
}

.zimg .zimg_bg {
    height: 100%;
    width: 100%;
    -webkit-transition: transform 0.5s;
    -moz-transition: transform 0.5s;
    -ms-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    transition: transform 0.5s
}

.zimg .zimg_bg .thumb {
    height: 100%
}

.zimg .zimg_txt {
    position: relative;
    z-index: 2
}

@media only screen and (min-width: 1025px) {
    .zimg:hover .zimg_bg {
        -webkit-transform:scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }
}

html.is-chrome .zimg_bg {
    -webkit-transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transform: scale(1.01)
}
.flow .flow-item__txt .c-btn {
    margin-top: 32px;
}
.c-btn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    line-height: 1;
    width: 100%;
    position: relative;
    overflow: hidden
}
@media (max-width: 1023px){
.flow .flow-item__txt .c-btn {
    margin-top: 22px;
}
}

@media only screen and (min-width: 1025px) {
    .c-btn:hover {
        opacity:1
    }
}

.c-btn span {
    display: block;
    position: relative;
    z-index: 1
}

.c-btn--orange {
    height: 42px;
    font-size: 14px;
    letter-spacing: 0.7px;
    background: #184382;
}

.c-btn--orange::before,.c-btn--orange::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.c-btn--orange::before {
    border: 1px solid #D0D0D0;
    background: #184382;
}

.c-btn--orange::after {
    opacity: 0;
    background: #184382;
    
}

@media only screen and (min-width: 1025px) {
    .c-btn--orange:hover {
        border-color:transparent;
        color: #fff
    }

    .c-btn--orange:hover::before {
        opacity: 0
    }

    .c-btn--orange:hover::after {
        opacity: 1
    }
}

.c-btn--reserve {
    justify-content: flex-start;
    height: 56px;
    font-size: 16px;
    font-weight: bold;
    background: #184382;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 3px 12px rgba(206,165,125,0.3);
    color: #fff;
    line-height: 1;
    padding: 0 30px;
    position: relative
}

.c-btn--reserve::before {
    content: "";
    display: block;
    width: 26px;
    height: 26px;
   
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -13px
}

.c-btn--reserve span {
    display: block;
    position: relative
}

.c-btn--reserve span small {
    font-size: 10px;
    font-family: "Lato",sans-serif;
    position: relative;
    text-transform: uppercase;
    font-weight: 400;
    margin-left: 9px;
    letter-spacing: 1.5px;
    top: -2px
}

@media only screen and (min-width: 1025px) {
    .c-btn--reserve:hover {
        opacity:.5
    }
}

@media (max-width: 767px) {
    .c-btn--reserve span {
        top:-1px
    }
}

.c-btn--more {
    height: 77px;
    font-family: "Lato",sans-serif;
    line-height: 1;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    text-transform: uppercase;
    color: #184382
}

.c-btn--more::before,.c-btn--more::after {
    content: "";
    display: block;
    position: absolute;
    pointer-events: none
}

.c-btn--more::before {
    width: 100%;
    height: 1px;
    background: #184382;
   
    bottom: 0;
    left: 0;
    transition: height .3s
}

.c-btn--more::after {
    width: 6px;
    height: 6px;
    border: 1px solid currentcolor;
    border-top: 0;
    border-left: 0;
    transform: rotate(-45deg) translate3d(0, 0, 0);
    top: 50%;
    margin-top: -3px;
    right: 51px
}

.c-btn--more span {
    left: -9px;
    letter-spacing: 2px
}

@media only screen and (min-width: 1025px) {
    .c-btn--more:hover {
        color:#fff
    }

    .c-btn--more:hover::before {
        height: 100%
    }
}

@media (max-width: 767px) {
    .c-btn--more {
        height:50px;
        letter-spacing: 1.2px
    }

    .c-btn--more::after {
        right: 6px
    }

    .c-btn--more span {
        left: 0;
        letter-spacing: 1.2px
    }
}

.c-btn--grad {
    height: 55px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 3px 10px 0px rgba(206,165,125,0.4);
    color: #fff;
    background: #F2995B;
    background: linear-gradient(to right, #F2995B 0%, #F4B06C 100%)
}

.c-btn--grad.is-blank span {
    letter-spacing: 0.75px;
    padding-right: 30px
}

.c-btn--grad.is-blank span::before {
    content: "";
    display: block;
    width: 15px;
    height: 13px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -8px;
    background: url(../img/common/icon/ico_newtab_white.svg) no-repeat top left;
    background-size: 100% 100%
}

.c-btn--grad.btn-green {
    box-shadow: 0px 3px 10px 0px rgba(211,211,211,0.4);
    background: #184382;
   
}

@media only screen and (min-width: 1025px) {
    .c-btn--grad:hover {
        opacity:.5
    }
}

@media (max-width: 767px) {
    .c-btn--grad.is-blank {
        justify-content:flex-start;
        text-align: left
    }

    .c-btn--grad.is-blank span {
        width: 100%;
        padding: 0 20px 0 21px;
        top: -1px
    }

    .c-btn--grad.is-blank span::before {
        right: 20px;
        margin-top: -7px
    }

    .c-btn--grad.is-blank span small {
        display: block;
        margin: 5px 0 0 -10px
    }
}

.c-btn-org {
    height: 45px;
    padding-left: 30px;
    display: flex;
    align-items: center;
    line-height: 1;
    letter-spacing: 0.05em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background: #184382;
  
    color: #fff
}

@media (max-width: 767px) {
    .c-btn-org {
        height:56px;
        padding-left: 20px;
        line-height: 1.285
    }
}

@media (min-width: 768px) {
    .c-btn-org--center {
        justify-content:center;
        padding-left: 0
    }
}

@media (min-width: 768px) {
    .c-btn-org--blank {
        justify-content:center;
        padding-left: 0
    }
}

.c-btn-org--blank span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.236' height='13.232' viewBox='0 0 15.236 13.232'%3E%3Cpath id='external' d='M-2699.5,15.232a.5.5,0,0,1-.5-.5V4.012a.5.5,0,0,1,.5-.5h8.023a.5.5,0,0,1,.5.5.5.5,0,0,1-.5.5H-2699v9.72h9.72V9.012a.5.5,0,0,1,.5-.5.5.5,0,0,1,.5.5v5.719a.5.5,0,0,1-.5.5Zm5.053-3.725a.5.5,0,0,1,.007-.707l7.952-7.8h-3.216a.5.5,0,0,1-.5-.5.5.5,0,0,1,.5-.5h4.431a.5.5,0,0,1,.2.039.5.5,0,0,1,.307.461V6.441a.5.5,0,0,1-.5.5.5.5,0,0,1-.5-.5V3.691l-7.975,7.823a.5.5,0,0,1-.35.143A.5.5,0,0,1-2694.447,11.507Z' transform='translate(2700 -2)' fill='%23fff'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 34px
}

@media (max-width: 767px) {
    .c-btn-org--blank span {
        display:block;
        width: calc(100% - 20px)
    }
}

.c-schedule__tb {
    background: #f2ffd9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #d2e0b9;
    border-collapse: separate;
    font-size: 14px;
    letter-spacing: 0.7px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 17px
}

.c-schedule__tb tr:first-child td {
    padding: 16px 0
}

.c-schedule__tb tr:last-child td {
    border-bottom: 0
}

.c-schedule__tb td {
    border-right: 1px solid #d2e0b9;
    border-bottom: 1px solid #d2e0b9;
    padding: 21px 0 20px;
    position: relative
}

.c-schedule__tb td::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top left
}

.c-schedule__tb td:last-child {
    border-right: 0
}

.c-schedule__tb td:not(:first-child) {
    width: 9.3%
}

.c-schedule__tb td.circle::before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #707070;
    width: 16px;
    height: 16px;
    margin-top: -8px
}

.c-schedule__tb td.close::before {
    background-image: url(../img/common/icon/ico_close_gray.svg);
    width: 16px;
    height: 16px;
    margin-top: -8px
}

.c-schedule__tb td.triangle::before {
    background-image: url(../img/common/icon/ico_triangle_gray.svg);
    width: 18px;
    height: 16px;
    margin-top: -8px
}

.c-schedule__tb td.star::before {
    background-image: url(../img/common/icon/ico_star_gray.svg);
    width: 22px;
    height: 20px;
    margin-top: -10px
}

.c-schedule__tb+.note {
    display: none;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.5;
    letter-spacing: .05em;
    margin: -10px auto 10px
}

.c-schedule__note li {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    font-size: 13px;
    letter-spacing: 0.65px;
    line-height: 1.45;
    margin-bottom: 9px
}

.c-schedule__note li:last-child {
    margin-bottom: 0
}

.c-schedule__note li span {
    display: block
}

.c-schedule__note li span:first-child {
    margin-right: 3px
}

.c-schedule__note li span:last-child {
    flex: 1
}

@media (max-width: 767px) {
    .c-schedule__tb {
        font-size:10px;
        letter-spacing: 0.5px
    }

    .c-schedule__tb tr:first-child td {
        padding: 8px 0 9px
    }

    .c-schedule__tb td {
        padding: 11px 0 12px
    }

    .c-schedule__tb td.circle::before {
        width: 10px;
        height: 10px;
        margin-top: -5px
    }

    .c-schedule__tb td.close::before {
        width: 11px;
        height: 11px;
        margin-top: -5px
    }

    .c-schedule__tb td.triangle::before {
        width: 13px;
        height: 10px;
        margin-top: -5px
    }

    .c-schedule__tb td.star::before {
        background-image: url(../img/common/icon/ico_star_gray_sp.svg);
        width: 14px;
        height: 12px;
        margin-top: -6px
    }

    .c-schedule__note li {
        font-size: 12px;
        letter-spacing: 0.6px;
        line-height: 1.7;
        margin-bottom: 6px
    }

    .c-schedule__note li span:first-child {
        margin-right: 5px
    }
}

.fl-schedule {
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -170px;
    width: 634px;
    height: 265px;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    background: #fff;
    border: 1px solid #D0D0D0;
    border-right: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 0px 3px 5px 0px rgba(214,214,214,0.4);
    z-index: 9;
    display: flex;
    flex-wrap: wrap
}

.fl-schedule.show {
    -webkit-transform: translateX(581px);
    -moz-transform: translateX(581px);
    -ms-transform: translateX(581px);
    -o-transform: translateX(581px);
    transform: translateX(581px)
}

.fl-schedule.show:hover {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.fl-schedule__lb {
    display: inline-flex;
    width: 53px;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    letter-spacing: 3px
}

.fl-schedule__lb span {
    display: inline-block;
    vertical-align: top;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    position: relative;
    left: -1px
}

.fl-schedule__ct {
    width: calc(100% - 53px);
    padding: 38px 30px 0 9px
}

.fl-schedule__ct .c-schedule__tb {
    background: #FCFCEC;
    border-color: #E0E0E0;
    margin-bottom: 14px
}

.fl-schedule__ct .c-schedule__tb td {
    border-color: #E0E0E0
}

.c-heading {
    width: 100%;
    height: 400px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: url(../img/common/heading-page-bg.jpg) center/cover no-repeat
}

@media (max-width: 767px) {
    .c-heading {
        height:347px;
        background-image: url(../img/common/heading-page-bg-sp.jpg)
    }
}

@media only screen and (max-width: 370px) {
    .c-heading {
        height:300px
    }
}

.c-heading__en {
    font-size: 44px;
    font-size: 4.4rem;
    line-height: 1;
    letter-spacing: .12em;
    font-weight: 300;
    font-family: "Lato",sans-serif;
    margin: 62px 0 18px;
    text-indent: 4px;
    text-transform: uppercase
}

@media (max-width: 767px) {
    .c-heading__en {
        font-size:32px;
        margin: 32px 0 6px;
        line-height: calc(44/32)
    }
}

@media only screen and (max-width: 370px) {
    .c-heading__en {
        font-size:28px
    }
}

.c-heading__jp {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.73333;
    letter-spacing: .05em;
    font-weight: 500
}

.related {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center
}

.related .c-btn {
    border: 1px solid #184382;
    color: #184382;
    margin: 0 30px;
    height: 42px;
    max-width: 200px;
    border-radius: 5px;
    padding-top: 1px;
    letter-spacing: 0.12em;
    font-family: "Lato",sans-serif
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .related .c-btn {
        padding-top:0
    }
}

@media only screen and (min-width: 1025px) {
    .related .c-btn:hover {
        border-color:#184382;
        opacity: 1;
        background: #184382;
        
        color: #fff
    }
}

@media (max-width: 767px) {
    .related .c-btn {
        height:34px;
        max-width: 181px;
        margin: 0 25px;
        padding-top: 0
    }
}

@media only screen and (max-width: 370px) {
    .related .c-btn {
        max-width:170px;
        padding-top: 0
    }
}

.related__btn {
    position: relative;
    width: 26px;
    height: 26px;
    border: 1px solid #184382;
    border-radius: 50%;
    background: #fff url(../img/common/icon/ico_ar_right_green.svg) center left 10px/6px 10px no-repeat
}

.related__btn:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    top: 0;
    left: 0;
    transition: all 0.3s;
    opacity: 0;
    background: url(../img/common/icon/ico_ar_right_white.svg) center left 10px/6px 10px no-repeat
}

@media only screen and (min-width: 1025px) {
    .related__btn:hover {
        opacity:1;
        background-color: #184382;
    }

    .related__btn:hover:before {
        opacity: 1
    }
}

.related__btn.pre {
    transform: rotateY(180deg)
}

.related__btn.desabled {
    display: none
}

.grCat {
    width: calc(100% - 50px);
    max-width: 1000px;
    margin: 0 auto 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap
}

.grCat__item {
    border: 1px solid #92c619;
    border-radius: 5px;
    color: #92c619;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 2;
    letter-spacing: 0em;
    font-weight: 500;
    margin-bottom: 20px;
    padding: 11.5px 40px 11.5px 20px;
    position: relative
}

@media only screen and (min-width: 1025px) {
    .grCat__item:hover {
        border-color:#8bd679;
        opacity: 1;
        background: #8bd679;
        background: linear-gradient(to bottom right, #8bd679 0%, #a8d63e 100%);
        color: #fff
    }

    .grCat__item:hover:before {
        border-color: #fff
    }
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
    .grCat__item {
        padding:10px 30px 10px 15px
    }
}

@media (max-width: 767px) {
    .grCat__item {
        line-height:calc(20/15);
        margin-bottom: 9px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        min-height: 55px;
        padding: 6.5px 30px 6.5px 15px
    }
}

@media only screen and (max-width: 370px) {
    .grCat__item {
        padding:9px 25px 9px 10px;
        font-size: 14px
    }
}

.grCat__item.active {
    border-color: #8bd679;
    opacity: 1;
    background: #8bd679;
    background: linear-gradient(to bottom right, #8bd679 0%, #a8d63e 100%);
    color: #fff
}

.grCat__item.active:before {
    border-color: #fff
}

.grCat__item:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-top: 1px solid #92c619;
    border-left: 1px solid #92c619;
    right: 25px;
    transform: rotate(135deg);
    transition: all 0.3s;
    top: calc(50% - 3px)
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
    .grCat__item:before {
        right:15px
    }
}

@media (max-width: 767px) {
    .grCat__item:before {
        right:15px
    }
}

@media only screen and (max-width: 370px) {
    .grCat__item:before {
        right:10px
    }
}

.grCat--04 .grCat__item {
    width: calc(25% - 15px)
}

@media (max-width: 767px) {
    .grCat--04 .grCat__item {
        width:calc(50% - 4.5px)
    }
}

@media (min-width: 768px) {
    .grCat--04 .grCat__item:not(:nth-child(4n)) {
        margin-right:20px
    }
}

@media (max-width: 767px) {
    .grCat--04 .grCat__item:not(:nth-child(2n)) {
        margin-right:9px
    }
}

.grCat--03 .grCat__item {
    width: calc(33.33% - 13.33px)
}

@media (max-width: 767px) {
    .grCat--03 .grCat__item {
        width:calc(50% - 4.5px)
    }
}

@media (min-width: 768px) {
    .grCat--03 .grCat__item:not(:nth-child(3n)) {
        margin-right:20px
    }
}

@media (max-width: 767px) {
    .grCat--03 .grCat__item:not(:nth-child(2n)) {
        margin-right:9px
    }
}

.date-cate {
    font-size: 0px;
    font-size: 0rem;
    line-height: 0;
    letter-spacing: 0em
}

.date-cate .date,.date-cate .cate {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.57143;
    letter-spacing: .05em
}

.date-cate .date {
    display: inline-block;
    font-family: "Lato",sans-serif;
    margin: 0px 9px 0 0;
    font-weight: 300;
    min-width: 75px
}

.date-cate .cate {
    display: inline;
    vertical-align: top
}

.date-cate .cate a,.date-cate .cate span {
    display: inline-block;
    vertical-align: top;
    color: #92c619;
    margin: 0 5px 0 0;
    position: relative
}

.archive {
    margin: 60px auto 157px;
    overflow: hidden;
    width: 100%;
    padding: 0 25px;
    text-align: center
}

@media (max-width: 767px) {
    .archive {
        margin:70px auto 156px;
        padding: 0 25px 0 30px
    }
}

@media only screen and (max-width: 370px) {
    .archive {
        padding:0 25px
    }
}

.archive .inner {
    padding: 0;
    text-align: left;
    max-width: 1000px;
    background: #f8ffeb;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    position: relative
}

.archive .inner:before {
    content: "";
    position: absolute;
    width: 100vw;
    height: 100%;
    top: 0;
    right: calc(100% - 1px);
    background: #f8ffeb
}

.archive__ttl {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: 1;
    letter-spacing: .15em;
    font-weight: 300;
    font-family: "Lato",sans-serif;
    color: #92c619;
    position: relative;
    padding: 32px 0;
    cursor: pointer
}

@media (max-width: 767px) {
    .archive__ttl {
        font-size:26px;
        padding: 24px 0
    }
}

@media only screen and (max-width: 370px) {
    .archive__ttl {
        font-size:22px
    }
}

.archive__ttl:before,.archive__ttl:after {
    content: "";
    position: absolute;
    width: 21px;
    height: 1px;
    background: #92c619;
    right: 41px;
    top: 47px;
    transition: all 0.3s
}

@media (max-width: 767px) {
    .archive__ttl:before,.archive__ttl:after {
        right:30px;
        top: 46px
    }
}

@media only screen and (max-width: 370px) {
    .archive__ttl:before,.archive__ttl:after {
        top:40px;
        right: 25px
    }
}

.archive__ttl:before {
    transform: rotate(-90deg)
}

.archive__ttl.opened:before {
    transform: rotate(0deg)
}

.archive__ttl em {
    font-style: normal;
    font-family: "游ゴシック体","游ゴシック","Yu Gothic",YuGothic,"Noto Sans JP","ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"MS Pゴシック","MS PGothic",sans-serif;
    font-size: 15px;
    letter-spacing: 0.05em;
    margin-left: 8px;
    position: relative;
    bottom: 4px
}

@media (max-width: 767px) {
    .archive__ttl em {
        font-size:14px;
        display: block;
        margin: 13px 0 0 0
    }
}

.archive__lst .dropdown {
    display: none
}

.archive__lst .lst {
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.archive__lst li {
    width: 15.6%;
    padding-bottom: 9px;
    padding-right: 10px
}

.archive__lst li:last-child {
    padding-bottom: 27px
}

@media (max-width: 767px) {
    .archive__lst li:last-child {
        padding-bottom:25px
    }
}

@media (max-width: 767px) {
    .archive__lst li {
        padding-bottom:4px
    }

    .archive__lst li:nth-child(3n+1) {
        width: 33.66%
    }

    .archive__lst li:nth-child(3n+2) {
        width: 34.33%
    }

    .archive__lst li:nth-child(3n) {
        width: 32%
    }
}

.archive__lst li a {
    display: inline-block;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: .03em;
    font-weight: 300;
    font-family: "Lato",sans-serif;
    position: relative;
    padding-left: 14px
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
    .archive__lst li a {
        font-size:14px
    }
}

@media (max-width: 767px) {
    .archive__lst li a {
        padding-left:12px
    }
}

@media only screen and (max-width: 370px) {
    .archive__lst li a {
        font-size:14px
    }
}

.archive__lst li a:before {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #92c619;
    left: 2px;
    top: 5px
}

@media (max-width: 767px) {
    .archive__lst li a:before {
        left:0;
        top: 5px
    }
}

@media only screen and (max-width: 370px) {
    .archive__lst li a:before {
        top:5px
    }
}

.news-lst {
    border-top: 1px solid #E3E3E3
}

.news-lst .item {
    border-bottom: 1px solid #E3E3E3;
    display: block;
    width: 100%;
    position: relative;
    padding: 28px 55px 22px 20px
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
    .news-lst .item {
        padding-right:40px
    }
}

@media (max-width: 767px) {
    .news-lst .item {
        padding:20px 0 15px 0
    }
}

.news-lst .item:before {
    content: "";
    position: absolute;
    width: 26px;
    height: 26px;
    border: 1px solid #D3D3D3;
    border-radius: 50%;
    background: #fff url(../img/common/icon/ico_ar_right_gray.svg) center left 10px/6px 10px no-repeat;
    right: 20px;
    top: calc(50% - 14px)
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
    .news-lst .item:before {
        right:10px
    }
}

@media (max-width: 767px) {
    .news-lst .item:before {
        content:none
    }
}

.news-lst .item .date,.news-lst .item .cate {
    font-size: 12px
}

.news-lst .item .date span,.news-lst .item .cate span {
    top: -1px
}

.news-lst .item .date {
    margin-right: 5px
}

@media (max-width: 767px) {
    .news-lst .item .date {
        margin-right:4px
    }
}

.news-lst .item__ttl {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 2.06667;
    letter-spacing: .05em;
    overflow: hidden;
    width: 100%;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: normal
}

@media (max-width: 767px) {
    .news-lst .item__ttl {
        font-size:14px;
        line-height: calc(22/14);
        -webkit-line-clamp: 2;
        margin-top: 3px
    }
}

.c-ttl {
    text-align: center
}

.c-ttl__en {
    color: #92c619;
    font-family: "Lato",sans-serif;
    text-indent: 5px
}

.c-ttl__jp {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 2.06667;
    letter-spacing: .05em
}

.c-ttl--large .c-ttl__en {
    font-size: 42px;
    font-size: 4.2rem;
    line-height: 1;
    letter-spacing: .15em;
    font-weight: 400
}

@media (max-width: 767px) {
    .c-ttl--large .c-ttl__en {
        font-size:28px
    }
}

@media only screen and (max-width: 370px) {
    .c-ttl--large .c-ttl__en {
        font-size:24px
    }
}

.c-ttl--large .c-ttl__jp {
    margin-top: 4px
}

@media (max-width: 767px) {
    .c-ttl--large .c-ttl__jp {
        margin-top:10px
    }
}

@media only screen and (max-width: 370px) {
    .c-ttl--large .c-ttl__jp {
        margin-top:5px;
        font-size: 13px
    }
}

.c-ttl--border {
    position: relative;
    padding-bottom: 23px
}

@media (max-width: 767px) {
    .c-ttl--border {
        padding-bottom:18px
    }
}

@media only screen and (max-width: 370px) {
    .c-ttl--border {
        padding-bottom:10px
    }
}

.c-ttl--border:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 1px;
    background: #92c619;
    left: calc(50% - 25px);
    bottom: 0
}

.c-ttl--border .c-ttl__en {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.26667;
    letter-spacing: .15em;
    font-weight: 400
}

@media (max-width: 767px) {
    .c-ttl--border .c-ttl__en {
        font-size:24px
    }
}

@media only screen and (max-width: 370px) {
    .c-ttl--border .c-ttl__en {
        font-size:22px
    }
}

.c-ttl--border .c-ttl__jp {
    margin-top: 6px
}

@media (max-width: 767px) {
    .c-ttl--border .c-ttl__jp {
        font-size:14px;
        margin-top: 3px
    }
}

@media only screen and (max-width: 370px) {
    .c-ttl--border .c-ttl__jp {
        font-size:13px
    }
}

.c-blur {
    position: relative
}

.c-blur::before {
    content: "";
    display: block;
    width: 27px;
    height: 27px;
    filter: blur(12px);
    position: absolute;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    top: -5px;
    left: -13px
}

.c-blur span {
    position: relative
}

.c-blur.blur-orange::before {
    background: #ceed87
}

.c-blur.blur-green::before {
    background: #CEED87
}

.c-blur.blur-yellow::before {
    background: #F0DC94
}

html.is-ipad .c-blur::before,html.is-safari-pc .c-blur::before {
    -webkit-transform: translate3D(0, 0, 0);
    -moz-transform: translate3D(0, 0, 0);
    -ms-transform: translate3D(0, 0, 0);
    -o-transform: translate3D(0, 0, 0);
    transform: translate3D(0, 0, 0)
}

.cmn-blank {
    position: relative;
    padding-right: 18px
}

.cmn-blank::before {
    content: "";
    display: block;
    width: 13px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -6px;
    background: url(../img/common/icon/ico_newtab_gray.svg) no-repeat top left;
    background-size: 100% 100%
}

.cmn-slider {
    font-size: 0
}

.cmn-slider:not(.init) {
    white-space: nowrap
}

.cmn-slider:not(.init) .item {
    display: inline-block;
    vertical-align: top
}

.cmn-slider .slick-arrow {
    width: 50px;
    height: 50px;
    border: 1px solid currentcolor;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
    padding: 0;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    -ms-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
    color: #92c619
}

.cmn-slider .slick-arrow::before {
    content: "";
    display: block;
    left: 0;
    right: 0;
    top: 50%;
    margin: -3px auto 0;
    width: 7px;
    height: 7px;
    border: 1px solid currentcolor;
    border-top: 0;
    border-left: 0;
    position: absolute;
    color: inherit;
    opacity: 1
}

.cmn-slider .slick-arrow.slick-prev {
    left: 0
}

.cmn-slider .slick-arrow.slick-prev::before {
    left: 2px;
    transform: rotate(135deg) translate3d(0, 0, 0)
}

.cmn-slider .slick-arrow.slick-next {
    right: 0
}

.cmn-slider .slick-arrow.slick-next::before {
    left: -2px;
    transform: rotate(-45deg) translate3d(0, 0, 0)
}

@media only screen and (min-width: 1025px) {
    .cmn-slider .slick-arrow:hover {
        background:currentcolor
    }

    .cmn-slider .slick-arrow:hover::before {
        color: #fff
    }
}

@media only screen and (min-device-width: 834px) and (max-device-width: 1024px) and (orientation: portrait) {
    .cate a,.cate span {
        padding-top:0
    }

    .archive__lst li a:before {
        top: 6px
    }
}

.cmn-marquee {
    font-size: 0;
    white-space: nowrap;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s
}

.cmn-marquee.loaded {
    opacity: 1
}

.cmn-marquee__frame .item {
    display: inline-block;
    vertical-align: top
}

.cmn-marquee__frame .item img {
    display: block;
    max-width: unset
}

.c-btn-more {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    height: 44px;
    max-width: 165px;
    position: relative;
    line-height: 1;
    font-family: "Lato",sans-serif;
    font-size: 15px;
    letter-spacing: 1.8px;
    font-weight: 300;
    color: #92c619;
    text-transform: uppercase;
    opacity: 1 !important
}

.c-btn-more span {
    display: block;
    position: relative;
    width: 100%
}

.c-btn-more span::before,.c-btn-more span::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    pointer-events: none
}

.c-btn-more span::before {
    width: 50px;
    height: 50px;
    margin-top: -25px;
    right: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid currentColor;
    transition: background .3s, transform .3s
}

.c-btn-more span::after {
    width: 7px;
    height: 7px;
    border: 1px solid currentcolor;
    border-top: 0;
    border-left: 0;
    transform: rotate(-45deg) translate3d(0, 0, 0);
    margin-top: -4px;
    right: 23px
}

.c-btn-more.b-green {
    color: #92C619
}

.c-btn-more.b-orange {
    color: #F58031
}

@media only screen and (min-width: 1025px) {
    .c-btn-more:hover span::before {
        -webkit-transform:scale(0.88);
        -moz-transform: scale(0.88);
        -ms-transform: scale(0.88);
        -o-transform: scale(0.88);
        transform: scale(0.88);
        background: currentcolor
    }

    .c-btn-more:hover span::after {
        border-color: #fff
    }
}

@media (max-width: 767px) {
    .c-btn-more {
        height:40px;
        max-width: 154px
    }

    .c-btn-more span::before {
        width: 40px;
        height: 40px;
        margin-top: -20px
    }

    .c-btn-more span::after {
        right: 18px
    }
}

.cmn-arr-move .arr {
    display: block;
    width: 50px;
    height: 50px;
    border: 1px solid currentcolor;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

.cmn-arr-move .arr::before,.cmn-arr-move .arr::after {
    content: "";
    display: block;
    width: 6px;
    height: 10px;
    background: url(../img/common/icon/ico_ar_right_white.svg) no-repeat top left;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    margin: -5px auto 0;
    left: 0;
    right: 0;
    transition: opacity .3s, transform .3s
}

.cmn-arr-move .arr::after {
    -webkit-transform: translateX(-25px);
    -moz-transform: translateX(-25px);
    -ms-transform: translateX(-25px);
    -o-transform: translateX(-25px);
    transform: translateX(-25px);
    opacity: 0
}

@media only screen and (min-width: 1025px) {
    .cmn-arr-move:hover .arr::before {
        -webkit-transform:translateX(25px);
        -moz-transform: translateX(25px);
        -ms-transform: translateX(25px);
        -o-transform: translateX(25px);
        transform: translateX(25px);
        opacity: 0
    }

    .cmn-arr-move:hover .arr::after {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@media (max-width: 767px) {
    .cmn-arr-move .arr {
        width:38px;
        height: 38px
    }

    .cmn-arr-move .arr::before,.cmn-arr-move .arr::after {
        width: 5px;
        height: 8px;
        margin-top: -4px
    }
}

.footer {
    background: #f8ffeb;
    position: relative
}

.footer::before {
    content: "";
    width: 100%;
    height: 136px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0
}

.footer__inner {
    max-width: 1190px;
    padding: 0 25px;
    margin: 0 auto
}

.footer__gotop {
    position: fixed;
    bottom: -123px;
    right: 34px;
    z-index: 9;
    width: 17px;
    height: 123.5px;
    background: url(../img/common/footer/btn_gotop.svg) no-repeat top left;
    background-size: 100% 100%;
    font-size: 0
}

.footer__gotop.show {
    bottom: 29px
}

.footer__stores {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 73px;
    position: relative;
    z-index: 1
}

.footer__stores li {
    width: 100%
}

.footer__stores li .title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 17px;
    font-weight: bold;
    position: relative;
    margin-bottom: 16px
}

.footer__stores li .title span,.footer__stores li .title a {
    position: relative
}

.footer__stores li .title a {
    font-size: 18px;
    font-family: "Lato",sans-serif;
    font-weight: 400;
    color: inherit;
    margin-left: 20px;
    letter-spacing: 0.5px
}

.footer__stores li .title a span {
    display: block;
    position: relative;
    padding-left: 16px
}

.footer__stores li .title a span::before {
    content: "";
    width: 12px;
    height: 16px;
    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    margin-top: -7px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top left
}

.footer__stores li .frame {
    position: relative;
    margin-bottom: 16px
}

.footer__stores li .frame .lb {
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    top: -50px;
    right: -20px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    font-size: 12px;
    border: 1px solid currentcolor;
    text-align: center;
    z-index: 1;
    font-weight: bold;
    padding-top: 20px;
    line-height: 2.1
}

.footer__stores li .frame .lb em {
    font-family: "Lato",sans-serif;
    font-weight: 500;
    font-size: 30px;
    line-height: 1;
    top: 1px;
    position: relative;
    margin: 0 5px 0 3px
}

.footer__stores li .frame .map {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    background: #e5e3df
}

.footer__stores li .frame .map:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 26.31579%
}

.footer__stores li .frame .map>.content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.footer__stores li .frame iframe {
    height: calc(100% + 600px);
    top: -300px
}

.footer__stores li:first-child .title {
    color: #92C619
}

.footer__stores li:first-child .title a span::before {
    background-image: url(../img/common/icon/ico_tel_green.svg)
}

.footer__stores li:first-child .frame .lb {
    color: #92C619
}

.footer__content {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 19px
}

.footer__content--part {
    width: calc(50% - 30px)
}

@media (min-width: 768px) {
    .footer__content--part:first-child {
        margin-right:60px
    }
}

.footer__content--logo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 2px 0 0 0;
    margin-bottom: 42px
}

.footer__content--logo img {
    display: block
}

.footer__content--logo img.logo {
    width: 275px;
    margin-left: -4px
}

.footer__content--logo img.iso {
    width: 74px;
    margin: -3px 0 0 29px
}

.footer__content--logo img.jisart {
    width: 100px;
    margin-left: 15px
}

.footer__content .c-schedule {
    margin-bottom: 39px
}

.footer__content .c-schedule__tb {
    margin-bottom: 13px
}

.footer__content .c-schedule__tb tr:first-child td {
    padding: 16px 0 14px
}

.footer__content .c-schedule__tb td {
    padding: 21px 0
}

@media (min-width: 768px) {
    .footer__content .c-btn--reserve {
        height:61px;
        padding-left: 40px
    }
}

.footer__content--menu {
    margin-bottom: 19px
}

.footer__content--menu .gr {
    margin-bottom: 9px
}

.footer__content--menu .gr:last-child {
    margin-bottom: 0
}

.footer__content--menu .gr .hd {
    position: relative;
    font-size: 14px;
    margin-bottom: 11px
}

.footer__content--menu .gr .hd::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #EAEAD2;
    position: absolute;
    top: 50%;
    right: 0
}

.footer__content--menu .gr .hd span {
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    background: #f8ffeb;
    padding-right: 20px;
    position: relative
}

.footer__content--menu .gr .sub {
    display: flex;
    flex-wrap: wrap
}

.footer__content--menu .gr .sub li {
    margin-bottom: 7px
}

@media (min-width: 768px) {
    .footer__content--menu .gr .sub li:nth-child(3n+1) {
        width:36.8%
    }

    .footer__content--menu .gr .sub li:nth-child(3n+2) {
        width: 34.6%
    }

    .footer__content--menu .gr .sub li:nth-child(3n+3) {
        width: 28.6%
    }
}

.footer__content--menu .gr .sub li a {
    display: block;
    font-size: 13px;
    letter-spacing: 0.65px;
    padding-right: 5px
}

.footer__content--menu .gr .spec {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end
}

.footer__content--menu .gr .spec .sub {
    width: 200px
}

.footer__content--menu .gr .spec .sub li {
    width: 100%
}

.footer__content--recruit {
    width: calc(100% - 200px);
    display: block;
    box-shadow: 0px 3px 8px 0px rgba(208,208,193,0.1);
    margin-bottom: 19px
}

.footer__content--recruit img {
    display: block;
    width: 100%
}

.footer__seo {
    font-size: 10px;
    margin: 36px 0 25px;
    letter-spacing: 0.5px;
    line-height: 2
}

.footer__bot {
    position: relative;
    padding: 27px 0;
    background: #ecf7d7
}

.footer__bot--inner {
    position: relative
}

.footer__bot--menu {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px
}

.footer__bot--menu li {
    position: relative;
    padding-right: 20px;
    margin-right: 21px
}

.footer__bot--menu li::before {
    content: "";
    display: block;
    width: 1px;
    height: 12px;
    background: #BFBFBF;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px
}

.footer__bot--menu li a {
    display: block;
    font-size: 12px;
    letter-spacing: 0.6px
}

.footer__bot--copyright {
    font-family: "Lato",sans-serif;
    font-weight: 500;
    font-size: 10px;
    letter-spacing: 0.5px
}

@media only screen and (min-width: 960px) and (max-width: 1050px) {
    .footer .footer__content--logo {
        flex-wrap:nowrap
    }

    .footer .footer__content--logo img.logo {
        width: 260px
    }

    .footer .footer__content--logo img.iso {
        margin-left: 15px
    }

    .footer .footer__content .c-schedule__tb {
        font-size: 10px
    }

    .footer .footer__content--menu .gr .sub li a,.footer .footer__content .c-schedule__note li {
        font-size: 11px
    }
}

@media only screen and (min-width: 960px) and (max-width: 1023px) {
    .footer .footer__content--logo img.logo {
        width:240px
    }

    .footer .footer__content--logo img.iso {
        margin-left: 10px
    }

    .footer .footer__content--logo img.jisart {
        width: 90px
    }
}

@media only screen and (min-width: 960px) and (max-width: 1050px) {
    .footer .footer__stores li .title {
        font-size:15px
    }

    .footer .footer__stores li:first-child,.footer .footer__content--part:first-child {
        margin-right: 30px
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1099px) {
    .footer .footer__content--menu .gr .sub li:nth-child(3n+1) {
        width:39.8%
    }

    .footer .footer__content--menu .gr .sub li:nth-child(3n+2) {
        width: 27.6%
    }

    .footer .footer__content--menu .gr .sub li:nth-child(3n+3) {
        width: 32.6%
    }

    .footer .footer__content--menu .gr .spec .sub li {
        width: 100%
    }
}

@media only screen and (max-width: 959px) {
    .footer::before {
        height:94px
    }

    .footer__gotop {
        right: 20px
    }

    .footer__gotop.show {
        bottom: 30px
    }

    .footer__stores {
        margin-bottom: 70px
    }

    .footer__stores li {
        width: 100%;
        margin: 0 0 61px;
        position: relative;
        padding-bottom: 57px
    }

    .footer__stores li:last-child {
        margin-bottom: 0
    }

    .footer__stores li .title {
        font-size: 15px;
        position: static;
        margin-bottom: 10px
    }

    .footer__stores li .title a {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 42px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        color: #fff;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        margin: 0
    }

    .footer__stores li .title a span {
        top: -1px
    }

    .footer__stores li .title a span::before {
        background-image: url(../img/common/icon/ico_tel_white.svg) !important
    }

    .footer__stores li .frame {
        margin-bottom: 12px
    }

    .footer__stores li .frame .lb {
        width: 80px;
        height: 80px;
        font-size: 12px;
        top: -45px;
        right: -15px;
        padding-top: 18px;
        line-height: 1.25
    }

    .footer__stores li .frame .lb em {
        font-size: 26px;
        top: 1px;
        margin: 0 3px 0 2px
    }

    .footer__stores li .frame .lb span {
        font-size: 10px
    }

    .footer__stores li .frame .map {
        position: relative
    }

    .footer__stores li .frame .map:before {
        display: block;
        content: " ";
        width: 100%;
        padding-top: 67.69231%
    }

    .footer__stores li .frame .map>.content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .footer__stores li .address {
        font-size: 12px;
        line-height: 1.65;
        letter-spacing: 0.6px
    }

    .footer__stores li:first-child .title a {
        background: #92c619
    }

    .footer__stores li:last-child .title a {
        background: #92C619
    }

    .footer__content {
        margin-bottom: 7px
    }

    .footer__content--part {
        width: 100%
    }

    .footer__content--logo {
        padding: 0;
        margin: 0 0 25px -3px;
        max-width: 328px;
        display: block
    }

    .footer__content--logo:before,.footer__content--logo:after {
        content: " ";
        display: table
    }

    .footer__content--logo:after {
        clear: both
    }

    .footer__content--logo img.logo {
        width: calc(100% - 51px);
        max-width: 268px;
        margin: 0;
        float: left
    }

    .footer__content--logo img.iso,.footer__content--logo img.jisart {
        width: 51px;
        float: right;
        margin: 0 5px 0 0
    }

    .footer__content--logo img.iso {
        margin-top: 5px;
        margin-bottom: 8px
    }

    .footer__content .c-schedule {
        margin-bottom: 30px
    }

    .footer__content .c-schedule__tb {
        margin-bottom: 16px
    }

    .footer__content .c-schedule__tb tr:first-child td {
        padding: 8px 0
    }

    .footer__content .c-schedule__tb td {
        padding: 11px 0
    }

    .footer__content--menu {
        margin: 48px 0 28px
    }

    .footer__content--menu .gr {
        margin-bottom: 24px
    }

    .footer__content--menu .gr.spec {
        margin-bottom: 24px
    }

    .footer__content--menu .gr .hd {
        font-size: 15px;
        letter-spacing: 0.75px;
        margin-bottom: 13.6px
    }

    .footer__content--menu .gr .hd::before {
        margin-top: -1px
    }

    .footer__content--menu .gr .hd span {
        padding-right: 12px
    }

    .footer__content--menu .gr .sub li {
        margin-bottom: 9px
    }

    .footer__content--menu .gr .sub li:nth-child(2n+1) {
        width: 49.7%
    }

    .footer__content--menu .gr .sub li:nth-child(2n+2) {
        width: 50.3%
    }

    .footer__content--menu .gr .sub li a {
        font-size: 14px;
        letter-spacing: 0.7px;
        line-height: 1.4;
        white-space: nowrap
    }

    .footer__content--menu .gr .spec .sub {
        width: 100%
    }

    .footer__content--recruit {
        width: 100%;
        margin: 17px 0 0
    }

    .footer__seo {
        margin: 0 0 35px
    }

    .footer__bot {
        padding: 12px 0 0
    }

    .footer__bot .footer__inner {
        padding: 0
    }

    .footer__bot--menu {
        justify-content: center;
        margin-bottom: 8px;
        padding: 0 10px
    }

    .footer__bot--menu li {
        padding-right: 16px;
        margin: 0 15px 3px 0
    }

    .footer__bot--menu li:first-child {
        width: 100%;
        text-align: center;
        position: relative;
        left: -3px
    }

    .footer__bot--menu li:first-child a {
        position: relative;
        left: 4px
    }

    .footer__bot--menu li:first-child,.footer__bot--menu li:last-child {
        padding-right: 0;
        margin-right: 0
    }

    .footer__bot--menu li:first-child::before,.footer__bot--menu li:last-child::before {
        display: none
    }

    .footer__bot--copyright {
        text-align: center;
        border-top: 1px solid #D9EDB3;
        padding: 10px;
        letter-spacing: 0.6px
    }
}

@media only screen and (max-width: 374px) {
    .footer__content--logo img.logo {
        width:250px
    }

    .footer__content--menu .gr .sub li a {
        font-size: 13px;
        letter-spacing: 0.65px
    }
}

.page-form .errMsg {
    margin-left: 1em;
    padding-bottom: 1px;
    display: block;
    line-height: 1.4;
    text-indent: -0.9em
}

.page-form .formErrorContent {
    border: none
}

.page-form .formError .formErrorArrow div {
    background: #252525;
    border: none;
    box-shadow: -0 2px 3px #252525
}

.page-form .formError .formErrorArrow div.line1,.page-form .formError .formErrorArrow div.line2 {
    opacity: 0
}

.page-form .formError {
    padding-bottom: 13px;
    display: block
}

.page-form .fixed {
    padding-bottom: 0px
}

.page-form .formError .formErrorClose {
    border: solid #252525 2px;
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -4px;
    right: -4px;
    color: #efefef;
    background: #333;
    font-weight: bold;
    text-align: center;
    line-height: middle;
    cursor: pointer;
    z-index: 2;
    border-radius: 9px 9px 9px 9px;
    box-shadow: 1px -1px 3px #888
}

.page-form .formError .formErrorClose:hover {
    background: #666
}

.page-form .fixed .formErrorClose {
    display: none
}

.page-form .formError .formErrorContent {
    padding: 6px 10px;
    width: 180px;
    position: relative;
    color: #fff;
    background: #252525;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, sans-serif;
    font-size: 11px;
    margin: 0 0;
    z-index: 1;
    border-radius: 3px;
    box-shadow: 0px 0px 6px #888;
    border: none
}

.page-form .fixed .formErrorContent {
    margin-top: 0.5em;
    background: #f60;
    margin: 0 0 30px 0;
    border-radius: none;
    box-shadow: none
}

.page-form .fadeOut {
    opacity: 0.2
}

.page-form .hid_url {
    display: none
}

.page-form .step-img {
    margin: 60px auto;
    display: block
}

.page-form .tableContact {
    width: 100%;
    margin: 30px 0 50px;
    font-size: 15px;
    text-align: left;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='920' height='1' viewBox='0 0 920 1'%3E%3Cpath id='bdr' d='M0,0H920' transform='translate(0 0.5)' fill='none' stroke='%23e3e3e3' stroke-width='1' stroke-dasharray='3'/%3E%3C/svg%3E%0A");
    background-repeat: repeat-x;
    background-position: bottom left
}

@media (max-width: 767px) {
    .page-form .tableContact {
        font-size:14px;
        font-size: 1.4rem;
        width: 100%;
        display: block
    }
}

@media (max-width: 767px) {
    .page-form .tableContact tbody {
        width:100%;
        display: inline-block
    }
}

@media (max-width: 767px) {
    .page-form .tableContact tr {
        width:100%;
        display: inline-block
    }
}

@media (min-width: 768px) {
    .page-form .tableContact td,.page-form .tableContact th {
        padding:21px 20px 21px 0
    }
}

@media (max-width: 767px) {
    .page-form .tableContact td,.page-form .tableContact th {
        padding:0
    }
}

.page-form .tableContact th {
    font-weight: normal
}

@media (min-width: 768px) {
    .page-form .tableContact th {
        width:376px
    }
}

@media (max-width: 767px) {
    .page-form .tableContact th {
        width:100%;
        display: block
    }

    .page-form .tableContact th small {
        font-size: 12px;
        display: block
    }
}

.page-form .tableContact th ul {
    counter-reset: countNum;
    margin-top: 11px
}

@media (min-width: 768px) {
    .page-form .tableContact th ul {
        padding:0 29px 0 0
    }
}

.page-form .tableContact th ul li {
    padding: 2px 0 0 30px;
    position: relative;
    color: #4d4d4d;
    margin: 0 0 7px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    letter-spacing: .05em;
    font-weight: 500
}

.page-form .tableContact th ul li:last-child {
    margin-bottom: 0
}

.page-form .tableContact th ul li::before {
    counter-increment: countNum;
    content: "※" counter(countNum);
    position: absolute;
    top: 2px;
    left: 0
}

.page-form .tableContact .note-checkbox {
    counter-reset: countNum;
    margin: 11px auto 0
}

.page-form .tableContact .note-checkbox li {
    padding: 2px 0 0 30px;
    position: relative;
    color: #4d4d4d;
    margin: 0 0 7px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    letter-spacing: .05em;
    font-weight: 500
}

.page-form .tableContact .note-checkbox li:last-child {
    margin-bottom: 0
}

.page-form .tableContact .note-checkbox li::before {
    counter-increment: countNum;
    content: "※" counter(countNum);
    position: absolute;
    top: 2px;
    left: 0
}

.page-form .tableContact td {
    position: relative;
    padding-left: 0;
    padding-right: 0
}

@media (max-width: 767px) {
    .page-form .tableContact td {
        width:100%;
        display: block;
        padding: 10px 0 0
    }
}

.page-form .tableContact td .value-input input {
    width: 100%;
    pointer-events: none
}

.page-form .tableContact td .value-input input.active {
    pointer-events: visible
}

.page-form .tableContact tr {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='920' height='1' viewBox='0 0 920 1'%3E%3Cpath id='bdr' d='M0,0H920' transform='translate(0 0.5)' fill='none' stroke='%23e3e3e3' stroke-width='1' stroke-dasharray='3'/%3E%3C/svg%3E%0A");
    background-repeat: repeat-x;
    background-position: top left
}

@media (max-width: 767px) {
    .page-form .tableContact tr {
        width:100%;
        display: block;
        padding: 23px 0 24px
    }

    .page-form .tableContact tr:nth-child(3) {
        padding: 22px 0 24px
    }

    .page-form .tableContact tr:nth-child(5) {
        padding-bottom: 19px
    }

    .page-form .tableContact tr:nth-child(7) {
        padding-bottom: 26px
    }

    .page-form .tableContact tr:nth-child(10),.page-form .tableContact tr:nth-child(11) {
        padding-bottom: 26px
    }

    .page-form .tableContact tr:nth-child(15) {
        padding-bottom: 20px
    }

    .page-form .tableContact tr:nth-child(16) {
        padding-bottom: 24px
    }

    .page-form .tableContact tr:nth-child(17) {
        padding-bottom: 17px
    }

    .page-form .tableContact tr:nth-child(20) {
        padding: 25px 0 18px
    }

    .page-form .tableContact tr:nth-child(21) {
        padding: 24px 0 26px
    }

    .page-form .tableContact tr:nth-child(21) .chkradio {
        margin-top: 15px
    }

    .page-form .tableContact tr:nth-child(21) .chkradio p {
        margin-bottom: 10px
    }

    .page-form .tableContact tr:nth-child(21) .chkradio span.check {
        top: 5px;
        left: 5px;
        width: 8px;
        height: 8px
    }

    .page-form .tableContact tr:nth-child(21) .chkradio label {
        padding: 3px 6px 6px 29px
    }

    .page-form .tableContact tr:nth-child(21) .chkradio label::before {
        top: 9px
    }
}

.page-form .tableContact tr:first-child {
    background: none
}

@media (max-width: 767px) {
    .page-form .tableContact tr:first-child {
        margin-top:0;
        padding: 0 0 19px
    }
}

@media (min-width: 768px) {
    .page-form .tableContact tr input {
        margin:6px 0 0 4px
    }
}

.page-form .tableContact textarea,.page-form .tableContact input[type="text"],.page-form .tableContact input[type="email"],.page-form .tableContact input[type="number"],.page-form .tableContact input[type="url"],.page-form .tableContact input[type="tel"] {
    width: 100%;
    height: 44px;
    border-radius: 3px;
    background: #fafafa;
    border: 1px solid #c4c4c4;
    color: #4d4d4d;
    padding: 10px
}

.page-form .tableContact textarea::placeholder,.page-form .tableContact input[type="text"]::placeholder,.page-form .tableContact input[type="email"]::placeholder,.page-form .tableContact input[type="number"]::placeholder,.page-form .tableContact input[type="url"]::placeholder,.page-form .tableContact input[type="tel"]::placeholder {
    color: #c1c1c1;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 2.06667;
    letter-spacing: .05em;
    font-weight: 500;
    padding: 0 8px
}

@media (max-width: 767px) {
    .page-form .tableContact textarea::placeholder,.page-form .tableContact input[type="text"]::placeholder,.page-form .tableContact input[type="email"]::placeholder,.page-form .tableContact input[type="number"]::placeholder,.page-form .tableContact input[type="url"]::placeholder,.page-form .tableContact input[type="tel"]::placeholder {
        padding:0 5px
    }
}

@media (max-width: 767px) {
    .page-form .tableContact textarea,.page-form .tableContact input[type="text"],.page-form .tableContact input[type="email"],.page-form .tableContact input[type="number"],.page-form .tableContact input[type="url"],.page-form .tableContact input[type="tel"] {
        height:46px
    }
}

@media (min-width: 768px) {
    .page-form .tableContact input[type="text"],.page-form .tableContact input[type="tel"] {
        width:340px
    }
}

.page-form .tableContact input::-webkit-outer-spin-button,.page-form .tableContact input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.page-form .tableContact input[type="number"] {
    -moz-appearance: textfield
}

.page-form .tableContact .size02 input[type="text"],.page-form .tableContact textarea {
    width: 100%
}

.page-form .tableContact .floatL input {
    width: 100%
}

@media (min-width: 768px) {
    .page-form .tableContact textarea {
        height:178px
    }
}

@media (max-width: 767px) {
    .page-form .tableContact textarea {
        height:200px
    }
}

.page-form .tableContact select {
    -webkit-appearance: none;
    appearance: none;
    border: 1px solid #aaa;
    padding: 10px
}

.page-form .tableContact button {
    height: 60px;
    margin: 20px auto;
    padding: 0 100px;
    background: #eee
}

.page-form .tableContact span.fl {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 2.06667;
    letter-spacing: .05em;
    font-weight: bold
}

.page-form .tableContact span.fl em {
    margin-right: 12px
}

@media (max-width: 767px) {
    .page-form .tableContact span.fl em {
        width:45px;
        height: 24px;
        margin-right: 16px
    }
}

.page-form .tableContact span.fl small {
    font-size: 12px;
    font-size: 1.2rem
}

.page-form .tableContact em {
    width: 55px;
    height: 24px;
    border-radius: 5px;
    background: #92c619;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2.58333;
    letter-spacing: .05em;
    font-weight: 500;
    white-space: nowrap;
    border-radius: 5px;
    border: 1px solid #92c619
}

.page-form .tableContact em.none {
    color: #919191;
    background: transparent;
    border-color: #cecece
}

@media (max-width: 767px) {
    .page-form .tableContact em {
        text-align:left;
        color: #fff;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 2.58333;
        letter-spacing: .05em;
        font-weight: 500
    }
}

.page-form .tableContact .pRadio {
    display: inline-block;
    vertical-align: middle
}

.page-form .tableContact .pRadio input {
    position: absolute;
    opacity: 0
}

.page-form .tableContact .pRadio label {
    display: inline-block;
    margin: 0 5px 0 0;
    border: 1px solid #aaa;
    padding: 10px 20px
}

.page-form .tableContact .pRadio input:checked ~ label {
    background: #555;
    border-color: #555;
    color: #fff
}

.page-form .tableContact .chkcheckbox {
    display: flex;
    flex-wrap: wrap;
    position: relative
}

@media (min-width: 768px) {
    .page-form .tableContact .chkcheckbox {
        padding:0 0 0 4px
    }
}

.page-form .tableContact .chkcheckbox li {
    position: relative
}

@media (min-width: 768px) {
    .page-form .tableContact .chkcheckbox li {
        width:50%
    }
}

@media (max-width: 767px) {
    .page-form .tableContact .chkcheckbox li {
        display:block;
        width: 100%;
        margin-bottom: 3px
    }

    .page-form .tableContact .chkcheckbox li:last-child {
        margin-bottom: 0
    }
}

.page-form .tableContact .chkcheckbox li label {
    -webkit- user-select: none;
    -moz- user-select: none;
    -ms- user-select: none;
    -o- user-select: none;
    user-select: none;
    display: inline-block;
    padding: 4px 0 0
}

.page-form .tableContact .chkcheckbox li label input {
    width: 0;
    height: 0;
    opacity: 0;
    position: absolute
}

.page-form .tableContact .chkcheckbox li label input:checked ~ span::after {
    opacity: 1
}

.page-form .tableContact .chkcheckbox li label input:checked ~ span {
    color: #92c619
}

.page-form .tableContact .chkcheckbox li label span {
    display: inline-block;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.73333;
    letter-spacing: .05em;
    padding-left: 26px;
    position: relative
}

.page-form .tableContact .chkcheckbox li label span small {
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block
}

.page-form .tableContact .chkcheckbox li label span::before,.page-form .tableContact .chkcheckbox li label span::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg id='check' fill='none' stroke='%23c4c4c4' stroke-width='1'%3E%3Crect width='18' height='18' rx='3' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='17' height='17' rx='2.5' fill='none'/%3E%3C/g%3E%3C/svg%3E%0A");
    top: 3px;
    left: 0
}

.page-form .tableContact .chkcheckbox li label span::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cg id='check' fill='none' stroke='%23f58031' stroke-width='1'%3E%3Crect width='18' height='18' rx='3' stroke='none'/%3E%3Crect x='0.5' y='0.5' width='17' height='17' rx='2.5' fill='none'/%3E%3C/g%3E%3Cpath id='Path_113' data-name='Path 113' d='M5574.682,2155.837l2.8,2.8,6.053-5.807' transform='translate(-5570.106 -2146.729)' fill='none' stroke='%23f58031' stroke-linecap='round' stroke-width='2'/%3E%3C/svg%3E%0A");
    opacity: 0;
    transition: all 0.3s ease-in-out
}

.page-form .tableContact .chkradio {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 9px
}

@media (min-width: 768px) {
    .page-form .tableContact .chkradio {
        padding:0 0 0 4px
    }
}

@media (max-width: 767px) {
    .page-form .tableContact .chkradio {
        margin-top:4px
    }
}

.page-form .tableContact .chkradio p {
    background: transparent;
    position: relative;
    display: inline-block;
    position: relative;
    margin-right: 22px;
    width: 46%
}

.page-form .tableContact .chkradio p:last-child {
    margin-right: 0
}

@media (max-width: 767px) {
    .page-form .tableContact .chkradio p {
        width:46%;
        margin-right: 12px
    }
}

.page-form .tableContact .chkradio p input {
    position: absolute;
    opacity: 0
}

.page-form .tableContact .chkradio p span.check {
    background: #92c619;
    position: absolute;
    top: 8px;
    left: 4px;
    width: 10px;
    height: 10px;
    z-index: 2;
    border-radius: 50%;
    opacity: 0;
    transition: 0.3s
}

@media (max-width: 767px) {
    .page-form .tableContact .chkradio p span.check {
        top:8px;
        left: 5px;
        width: 8px;
        height: 8px
    }
}

.page-form .tableContact .chkradio p span.txt {
    position: relative;
    top: -1px
}

.page-form .tableContact .chkradio p label {
    text-align: left;
    color: #080c1b;
    padding: 7px 10px 7px 26px;
    display: inline-block;
    position: relative;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: .05em
}

.page-form .tableContact .chkradio p label::before {
    content: "";
    position: absolute;
    top: 13px;
    left: 0;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 50%;
    transition: 0.5s;
    transform: translateY(-50%);
    transition: 0.3s
}

@media (max-width: 767px) {
    .page-form .tableContact .chkradio p label {
        font-size:15px;
        padding: 6px 6px 6px 26px
    }
}

@media only screen and (max-width: 374px) {
    .page-form .tableContact .chkradio p label {
        font-size:12px
    }
}

.page-form .tableContact .chkradio p input:checked+.check {
    opacity: 1
}

.page-form .tableContact .chkradio p input:checked+.check+label {
    color: #92c619
}

.page-form .tableContact .chkradio p input:checked+.check+label:before {
    border-width: 7px;
    border: 1px solid #92c619
}

.page-form .tableContact #radioarray03 p {
    width: 50%;
    margin-right: 0
}

@media (min-width: 768px) {
    .page-form .tableContact #faqInput {
        margin-top:9px;
        width: 100%
    }
}

@media (max-width: 767px) {
    .page-form .tableContact #faqInput {
        margin-top:3px
    }
}

.page-form .tableContact .datebirth {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start
}

.page-form .tableContact .datebirth input {
    width: 140px;
    margin-right: 9px
}

@media (max-width: 767px) {
    .page-form .tableContact .datebirth input {
        width:72px;
        margin-right: 9px
    }
}

.page-form .tableContact .datebirth span {
    margin-right: 11px
}

.page-form .tableContact .datebirth span:last-child {
    margin-right: 0
}

@media (max-width: 767px) {
    .page-form .tableContact .datebirth span {
        margin-right:18px
    }
}

@media (min-width: 768px) {
    .page-form .tableContact .education li {
        padding:0 0 0 4px;
        margin-bottom: 16px
    }
}

@media (max-width: 767px) {
    .page-form .tableContact .education li {
        margin-bottom:32px
    }

    .page-form .tableContact .education li:last-child {
        margin-bottom: 0
    }
}

.page-form .tableContact .education li .cl-or {
    margin-bottom: 2px
}

@media (max-width: 767px) {
    .page-form .tableContact .education li .cl-or {
        margin-bottom:6px
    }
}

.page-form .tableContact .education li:last-child {
    margin: 0
}

.page-form .tableContact .education li .gr-cont {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap
}

@media (min-width: 768px) {
    .page-form .tableContact .education li .gr-cont {
        margin-bottom:16px
    }
}

@media (max-width: 767px) {
    .page-form .tableContact .education li .gr-cont {
        margin-bottom:25px
    }
}

.page-form .tableContact .education li .gr-cont:last-child {
    margin: 0;
    justify-content: flex-start
}

@media (max-width: 767px) {
    .page-form .tableContact .education li .gr-cont:last-child {
        flex-wrap:wrap
    }
}

.page-form .tableContact .education li .gr-cont p {
    margin: 0
}

.page-form .tableContact .education li .gr-cont p.w50 {
    width: 100%
}

@media (min-width: 768px) {
    .page-form .tableContact .education li .gr-cont p.w50 {
        max-width:260px
    }
}

@media (max-width: 767px) {
    .page-form .tableContact .education li .gr-cont p.w50 {
        display:flex;
        align-items: center;
        margin-bottom: 14px
    }

    .page-form .tableContact .education li .gr-cont p.w50:last-child {
        margin-bottom: 0
    }

    .page-form .tableContact .education li .gr-cont p.w50 span {
        width: 80px;
        margin-right: 20px
    }

    .page-form .tableContact .education li .gr-cont p.w50 input {
        margin-top: 0;
        width: calc(100% - 80px)
    }
}

.page-form .tableContact .education li .gr-cont p input {
    margin-top: 7px;
    margin-left: 0;
    width: 100%
}

@media (min-width: 768px) {
    .page-form .tableContact .education li .gr-cont p span {
        display:block;
        margin-bottom: 1px
    }
}

@media (min-width: 768px) {
    .page-form .tableContact .education li .gr-cont p.year {
        margin-right:34px
    }
}

.page-form .tableContact .education li .gr-cont p.year:last-child {
    margin: 0
}

@media (max-width: 767px) {
    .page-form .tableContact .education li .gr-cont p.year {
        width:50%
    }

    .page-form .tableContact .education li .gr-cont p.year:nth-child(2) {
        padding-left: 9px
    }
}

.page-form .tableContact .education li .gr-cont p.year input {
    margin-right: 10px;
    max-width: 140px
}

@media (max-width: 767px) {
    .page-form .tableContact .education li .gr-cont p.year input {
        max-width:124px
    }
}

@media (min-width: 768px) {
    .page-form .tableContact .education.education-cont {
        padding:15px 0 19px
    }
}

@media (max-width: 767px) {
    .page-form .tableContact .education.education-cont {
        padding:0
    }
}

@media (min-width: 768px) {
    .page-form .tableContact .education.education-cont li {
        margin-bottom:19px
    }
}

@media (max-width: 767px) {
    .page-form .tableContact .education.education-cont li {
        margin-bottom:33px
    }
}

.page-form .tableContact .education.education-cont li:last-child {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .page-form .tableContact .education.education-cont li .gr-cont #schoolname5 {
        max-width:340px
    }

    .page-form .tableContact .education.education-cont li .gr-cont p:first-child {
        max-width: 340px;
        width: 100%;
        margin-right: 20px
    }

    .page-form .tableContact .education.education-cont li .gr-cont p:first-child input {
        margin: 2px 0 0 0
    }

    .page-form .tableContact .education.education-cont li .gr-cont p:last-child input {
        margin: 0 9px 0 0
    }
}

@media (max-width: 767px) {
    .page-form .tableContact .education.education-cont li .gr-cont {
        width:100%;
        display: block
    }

    .page-form .tableContact .education.education-cont li .gr-cont p {
        display: flex;
        align-items: center;
        margin-bottom: 15px
    }

    .page-form .tableContact .education.education-cont li .gr-cont p:last-child {
        margin-bottom: 0
    }

    .page-form .tableContact .education.education-cont li .gr-cont p span {
        padding: 0 14px 0 0;
        white-space: nowrap
    }

    .page-form .tableContact .education.education-cont li .gr-cont p:first-child input {
        margin-top: 0
    }

    .page-form .tableContact .education.education-cont li .gr-cont .year {
        width: 100%;
        padding-left: 0
    }

    .page-form .tableContact .education.education-cont li .gr-cont .year p {
        max-width: 100%;
        width: 100%;
        max-width: 100%;
        margin-bottom: 10px
    }

    .page-form .tableContact .education.education-cont li .gr-cont .year p:last-child {
        margin-bottom: 0
    }

    .page-form .tableContact .education.education-cont li .gr-cont .year input {
        width: 100%;
        margin-top: 0
    }

    .page-form .tableContact .education.education-cont li .gr-cont .year:nth-child(2) {
        padding: 0
    }

    .page-form .tableContact .education.education-cont li .gr-cont .year:nth-child(2) input {
        max-width: 100%;
        width: 90%
    }
}

@media (min-width: 768px) {
    .page-form .tableContact .wd1 input {
        margin-right:5px;
        width: 140px
    }
}

@media (max-width: 767px) {
    .page-form .tableContact .wd1 input {
        margin-right:8px;
        width: 72px
    }
}

.page-form .tableContact .baseEdu input {
    width: 100%;
    margin: 0
}

.page-form .tableContact .baseEdu span {
    font-size: 15px;
    font-size: 1.5rem;
    position: relative
}

.page-form .tableContact .baseEdu span.w100 {
    display: block;
    width: 100%
}

@media (min-width: 768px) {
    .page-form .tableContact .baseEdu span.w100 {
        padding:4px 0 0 0
    }
}

.page-form .tableContact .baseEdu small {
    font-size: 12px;
    font-size: 1.2rem
}

@media (min-width: 768px) {
    .page-form .tableContact .baseEdu li {
        margin-bottom:16px;
        padding-left: 4px
    }
}

.page-form .tableContact .baseEdu li:last-child {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .page-form .tableContact .baseEdu li {
        margin-bottom:32px
    }
}

@media (min-width: 768px) {
    .page-form .tableContact .baseEdu .info {
        margin:15px auto 10px
    }
}

@media (min-width: 768px) {
    .page-form .tableContact .baseEdu .info span {
        margin-bottom:7px;
        display: block;
        width: 100%
    }
}

.page-form .tableContact .baseEdu .info textarea {
    height: 70px;
    line-height: 1.5
}

@media (max-width: 767px) {
    .page-form .tableContact .baseEdu .info {
        display:flex;
        align-items: center;
        margin: 16px auto 25px
    }

    .page-form .tableContact .baseEdu .info span {
        width: 95px;
        padding-right: 20px;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.4
    }

    .page-form .tableContact .baseEdu .info small {
        font-size: 12px;
        font-size: 1.2rem;
        white-space: nowrap;
        font-feature-settings: "palt"
    }

    .page-form .tableContact .baseEdu .info textarea {
        margin-top: 0;
        width: calc(100% - 95px);
        height: 65px
    }
}

@media (min-width: 768px) {
    .page-form .tableContact .baseEdu .level {
        display:flex;
        justify-content: space-between
    }
}

@media (max-width: 767px) {
    .page-form .tableContact .baseEdu .level {
        width:100%
    }
}

@media (min-width: 768px) {
    .page-form .tableContact .baseEdu .level .year {
        max-width:250px;
        width: 100%
    }

    .page-form .tableContact .baseEdu .level .year p {
        display: flex;
        margin-top: 6px
    }

    .page-form .tableContact .baseEdu .level .year p span {
        width: 50%
    }

    .page-form .tableContact .baseEdu .level .year p span:last-child {
        margin: 0
    }

    .page-form .tableContact .baseEdu .level .year:nth-child(2) {
        padding-left: 15px
    }

    .page-form .tableContact .baseEdu .level .year:nth-child(2) span:first-child {
        margin-right: 15px
    }
}

@media (max-width: 767px) {
    .page-form .tableContact .baseEdu .level .year {
        width:100%;
        margin-bottom: 15px
    }

    .page-form .tableContact .baseEdu .level .year:last-child {
        margin: 0
    }

    .page-form .tableContact .baseEdu .level .year p:first-child {
        margin-bottom: 5px
    }
}

.page-form .tableContact .baseEdu .level span {
    display: block
}

@media (min-width: 768px) {
    .page-form .tableContact .baseEdu .level p {
        display:block;
        width: 100%
    }

    .page-form .tableContact .baseEdu .level p:first-child {
        margin-bottom: 7px
    }
}

@media (max-width: 767px) {
    .page-form .tableContact .baseEdu .level p {
        display:flex;
        align-items: center;
        justify-content: flex-start;
        margin-top: 5px
    }

    .page-form .tableContact .baseEdu .level p span:nth-child(2) {
        padding-left: 20px
    }
}

@media (min-width: 768px) {
    .page-form .tableContact .baseEdu .level input {
        max-width:80px;
        width: 100%;
        margin: 0 9px 0 0
    }

    .page-form .tableContact .baseEdu .level input:first-child {
        margin-left: 0
    }
}

@media (max-width: 767px) {
    .page-form .tableContact .baseEdu .level input {
        width:81%;
        margin-right: 9px
    }
}

@media (max-width: 767px) {
    .page-form .tableContact .baseEdu .w2 {
        display:flex;
        align-items: center;
        margin-bottom: 14px;
        margin-top: 6px
    }

    .page-form .tableContact .baseEdu .w2 span {
        width: 95px;
        padding-right: 20px
    }

    .page-form .tableContact .baseEdu .w2 input {
        margin-top: 0;
        width: calc(100% - 95px)
    }
}

.page-form .btn-confirm {
    position: relative;
    margin: 0 auto 100px
}

.page-form .backIndex {
    display: inline-block;
    text-align: right;
    margin: 0 0 0 auto;
    width: 100%;
    color: #92c619
}

.page-form .backIndex a {
    color: inherit;
    border-bottom: 1px solid
}

.page-form .txtContact01.none-btn {
    display: none
}

.page-form .btn-contact {
    position: relative;
    max-width: 920px;
    width: 100%;
    height: 45px;
    margin: 38px auto 0;
    border-radius: 5px;
    transition: 0.3s
}

@media (max-width: 767px) {
    .page-form .btn-contact {
        margin-top:21px;
        height: 56px
    }

    .page-form .btn-contact button {
        text-align: left
    }
}

.page-form .btn-contact.none-btn {
    display: none
}

@media only screen and (min-width: 1025px) {
    .page-form .btn-contact:hover {
        opacity:0.6
    }
}

.page-form .btn-contact span {
    display: block;
    position: relative;
    z-index: 9
}

.page-form .btn-contact button {
    outline: none;
    border: none;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.26667;
    letter-spacing: .05em;
    font-weight: 500
}

.page-form .btn-contact button::before {
    opacity: 0
}

.page-form.fixHeader .header {
    padding: 20px 15px
}

.page-form .check-accept {
    opacity: 0;
    width: 0;
    height: 0
}

.page-form .cl-or {
    display: block;
    width: 100%;
    color: #92c619;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 2.06667;
    letter-spacing: .05em;
    font-weight: 500
}

.page-form.form-confirm .cl-or {
    margin-bottom: 5px;
    line-height: 1
}

@media (max-width: 767px) {
    .page-form.form-confirm .cl-or {
        margin:5px 0 10px
    }
}

.page-form.form-confirm .form-block {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 156px
}

@media (min-width: 768px) {
    .page-form.form-confirm th {
        width:300px
    }
}

.page-form.form-confirm td ul li {
    margin-bottom: 20px
}

.page-form.form-confirm td ul li p {
    position: relative;
    padding-left: 10px
}

.page-form.form-confirm td ul li p span {
    margin-right: 10px
}

.page-form.form-confirm td ul li p::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 5px;
    height: 5px;
    background: #92c619;
    border-radius: 50%
}

.page-form.form-thanks .form-thanks__inner {
    max-width: 900px;
    width: 100%;
    margin: 0 auto 156px
}

.page-form.form-thanks .btn-contact {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

@media (max-width: 767px) {
    .page-form.form-thanks .btn-contact {
        margin-top:89px;
        height: 56px;
        justify-content: flex-start;
        text-align: left;
        padding-left: 19px
    }
}

.page-form.form-thanks .thanks-main__ttl {
    font-family: "游明朝体","Yu Mincho",YuMincho,"Noto Serif JP","ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;
    margin-top: 126px;
    text-align: center;
    position: relative;
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.5;
    letter-spacing: .05em;
    font-weight: 500
}

.page-form.form-thanks .thanks-main__ttl::before {
    content: "";
    position: absolute;
    top: -41px;
    left: 0;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='582.048' height='62.264' viewBox='0 0 582.048 62.264'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.098' y1='-0.199' x2='0.966' y2='1.107' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23f1f8ef'/%3E%3Cstop offset='1' stop-color='%23faf9e4'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath id='h3' d='M48.762-60.845V-57.1H27.391V0H23.005V-57.1H1.5v-3.741ZM119.153,0h-4.429V-29.154h-38.1V0H72.2V-60.845h4.429v28.38h38.1v-28.38h4.429Zm76.755,0h-3.4a1.493,1.493,0,0,1-.989-.322,2.139,2.139,0,0,1-.6-.839l-7.181-17.673H153.854L146.716-1.161a1.846,1.846,0,0,1-.6.817A1.6,1.6,0,0,1,145.082,0h-3.354l24.9-60.845h4.386ZM155.187-22.1h27.262L170.022-52.847q-.3-.731-.6-1.656t-.6-1.956q-.3,1.032-.6,1.956t-.6,1.7Zm65.4-38.743a2.414,2.414,0,0,1,.946.15,2.021,2.021,0,0,1,.731.667L261.655-7.31q-.129-1.29-.129-2.494V-60.845h3.87V0h-2.107A1.856,1.856,0,0,1,261.7-.86l-39.56-52.8q.129,1.29.129,2.451V0H218.44V-60.845Zm81.442,28.079h3.612a13.532,13.532,0,0,0,1.419-.064,4.238,4.238,0,0,0,1.1-.258,4.4,4.4,0,0,0,.924-.494,6.881,6.881,0,0,0,.9-.774L334.54-59.6a4.882,4.882,0,0,1,1.269-.967,3.309,3.309,0,0,1,1.44-.279h3.569L314.244-33.54a12.5,12.5,0,0,1-1.44,1.333,5.739,5.739,0,0,1-1.4.774,4.848,4.848,0,0,1,1.613.8,9.3,9.3,0,0,1,1.44,1.4L342.495,0h-3.569a2.934,2.934,0,0,1-1.591-.322,7.008,7.008,0,0,1-.989-.839L310.589-27.477q-.473-.473-.86-.817a3.759,3.759,0,0,0-.882-.581,4.269,4.269,0,0,0-1.183-.344,11.44,11.44,0,0,0-1.72-.107h-3.913V0h-4.386V-60.931h4.386Zm112.445,7.654V0h-4.429V-25.112L387.559-60.845h3.827a1.551,1.551,0,0,1,.967.279,3.278,3.278,0,0,1,.71.8l17.415,27.95a19.56,19.56,0,0,1,1.032,1.913q.43.924.774,1.87.344-.946.774-1.87a19.559,19.559,0,0,1,1.032-1.913l17.372-27.95a2.451,2.451,0,0,1,.645-.774,1.564,1.564,0,0,1,.989-.3h3.87Zm96.32-5.332a36.9,36.9,0,0,1-2.107,12.793,28.341,28.341,0,0,1-5.934,9.8A26.242,26.242,0,0,1,493.6-1.569,30.546,30.546,0,0,1,481.772.645a30.314,30.314,0,0,1-11.739-2.214,26.242,26.242,0,0,1-9.159-6.278,28.6,28.6,0,0,1-5.955-9.8,36.567,36.567,0,0,1-2.129-12.793,36.436,36.436,0,0,1,2.129-12.75,28.6,28.6,0,0,1,5.955-9.8,26.489,26.489,0,0,1,9.159-6.3,30.059,30.059,0,0,1,11.739-2.236A30.546,30.546,0,0,1,493.6-59.319a26.106,26.106,0,0,1,9.159,6.3,28.572,28.572,0,0,1,5.934,9.826A36.772,36.772,0,0,1,510.8-30.444Zm-4.558,0a34.717,34.717,0,0,0-1.763-11.438,24.623,24.623,0,0,0-4.966-8.6,21.3,21.3,0,0,0-7.719-5.4,25.938,25.938,0,0,0-10.019-1.871,25.546,25.546,0,0,0-9.911,1.871,21.751,21.751,0,0,0-7.74,5.4,24.522,24.522,0,0,0-5.031,8.6A34.334,34.334,0,0,0,457.3-30.444a34.285,34.285,0,0,0,1.785,11.459,24.554,24.554,0,0,0,5.031,8.579,21.517,21.517,0,0,0,7.74,5.375,25.806,25.806,0,0,0,9.911,1.849,26.2,26.2,0,0,0,10.019-1.849,21.074,21.074,0,0,0,7.719-5.375,24.654,24.654,0,0,0,4.966-8.579A34.667,34.667,0,0,0,506.239-30.444ZM560.505-3.139a19.261,19.261,0,0,0,7.848-1.526,16.823,16.823,0,0,0,5.87-4.236,18.641,18.641,0,0,0,3.676-6.386,24.164,24.164,0,0,0,1.269-7.934V-60.845h4.386V-23.22a27.225,27.225,0,0,1-1.591,9.4,22.457,22.457,0,0,1-4.58,7.611,21.127,21.127,0,0,1-7.267,5.1A23.993,23.993,0,0,1,560.505.731a23.993,23.993,0,0,1-9.61-1.849,21.128,21.128,0,0,1-7.267-5.1,22.458,22.458,0,0,1-4.579-7.611,27.225,27.225,0,0,1-1.591-9.4V-60.845h4.429v37.582a24.166,24.166,0,0,0,1.268,7.934,18.829,18.829,0,0,0,3.655,6.385,16.843,16.843,0,0,0,5.848,4.257A19.029,19.029,0,0,0,560.505-3.139Z' transform='translate(-1.505 61.533)' fill='url(%23linear-gradient)'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    width: 582px;
    height: 62px;
    display: block;
    z-index: -1;
    text-align: center;
    margin: 0 auto
}

@media (max-width: 767px) {
    .page-form.form-thanks .thanks-main__ttl {
        margin-top:75px;
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 1.58333
    }
}

.page-form.form-thanks .thanks-main__txt {
    color: #4d4d4d;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 2.26667;
    letter-spacing: .05em;
    font-weight: 500
}

@media (min-width: 768px) {
    .page-form.form-thanks .thanks-main__txt {
        margin-top:41px
    }
}

@media (min-width: 768px) {
    .page-form.form-thanks .thanks-main__txt+p {
        margin-top:11px
    }
}

@media (max-width: 767px) {
    .page-form.form-thanks .thanks-main__txt+p {
        margin-top:46px
    }
}

@media (max-width: 767px) {
    .page-form.form-thanks .thanks-main__txt {
        margin-top:19px;
        line-height: 2
    }
}

.page-form.form-thanks .thanks-main__mail {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    margin-top: 10px
}

.page-form.form-thanks .thanks-main__back {
    margin-top: 40px
}

.header__main {
    width: 100%;
    height: 87px;
    top: 0;
    left: 0;
    position: absolute;
    padding: 40px 30px 0 32px;
    z-index: 999999;
    background: #fff;
}

.header__main--title {
    font-size: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #9D9D9D;
    padding: 7px 10px 0;
    letter-spacing: 0.5px
}

.header__main--nav,.header__main--right,.header__main--menu {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.header__main--logo {
    display: block;
    width: 323px;
    position: relative;
    top: -5px;
    transition: opacity .3s
}

.header__main--logo img {
    display: block;
    width: 100%
}

.header__main--logo img.logo_fixed {
    visibility: hidden;
    width: 260px;
    position: absolute;
    top: -5px;
    left: -5px
}

.header__main--right {
    width: calc(100% - 323px);
    justify-content: flex-end;
    padding-top: 1px
}

.header__main--menu {
    width: calc(100% - 200px);
    justify-content: flex-end;
    padding-right: 20px
}

.header__main--menu>li {
    padding: 0 19px;
    position: relative
}

.header__main--menu>li::before {
    content: "";
    width: 100%;
    height: calc(100% + 10px);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.header__main--menu>li a {
    opacity: 1
}

.header__main--menu>li a,.header__main--menu>li a span {
    display: block;
    position: relative
}

.header__main--menu>li.has_sub>a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 42px
}

.header__main--menu>li.has_sub>a span {
    padding-right: 17px
}

.header__main--menu>li.has_sub>a span::before {
    content: "";
    display: block;
    width: 10px;
    height: 6px;
    background: url(../img/common/icon/ico_ar_down_gray.svg) no-repeat top left;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 0;
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s
}

@media (min-width: 768px) {
    .header__main--menu>li.has_sub:hover::before {
        pointer-events:auto
    }

    .header__main--menu>li.has_sub:hover>a {
        color: #184382;
    }

    .header__main--menu>li.has_sub:hover>a span::before {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        background-image: url(../img/common/icon/ico_ar_down_green.svg)
    }

    .header__main--menu>li.has_sub:hover .sub {
        visibility: visible;
        opacity: 1;
        pointer-events: auto
    }
}

.header__main--menu>li.has_sub.sub01 .sub {
    left: -319px
}

.header__main--menu>li.has_sub.sub02 .sub {
    left: -351px
}

.header__main--menu>li.has_sub.sub03 .sub {
    left: -256px
}

.header__main--menu>li .sub {
    width: 760px;
    position: absolute;
    top: 48px;
    left: -319px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 3px 12px 0px rgba(208,208,208,0.4);
    display: flex;
    flex-wrap: wrap;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    pointer-events: none;
    z-index: 1;
    overflow: hidden
}

.header__main--menu>li .sub .img {
    width: 200px;
    min-height: 275px;
    position: relative
}

.header__main--menu>li .sub .txt {
    width: calc(100% - 200px);
    padding: 33px 40px
}

.header__main--menu>li .sub .txt .title {
    border-bottom: 1px solid #EAEAEA;
    padding-bottom: 14px;
    font-size: 12px;
    letter-spacing: 0.6px;
    margin-bottom: 25px
}

.header__main--menu>li .sub .txt .title span {
    font-family: "Lato",sans-serif;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 2px;
    margin-right: 9px;
    position: relative;
    top: 3px
}

.header__main--menu>li .sub .txt .lst {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -10px
}

.header__main--menu>li .sub .txt .lst li {
    width: 50%;
    margin-bottom: 10px
}

.header__main--menu>li .sub .txt .lst li a {
    padding: 1px 0 0 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 25px;
    font-size: 14px;
    letter-spacing: 0.7px
}

.header__main--menu>li .sub .txt .lst li a::before {
    content: "";
    display: block;
    width: 6px;
    height: 10px;
    background: url(../img/common/icon/ico_ar_right_gray.svg) no-repeat top left;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    left: 11px
}

@media (min-width: 768px) {
    .header__main--menu>li .sub .txt .lst li a:hover {
        font-size:15px;
        letter-spacing: 0.75px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        background: #f8ffeb
    }

    .header__main--menu>li .sub .txt .lst li a:hover::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.207' height='9.414' viewBox='0 0 5.207 9.414'%3E%3Cpath id='Path_53' data-name='Path 53' d='M793.04,74.618l4,4,4-4' transform='translate(-73.91 801.747) rotate(-90)' fill='none' stroke='%2392c619' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/svg%3E%0A");
        background-size: contain
    }
}

.header__main--reserve {
    max-width: 200px
}

.header__main--reserve::before {
    background: transparent
}

@media only screen and (min-width: 1024px) and (max-width: 1214px) {
    .header__main {
        padding-left:20px;
        padding-right: 20px
    }

    .header__main--logo {
        width: 270px
    }

    .header__main--right {
        width: calc(100% - 270px)
    }

    .header__main--reserve {
        max-width: 120px
    }

    .header__main--menu {
        padding-right: 10px;
        width: calc(100% - 120px)
    }

    .header__main--menu>li {
        padding: 0 10px
    }

    .header__main--menu>li.has_sub.sub03 .sub {
        left: -375px
    }
}

@media only screen and (max-width: 1023px) {
    .header__main {
        padding:29px 25px 0 24px !important;
        transition: background .3s
    }

    .header__main--title {
        display: none
    }

    .header__main--logo {
        width: 235px;
        top: 0
    }

    .header__main--right {
        display: none
    }

    .header__main--nav {
        position: relative
    }

    .header__main--menusp {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 42px;
        height: 100%;
        text-align: center;
        text-transform: uppercase;
        font-family: "Lato",sans-serif;
        line-height: 1;
        font-size: 10px;
        font-weight: 300;
        letter-spacing: 1.5px;
        padding-top: 24px;
        opacity: 1
    }

    .header__main--menusp::before,.header__main--menusp::after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background: #4D4D4D;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        -webkit-transition: transform 0.3s;
        -moz-transition: transform 0.3s;
        -ms-transition: transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s
    }

    .header__main--menusp::before {
        top: 3px
    }

    .header__main--menusp::after {
        top: 12px
    }

    .header__main--menusp span {
        display: block
    }

    .header__menusp {
        width: 100vw;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999998;
        visibility: hidden;
        opacity: 0;
        overflow: hidden;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        backface-visibility: hidden;
        padding-top: 88px;
        background: #fff;
        transform: translateZ(0)
    }

    .header__menusp--inner {
        padding: 30px 20px 100px;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        position: relative
    }

    .header__menusp--inner::before {
        content: "";
        width: 0;
        height: 1px;
        background: #184382;
        position: fixed;
        top: 87px;
        right: 0;
        -webkit-transition: width 0.3s;
        -moz-transition: width 0.3s;
        -ms-transition: width 0.3s;
        -o-transition: width 0.3s;
        transition: width 0.3s;
        transition-delay: .2s
    }

    .header__menusp--part {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        box-shadow: 0px 3px 12px 0px rgba(208,208,208,0.3);
        margin-bottom: 20px;
        padding: 15px
    }

    .header__menusp--part .lb {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        position: relative
    }

    .header__menusp--part .lb::before,.header__menusp--part .lb::after {
        content: "";
        display: block;
        width: 15px;
        height: 1px;
        background: #184382;
        position: absolute;
        top: 50%;
        margin-top: -1px;
        right: 0;
        -webkit-transition: transform 0.3s;
        -moz-transition: transform 0.3s;
        -ms-transition: transform 0.3s;
        -o-transition: transform 0.3s;
        transition: transform 0.3s
    }

    .header__menusp--part .lb::before {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .header__menusp--part .lb .img {
        width: 110px;
        height: 85px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px;
        overflow: hidden;
        position: relative
    }

    .header__menusp--part .lb .txt {
        width: calc(100% - 110px);
        font-size: 10px;
        padding: 0 15px;
        position: relative;
        top: 3px;
        letter-spacing: 0.5px
    }

    .header__menusp--part .lb .txt span {
        display: block;
        font-family: "Lato",sans-serif;
        text-transform: uppercase;
        font-size: 18px;
        letter-spacing: 1.8px;
        line-height: 1.2;
        margin-bottom: 5px
    }

    .header__menusp--part .lb.opened::before {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    .header__menusp--part .ct {
       
        padding: 26px 0 11px
    }

    .header__menusp--part .ct .lst {
        display: flex;
        flex-wrap: wrap
    }

    .header__menusp--part .ct .lst li {
        width: 100%;
        margin-bottom: 16px;
        padding-bottom: 8px;
        border-bottom: 1px solid #EAEAEA
    }

    .header__menusp--part .ct .lst li:last-child {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0
    }

    .header__menusp--part .ct .lst li a {
        display: block;
        align-items: center;
        font-size: 14px;
        letter-spacing: 0.7px;
        position: relative;
        padding-left: 26px
    }

    .header__menusp--part .ct .lst li a::before {
        content: "";
        display: block;
        width: 6px;
        height: 10px;
        background: url(../img/common/icon/ico_ar_right_gray.svg) no-repeat top left;
        background-size: 100% 100%;
        position: absolute;
        top: 50%;
        margin-top: -4px;
        left: 9px
    }

    .header__menusp--sched {
        margin: 30px 0 26px
    }

    .header__menusp--sched .c-schedule__tb {
        border-color: #E0E0E0;
        background: #F8FFEB
    }

    .header__menusp--sched .c-schedule__tb tr:first-child td {
        color: #184382;
    }

    .header__menusp--sched .c-schedule__tb td {
        border-color: #E0E0E0
    }

    .header__menusp .trans {
        -webkit-transform: translate3D(30%, 0, 0);
        -moz-transform: translate3D(30%, 0, 0);
        -ms-transform: translate3D(30%, 0, 0);
        -o-transform: translate3D(30%, 0, 0);
        transform: translate3D(30%, 0, 0);
        opacity: 0;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none
    }

    .header.menu_opened .header__main {
        position: fixed;
        background: #fff;
        box-shadow: none !important
    }

    .header.menu_opened .header__main--menusp::before {
        transform: translateY(5px) rotate(12deg)
    }

    .header.menu_opened .header__main--menusp::after {
        transform: translateY(-4px) rotate(-12deg)
    }

    .header.menu_opened .header__menusp {
        visibility: visible;
        opacity: 1
    }

    .header.menu_opened .header__menusp--inner::before {
        width: 100%;
    }

    .header.menu_opened .header__menusp .trans {
        transition: transform .5s, opacity .3s;
        -webkit-transform: translate3D(0, 0, 0);
        -moz-transform: translate3D(0, 0, 0);
        -ms-transform: translate3D(0, 0, 0);
        -o-transform: translate3D(0, 0, 0);
        transform: translate3D(0, 0, 0);
        opacity: 1;
    }

    .header.menu_opened .header__menusp .trans.trans01 {
        transition-delay: .3s
    }

    .header.menu_opened .header__menusp .trans.trans02 {
        transition-delay: .4s
    }

    .header.menu_opened .header__menusp .trans.trans03 {
        transition-delay: .5s
    }

    .header.menu_opened .header__menusp .trans.trans04 {
        transition-delay: .6s
    }

    .header.menu_opened .header__menusp .trans.trans05 {
        transition-delay: .7s;
    }
}

@media only screen and (max-width: 374px) {
    .header__menusp--sched .c-schedule__tb td:not(:first-child) {
        width:29px
    }
}

@media only screen and (min-width: 1024px) {
    .header__menusp,.header__main--menusp {
        display:none !important;
    }
}

body:not(.no_fixed_hd) .header.trans .header__main,body:not(.no_fixed_hd) .header.fixed .header__main {
    -webkit-transition: top 0.3s;
    -moz-transition: top 0.3s;
    -ms-transition: top 0.3s;
    -o-transition: top 0.3s;
    transition: top 0.3s;
}

body:not(.no_fixed_hd) .header.hide .header__main {
    position: fixed;
    top: -87px;
    background: #fff;
    padding: 20px 18px 0 45px
}

body:not(.no_fixed_hd) .header.hide .header__main--title {
    display: none
}

@media only screen and (min-width: 1024px) {
    body:not(.no_fixed_hd) .header.hide .header__main--logo {
        width:298px;
        top: -1px
    }

    body:not(.no_fixed_hd) .header.hide .header__main--right {
        width: calc(100% - 298px)
    }
}

body:not(.no_fixed_hd) .header.fixed .header__main {
    background: #fff;
    position: fixed;
    box-shadow: 0px 3px 8px 0px rgba(206,206,206,0.3);
    top: 0
}

body:not(.no_fixed_hd) .header.fixed .header__main--title {
    display: none
}

@media only screen and (min-width: 1024px) and (max-width: 1050px) {
    body:not(.no_fixed_hd) .header.fixed .header__main {
        padding-left:20px
    }

    body:not(.no_fixed_hd) .header.fixed .header__main--logo {
        width: 260px;
        top: 1px
    }

    body:not(.no_fixed_hd) .header.fixed .header__main--right {
        width: calc(100% - 260px)
    }
}

@-moz-document url-prefix() {
    html.is-macos .header__main--menu>li.has_sub>a span::before {
        margin-top: -2px
    }
}

/*# sourceMappingURL=maps/style.min.css.map */